@prozorro/prozorro-ui 0.0.9-beta → 0.0.11-beta

package/dist/app/assets/PzLabel.stories-DMxqqqgC.js

@@ -0,0 +1,119 @@
+import{P as d}from"./PzText-LkAZaPCW.js";import{P as r}from"./PzLabel-Coa549nk.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=e=>{const a=[e.label?`label="${e.label}"`:null,e.for?`for="${e.for}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(t=>!!t).join(" "),p=[e.for?`id="${e.for}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.disabled?"disabled":null].filter(t=>!!t).join(" ");return`<template>
+  <PzLabel ${a}>
+    <input ${p} />
+  </PzLabel>
+</template>`},b={title:"Components/Form/PzLabel",component:r,parameters:{docs:{description:{component:"Use `PzLabel` to pair a form control with its caption. It keeps the public API intentionally small: text label via prop or named slot, a required marker, disabled tone, and a `for` attribute for explicit control association."},source:{transform:(e,a)=>n(a.args??b.args)}}},args:{label:"Назва поля",for:"pz-label-story-input",required:!0,disabled:!1,placeholder:"Введіть опис..."},argTypes:{label:{control:"text",description:"Label text shown above the form control."},for:{control:"text",description:"Matches the `id` of the associated control for explicit labeling."},required:{control:"boolean",description:"Adds the visual required indicator next to the label text."},disabled:{control:"boolean",description:"Applies disabled styling to the label. Disable the slotted control separately."},placeholder:{control:"text",description:"Story-only placeholder for the demo input.",table:{category:"Story"}}},render:e=>({components:{pzLabel:r,pzText:d},setup(){return{args:e}},template:`
+      <div class="pz-label-story">
+        <section class="pz-label-story-board">
+          <div class="pz-label-story-header">
+            <div>
+              <span class="pz-label-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Field caption wrapper</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-label-story-preview">
+            <div class="pz-label-story-field">
+              <pz-label
+                :label="args.label"
+                :for="args.for"
+                :required="args.required"
+                :disabled="args.disabled"
+              >
+                <input
+                  :id="args.for"
+                  class="pz-label-story-input"
+                  :placeholder="args.placeholder"
+                  :disabled="args.disabled"
+                />
+              </pz-label>
+            </div>
+          </div>
+        </section>
+
+        <section class="pz-label-story-gallery">
+          <div class="pz-label-story-header">
+            <div>
+              <span class="pz-label-story-eyebrow">Usage</span>
+              <pz-text variant="h4-bold">Typical form labeling states</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-label-story-grid">
+            <article class="pz-label-story-card">
+              <pz-label
+                label="Назва поля"
+                for="pz-label-story-default"
+              >
+                <input
+                  id="pz-label-story-default"
+                  class="pz-label-story-input"
+                  placeholder="Введіть опис..."
+                />
+              </pz-label>
+              <span class="pz-label-story-note">Стандартний label над контролом з явним зв’язком через for/id.</span>
+            </article>
+
+            <article class="pz-label-story-card">
+              <pz-label
+                label="Назва поля"
+                for="pz-label-story-required"
+                required
+              >
+                <input
+                  id="pz-label-story-required"
+                  class="pz-label-story-input"
+                  placeholder="Обов'язкове поле"
+                />
+              </pz-label>
+              <span class="pz-label-story-note">Показує required-маркер для полів, які не можна залишити порожніми.</span>
+            </article>
+
+            <article class="pz-label-story-card">
+              <pz-label
+                for="pz-label-story-slot"
+                required
+              >
+                <template #label>
+                  <span class="pz-label-story-rich-label">
+                    Контактна особа
+                    <span class="pz-label-story-rich-label-note">через label slot</span>
+                  </span>
+                </template>
+
+                <input
+                  id="pz-label-story-slot"
+                  class="pz-label-story-input"
+                  placeholder="Ім'я та прізвище"
+                />
+              </pz-label>
+              <span class="pz-label-story-note">Приклад label slot, коли в підпис треба додати додатковий текст або складнішу розмітку.</span>
+            </article>
+
+            <article class="pz-label-story-card">
+              <pz-label
+                label="Назва поля"
+                for="pz-label-story-disabled"
+                disabled
+              >
+                <input
+                  id="pz-label-story-disabled"
+                  class="pz-label-story-input"
+                  value="Недоступне поле"
+                  disabled
+                />
+              </pz-label>
+              <span class="pz-label-story-note">Disabled-стан приглушує і підпис, і сам control, але семантика label зберігається.</span>
+            </article>
+          </div>
+        </section>
+      </div>
+    `})},l={parameters:{docs:{description:{story:"Інтерактивний приклад wrapper-компонента для підпису поля. Gallery показує базовий label, required-модифікатор, slot-підпис і disabled-стан."}}}};var o,s,i;l.parameters={...l.parameters,docs:{...(o=l.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад wrapper-компонента для підпису поля. Gallery показує базовий label, required-модифікатор, slot-підпис і disabled-стан."
+      }
+    }
+  }
+}`,...(i=(s=l.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};const f=["Playground"];export{l as Playground,f as __namedExportsOrder,b as default};

package/dist/app/assets/PzLink-BlhtooDh.js

@@ -0,0 +1 @@
+import{d as m,G as k,e as l,l as t,D as i,f as v,g as o,o as n}from"./iframe-DbWuH5mz.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z="noopener noreferrer",_=["href","target","rel","aria-disabled","tabindex"],y={key:0,class:"pz-link-prefix"},h={key:1,class:"pz-link-content"},g={key:2,class:"pz-link-suffix"},s=m({name:"PzLink",__name:"PzLink",props:{href:{},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1}},setup(r){const f=k(),e=r,u=o(()=>!!f.default),d=o(()=>e.rel?e.rel:e.target==="_blank"?z:void 0),p=o(()=>[`pz-link--${e.variant}`,{"pz-link--inline":e.inline,"pz-link--block":!e.inline,"pz-link--disabled":e.disabled,"pz-link--bold":e.bold,"pz-link--italic":e.italic,"pz-link--line-through":e.lineThrough,"pz-link--icon-only":e.variant==="icon"&&!u.value}]),c=a=>{e.disabled&&(a.preventDefault(),a.stopPropagation())};return(a,P)=>(n(),l("a",{href:e.href,target:e.target,rel:d.value,"aria-disabled":e.disabled||void 0,tabindex:e.disabled?-1:void 0,class:v(["pz-link",p.value]),onClick:c},[a.$slots.prefix?(n(),l("span",y,[t(a.$slots,"prefix",{},void 0,!0)])):i("",!0),a.$slots.default?(n(),l("span",h,[t(a.$slots,"default",{},void 0,!0)])):i("",!0),a.$slots.suffix?(n(),l("span",g,[t(a.$slots,"suffix",{},void 0,!0)])):i("",!0)],10,_))}}),q=b(s,[["__scopeId","data-v-2ff8892d"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzLink",exportName:"default",displayName:"PzLink",description:"",tags:{},props:[{name:"href",required:!0,type:{name:"string"}},{name:"variant",required:!1,type:{name:"PzLinkVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"target",required:!1,type:{name:"PzLinkTarget"},defaultValue:{func:!1,value:'"_self"'}},{name:"rel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"inline",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"bold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"italic",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"lineThrough",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzLink/PzLink.vue"]});export{q as P};

package/dist/app/assets/{PzLink-CLsit3uW.css → PzLink-BzhNa3ur.css}

@@ -1 +1 @@
-.pz-link[data-v-568cb8cc]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover);--pz-link-background: transparent;--pz-link-hover-background: transparent;--pz-link-border-color: transparent;--pz-link-hover-border-color: transparent;--pz-link-disabled-border-color: transparent;--pz-link-content-decoration: none;--pz-link-hover-decoration: underline;--pz-link-radius: var(--pz-space-4);--pz-link-gap: var(--pz-space-8);--pz-link-padding-inline: 0;--pz-link-padding-block: 0;--pz-link-icon-size: var(--pz-font-size-16);--pz-link-font-style: normal;align-items:center;gap:var(--pz-link-gap);width:fit-content;padding:var(--pz-link-padding-block) var(--pz-link-padding-inline);border:1px solid var(--pz-link-border-color);border-radius:var(--pz-link-radius);background:var(--pz-link-background);color:var(--pz-link-color);cursor:pointer;text-decoration:none;overflow-wrap:break-word;font-style:var(--pz-link-font-style);-webkit-hyphens:auto;hyphens:auto;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-link--inline[data-v-568cb8cc]{display:inline-flex}.pz-link--block[data-v-568cb8cc]{display:flex}.pz-link--bold[data-v-568cb8cc]{font-weight:600}.pz-link--italic[data-v-568cb8cc]{--pz-link-font-style: italic}.pz-link--line-through .pz-link-content[data-v-568cb8cc]{text-decoration:line-through}.pz-link--primary[data-v-568cb8cc]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--neutral[data-v-568cb8cc]{--pz-link-color: var(--pz-color-text-primary);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--gray[data-v-568cb8cc]{--pz-link-color: var(--pz-color-grey-60);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--button[data-v-568cb8cc]{--pz-link-color: var(--pz-color-button-primary);--pz-link-hover-color: var(--pz-color-white);--pz-link-background: transparent;--pz-link-hover-background: var(--pz-color-button-primary-hover);--pz-link-border-color: var(--pz-color-button-primary);--pz-link-hover-border-color: var(--pz-color-button-primary-hover);--pz-link-disabled-border-color: color-mix(in srgb, var(--pz-color-button-disabled) 60%, transparent);--pz-link-hover-decoration: none;--pz-link-radius: var(--pz-space-4);--pz-link-padding-inline: var(--pz-space-8);--pz-link-padding-block: var(--pz-space-4)}.pz-link--icon[data-v-568cb8cc]{--pz-link-color: var(--pz-color-icon-primary);--pz-link-hover-color: var(--pz-color-icon-hover);--pz-link-hover-decoration: none;--pz-link-icon-size: var(--pz-font-size-20)}.pz-link--icon-only[data-v-568cb8cc]{--pz-link-padding-inline: var(--pz-space-4);--pz-link-padding-block: var(--pz-space-4)}.pz-link--disabled[data-v-568cb8cc]{--pz-link-color: var(--pz-color-text-link-disabled);--pz-link-hover-color: var(--pz-color-text-link-disabled);--pz-link-border-color: var(--pz-link-disabled-border-color);cursor:default;pointer-events:none}.pz-link[data-v-568cb8cc]:hover,.pz-link[data-v-568cb8cc]:focus-visible{color:var(--pz-link-hover-color);border-color:var(--pz-link-hover-border-color);background:var(--pz-link-hover-background);outline:none}.pz-link[data-v-568cb8cc]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-link-hover-color) 18%,transparent)}.pz-link-prefix[data-v-568cb8cc],.pz-link-suffix[data-v-568cb8cc]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-link-content[data-v-568cb8cc]{min-width:0;text-decoration:var(--pz-link-content-decoration)}.pz-link-prefix[data-v-568cb8cc]:empty,.pz-link-suffix[data-v-568cb8cc]:empty,.pz-link-content[data-v-568cb8cc]:empty{display:none}.pz-link:hover .pz-link-content[data-v-568cb8cc],.pz-link:focus-visible .pz-link-content[data-v-568cb8cc]{text-decoration:var(--pz-link-hover-decoration)}.pz-link-prefix[data-v-568cb8cc] .pz-icon,.pz-link-suffix[data-v-568cb8cc] .pz-icon{--pz-icon-size: var(--pz-link-icon-size);--pz-icon-color: currentcolor}
+.pz-link[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover);--pz-link-background: transparent;--pz-link-hover-background: transparent;--pz-link-border-color: transparent;--pz-link-hover-border-color: transparent;--pz-link-disabled-border-color: transparent;--pz-link-content-decoration: none;--pz-link-hover-decoration: underline;--pz-link-radius: var(--pz-space-4);--pz-link-gap: var(--pz-space-8);--pz-link-padding-inline: 0;--pz-link-padding-block: 0;--pz-link-icon-size: var(--pz-font-size-16);--pz-link-font-style: normal;align-items:center;gap:var(--pz-link-gap);width:fit-content;padding:var(--pz-link-padding-block) var(--pz-link-padding-inline);border:1px solid var(--pz-link-border-color);border-radius:var(--pz-link-radius);background:var(--pz-link-background);color:var(--pz-link-color);cursor:pointer;text-decoration:none;overflow-wrap:break-word;font-style:var(--pz-link-font-style);-webkit-hyphens:auto;hyphens:auto;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-link--inline[data-v-2ff8892d]{display:inline-flex}.pz-link--block[data-v-2ff8892d]{display:flex}.pz-link--bold[data-v-2ff8892d]{font-weight:600}.pz-link--italic[data-v-2ff8892d]{--pz-link-font-style: italic}.pz-link--line-through .pz-link-content[data-v-2ff8892d]{text-decoration:line-through}.pz-link--primary[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--neutral[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-primary);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--gray[data-v-2ff8892d]{--pz-link-color: var(--pz-color-grey-60);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--button[data-v-2ff8892d]{--pz-link-color: var(--pz-color-button-primary);--pz-link-hover-color: var(--pz-color-white);--pz-link-background: transparent;--pz-link-hover-background: var(--pz-color-button-primary-hover);--pz-link-border-color: var(--pz-color-button-primary);--pz-link-hover-border-color: var(--pz-color-button-primary-hover);--pz-link-disabled-border-color: color-mix(in srgb, var(--pz-color-button-disabled) 60%, transparent);--pz-link-hover-decoration: none;--pz-link-radius: var(--pz-space-4);--pz-link-padding-inline: var(--pz-space-8);--pz-link-padding-block: var(--pz-space-4)}.pz-link--icon[data-v-2ff8892d]{--pz-link-color: var(--pz-color-icon-primary);--pz-link-hover-color: var(--pz-color-icon-hover);--pz-link-hover-decoration: none;--pz-link-icon-size: var(--pz-font-size-20)}.pz-link--icon-only[data-v-2ff8892d]{--pz-link-padding-inline: var(--pz-space-4);--pz-link-padding-block: var(--pz-space-4)}.pz-link--disabled[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-link-disabled);--pz-link-hover-color: var(--pz-color-text-link-disabled);--pz-link-border-color: var(--pz-link-disabled-border-color);cursor:default;pointer-events:none}.pz-link[data-v-2ff8892d]:hover,.pz-link[data-v-2ff8892d]:focus-visible{color:var(--pz-link-hover-color);border-color:var(--pz-link-hover-border-color);background:var(--pz-link-hover-background);outline:none}.pz-link[data-v-2ff8892d]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-link-hover-color) 18%,transparent)}.pz-link-prefix[data-v-2ff8892d],.pz-link-suffix[data-v-2ff8892d]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-link-content[data-v-2ff8892d]{min-width:0;text-decoration:var(--pz-link-content-decoration)}.pz-link-prefix[data-v-2ff8892d]:empty,.pz-link-suffix[data-v-2ff8892d]:empty,.pz-link-content[data-v-2ff8892d]:empty{display:none}.pz-link:hover .pz-link-content[data-v-2ff8892d],.pz-link:focus-visible .pz-link-content[data-v-2ff8892d]{text-decoration:var(--pz-link-hover-decoration)}.pz-link-prefix[data-v-2ff8892d] .pz-icon,.pz-link-suffix[data-v-2ff8892d] .pz-icon{--pz-icon-size: var(--pz-link-icon-size);--pz-icon-color: currentcolor}

