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

package/dist/app/assets/PzInput.stories-BINq-o4I.js

@@ -0,0 +1,57 @@
+import{d as q,W as w,e as d,y as S,C as P,u as b,f as y,X as h,o as r,k,Y as I,Z as M,t as s,A as B,D as m,r as l,w as C}from"./iframe-DbWuH5mz.js";import{P as $}from"./PzText-LkAZaPCW.js";import{_ as L}from"./PzIcon-BNwLASSZ.js";import{P as N}from"./PzLabel-Coa549nk.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const T={class:"pz-input-wrap"},F=["id","placeholder","disabled","maxlength","type","required"],O=["id"],j={key:3,class:"pz-input-counter"},A={key:0,class:"pz-input-error"},p=q({name:"PzInput",__name:"PzInput",props:h({name:{},modelValue:{},label:{default:""},icon:{default:""},inputClass:{default:""},errorMessage:{default:""},placeholder:{default:""},type:{default:"text"},counted:{type:Boolean,default:!1},maxSize:{default:255},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:h(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=t,o=w(e,"modelValue");return(f,a)=>(r(),d("div",{class:y(["pz-input",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[S(b(N),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:P(()=>{var u;return[k("span",T,[e.editable?I((r(),d("input",{key:0,id:e.name,"onUpdate:modelValue":a[0]||(a[0]=i=>o.value=i),placeholder:e.placeholder,disabled:e.disabled,maxlength:e.counted?e.maxSize:void 0,type:e.type,required:e.required,class:y(["pz-input-control",[{"pz-input-control--with-icon":e.icon,"pz-input-control--counted":e.counted},e.inputClass]]),onBlur:a[1]||(a[1]=i=>n("blur")),onFocus:a[2]||(a[2]=i=>n("focus"))},null,42,F)),[[M,o.value]]):(r(),d("span",{key:1,id:e.name,class:"pz-input-readonly"},s(o.value),9,O)),e.icon?(r(),B(b(L),{key:2,name:e.icon,class:"pz-input-icon"},null,8,["name"])):m("",!0),e.counted?(r(),d("span",j,s(((u=o.value)==null?void 0:u.length)||0)+"/"+s(e.maxSize),1)):m("",!0)]),e.errorMessage?(r(),d("span",A,s(e.errorMessage),1)):m("",!0)]}),_:1},8,["label","for","required","disabled"])],2))}}),v=D(p,[["__scopeId","data-v-7696acd3"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInput",exportName:"default",displayName:"PzInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"icon",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"inputClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputType"},defaultValue:{func:!1,value:'"text"'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"255"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInput/PzInput.vue"]});const E=e=>`<template>
+  <PzInput
+    v-model="value"
+    ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.type&&e.type!=="text"?`type="${e.type}"`:null,e.icon?`icon="${e.icon}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.counted?':counted="true"':null,e.maxSize?`:max-size="${e.maxSize}"`:null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(n=>!!n).join(" ")}
+  />
+</template>`,W={title:"Components/Form/PzInput",component:v,parameters:{docs:{description:{component:"Use `PzInput` for text-based form controls. It wraps a native `<input>` with `PzLabel`, supports icons, character counting, a readonly preview mode, and the standard disabled/error states."},source:{transform:(e,t)=>E(t.args??W.args)}}},args:{name:"pz-input-story",label:"Назва поля",modelValue:"",placeholder:"Введіть значення...",type:"text",errorMessage:"",icon:"",required:!1,disabled:!1,editable:!0,counted:!1,maxSize:255,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["text","email","password"],description:"Native input type."},icon:{control:"text",description:"Optional `PzIcon` name rendered inside the input."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the value as readonly text instead of an input."},counted:{control:"boolean",description:"Shows a `length/maxSize` counter next to the input."},maxSize:{control:"number",description:"Maximum character length used by the counter and `maxlength`. Only enforced when `counted` is true."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInput:v,pzText:$},setup(){const t=l(e.modelValue??""),n=l(""),o=l(""),f=l(""),a=l(""),u=l(""),i=l("");return C(()=>e.modelValue,V=>{t.value=V??""}),{args:e,value:t,sharedValue:n,defaultValue:o,requiredValue:f,countedValue:a,iconValue:u,errorValue:i}},template:`
+      <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
+        <section>
+          <pz-text variant="h4-bold">Component API</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-input
+              v-model="value"
+              :name="args.name"
+              :label="args.label"
+              :placeholder="args.placeholder"
+              :type="args.type"
+              :icon="args.icon"
+              :error-message="args.errorMessage"
+              :required="args.required"
+              :disabled="args.disabled"
+              :editable="args.editable"
+              :counted="args.counted"
+              :max-size="args.maxSize"
+              :is-light-skin="args.isLightSkin"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Two-way binding</pz-text>
+          <div style="display: flex; flex-direction: column; gap: var(--pz-space-8); margin-top: var(--pz-space-16);">
+            <pz-input v-model="sharedValue" name="two-way-a" label="Поле A" placeholder="Введіть значення..." />
+            <pz-input v-model="sharedValue" name="two-way-b" label="Поле B (таке саме значення)" placeholder="Введіть значення..." />
+            <pz-text variant="body-regular">Поточне значення: "{{ sharedValue }}"</pz-text>
+          </div>
+        </section>
+
+        <section style="display: flex; flex-direction: column; gap: var(--pz-space-16);">
+          <pz-text variant="h4-bold">States</pz-text>
+          <pz-input v-model="defaultValue" name="input-default" label="Звичайне поле" placeholder="Введіть значення..." />
+          <pz-input v-model="requiredValue" name="input-required" label="Обов'язкове поле" placeholder="Введіть значення..." required />
+          <pz-input v-model="countedValue" name="input-counted" label="З лічильником" placeholder="Введіть значення..." counted :max-size="120" />
+          <pz-input v-model="iconValue" name="input-icon" label="З іконкою" placeholder="Пошук..." icon="search" />
+          <pz-input v-model="errorValue" name="input-error" label="Помилка" placeholder="Введіть значення..." error-message="Поле заповнено некоректно" />
+          <pz-input model-value="" name="input-disabled" label="Disabled" placeholder="Недоступно" disabled />
+          <pz-input model-value="Текст, який не можна редагувати" name="input-readonly" label="Readonly" :editable="false" />
+        </section>
+      </div>
+    `})},c={parameters:{docs:{description:{story:"Інтерактивний приклад текстового інпуту. Нижче показано two-way binding та базові стани: required, counted, з іконкою, помилка, disabled і readonly."}}}};var z,g,x;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад текстового інпуту. Нижче показано two-way binding та базові стани: required, counted, з іконкою, помилка, disabled і readonly."
+      }
+    }
+  }
+}`,...(x=(g=c.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const H=["Playground"];export{c as Playground,H as __namedExportsOrder,W as default};

package/dist/app/assets/PzInputDate-C9KHzAYp.css

@@ -0,0 +1 @@
+.pz-input-date[data-v-5a2e48d2]{--pz-input-date-background: var(--pz-color-white);--pz-input-date-text: var(--pz-color-text-primary);--pz-input-date-placeholder: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-date-text);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-input-date-wrap[data-v-5a2e48d2]{position:relative;display:block}.pz-input-date-control[data-v-5a2e48d2]{display:block;width:100%;padding:var(--pz-space-8) var(--pz-space-32) var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-color-grey-30);background-color:var(--pz-input-date-background);color:var(--pz-input-date-text);font:inherit;cursor:pointer}.pz-input-date-control[data-v-5a2e48d2]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-date-control[data-v-5a2e48d2]::placeholder{color:var(--pz-input-date-placeholder)}.pz-input-date-control[data-v-5a2e48d2]:disabled{--pz-input-date-background: transparent;--pz-input-date-text: var(--pz-color-grey-40);--pz-input-date-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-date-control[data-v-5a2e48d2]::-webkit-calendar-picker-indicator,.pz-input-date-control[data-v-5a2e48d2]::-webkit-inner-spin-button{display:none}.pz-input-date-readonly[data-v-5a2e48d2]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-date-icon[data-v-5a2e48d2]{position:absolute;top:50%;right:var(--pz-space-8);transform:translateY(-50%);font-size:var(--pz-font-size-20);color:var(--pz-color-grey-50);cursor:pointer}.pz-input-date-icon--clear[data-v-5a2e48d2]{color:var(--pz-color-text-secondary)}.pz-input-date-error[data-v-5a2e48d2]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-input-date.light .pz-input-date-control[data-v-5a2e48d2]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input-date.error .pz-input-date-control[data-v-5a2e48d2]{border-color:var(--pz-color-red-50)}

package/dist/app/assets/PzInputDate.stories-CCdrBEY7.js

@@ -0,0 +1,55 @@
+import{d as C,W as Y,e as i,y as h,C as $,u as y,f as g,X as x,o as s,L as B,t as z,D as L,r as t,m as T,w as N}from"./iframe-DbWuH5mz.js";import{P as O}from"./PzText-LkAZaPCW.js";import{_ as R}from"./PzIcon-BNwLASSZ.js";import{P as E}from"./PzLabel-Coa549nk.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j={key:0,class:"pz-input-date-wrap"},A=["id","value","placeholder","disabled","required","min","max"],W=["id","value","placeholder","disabled","required"],U=["id"],X={key:2,class:"pz-input-date-error"},p=C({name:"PzInputDate",__name:"PzInputDate",props:x({name:{},modelValue:{},label:{default:""},errorMessage:{default:""},placeholder:{default:""},min:{default:void 0},max:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:x(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:r}){const d=r,a=Y(e,"modelValue"),o=t(!1),f=t(null),u=t(null),b=/^(\d{4})-(\d{2})-(\d{2})$/,c=n=>{if(!n)return"";const l=b.exec(n);return l?`${l[3]}.${l[2]}.${l[1]}`:n},v=async()=>{var n,l;o.value||(o.value=!0,await T(),(n=u.value)==null||n.focus(),(l=u.value)==null||l.showPicker())},I=()=>{d("focus"),v()},D=()=>{v()},M=()=>{o.value=!1,d("blur")},P=n=>{const l=n.target;a.value=l.value||null},S=()=>{if(a.value){a.value=null;return}v()};return(n,l)=>(s(),i("div",{class:g(["pz-input-date",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[h(y(E),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:$(()=>[e.editable?(s(),i("span",j,[o.value?(s(),i("input",{key:0,id:e.name,ref_key:"dateInputRef",ref:u,type:"date",value:a.value??"",placeholder:e.placeholder,disabled:e.disabled,required:e.required,min:e.min,max:e.max,class:"pz-input-date-control",onInput:P,onBlur:M},null,40,A)):(s(),i("input",{key:1,id:e.name,ref_key:"textInputRef",ref:f,type:"text",readonly:"",value:c(a.value),placeholder:e.placeholder,disabled:e.disabled,required:e.required,class:"pz-input-date-control",onFocus:I,onClick:D},null,40,W)),h(y(R),{name:a.value?"close":"event",class:g(["pz-input-date-icon",{"pz-input-date-icon--clear":a.value}]),onClick:B(S,["prevent"])},null,8,["name","class"])])):(s(),i("span",{key:1,id:e.name,class:"pz-input-date-readonly"},z(c(a.value)),9,U)),e.errorMessage?(s(),i("span",X,z(e.errorMessage),1)):L("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),V=F(p,[["__scopeId","data-v-5a2e48d2"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputDate",exportName:"default",displayName:"PzInputDate",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"union",elements:[{name:"string"},{name:"null"}]}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"min",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"max",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["union"],elements:[{name:"string"},{name:"null"}]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputDate/PzInputDate.vue"]});const G=e=>`<template>
+  <PzInputDate
+    v-model="value"
+    ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.min?`min="${e.min}"`:null,e.max?`max="${e.max}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(d=>!!d).join(" ")}
+  />
+</template>`,H={title:"Components/Form/PzInputDate",component:V,parameters:{docs:{description:{component:"Use `PzInputDate` for date picking. Blurred values render as `dd.mm.yyyy` text and switch to the native date picker on focus, with a clear/calendar icon toggle. `v-model` operates on ISO `yyyy-mm-dd` strings."},source:{transform:(e,r)=>G(r.args??H.args)}}},args:{name:"pz-input-date-story",label:"Дата",modelValue:"",placeholder:"дд.мм.рррр",errorMessage:"",min:void 0,max:void 0,required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current ISO-format value (`YYYY-MM-DD`). Required."},placeholder:{control:"text",description:"Placeholder shown when no date is selected."},min:{control:"text",description:"Earliest allowed date (`YYYY-MM-DD`)."},max:{control:"text",description:"Latest allowed date (`YYYY-MM-DD`)."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, blocks focus/picker/clear interactions and keeps the value read-only."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputDate:V,pzText:O},setup(){const r=t(e.modelValue??""),d=t("2026-04-21"),a=t(""),o=t(""),f=t("2026-04-21"),u=t(""),b=t("");return N(()=>e.modelValue,c=>{r.value=c??""}),{args:e,value:r,sharedValue:d,defaultValue:a,requiredValue:o,presetValue:f,rangeValue:u,errorValue:b}},template:`
+      <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
+        <section>
+          <pz-text variant="h4-bold">Component API</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-input-date
+              v-model="value"
+              :name="args.name"
+              :label="args.label"
+              :placeholder="args.placeholder"
+              :min="args.min"
+              :max="args.max"
+              :error-message="args.errorMessage"
+              :required="args.required"
+              :disabled="args.disabled"
+              :editable="args.editable"
+              :is-light-skin="args.isLightSkin"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Two-way binding</pz-text>
+          <div style="display: flex; flex-direction: column; gap: var(--pz-space-8); margin-top: var(--pz-space-16);">
+            <pz-input-date v-model="sharedValue" name="two-way-a" label="Поле A" placeholder="дд.мм.рррр" />
+            <pz-input-date v-model="sharedValue" name="two-way-b" label="Поле B (таке саме значення)" placeholder="дд.мм.рррр" />
+            <pz-text variant="body-regular">Поточне значення (ISO): "{{ sharedValue }}"</pz-text>
+          </div>
+        </section>
+
+        <section style="display: flex; flex-direction: column; gap: var(--pz-space-16);">
+          <pz-text variant="h4-bold">States</pz-text>
+          <pz-input-date v-model="defaultValue" name="date-default" label="Дата" placeholder="дд.мм.рррр" />
+          <pz-input-date v-model="requiredValue" name="date-required" label="Обов'язкова дата" placeholder="дд.мм.рррр" required />
+          <pz-input-date v-model="presetValue" name="date-value" label="З обраною датою (рендериться як 21.04.2026)" />
+          <pz-input-date v-model="rangeValue" name="date-range" label="З обмеженнями: від 2026-01-01 до 2026-12-31" placeholder="дд.мм.рррр" min="2026-01-01" max="2026-12-31" />
+          <pz-input-date v-model="errorValue" name="date-error" label="Помилка" placeholder="дд.мм.рррр" error-message="Оберіть дату" />
+          <pz-input-date model-value="" name="date-disabled" label="Disabled" placeholder="дд.мм.рррр" disabled />
+          <pz-input-date model-value="2026-04-21" name="date-readonly" label="Readonly (editable: false)" :editable="false" />
+        </section>
+      </div>
+    `})},m={parameters:{docs:{description:{story:"Інтерактивний приклад date-інпуту. Блуром показано дату у форматі `дд.мм.рррр`; при фокусі відкривається нативний пікер. Нижче — перевірка two-way binding і базові стани."}}}};var q,k,w;m.parameters={...m.parameters,docs:{...(q=m.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад date-інпуту. Блуром показано дату у форматі \`дд.мм.рррр\`; при фокусі відкривається нативний пікер. Нижче — перевірка two-way binding і базові стани."
+      }
+    }
+  }
+}`,...(w=(k=m.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const ae=["Playground"];export{m as Playground,ae as __namedExportsOrder,H as default};

package/dist/app/assets/PzInputNumber-CDixvL0g.css

@@ -0,0 +1 @@
+.pz-input-number[data-v-b9684845]{--pz-input-number-background: var(--pz-color-white);--pz-input-number-border: var(--pz-color-grey-30);--pz-input-number-text: var(--pz-color-text-primary);--pz-input-number-placeholder: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-number-text);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-input-number-control[data-v-b9684845]{display:block;width:100%;padding:var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-input-number-border);background-color:var(--pz-input-number-background);color:var(--pz-input-number-text);font:inherit}.pz-input-number-control[data-v-b9684845]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-number-control[data-v-b9684845]::placeholder{color:var(--pz-input-number-placeholder)}.pz-input-number-control[data-v-b9684845]:disabled{--pz-input-number-background: transparent;--pz-input-number-text: var(--pz-color-grey-40);--pz-input-number-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-number-readonly[data-v-b9684845]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-number-error[data-v-b9684845]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-input-number.light .pz-input-number-control[data-v-b9684845]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input-number.error .pz-input-number-control[data-v-b9684845]{border-color:var(--pz-color-red-50)}

package/dist/app/assets/PzInputNumber.stories-I4-WO1id.js

@@ -0,0 +1,54 @@
+import{d as S,W as L,e as i,y as B,C,u as F,f as $,X as z,o as d,t as V,D,g as x,r,w as O}from"./iframe-DbWuH5mz.js";import{P as T}from"./PzText-LkAZaPCW.js";import{P as A}from"./PzLabel-Coa549nk.js";import{P as E}from"./PzNumberFormat-D5xYsZ3A.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";const W=["id","value","placeholder","disabled","required"],U=["id"],K={key:2,class:"pz-input-number-error"},p=S({name:"PzInputNumber",__name:"PzInputNumber",props:z({name:{},modelValue:{},label:{default:""},placeholder:{default:""},errorMessage:{default:""},type:{default:"integer"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:z(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=e,o=t,u=L(e,"modelValue"),c=x(()=>n.type==="integer"?0:void 0),s=x(()=>new E(u.value??null,c.value).number),b=l=>{const a=l.match(/^-?\d+(\.\d+)?/);return a?a[0]:l},f=l=>{const a=b(l.replace(/\s+/g,""));return a==="-"?a:a!==""?Number(a):null},y=l=>{var h;const a=l.target,g=isFinite(Number(l.key)),k=n.type==="decimal"&&/\./g.test(l.key)&&!/\./g.test(a.value),M=/-/g.test(l.key)&&!/-/g.test(a.value)&&!((h=a.value)!=null&&h.length);g||k||M||l.preventDefault()},I=l=>{const a=l.target;u.value=f(a.value)};return(l,a)=>(d(),i("div",{class:$(["pz-input-number",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[B(F(A),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:C(()=>[e.editable?(d(),i("input",{key:0,id:e.name,value:s.value,placeholder:e.placeholder,disabled:e.disabled,required:e.required,type:"text",class:"pz-input-number-control",onInput:I,onBlur:a[0]||(a[0]=g=>o("blur")),onFocus:a[1]||(a[1]=g=>o("focus")),onKeypress:y},null,40,W)):(d(),i("span",{key:1,id:e.name,class:"pz-input-number-readonly"},V(s.value),9,U)),e.errorMessage?(d(),i("span",K,V(e.errorMessage),1)):D("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),q=j(p,[["__scopeId","data-v-b9684845"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputNumber",exportName:"default",displayName:"PzInputNumber",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"PzInputNumberValue"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputNumberType"},defaultValue:{func:!1,value:'"integer"'}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzInputNumberValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputNumber/PzInputNumber.vue"]});const v=15e5,R=e=>`<template>
+  <PzInputNumber
+    v-model="value"
+    ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.type&&e.type!=="integer"?`type="${e.type}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(n=>!!n).join(" ")}
+  />
+</template>`,X={title:"Components/Form/PzInputNumber",component:q,parameters:{docs:{description:{component:"Use `PzInputNumber` for numeric entry. It formats the displayed value via `PzNumberFormat`, accepts only digits (plus optional decimal separator and minus), and emits a `number | null` via `v-model`."},source:{transform:(e,t)=>R(t.args??X.args)}}},args:{name:"pz-input-number-story",label:"Сума",modelValue:"",placeholder:"Введіть число...",type:"integer",errorMessage:"",required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current numeric value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["integer","decimal"],description:"`integer` rounds to whole numbers; `decimal` allows one dot separator."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the formatted value as readonly text instead of an input."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputNumber:q,pzText:T},setup(){const t=r(e.modelValue??""),n=r(v),o=r(""),u=r(""),c=r(v),s=r(""),b=r(""),f=v;return O(()=>e.modelValue,y=>{t.value=y??""}),{args:e,value:t,sharedValue:n,defaultValue:o,decimalValue:u,formattedValue:c,requiredValue:s,errorValue:b,readonlyValue:f}},template:`
+      <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
+        <section>
+          <pz-text variant="h4-bold">Component API</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-input-number
+              v-model="value"
+              :name="args.name"
+              :label="args.label"
+              :placeholder="args.placeholder"
+              :type="args.type"
+              :error-message="args.errorMessage"
+              :required="args.required"
+              :disabled="args.disabled"
+              :editable="args.editable"
+              :is-light-skin="args.isLightSkin"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Two-way binding</pz-text>
+          <div style="display: flex; flex-direction: column; gap: var(--pz-space-8); margin-top: var(--pz-space-16);">
+            <pz-input-number v-model="sharedValue" name="two-way-a" label="Поле A" placeholder="Введіть число..." />
+            <pz-input-number v-model="sharedValue" name="two-way-b" label="Поле B (таке саме значення)" placeholder="Введіть число..." />
+            <pz-text variant="body-regular">Поточне значення: "{{ sharedValue }}"</pz-text>
+          </div>
+        </section>
+
+        <section style="display: flex; flex-direction: column; gap: var(--pz-space-16);">
+          <pz-text variant="h4-bold">States</pz-text>
+          <pz-input-number v-model="defaultValue" name="number-default" label="Ціле число" placeholder="Введіть число..." />
+          <pz-input-number v-model="decimalValue" name="number-decimal" label="З десятковою частиною" placeholder="0.00" type="decimal" />
+          <pz-input-number v-model="formattedValue" name="number-value" label="З форматуванням" />
+          <pz-input-number v-model="requiredValue" name="number-required" label="Обов'язкове" placeholder="Введіть число..." required />
+          <pz-input-number v-model="errorValue" name="number-error" label="Помилка" placeholder="Введіть число..." error-message="Введіть коректне число" />
+          <pz-input-number model-value="" name="number-disabled" label="Disabled" placeholder="Введіть число..." disabled />
+          <pz-input-number :model-value="readonlyValue" name="number-readonly" label="Readonly (editable: false)" :editable="false" />
+        </section>
+      </div>
+    `})},m={parameters:{docs:{description:{story:"Інтерактивний приклад числового інпуту. Нижче — перевірка two-way binding та базові стани: integer, decimal, форматування, required, помилка, disabled, readonly."}}}};var N,P,w;m.parameters={...m.parameters,docs:{...(N=m.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад числового інпуту. Нижче — перевірка two-way binding та базові стани: integer, decimal, форматування, required, помилка, disabled, readonly."
+      }
+    }
+  }
+}`,...(w=(P=m.parameters)==null?void 0:P.docs)==null?void 0:w.source}}};const ae=["Playground"];export{m as Playground,ae as __namedExportsOrder,X as default};

package/dist/app/assets/PzKeyValue-RiKE-e9c.css

@@ -0,0 +1 @@
+.pz-key-value-story{display:grid;gap:var(--pz-space-24)}.pz-key-value-story-board{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-key-value-story-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-key-value-story-copy{display:grid;gap:var(--pz-space-8)}.pz-key-value-story-eyebrow,.pz-key-value-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-key-value-story-preview{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 180px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-gallery{display:grid;gap:var(--pz-space-24)}@media (width >= 1024px){.pz-key-value-story-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.pz-key-value-story-tile{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 160px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-tile-title{margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-key-value-story-tile-note{margin:0;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-key-value-story-link{color:var(--pz-color-text-link);text-decoration:none}.pz-key-value-story-link:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value[data-v-d25bad20]{--pz-key-value-margin-bottom: var(--pz-space-24);--pz-key-value-item-margin-top: var(--pz-space-20);--pz-key-value-item-overall-margin-top: var(--pz-space-32);--pz-key-value-content-margin-inline-start: var(--pz-space-8);--pz-key-value-content-margin-block-start: var(--pz-space-8);margin-bottom:var(--pz-key-value-margin-bottom)}@media (max-width: 1023.98px){.pz-key-value[data-v-d25bad20]{--pz-key-value-margin-bottom: var(--pz-space-8)}}.pz-key-value[data-v-d25bad20]:empty{margin-bottom:0}.pz-key-value--clear .pz-key-value__title[data-v-d25bad20]:after{display:none}.pz-key-value__item[data-v-d25bad20]{display:flex;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-key-value__item+.pz-key-value__item[data-v-d25bad20]:not(.pz-key-value__item--overall){margin-top:var(--pz-key-value-item-margin-top)}.pz-key-value__item--overall[data-v-d25bad20]{margin-top:var(--pz-key-value-item-overall-margin-top)}@media (max-width: 1023.98px){.pz-key-value__item[data-v-d25bad20]{flex-direction:column}}.pz-key-value__item--overall .pz-key-value__link[data-v-d25bad20]{font-weight:600}.pz-key-value__title[data-v-d25bad20]{width:var(--pz-key-value-title-width);flex:0 0 var(--pz-key-value-title-width);max-width:100%;height:fit-content;position:relative;font-size:inherit;font-weight:600;margin:0;background-color:inherit}.pz-key-value__title-box[data-v-d25bad20]{position:relative;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:var(--pz-key-value-title-box-width);max-width:100%;z-index:2;line-height:1.5;-webkit-hyphens:initial;hyphens:initial;display:inline}.pz-key-value__title[data-v-d25bad20]:after{content:"";display:inline-block;position:absolute;top:-5px;left:0;z-index:0;width:100%;height:100%;border-bottom:1px dotted var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-key-value__title[data-v-d25bad20]{width:auto;flex:0 0 auto}.pz-key-value__title[data-v-d25bad20]:after{display:none}}.pz-key-value__content[data-v-d25bad20]{margin-left:var(--pz-key-value-content-margin-inline-start);font-size:inherit;white-space:pre-line;display:flex;justify-content:flex-end;flex-direction:column;line-height:1.5}@media (max-width: 1023.98px){.pz-key-value__content[data-v-d25bad20]{margin-left:0;margin-top:var(--pz-key-value-content-margin-block-start)}}.pz-key-value__link[data-v-d25bad20]{display:flex;align-items:center;font-weight:400;color:var(--pz-color-text-link);text-decoration:none}.pz-key-value__link[data-v-d25bad20]:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value__link span[data-v-d25bad20]{margin-left:var(--pz-space-4)}

package/dist/app/assets/PzKeyValue.stories-DtyWU98t.js

@@ -0,0 +1,270 @@
+import{P as D}from"./PzText-LkAZaPCW.js";import{d as oe,j as ie,e as d,F as R,z as le,r as q,a8 as ce,o as u,k as w,n as V,l as T,E as $,t as E,f as de,D as ue}from"./iframe-DbWuH5mz.js";import{g as pe}from"./_commonjsHelpers-Cpj98o6Y.js";import{i as ye,_ as fe,a as S,b as me,c as ve}from"./isArray-DPUC7i9_.js";import{l as c}from"./lodash-CdDiHlzQ.js";import{P as ge}from"./PzDomHandler-BU7iMNnt.js";import{_ as ke}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";var be=fe,he=ye,ze="[object Symbol]";function xe(e){return typeof e=="symbol"||he(e)&&be(e)==ze}var _=xe,we=S,De=_,Se=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,_e=/^\w*$/;function Ce(e,t){if(we(e))return!1;var a=typeof e;return a=="number"||a=="symbol"||a=="boolean"||e==null||De(e)?!0:_e.test(e)||!Se.test(e)||t!=null&&e in Object(t)}var Pe=Ce,ne=me,Ke="Expected a function";function C(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Ke);var a=function(){var n=arguments,s=t?t.apply(this,n):n[0],o=a.cache;if(o.has(s))return o.get(s);var l=e.apply(this,n);return a.cache=o.set(s,l)||o,l};return a.cache=new(C.Cache||ne),a}C.Cache=ne;var Re=C,qe=Re,Ve=500;function Te(e){var t=qe(e,function(n){return a.size===Ve&&a.clear(),n}),a=t.cache;return t}var $e=Te,Ee=$e,Ae=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ne=/\\(\\)?/g,Oe=Ee(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(Ae,function(a,n,s,o){t.push(s?o.replace(Ne,"$1"):n||a)}),t}),Ie=Oe;function Fe(e,t){for(var a=-1,n=e==null?0:e.length,s=Array(n);++a<n;)s[a]=t(e[a],a,e);return s}var Be=Fe,A=ve,Le=Be,Me=S,We=_,N=A?A.prototype:void 0,O=N?N.toString:void 0;function re(e){if(typeof e=="string")return e;if(Me(e))return Le(e,re)+"";if(We(e))return O?O.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var Ge=re,je=Ge;function Ue(e){return e==null?"":je(e)}var Ze=Ue,He=S,Xe=Pe,Ye=Ie,Je=Ze;function Qe(e,t){return He(e)?e:Xe(e,t)?[e]:Ye(Je(e))}var et=Qe,tt=_;function at(e){if(typeof e=="string"||tt(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var nt=at,rt=et,st=nt;function ot(e,t){t=rt(t,e);for(var a=0,n=t.length;e!=null&&a<n;)e=e[st(t[a++])];return a&&a==n?e:void 0}var it=ot,lt=it;function ct(e,t,a){var n=e==null?void 0:lt(e,t);return n===void 0?a:n}var dt=ct;const ut=pe(dt),pt={ref:"componentRef",class:"pz-key-value"},k=oe({name:"PzKeyValue",__name:"PzKeyValue",props:{config:{},data:{},checkRequired:{type:Boolean,default:!0},flexDirection:{default:"column"},titleStyleClass:{default:""}},setup(e){const t=e,a=q([]),n=q("transparent"),s=ce("componentRef");ie(()=>{t.config.forEach(({key:r})=>{(!l(o(r))||!t.checkRequired)&&a.value.push(r)}),n.value=ge.getParentNearestBackground(s.value)});const o=r=>{const x=ut(c.pickBy(t.data,c.identity),r.split("-"),"");return l(x)?"":x},l=r=>c.isNumber(r)||c.isBoolean(r)?!1:c.isEmpty(r);return(r,x)=>(u(),d("div",pt,[(u(!0),d(R,null,le(e.config,i=>(u(),d(R,null,[a.value.includes(i.key)?(u(),d("div",{key:i.id,class:"pz-key-value__item"},[w("h6",{class:de(["pz-key-value__title",[e.titleStyleClass,i.labelStyleClass]])},[w("span",{class:"pz-key-value__title-box",style:V({backgroundColor:n.value})},[T(r.$slots,`${i.key}_label`,{data:i.labelKey},()=>[$(E(i.labelKey),1)],!0)],4)],2),w("div",{class:"pz-key-value__content",style:V({flexDirection:e.flexDirection})},[T(r.$slots,i.key,{data:o(i.key)},()=>[$(E(o(i.key)),1)],!0)],4)])):ue("",!0)],64))),256))],512))}}),b=ke(k,[["__scopeId","data-v-d25bad20"]]);k.__docgenInfo=Object.assign({displayName:k.name??k.__name},{name:"PzKeyValue",exportName:"default",displayName:"PzKeyValue",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzKeyValueViewListItem"}]}},{name:"data",required:!0,type:{name:"Record",elements:[{name:"string"},{name:"any"}]}},{name:"checkRequired",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"flexDirection",required:!1,type:{name:"PzKeyValueFlexDirection"},defaultValue:{func:!1,value:'"column"'}},{name:"titleStyleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"`${item.key}_label`",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]},{name:"item.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzKeyValue/PzKeyValue.vue"]});const se=["column","column-reverse","row","row-reverse"],h=[{id:"tender-id",key:"id",labelKey:"Tender ID"},{id:"tender-title",key:"title",labelKey:"Title"},{id:"tender-customer",key:"customer-name",labelKey:"Customer"},{id:"tender-amount",key:"amount",labelKey:"Expected value"},{id:"tender-status",key:"status",labelKey:"Status"},{id:"tender-note",key:"note",labelKey:"Note"}],z={id:"UA-2026-04-17-000123-a",title:"Закупівля медичного обладнання для лікарні №3",customer:{name:'ТОВ "АДМІНІСТРАЦІЯ ЗАКУПІВЕЛЬ"'},amount:"1 250 000,00 UAH",status:"Awaiting offers",note:""},P=[{id:"bid-supplier",key:"supplier",labelKey:"Bidder"},{id:"bid-amount",key:"amount",labelKey:"Amount"},{id:"bid-discount",key:"discount",labelKey:"Discount"},{id:"bid-submitted",key:"submittedAt",labelKey:"Submitted"},{id:"bid-winner",key:"isWinner",labelKey:"Winner"}],K={supplier:'ТОВ "ЕКО ЦЕНТР ПРОЕКТ"',amount:"98 000,00 UAH",discount:0,submittedAt:"17.04.2026 12:39",isWinner:!0},yt=e=>`<template>
+  <PzKeyValue
+    ${[':config="config"',':data="data"',e.flexDirection&&e.flexDirection!=="column"?`flex-direction="${e.flexDirection}"`:null,e.checkRequired===!1?':check-required="false"':null,e.titleStyleClass?`title-style-class="${e.titleStyleClass}"`:null].filter(a=>!!a).join(`
+    `)}
+  />
+</template>`,ft={title:"Components/Display/PzKeyValue",component:b,parameters:{prototype:{caption:"Key-value list",note:"Presentational component for pairing labels with dynamic values. Filters empty fields by default and supports dot-notation lookups into the source data."},docs:{description:{component:"Use `PzKeyValue` to render a labelled list of values from a data object. Item order is driven by `config`; values resolve via dot-notation keys (via lodash `get`). Numbers and booleans are always rendered; empty strings/null/undefined are hidden when `checkRequired` is `true` (the default). Each item exposes a matching slot and a `<key>_label` slot for custom rendering."},source:{transform:(e,t)=>yt(t.args??ft.args)}}},args:{config:h,data:z,flexDirection:"column",checkRequired:!0,titleStyleClass:""},argTypes:{config:{control:!1,description:"Ordered list of `{ id, key, labelKey, labelStyleClass? }` entries describing each row.",table:{category:"Props"}},data:{control:!1,description:"Source object. Row values are resolved via lodash `get` on a dash-split key.",table:{category:"Props"}},flexDirection:{control:"inline-radio",options:se,description:"Applied as inline `flex-direction` on each value container.",table:{category:"Props"}},checkRequired:{control:"boolean",description:"When `true`, rows with empty strings / null / undefined are hidden. Numbers and booleans are always shown.",table:{category:"Props"}},titleStyleClass:{control:"text",description:"Extra class applied to every row title.",table:{category:"Props"}}},render:e=>({components:{pzKeyValue:b,pzText:D},setup(){return{args:e}},template:`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-board">
+          <div class="pz-key-value-story-header">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Label / value rows for procurement details</pz-text>
+            </div>
+            <span class="pz-key-value-story-chip">{{ args.flexDirection }}</span>
+          </div>
+
+          <div class="pz-key-value-story-preview">
+            <pz-key-value
+              :config="args.config"
+              :data="args.data"
+              :flex-direction="args.flexDirection"
+              :check-required="args.checkRequired"
+              :title-style-class="args.titleStyleClass"
+            />
+          </div>
+        </section>
+      </section>
+    `})},p={},y={args:{config:h,data:z,flexDirection:"column",checkRequired:!0}},f={args:{config:P,data:K,flexDirection:"row",checkRequired:!0}},m={args:{config:h,data:z,flexDirection:"column",checkRequired:!1},parameters:{docs:{description:{story:"`checkRequired: false` renders every row from `config`, even when the corresponding value is empty."}}}},v={args:{config:P,data:K,flexDirection:"column",checkRequired:!0},render:e=>({components:{pzKeyValue:b,pzText:D},setup(){return{args:e}},template:`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-board">
+          <div class="pz-key-value-story-header">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">Slots</span>
+              <pz-text variant="h4-bold">Override value rendering per key</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-key-value-story-preview">
+            <pz-key-value
+              :config="args.config"
+              :data="args.data"
+              :flex-direction="args.flexDirection"
+              :check-required="args.checkRequired"
+            >
+              <template #supplier="{ data }">
+                <a
+                  href="#"
+                  class="pz-key-value-story-link"
+                >
+                  {{ data }}
+                </a>
+              </template>
+
+              <template #isWinner="{ data }">
+                <span>{{ data ? "Yes" : "No" }}</span>
+              </template>
+            </pz-key-value>
+          </div>
+        </section>
+      </section>
+    `}),parameters:{docs:{description:{story:"Each row exposes a slot named after its `key` and a `<key>_label` slot for the heading. Slot scope forwards the resolved value as `data`."}}}},g={render:()=>({components:{pzKeyValue:b,pzText:D},setup(){return{tenderConfig:h,tenderData:z,bidConfig:P,bidData:K,flexDirectionOptions:se}},template:`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-gallery">
+          <article
+            v-for="direction in flexDirectionOptions"
+            :key="direction"
+            class="pz-key-value-story-tile"
+          >
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">flex-direction</span>
+              <h4 class="pz-key-value-story-tile-title">{{ direction }}</h4>
+              <p class="pz-key-value-story-tile-note">Rendered with tender-style data.</p>
+            </div>
+
+            <pz-key-value
+              :config="tenderConfig"
+              :data="tenderData"
+              :flex-direction="direction"
+            />
+          </article>
+
+          <article class="pz-key-value-story-tile">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">check-required false</span>
+              <h4 class="pz-key-value-story-tile-title">Always show rows</h4>
+              <p class="pz-key-value-story-tile-note">Empty note field is still rendered.</p>
+            </div>
+
+            <pz-key-value
+              :config="tenderConfig"
+              :data="tenderData"
+              :check-required="false"
+            />
+          </article>
+
+          <article class="pz-key-value-story-tile">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">winner bid</span>
+              <h4 class="pz-key-value-story-tile-title">Falsy-preserving values</h4>
+              <p class="pz-key-value-story-tile-note">Zero discount and boolean winner stay visible.</p>
+            </div>
+
+            <pz-key-value
+              :config="bidConfig"
+              :data="bidData"
+            />
+          </article>
+        </section>
+      </section>
+    `}),parameters:{docs:{description:{story:"Reference board covering every `flexDirection` value, the `checkRequired: false` fallback, and numeric/boolean preservation."}}}};var I,F,B;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:"{}",...(B=(F=p.parameters)==null?void 0:F.docs)==null?void 0:B.source}}};var L,M,W;y.parameters={...y.parameters,docs:{...(L=y.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  args: {
+    config: tenderConfig,
+    data: tenderData,
+    flexDirection: "column",
+    checkRequired: true
+  }
+}`,...(W=(M=y.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};var G,j,U;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    config: bidConfig,
+    data: bidData,
+    flexDirection: "row",
+    checkRequired: true
+  }
+}`,...(U=(j=f.parameters)==null?void 0:j.docs)==null?void 0:U.source}}};var Z,H,X;m.parameters={...m.parameters,docs:{...(Z=m.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    config: tenderConfig,
+    data: tenderData,
+    flexDirection: "column",
+    checkRequired: false
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "\`checkRequired: false\` renders every row from \`config\`, even when the corresponding value is empty."
+      }
+    }
+  }
+}`,...(X=(H=m.parameters)==null?void 0:H.docs)==null?void 0:X.source}}};var Y,J,Q;v.parameters={...v.parameters,docs:{...(Y=v.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  args: {
+    config: bidConfig,
+    data: bidData,
+    flexDirection: "column",
+    checkRequired: true
+  },
+  render: (args: PzKeyValueStoryArgs) => ({
+    components: {
+      pzKeyValue: PzKeyValue,
+      pzText: PzText
+    },
+    setup() {
+      return {
+        args
+      };
+    },
+    template: \`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-board">
+          <div class="pz-key-value-story-header">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">Slots</span>
+              <pz-text variant="h4-bold">Override value rendering per key</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-key-value-story-preview">
+            <pz-key-value
+              :config="args.config"
+              :data="args.data"
+              :flex-direction="args.flexDirection"
+              :check-required="args.checkRequired"
+            >
+              <template #supplier="{ data }">
+                <a
+                  href="#"
+                  class="pz-key-value-story-link"
+                >
+                  {{ data }}
+                </a>
+              </template>
+
+              <template #isWinner="{ data }">
+                <span>{{ data ? "Yes" : "No" }}</span>
+              </template>
+            </pz-key-value>
+          </div>
+        </section>
+      </section>
+    \`
+  }),
+  parameters: {
+    docs: {
+      description: {
+        story: "Each row exposes a slot named after its \`key\` and a \`<key>_label\` slot for the heading. Slot scope forwards the resolved value as \`data\`."
+      }
+    }
+  }
+}`,...(Q=(J=v.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var ee,te,ae;g.parameters={...g.parameters,docs:{...(ee=g.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  render: () => ({
+    components: {
+      pzKeyValue: PzKeyValue,
+      pzText: PzText
+    },
+    setup() {
+      return {
+        tenderConfig,
+        tenderData,
+        bidConfig,
+        bidData,
+        flexDirectionOptions
+      };
+    },
+    template: \`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-gallery">
+          <article
+            v-for="direction in flexDirectionOptions"
+            :key="direction"
+            class="pz-key-value-story-tile"
+          >
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">flex-direction</span>
+              <h4 class="pz-key-value-story-tile-title">{{ direction }}</h4>
+              <p class="pz-key-value-story-tile-note">Rendered with tender-style data.</p>
+            </div>
+
+            <pz-key-value
+              :config="tenderConfig"
+              :data="tenderData"
+              :flex-direction="direction"
+            />
+          </article>
+
+          <article class="pz-key-value-story-tile">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">check-required false</span>
+              <h4 class="pz-key-value-story-tile-title">Always show rows</h4>
+              <p class="pz-key-value-story-tile-note">Empty note field is still rendered.</p>
+            </div>
+
+            <pz-key-value
+              :config="tenderConfig"
+              :data="tenderData"
+              :check-required="false"
+            />
+          </article>
+
+          <article class="pz-key-value-story-tile">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">winner bid</span>
+              <h4 class="pz-key-value-story-tile-title">Falsy-preserving values</h4>
+              <p class="pz-key-value-story-tile-note">Zero discount and boolean winner stay visible.</p>
+            </div>
+
+            <pz-key-value
+              :config="bidConfig"
+              :data="bidData"
+            />
+          </article>
+        </section>
+      </section>
+    \`
+  }),
+  parameters: {
+    docs: {
+      description: {
+        story: "Reference board covering every \`flexDirection\` value, the \`checkRequired: false\` fallback, and numeric/boolean preservation."
+      }
+    }
+  }
+}`,...(ae=(te=g.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};const wt=["Playground","ColumnLayout","RowLayout","WithoutRequiredFilter","CustomSlots","Gallery"];export{y as ColumnLayout,v as CustomSlots,g as Gallery,p as Playground,f as RowLayout,m as WithoutRequiredFilter,wt as __namedExportsOrder,ft as default};

package/dist/app/assets/PzLabel-BQF7sPao.css

@@ -0,0 +1 @@
+.pz-label[data-v-97ccbdea]{display:grid;gap:var(--pz-space-8);width:100%;color:var(--pz-color-text-primary)}.pz-label-caption[data-v-97ccbdea]{display:inline-flex;align-items:baseline;gap:var(--pz-space-4);width:fit-content;color:inherit;font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-label-required[data-v-97ccbdea]{color:var(--pz-color-red-50)}.pz-label-control[data-v-97ccbdea]{min-width:0}.pz-label.is-disabled[data-v-97ccbdea]{color:var(--pz-color-text-secondary)}

package/dist/app/assets/PzLabel-CNUgfkly.css

@@ -0,0 +1 @@
+.pz-label-story{display:grid;gap:var(--pz-space-24)}.pz-label-story-board,.pz-label-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-label-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-label-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-label-story-preview{display:grid;place-items:center;min-height:220px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-label-story-field{width:min(100%,640px)}.pz-label-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-label-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-label-story-rich-label{display:inline-flex;align-items:baseline;gap:var(--pz-space-8);flex-wrap:wrap}.pz-label-story-rich-label-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400}.pz-label-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-label-story-input{width:100%;min-height:var(--pz-space-44);padding:var(--pz-space-12) var(--pz-space-16);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-label-story-input::placeholder{color:var(--pz-color-grey-40)}.pz-label-story-input:focus-visible{outline:2px solid color-mix(in srgb,var(--pz-color-button-primary) 28%,transparent);outline-offset:2px;border-color:var(--pz-color-blue-30)}.pz-label-story-input:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 70%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}@media (width <= 768px){.pz-label-story-grid{grid-template-columns:1fr}.pz-label-story-header{flex-direction:column}}

package/dist/app/assets/PzLabel-Coa549nk.js

@@ -0,0 +1 @@
+import{d as i,G as c,e as l,f,l as t,D as n,k as p,g as m,o as s,E as b,t as _}from"./iframe-DbWuH5mz.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v=["for"],y={key:0,class:"pz-label-required","aria-hidden":"true"},P={class:"pz-label-control"},a=i({name:"PzLabel",__name:"PzLabel",props:{label:{default:""},for:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(r){const e=r,d=c(),u=m(()=>!!(e.label||d.label));return(o,q)=>(s(),l("div",{class:f(["pz-label",{"is-disabled":e.disabled}])},[u.value?(s(),l("label",{key:0,class:"pz-label-caption",for:e.for},[t(o.$slots,"label",{},()=>[b(_(e.label),1)],!0),e.required?(s(),l("span",y," * ")):n("",!0)],8,v)):n("",!0),p("div",P,[t(o.$slots,"default",{},void 0,!0)])],2))}}),V=z(a,[["__scopeId","data-v-97ccbdea"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzLabel",exportName:"default",displayName:"PzLabel",description:"",tags:{},props:[{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"for",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"label"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzLabel/PzLabel.vue"]});export{V as P};