import{_ as b}from"./PzIcon-cRuuou9i.js";import{P as f}from"./PzText-D5PUnIjq.js";import{e as h,f as s,q as r,B as k,A as z,v as w,y as t,p as c,g,o as l,C as x,t as _}from"./iframe-Bl-fVlm8.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={class:"pz-info-block-layout-header"},T={key:0,class:"pz-info-block-layout-actions"},B={key:0,class:"pz-info-block-layout-helper"},i=h({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},titleVariant:{default:"h4-bold"},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",P,[k(w(f),{variant:e.titleVariant},{default:z(()=>[t(o.$slots,"title",{},()=>[x(_(e.title),1)],!0)]),_:3},8,["variant"]),o.$slots.right_section?(l(),s("div",T,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)]),o.$slots.heading?(l(),s("div",B,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:g(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),d=I(i,[["__scopeId","data-v-8842fbee"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"titleVariant",required:!1,type:{name:"PzTextVariant"},defaultValue:{func:!1,value:'"h4-bold"'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const A=["","tight"],L=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],R=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],N=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],O=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],S=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],$=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],D=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],V=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(v=>!!v).join(`
    `),n=e.showHelper?`
    <template #heading>
      <a href="#" class="custom-helper-link">
        <PzIcon name="open_in_new" size="20" />
        ${e.helperText??"How to check the customer before participating in the tender"}
      </a>
    </template>`:"",m=e.showActions?`
    <template #right_section>
      <span class="custom-badge">0</span>
    </template>`:"";return`<template>
  <PzInfoBlockLayout
    ${o}
  >${m}${n}
    <div class="custom-info-list">
      <div class="custom-info-row">
        <span>Name</span>
        <span>Test Division Organization (AUTOMATION)</span>
      </div>
      <div class="custom-info-row">
        <span>EDRPOU code</span>
        <span>60100000</span>
      </div>
    </div>
  </PzInfoBlockLayout>
</template>`},H={title:"Components/Layouts/PzInfoBlockLayout",component:d,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>V(o.args??H.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:A,description:"Content spacing mode. Use `tight` for denser sections."},showActions:{control:"boolean",description:"Shows the `right_section` slot in the live preview.",table:{category:"Slots"}},showHelper:{control:"boolean",description:"Shows the `heading` slot in the live preview.",table:{category:"Slots"}},helperText:{control:"text",description:"Helper link copy used in the live preview.",table:{category:"Slots"}}},render:e=>({components:{pzIcon:b,pzInfoBlockLayout:d,pzText:f},setup(){return{args:e,customerInfoRows:R,deliveryColumns:$,deliveryRows:D,previewRows:L,purchaseColumns:O,purchaseInfoRows:N,purchaseRows:S}},template:`
      <section class="pz-info-block-layout-story">
        <div class="pz-info-block-layout-story-hero">
          <div>
            <span class="pz-info-block-layout-story-eyebrow">Component API</span>
            <pz-text variant="h4-bold">Information sections with helper and data content</pz-text>
          </div>
          <span class="pz-info-block-layout-story-chip">{{ args.mode || 'default' }}</span>
        </div>

        <div class="pz-info-block-layout-story-board">
          <section class="pz-info-block-layout-story-surface">
            <pz-info-block-layout
              :title="args.title"
              :title-class="args.titleClass"
              :mode="args.mode"
            >
              <template v-if="args.showActions" #right_section>
                <span class="pz-info-block-layout-story-badge">0</span>
              </template>

              <template v-if="args.showHelper" #heading>
                <a
                  href="#"
                  class="pz-info-block-layout-story-helper-link"
                >
                  <pz-icon name="open_in_new" size="20" />
                  <span>{{ args.helperText }}</span>
                </a>
              </template>

              <div class="pz-info-block-layout-story-info-list">
                <div
                  v-for="row in previewRows"
                  :key="row.id"
                  class="pz-info-block-layout-story-info-row"
                >
                  <div class="pz-info-block-layout-story-info-label">
                    {{ row.label }}:
                  </div>

                  <div class="pz-info-block-layout-story-info-value">
                    <span
                      v-for="part in row.parts"
                      :key="part.id"
                    >
                      {{ part.text }}
                    </span>
                  </div>
                </div>
              </div>
            </pz-info-block-layout>
          </section>

          <section class="pz-info-block-layout-story-gallery">
            <div class="pz-info-block-layout-story-group">
              <div class="pz-info-block-layout-story-group-header">
                <div>
                  <span class="pz-info-block-layout-story-group-kicker">Reference 01</span>
                  <pz-text variant="h4-bold">Key-value customer block</pz-text>
                </div>
              </div>

              <pz-info-block-layout title="Customer information">
                <template #helper>
                  <a
                    href="#"
                    class="pz-info-block-layout-story-helper-link"
                  >
                    <pz-icon name="open_in_new" size="20" />
                    <span>How to check the customer before participating in the tender</span>
                  </a>
                </template>

                <div class="pz-info-block-layout-story-info-list">
                  <div
                    v-for="row in customerInfoRows"
                    :key="row.id"
                    class="pz-info-block-layout-story-info-row"
                  >
                    <div class="pz-info-block-layout-story-info-label">
                      {{ row.label }}:
                    </div>

                    <div class="pz-info-block-layout-story-info-value">
                      <template
                        v-for="part in row.parts"
                        :key="part.id"
                      >
                        <a
                          v-if="part.href"
                          :href="part.href"
                          class="pz-info-block-layout-story-inline-link"
                        >
                          {{ part.text }}
                        </a>
                        <span v-else>{{ part.text }}</span>
                      </template>
                    </div>
                  </div>
                </div>
              </pz-info-block-layout>
            </div>

            <div class="pz-info-block-layout-story-group pz-info-block-layout-story-group-muted">
              <div class="pz-info-block-layout-story-group-header">
                <div>
                  <span class="pz-info-block-layout-story-group-kicker">Reference 02</span>
                  <pz-text variant="h4-bold">Mixed block with subject rows and purchase table</pz-text>
                </div>
              </div>

              <pz-info-block-layout title="Tender documentation">
                <template #helper>
                  <a
                    href="#"
                    class="pz-info-block-layout-story-helper-link"
                  >
                    <pz-icon name="open_in_new" size="20" />
                    <span>How a bidder can influence the quality of tender documents</span>
                  </a>
                </template>

                <div class="pz-info-block-layout-story-stack">
                  <pz-text variant="h4-bold">Information on the subject of purchase</pz-text>

                  <div class="pz-info-block-layout-story-info-list">
                    <div
                      v-for="row in purchaseInfoRows"
                      :key="row.id"
                      class="pz-info-block-layout-story-info-row"
                    >
                      <div class="pz-info-block-layout-story-info-label">
                        {{ row.label }}:
                      </div>

                      <div class="pz-info-block-layout-story-info-value">
                        <span
                          v-for="part in row.parts"
                          :key="part.id"
                        >
                          {{ part.text }}
                        </span>
                      </div>
                    </div>
                  </div>

                  <div class="pz-info-block-layout-story-table-wrap">
                    <table class="pz-info-block-layout-story-table">
                      <thead>
                        <tr>
                          <th
                            v-for="column in purchaseColumns"
                            :key="column.id"
                          >
                            {{ column.label }}
                          </th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr
                          v-for="row in purchaseRows"
                          :key="row.id"
                        >
                          <td
                            v-for="(cell, index) in row.cells"
                            :key="row.id + '-' + index"
                          >
                            {{ cell }}
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </pz-info-block-layout>
            </div>

            <div class="pz-info-block-layout-story-group pz-info-block-layout-story-group-muted">
              <div class="pz-info-block-layout-story-group-header">
                <div>
                  <span class="pz-info-block-layout-story-group-kicker">Reference 03</span>
                  <pz-text variant="h4-bold">Dense table section for delivery terms</pz-text>
                </div>
              </div>

              <pz-info-block-layout
                title="Terms of delivery and payment"
                mode="tight"
              >
                <div class="pz-info-block-layout-story-table-wrap">
                  <table class="pz-info-block-layout-story-table">
                    <thead>
                      <tr>
                        <th
                          v-for="column in deliveryColumns"
                          :key="column.id"
                        >
                          {{ column.label }}
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr
                        v-for="row in deliveryRows"
                        :key="row.id"
                      >
                        <td
                          v-for="(cell, index) in row.cells"
                          :key="row.id + '-' + index"
                        >
                          {{ cell }}
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </pz-info-block-layout>
            </div>
          </section>
        </div>
      </section>
    `})},a={};var p,u,y;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(y=(u=a.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};const J=["Playground"];export{a as Playground,J as __namedExportsOrder,H as default};