package/dist/app/assets/{PzLink.stories-RRRT37UH.js → PzLink.stories-Cc_7lCaq.js}

@@ -1,4 +1,4 @@
-import{_ as p}from"./PzIcon-Drlqf9PC.js";import{P as c}from"./PzText-Qtpayc5y.js";import{p as d,a as f}from"./configs-DshpCAYO.js";import{P as o}from"./PzLink-BU7dMeUw.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const m=[{variant:"primary",label:"Primary text link",suffix:"open_in_new"},{variant:"neutral",label:"Neutral navigation link"},{variant:"gray",label:"Gray meta link"},{variant:"button",label:"Button-like action",prefix:"description"},{variant:"icon",label:"Icon-led action",prefix:"launch"}],u=e=>{const t=[`href="${e.href}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null].filter(n=>!!n).join(" "),s=[e.showPrefix?`    <template #prefix>
+import{_ as p}from"./PzIcon-BNwLASSZ.js";import{P as c}from"./PzText-LkAZaPCW.js";import{p as d,a as f}from"./configs-DshpCAYO.js";import{P as o}from"./PzLink-BlhtooDh.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const m=[{variant:"primary",label:"Primary text link",suffix:"open_in_new"},{variant:"neutral",label:"Neutral navigation link"},{variant:"gray",label:"Gray meta link"},{variant:"button",label:"Button-like action",prefix:"description"},{variant:"icon",label:"Icon-led action",prefix:"launch"}],u=e=>{const t=[`href="${e.href}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null].filter(n=>!!n).join(" "),s=[e.showPrefix?`    <template #prefix>
       <PzIcon name="open_in_new" size="16" />
     </template>`:null,`    ${e.label}`,e.showSuffix?`    <template #suffix>
       <PzIcon name="arrow_forward" size="16" />
@@ -96,4 +96,4 @@ ${s.join(`
           </div>
         </section>
       </div>
-    `})},i={};var r,a,l;i.parameters={...i.parameters,docs:{...(r=i.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(l=(a=i.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};const y=["Playground"];export{i as Playground,y as __namedExportsOrder,b as default};
+    `})},i={};var r,a,l;i.parameters={...i.parameters,docs:{...(r=i.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(l=(a=i.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};const w=["Playground"];export{i as Playground,w as __namedExportsOrder,b as default};

package/dist/app/assets/PzListNav-DRMKw6wp.css

@@ -0,0 +1 @@
+.sb-list-nav-story{padding:var(--pz-space-24)}.pz-list-nav[data-v-4aa62780]{--pz-list-nav-select-width: 80px;display:flex;align-items:center;justify-content:space-between}.pz-list-nav__select[data-v-4aa62780] .pz-select-trigger{width:var(--pz-list-nav-select-width)}@media (max-width: 1023.98px){.pz-list-nav__paginate[data-v-4aa62780]{width:100%}.pz-list-nav__select[data-v-4aa62780]{display:none}}

package/dist/app/assets/PzListNav.stories-BTZ7YDz-.js

@@ -0,0 +1,37 @@
+import{d as w,r as m,j as $,w as P,e as U,y as b,u as L,o as W}from"./iframe-DbWuH5mz.js";import{P as j}from"./PzSelect-CrTXtlds.js";import{P as q}from"./PzPagination-D9MVz0_M.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./index-LkANHSb5.js";import"./floating-vue-B4YMiR3n.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzIcon-BNwLASSZ.js";import"./PzLabel-Coa549nk.js";var a=(e=>(e[e.FIVE=5]="FIVE",e[e.TEN=10]="TEN",e[e.TWENTY=20]="TWENTY",e[e.FIFTY=50]="FIFTY",e[e.ONE_HUNDRED=100]="ONE_HUNDRED",e[e.ONE_MILLION=1e6]="ONE_MILLION",e))(a||{});const V=[{label:"5",value:a.FIVE.toString()},{label:"10",value:a.TEN.toString()},{label:"20",value:a.TWENTY.toString()},{label:"50",value:a.FIFTY.toString()},{label:"100",value:a.ONE_HUNDRED.toString()},{label:"Всі",value:a.ONE_MILLION.toString()}],B={class:"pz-list-nav"},v=1,u=w({name:"PzListNav",__name:"PzListNav",props:{selectLabel:{default:"Показати рядків:"},total:{},options:{default:()=>V},perPage:{default:a.TEN},currentPage:{default:v}},emits:["onInput","onChangePerPage"],setup(e,{emit:r}){const t=e,s=r,g=m(t.currentPage),o=m(t.perPage);$(()=>{o.value=t.perPage,d()}),P(()=>t.perPage,()=>o.value=t.perPage),P(()=>t.total,()=>d());const d=()=>{const n=(g.value-v)*o.value,f=n+o.value;s("onInput",[n,f])},N=n=>{g.value=n,d(),s("onChangePerPage")},Y=n=>{n!==void 0&&(o.value=Number(n),N(v),s("onChangePerPage"))};return(n,f)=>(W(),U("div",B,[b(L(q),{"model-value":g.value,total:t.total,"per-page":o.value,class:"pz-list-nav__paginate","onUpdate:modelValue":N},null,8,["model-value","total","per-page"]),b(L(j),{name:"pz-list-nav-per-page",variant:"inline",label:t.selectLabel,"model-value":String(o.value),options:t.options,class:"pz-list-nav__select","onUpdate:modelValue":Y},null,8,["label","model-value","options"])]))}}),I=A(u,[["__scopeId","data-v-4aa62780"]]);u.__docgenInfo=Object.assign({displayName:u.name??u.__name},{name:"PzListNav",exportName:"default",displayName:"PzListNav",description:"",tags:{},props:[{name:"selectLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Показати рядків:"'}},{name:"total",required:!0,type:{name:"number"}},{name:"options",required:!1,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]},defaultValue:{func:!1,value:"() => ITEMS_PAGINATE_PER_PAGE_CONFIG"}},{name:"perPage",required:!1,type:{name:"ITEMS_PER_PAGE"},defaultValue:{func:!1,value:"ITEMS_PER_PAGE.TEN"}},{name:"currentPage",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"DELTA"}}],events:[{name:"onInput",type:{names:["tuple"],elements:[{name:"number"},{name:"number"}]}},{name:"onChangePerPage"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzListNav/PzListNav.vue"]});const H="<\/script>",k=e=>{const r=[`:total="${e.total}"`,e.selectLabel?`:select-label="'${e.selectLabel}'"`:null,e.perPage!==a.TEN?`:per-page="${e.perPage}"`:null,e.currentPage&&e.currentPage!==1?`:current-page="${e.currentPage}"`:null,'@on-input="range = $event"'].filter(t=>!!t).join(`
+    `);return`<script setup lang="ts">
+import { ref } from "vue";
+const range = ref<[number, number]>([0, 10]);
+${H}
+
+<template>
+  <PzListNav
+    ${r}
+  />
+</template>`},G={title:"Components/Navigation/PzListNav",component:I,parameters:{docs:{description:{component:"Use `PzListNav` to combine pagination with a per-page selector. Emits `onInput` with a `[firstIndex, lastIndex]` range to slice your data array, and `onChangePerPage` whenever the active page or page size changes."},source:{transform:(e,r)=>k(r.args??G.args)}}},args:{total:100,selectLabel:"Показати рядків:",perPage:a.TEN,currentPage:1,options:V},argTypes:{total:{control:{type:"number",min:0},description:"Total items count."},perPage:{control:{type:"number",min:1},description:"Items per page (initial value)."},currentPage:{control:{type:"number",min:1},description:"Initial active page (1-indexed)."},selectLabel:{control:"text",description:"Label for the per-page select."},options:{control:"object",description:"Array of `PzFormSelectOption` for the per-page dropdown."}},render(e){return{components:{pzListNav:I},setup(){const r=m(e.total),t=m([0,e.perPage??a.TEN]);return P(()=>e.total,s=>{r.value=s}),{args:e,total:r,range:t}},template:`
+        <div class="sb-list-nav-story">
+          <pz-list-nav
+            :total="total"
+            :select-label="args.selectLabel"
+            :per-page="args.perPage"
+            :current-page="args.currentPage"
+            :options="args.options"
+            @on-input="range = $event"
+          />
+        </div>
+      `}}},l={},p={args:{total:1e3,perPage:a.TWENTY}},i={args:{total:8,perPage:a.TEN}},c={args:{total:250,perPage:a.FIFTY}};var T,_,z;l.parameters={...l.parameters,docs:{...(T=l.parameters)==null?void 0:T.docs,source:{originalSource:"{}",...(z=(_=l.parameters)==null?void 0:_.docs)==null?void 0:z.source}}};var E,F,y;p.parameters={...p.parameters,docs:{...(E=p.parameters)==null?void 0:E.docs,source:{originalSource:`{
+  args: {
+    total: 1000,
+    perPage: ITEMS_PER_PAGE.TWENTY
+  }
+}`,...(y=(F=p.parameters)==null?void 0:F.docs)==null?void 0:y.source}}};var O,h,S;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  args: {
+    total: 8,
+    perPage: ITEMS_PER_PAGE.TEN
+  }
+}`,...(S=(h=i.parameters)==null?void 0:h.docs)==null?void 0:S.source}}};var D,x,C;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    total: 250,
+    perPage: ITEMS_PER_PAGE.FIFTY
+  }
+}`,...(C=(x=c.parameters)==null?void 0:x.docs)==null?void 0:C.source}}};const ne=["Default","LargeDataset","FewItems","CustomPerPage"];export{c as CustomPerPage,l as Default,i as FewItems,p as LargeDataset,ne as __namedExportsOrder,G as default};

package/dist/app/assets/PzLoader-J7_Govh3.css

@@ -0,0 +1 @@
+.pz-loader[data-v-e5d6adb3]{--pz-loader-size: 80px;--pz-loader-scale: 1;--pz-loader-color: var(--pz-color-blue-50);display:flex;justify-content:center;align-items:center;z-index:99}.pz-loader--small[data-v-e5d6adb3]{--pz-loader-scale: .6;height:calc(var(--pz-loader-size) / 2)}.pz-loader--grey[data-v-e5d6adb3]{--pz-loader-color: var(--pz-color-grey-30)}.pz-loader__wrapper[data-v-e5d6adb3]{color:var(--pz-loader-color);display:inline-block;position:relative;width:var(--pz-loader-size);height:var(--pz-loader-size);transform:scale(var(--pz-loader-scale))}.pz-loader__item[data-v-e5d6adb3]{transform-origin:calc(var(--pz-loader-size) / 2) calc(var(--pz-loader-size) / 2);animation:pz-loader-spinner-e5d6adb3 1.2s linear infinite}.pz-loader__item[data-v-e5d6adb3]:after{content:" ";display:block;position:absolute;top:10px;left:38px;width:6px;height:15px;border-radius:20%;background:var(--pz-loader-color)}.pz-loader__item[data-v-e5d6adb3]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.pz-loader__item[data-v-e5d6adb3]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.pz-loader__item[data-v-e5d6adb3]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.pz-loader__item[data-v-e5d6adb3]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.pz-loader__item[data-v-e5d6adb3]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.pz-loader__item[data-v-e5d6adb3]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.pz-loader__item[data-v-e5d6adb3]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.pz-loader__item[data-v-e5d6adb3]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.pz-loader__item[data-v-e5d6adb3]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.pz-loader__item[data-v-e5d6adb3]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.pz-loader__item[data-v-e5d6adb3]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.pz-loader__item[data-v-e5d6adb3]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes pz-loader-spinner-e5d6adb3{0%{opacity:1}to{opacity:0}}

package/dist/app/assets/PzLoader.stories-4iPgw47o.js

@@ -0,0 +1,9 @@
+import{d as L,e as l,k as P,F as S,z as x,u as h,f as V,o as t}from"./iframe-DbWuH5mz.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const B=["aria-label"],N={class:"pz-loader__wrapper"},o=L({name:"PzLoader",__name:"PzLoader",props:{isSmall:{type:Boolean,default:!1},variant:{default:"primary"},label:{default:"Loading"}},setup(e){const z=Array.from({length:12},(v,n)=>n);return(v,n)=>(t(),l("div",{class:V(["pz-loader",{"pz-loader--small":e.isSmall,"pz-loader--grey":e.variant==="grey"}]),role:"status","aria-label":e.label},[P("div",N,[(t(!0),l(S,null,x(h(z),b=>(t(),l("div",{key:b,class:"pz-loader__item"}))),128))])],10,B))}}),i=k(o,[["__scopeId","data-v-e5d6adb3"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzLoader",exportName:"default",displayName:"PzLoader",description:"",tags:{},props:[{name:"isSmall",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzLoaderVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Loading"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzLoader/PzLoader.vue"]});const F={title:"Components/Display/PzLoader",component:i,args:{isSmall:!1,variant:"primary",label:"Loading"},argTypes:{isSmall:{control:"boolean",description:"Displays the compact loader size."},variant:{control:"select",options:["primary","grey"],description:"Loader color variant."},label:{control:"text",description:"Accessible status label."}},render:e=>({components:{pzLoader:i},setup(){return{args:e}},template:'<pz-loader v-bind="args" />'})},a={},r={args:{isSmall:!0}},s={args:{variant:"grey"}};var d,c,m;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(c=a.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var p,u,f;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  args: {
+    isSmall: true
+  }
+}`,...(f=(u=r.parameters)==null?void 0:u.docs)==null?void 0:f.source}}};var g,y,_;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    variant: "grey"
+  }
+}`,...(_=(y=s.parameters)==null?void 0:y.docs)==null?void 0:_.source}}};const I=["Playground","Small","Grey"];export{s as Grey,a as Playground,r as Small,I as __namedExportsOrder,F as default};

package/dist/app/assets/{PzModal-X71wpoOT.css → PzModal-Ck4FnyKm.css}

@@ -1 +1 @@
-.pz-modal-story{display:grid;gap:24px}.pz-modal-story-board{padding:clamp(24px,3vw,32px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-modal-story-copy{display:grid;gap:16px;max-width:560px}.pz-modal-story-eyebrow{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-modal-story-trigger,.pz-modal-story-primary,.pz-modal-story-secondary{height:40px;padding:0 16px;border-radius:4px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-trigger,.pz-modal-story-primary{border:1px solid var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-modal-story-trigger:hover,.pz-modal-story-trigger:focus-visible,.pz-modal-story-primary:hover,.pz-modal-story-primary:focus-visible{background:var(--pz-color-button-primary-hover);border-color:var(--pz-color-button-primary-hover);outline:none}.pz-modal-story-secondary{border:1px solid color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-modal-story-secondary:hover,.pz-modal-story-secondary:focus-visible{border-color:var(--pz-color-text-link-hover);color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-content{display:grid;gap:20px}.pz-modal-story-paper{display:grid;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:6px;background:linear-gradient(180deg,#fff,#fbfcff)}.pz-modal-story-document-header{display:flex;align-items:center;gap:12px;min-width:0}.pz-modal-story-download{color:var(--pz-color-text-link);text-decoration:none;white-space:nowrap;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-download:hover,.pz-modal-story-download:focus-visible{color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-document{min-height:72vh;padding:12px;background:#2f2f31}.pz-modal-story-document-frame{display:grid;place-items:center;min-height:calc(72vh - 24px);background:linear-gradient(90deg,#333 0 18%,transparent 18% 82%,#333 82% 100%),#f4f4f2}.pz-modal-story-document-sheet{width:min(100%,620px);aspect-ratio:.75;background:linear-gradient(rgba(0,0,0,.0705882353) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.031372549) 1px,transparent 1px),linear-gradient(180deg,#fff,#f6f6f4);background-size:100% 30px,28px 100%,100% 100%;box-shadow:0 18px 40px #00000026}@media (width <= 640px){.pz-modal-story-board{padding:20px;border-radius:22px}.pz-modal-story-document-header{flex-wrap:wrap;align-items:start}}.pz-modal[data-v-8dc1c00e]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.pz-modal-overlay[data-v-8dc1c00e]{display:grid;place-items:center;width:100%;height:100%;padding:clamp(12px,3vw,32px);background:color-mix(in srgb,var(--pz-color-black-90) 74%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pz-modal-dialog[data-v-8dc1c00e]{--pz-modal-width: min(720px, calc(100vw - 32px) );--pz-modal-padding: 8px;--pz-modal-radius: 3px;width:var(--pz-modal-width);max-width:100%;max-height:min(92vh,980px);overflow:auto;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent);border-radius:var(--pz-modal-radius);background:var(--pz-color-white);box-shadow:0 28px 80px color-mix(in srgb,var(--pz-color-black-90) 18%,transparent),0 6px 24px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}.pz-modal-dialog--compact[data-v-8dc1c00e]{--pz-modal-width: min(520px, calc(100vw - 32px) )}.pz-modal-dialog--regular[data-v-8dc1c00e]{--pz-modal-width: min(720px, calc(100vw - 32px) )}.pz-modal-dialog--wide[data-v-8dc1c00e]{--pz-modal-width: min(1080px, calc(100vw - 32px) )}.pz-modal-dialog--fullscreen[data-v-8dc1c00e]{--pz-modal-width: calc(100vw - 24px) ;max-height:calc(100vh - 24px)}.pz-modal-header[data-v-8dc1c00e],.pz-modal-footer[data-v-8dc1c00e]{position:sticky;z-index:1;background:var(--pz-color-white)}.pz-modal-header[data-v-8dc1c00e]{top:0;display:flex;align-items:start;justify-content:end;gap:16px;padding:var(--pz-modal-padding)}.pz-modal-header--between[data-v-8dc1c00e]{justify-content:space-between}.pz-modal-footer[data-v-8dc1c00e]{bottom:0;display:flex;align-items:center;justify-content:end;gap:12px;padding:var(--pz-modal-padding)}.pz-modal-title[data-v-8dc1c00e]{min-width:0;padding-top:2px}.pz-modal-body[data-v-8dc1c00e]{padding:0 var(--pz-modal-padding) var(--pz-modal-padding);color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-close[data-v-8dc1c00e]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--pz-color-text-link);cursor:pointer;transition:color .16s ease,background-color .16s ease}.pz-modal-close[data-v-8dc1c00e]:hover,.pz-modal-close[data-v-8dc1c00e]:focus-visible{color:var(--pz-color-text-link-hover);background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);outline:none}@media (width <= 640px){.pz-modal-overlay[data-v-8dc1c00e]{padding:12px}.pz-modal-dialog[data-v-8dc1c00e]{--pz-modal-width: calc(100vw - 24px) ;--pz-modal-padding: 16px}.pz-modal-header[data-v-8dc1c00e]{gap:12px;padding-bottom:12px}.pz-modal-footer[data-v-8dc1c00e]{flex-wrap:wrap;justify-content:stretch}}
+.pz-modal-story{display:grid;gap:24px}.pz-modal-story-board{padding:clamp(24px,3vw,32px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-modal-story-copy{display:grid;gap:16px;max-width:560px}.pz-modal-story-eyebrow{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-modal-story-trigger,.pz-modal-story-primary,.pz-modal-story-secondary{height:40px;padding:0 16px;border-radius:4px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-trigger,.pz-modal-story-primary{border:1px solid var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-modal-story-trigger:hover,.pz-modal-story-trigger:focus-visible,.pz-modal-story-primary:hover,.pz-modal-story-primary:focus-visible{background:var(--pz-color-button-primary-hover);border-color:var(--pz-color-button-primary-hover);outline:none}.pz-modal-story-secondary{border:1px solid color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-modal-story-secondary:hover,.pz-modal-story-secondary:focus-visible{border-color:var(--pz-color-text-link-hover);color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-content{display:grid;gap:20px}.pz-modal-story-paper{display:grid;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:6px;background:linear-gradient(180deg,#fff,#fbfcff)}.pz-modal-story-document-header{display:flex;align-items:center;gap:12px;min-width:0}.pz-modal-story-download{color:var(--pz-color-text-link);text-decoration:none;white-space:nowrap;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-download:hover,.pz-modal-story-download:focus-visible{color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-document{min-height:72vh;padding:12px;background:#2f2f31}.pz-modal-story-document-frame{display:grid;place-items:center;min-height:calc(72vh - 24px);background:linear-gradient(90deg,#333 0 18%,transparent 18% 82%,#333 82% 100%),#f4f4f2}.pz-modal-story-document-sheet{width:min(100%,620px);aspect-ratio:.75;background:linear-gradient(rgba(0,0,0,.0705882353) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.031372549) 1px,transparent 1px),linear-gradient(180deg,#fff,#f6f6f4);background-size:100% 30px,28px 100%,100% 100%;box-shadow:0 18px 40px #00000026}@media (width <= 640px){.pz-modal-story-board{padding:20px;border-radius:22px}.pz-modal-story-document-header{flex-wrap:wrap;align-items:start}}.pz-modal[data-v-f841f3e6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.pz-modal-overlay[data-v-f841f3e6]{display:grid;place-items:center;width:100%;height:100%;padding:clamp(12px,3vw,32px);background:color-mix(in srgb,var(--pz-color-black-90) 74%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pz-modal-dialog[data-v-f841f3e6]{--pz-modal-width: min(720px, calc(100vw - 32px) );--pz-modal-padding: 8px;--pz-modal-radius: 3px;width:var(--pz-modal-width);max-width:100%;max-height:min(92vh,980px);overflow:auto;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent);border-radius:var(--pz-modal-radius);background:var(--pz-color-white);box-shadow:0 28px 80px color-mix(in srgb,var(--pz-color-black-90) 18%,transparent),0 6px 24px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}.pz-modal-dialog--compact[data-v-f841f3e6]{--pz-modal-width: min(520px, calc(100vw - 32px) )}.pz-modal-dialog--regular[data-v-f841f3e6]{--pz-modal-width: min(720px, calc(100vw - 32px) )}.pz-modal-dialog--wide[data-v-f841f3e6]{--pz-modal-width: min(1080px, calc(100vw - 32px) )}.pz-modal-dialog--fullscreen[data-v-f841f3e6]{--pz-modal-width: calc(100vw - 24px) ;max-height:calc(100vh - 24px)}.pz-modal-header[data-v-f841f3e6],.pz-modal-footer[data-v-f841f3e6]{position:sticky;z-index:1;background:var(--pz-color-white)}.pz-modal-header[data-v-f841f3e6]{top:0;display:flex;align-items:start;justify-content:end;gap:16px;padding:var(--pz-modal-padding)}.pz-modal-header--between[data-v-f841f3e6]{justify-content:space-between}.pz-modal-footer[data-v-f841f3e6]{bottom:0;display:flex;align-items:center;justify-content:end;gap:12px;padding:var(--pz-modal-padding)}.pz-modal-title[data-v-f841f3e6]{min-width:0;padding-top:2px}.pz-modal-body[data-v-f841f3e6]{padding:0 var(--pz-modal-padding) var(--pz-modal-padding);color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-close[data-v-f841f3e6]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--pz-color-text-link);cursor:pointer;transition:color .16s ease,background-color .16s ease}.pz-modal-close[data-v-f841f3e6]:hover,.pz-modal-close[data-v-f841f3e6]:focus-visible{color:var(--pz-color-text-link-hover);background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);outline:none}@media (width <= 640px){.pz-modal-overlay[data-v-f841f3e6]{padding:12px}.pz-modal-dialog[data-v-f841f3e6]{--pz-modal-width: calc(100vw - 24px) ;--pz-modal-padding: 16px}.pz-modal-header[data-v-f841f3e6]{gap:12px;padding-bottom:12px}.pz-modal-footer[data-v-f841f3e6]{flex-wrap:wrap;justify-content:stretch}}

package/dist/app/assets/{PzModal.stories-j0FW0OcM.js → PzModal.stories-COv27-JY.js}

@@ -1,4 +1,4 @@
-import{d as Z,z as H,L as A,M as G,h as C,e as n,l as v,N as J,f as k,j as f,k as l,m as Q,s as P,D as X,T as Y,O as ee,g as r,w as oe,q as te,t as se,o as a,r as F}from"./iframe-B7Bddli1.js";import{P as O,_ as ae}from"./PzText-Qtpayc5y.js";import{_ as le}from"./PzIcon-Drlqf9PC.js";import"./preload-helper-C1FmrZbK.js";const ne=["compact","regular","wide","fullscreen"],re="close",de={id:"default",title:"",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal"},ie=["aria-labelledby","aria-describedby"],ce=["id"],pe=["aria-label"],ue=["id"],me={key:1,class:"pz-modal-footer"},m=Z({name:"PzModal",__name:"PzModal",props:ee({id:{},isOpen:{type:Boolean},title:{},size:{},closeOnOverlay:{type:Boolean},closeOnEscape:{type:Boolean},showCloseButton:{type:Boolean},closeLabel:{}},de),setup(e,{emit:t}){const d=H(),o=e,y=t,g=r(()=>`pz-modal-title-${o.id}`),w=r(()=>`pz-modal-description-${o.id}`),z=r(()=>!!(o.title||d.header)),K=r(()=>z.value||o.showCloseButton),R=r(()=>[`pz-modal-dialog--${o.size}`]);let M="";const _=s=>{if(!(typeof document>"u")){if(s){M=document.body.style.overflow,document.body.style.overflow="hidden";return}document.body.style.overflow=M}},b=()=>{y(re)},U=()=>{o.closeOnOverlay&&b()},W=()=>{o.closeOnEscape&&b()};return A(()=>o.isOpen,s=>{_(s)},{immediate:!0}),G(()=>{_(!1)}),(s,x)=>(a(),C(Y,{to:"body"},[o.isOpen?(a(),n("div",{key:0,class:"pz-modal",onKeydown:X(W,["esc"])},[v("div",{class:"pz-modal-overlay",onClick:U},[v("div",{ref:"dialogRef",class:k(["pz-modal-dialog",R.value]),role:"dialog","aria-modal":!0,"aria-labelledby":g.value,"aria-describedby":w.value,onClick:x[0]||(x[0]=J(()=>{},["stop"]))},[K.value?(a(),n("header",{key:0,class:k(["pz-modal-header",{"pz-modal-header--between":z.value}])},[z.value?(a(),n("div",{key:0,id:g.value,class:"pz-modal-title"},[f(s.$slots,"header",{},()=>[o.title?(a(),C(P(O),{key:0,variant:"h4-bold",as:"h2"},{default:oe(()=>[te(se(o.title),1)]),_:1})):l("",!0)],!0)],8,ce)):l("",!0),o.showCloseButton?(a(),n("button",{key:1,type:"button",class:"pz-modal-close","aria-label":o.closeLabel,onClick:b},[Q(P(le),{name:"close",size:"24",label:"Close modal"})],8,pe)):l("",!0)],2)):l("",!0),v("div",{id:w.value,class:"pz-modal-body"},[f(s.$slots,"default",{},void 0,!0)],8,ue),s.$slots.footer?(a(),n("footer",me,[f(s.$slots,"footer",{},void 0,!0)])):l("",!0)],10,ie)])],32)):l("",!0)]))}}),h=ae(m,[["__scopeId","data-v-8dc1c00e"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzModal",exportName:"default",displayName:"PzModal",description:"",tags:{},props:[{name:"id",required:!1,type:{name:"string"}},{name:"isOpen",required:!0,type:{name:"boolean"}},{name:"title",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"PzModalSize"}},{name:"closeOnOverlay",required:!1,type:{name:"boolean"}},{name:"closeOnEscape",required:!1,type:{name:"boolean"}},{name:"showCloseButton",required:!1,type:{name:"boolean"}},{name:"closeLabel",required:!1,type:{name:"string"}}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzModal/PzModal.vue"]});const ye=e=>`<template>
+import{d as Z,G,w as V,a0 as H,A as x,e as n,k as v,L as J,f as P,l as f,D as l,y as Q,u as k,P as X,a2 as Y,a3 as ee,g as r,o as a,C as oe,E as te,t as se,r as F}from"./iframe-DbWuH5mz.js";import{P as O}from"./PzText-LkAZaPCW.js";import{_ as ae}from"./PzIcon-BNwLASSZ.js";import{_ as le}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ne=["compact","regular","wide","fullscreen"],re="close",de={id:"default",title:"",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal"},ie=["aria-labelledby","aria-describedby"],ce=["id"],pe=["aria-label"],ue=["id"],me={key:1,class:"pz-modal-footer"},m=Z({name:"PzModal",__name:"PzModal",props:ee({id:{},isOpen:{type:Boolean},title:{},size:{},closeOnOverlay:{type:Boolean},closeOnEscape:{type:Boolean},showCloseButton:{type:Boolean},closeLabel:{}},de),setup(e,{emit:t}){const d=G(),o=e,y=t,g=r(()=>`pz-modal-title-${o.id}`),w=r(()=>`pz-modal-description-${o.id}`),z=r(()=>!!(o.title||d.header)),K=r(()=>z.value||o.showCloseButton),R=r(()=>[`pz-modal-dialog--${o.size}`]);let M="";const C=s=>{if(!(typeof document>"u")){if(s){M=document.body.style.overflow,document.body.style.overflow="hidden";return}document.body.style.overflow=M}},b=()=>{y(re)},U=()=>{o.closeOnOverlay&&b()},W=()=>{o.closeOnEscape&&b()};return V(()=>o.isOpen,s=>{C(s)},{immediate:!0}),H(()=>{C(!1)}),(s,_)=>(a(),x(Y,{to:"body"},[o.isOpen?(a(),n("div",{key:0,class:"pz-modal",onKeydown:X(W,["esc"])},[v("div",{class:"pz-modal-overlay",onClick:U},[v("div",{ref:"dialogRef",class:P(["pz-modal-dialog",R.value]),role:"dialog","aria-modal":!0,"aria-labelledby":g.value,"aria-describedby":w.value,onClick:_[0]||(_[0]=J(()=>{},["stop"]))},[K.value?(a(),n("header",{key:0,class:P(["pz-modal-header",{"pz-modal-header--between":z.value}])},[z.value?(a(),n("div",{key:0,id:g.value,class:"pz-modal-title"},[f(s.$slots,"header",{},()=>[o.title?(a(),x(k(O),{key:0,variant:"h4-bold",as:"h2"},{default:oe(()=>[te(se(o.title),1)]),_:1})):l("",!0)],!0)],8,ce)):l("",!0),o.showCloseButton?(a(),n("button",{key:1,type:"button",class:"pz-modal-close","aria-label":o.closeLabel,onClick:b},[Q(k(ae),{name:"close",size:"24",label:"Close modal"})],8,pe)):l("",!0)],2)):l("",!0),v("div",{id:w.value,class:"pz-modal-body"},[f(s.$slots,"default",{},void 0,!0)],8,ue),s.$slots.footer?(a(),n("footer",me,[f(s.$slots,"footer",{},void 0,!0)])):l("",!0)],10,ie)])],32)):l("",!0)]))}}),h=le(m,[["__scopeId","data-v-f841f3e6"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzModal",exportName:"default",displayName:"PzModal",description:"",tags:{},props:[{name:"id",required:!1,type:{name:"string"}},{name:"isOpen",required:!0,type:{name:"boolean"}},{name:"title",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"PzModalSize"}},{name:"closeOnOverlay",required:!1,type:{name:"boolean"}},{name:"closeOnEscape",required:!1,type:{name:"boolean"}},{name:"showCloseButton",required:!1,type:{name:"boolean"}},{name:"closeLabel",required:!1,type:{name:"string"}}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzModal/PzModal.vue"]});const ye=e=>`<template>
   <PzModal ${[':is-open="true"',e.title?`title="${e.title}"`:null,e.size!=="regular"?`size="${e.size}"`:null,e.closeOnOverlay===!1?':close-on-overlay="false"':null,e.closeOnEscape===!1?':close-on-escape="false"':null,e.showCloseButton===!1?':show-close-button="false"':null].filter(d=>!!d).join(" ")}>
     <p>Modal content</p>
   </PzModal>
@@ -14,7 +14,7 @@ import{d as Z,z as H,L as A,M as G,h as C,e as n,l as v,N as J,f as k,j as f,k a
 
     <div>Document preview content</div>
   </PzModal>
-</template>`,be={title:"Components/Popups/PzModal",component:h,parameters:{prototype:{caption:"Modal component",note:"Based on the old isOpen/close modal, but rebuilt as a design-system dialog with overlay handling, sticky header and footer areas, and size variants for compact flows or document preview surfaces."},docs:{description:{component:"Use `PzModal` for dialogs, side-by-side review surfaces, and document preview overlays. The body content defaults to `body-regular`, while header and footer stay slot-driven for flexible composition."},source:{transform:(e,t)=>ye(t.args??be.args)}}},args:{id:"storybook-modal",isOpen:!1,title:"Документи тендера",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal",buttonLabel:"Open modal"},argTypes:{isOpen:{control:"boolean",description:"Controlled open state."},title:{control:"text",description:"Default title rendered in the header when the header slot is not used."},size:{control:"inline-radio",options:ne,description:"Dialog width preset."},closeOnOverlay:{control:"boolean",description:"Closes the dialog when the overlay is clicked."},closeOnEscape:{control:"boolean",description:"Closes the dialog on Escape."},showCloseButton:{control:"boolean",description:"Shows the close icon button in the header."},closeLabel:{control:"text",description:"Accessible label for the close button."},buttonLabel:{control:"text",description:"Story-only trigger label.",table:{category:"Story"}}},render:e=>({components:{pzModal:h,pzText:O},setup(){const t=F(!!e.isOpen);return A(()=>e.isOpen,y=>{t.value=!!y}),{args:e,isOpen:t,openModal:()=>{t.value=!0},closeModal:()=>{t.value=!1}}},template:`
+</template>`,be={title:"Components/Popups/PzModal",component:h,parameters:{prototype:{caption:"Modal component",note:"Based on the old isOpen/close modal, but rebuilt as a design-system dialog with overlay handling, sticky header and footer areas, and size variants for compact flows or document preview surfaces."},docs:{description:{component:"Use `PzModal` for dialogs, side-by-side review surfaces, and document preview overlays. The body content defaults to `body-regular`, while header and footer stay slot-driven for flexible composition."},source:{transform:(e,t)=>ye(t.args??be.args)}}},args:{id:"storybook-modal",isOpen:!1,title:"Документи тендера",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal",buttonLabel:"Open modal"},argTypes:{isOpen:{control:"boolean",description:"Controlled open state."},title:{control:"text",description:"Default title rendered in the header when the header slot is not used."},size:{control:"inline-radio",options:ne,description:"Dialog width preset."},closeOnOverlay:{control:"boolean",description:"Closes the dialog when the overlay is clicked."},closeOnEscape:{control:"boolean",description:"Closes the dialog on Escape."},showCloseButton:{control:"boolean",description:"Shows the close icon button in the header."},closeLabel:{control:"text",description:"Accessible label for the close button."},buttonLabel:{control:"text",description:"Story-only trigger label.",table:{category:"Story"}}},render:e=>({components:{pzModal:h,pzText:O},setup(){const t=F(!!e.isOpen);return V(()=>e.isOpen,y=>{t.value=!!y}),{args:e,isOpen:t,openModal:()=>{t.value=!0},closeModal:()=>{t.value=!1}}},template:`
       <div class="pz-modal-story">
         <section class="pz-modal-story-board">
           <div class="pz-modal-story-copy">
@@ -105,7 +105,7 @@ import{d as Z,z as H,L as A,M as G,h as C,e as n,l as v,N as J,f as k,j as f,k a
     size: "wide",
     buttonLabel: "Open wide modal"
   }
-}`,...(N=(q=p.parameters)==null?void 0:q.docs)==null?void 0:N.source}}};var j,I,V;u.parameters={...u.parameters,docs:{...(j=u.parameters)==null?void 0:j.docs,source:{originalSource:`{
+}`,...(N=(q=p.parameters)==null?void 0:q.docs)==null?void 0:N.source}}};var I,j,A;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
   parameters: {
     docs: {
       source: {
@@ -165,4 +165,4 @@ import{d as Z,z as H,L as A,M as G,h as C,e as n,l as v,N as J,f as k,j as f,k a
       </div>
     \`
   })
-}`,...(V=(I=u.parameters)==null?void 0:I.docs)==null?void 0:V.source}}};const ge=["Playground","CompactInfo","WideReview","DocumentPreview"];export{c as CompactInfo,u as DocumentPreview,i as Playground,p as WideReview,ge as __namedExportsOrder,be as default};
+}`,...(A=(j=u.parameters)==null?void 0:j.docs)==null?void 0:A.source}}};const we=["Playground","CompactInfo","WideReview","DocumentPreview"];export{c as CompactInfo,u as DocumentPreview,i as Playground,p as WideReview,we as __namedExportsOrder,be as default};

package/dist/app/assets/PzMultiSelect-DeX8aBEQ.css

@@ -0,0 +1 @@
+.pz-multi-select[data-v-a2e139a1],.pz-multi-select-dropdown[data-v-a2e139a1]{width:100%}.pz-multi-select-trigger[data-v-a2e139a1]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--pz-space-8);width:100%;min-width:0;padding:10px var(--pz-space-12);border:1px solid var(--pz-color-blue-30);border-radius:5px;background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background-color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-multi-select-trigger[data-v-a2e139a1]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 16%,transparent)}.pz-multi-select-trigger[data-v-a2e139a1]:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-multi-select-trigger.is-placeholder[data-v-a2e139a1]{color:var(--pz-color-text-secondary)}.pz-multi-select-trigger-text[data-v-a2e139a1]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz-multi-select-trigger-icon[data-v-a2e139a1]{flex:0 0 auto;color:inherit;transition:transform .16s ease}.pz-multi-select-trigger.is-open .pz-multi-select-trigger-icon[data-v-a2e139a1]{transform:rotate(180deg)}.pz-multi-select-menu[data-v-a2e139a1]{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%}.pz-multi-select-options[data-v-a2e139a1]{display:flex;flex-direction:column;max-block-size:320px;overflow-y:auto}.pz-multi-select-option[data-v-a2e139a1]{position:relative;display:flex;align-items:center;gap:var(--pz-space-8);width:100%;min-width:0;padding:6px var(--pz-space-16);background:transparent;color:var(--pz-color-text-primary);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-multi-select-option[data-v-a2e139a1]:not(.is-disabled):hover{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-selected[data-v-a2e139a1]{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-disabled[data-v-a2e139a1]{color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-multi-select-option-input[data-v-a2e139a1]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-multi-select-option-checkbox[data-v-a2e139a1]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:16px;block-size:16px;border:2px solid var(--pz-color-grey-60);border-radius:2px;background:var(--pz-color-background-primary);color:transparent;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.pz-multi-select-option-check[data-v-a2e139a1]{inline-size:12px;block-size:12px}.pz-multi-select-option-input:checked+.pz-multi-select-option-checkbox[data-v-a2e139a1]{border-color:var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-multi-select-option-input:focus-visible+.pz-multi-select-option-checkbox[data-v-a2e139a1]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-multi-select-option.is-disabled .pz-multi-select-option-checkbox[data-v-a2e139a1]{border-color:var(--pz-color-grey-40);background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white))}.pz-multi-select-option-text[data-v-a2e139a1]{min-width:0;flex:1}.pz-multi-select .v-popper__inner{padding:0;border-radius:3px;border-color:var(--pz-color-blue-30);box-shadow:0 1px 8px #677b9359}