@prozorro/prozorro-ui 0.0.36-beta → 0.0.37-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/assets/{Color-FRDS63T2-DhXxAYLg.js → Color-FRDS63T2-BdApDhA6.js} +1 -1
- package/dist/app/assets/{Colors.stories-B6vIpZ8q.js → Colors.stories-Y4Twtpzy.js} +1 -1
- package/dist/app/assets/Display-D6gUOpYn.css +1 -0
- package/dist/app/assets/Display.stories-ifUk3WFT.js +141 -0
- package/dist/app/assets/{DocsRenderer-LL677BLK-yblczgla.js → DocsRenderer-LL677BLK-CtRRm2o7.js} +5 -5
- package/dist/app/assets/{Grid.stories-CUXNbB-V.js → Grid.stories-DmpU9530.js} +1 -1
- package/dist/app/assets/{PzAccordion-DWoil_bn.js → PzAccordion-D52LYpo7.js} +1 -1
- package/dist/app/assets/{PzAccordion.stories-evzT4C-f.js → PzAccordion.stories-ChAWcGVF.js} +1 -1
- package/dist/app/assets/{PzAccordionTable.stories--4pKQ-ge.js → PzAccordionTable.stories-CSET3ErQ.js} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-B-2WVQRa.js → PzArrayClamp.stories-DErXhHLb.js} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-DkgPjd9p.js → PzBreadcrumb.stories-DJEYz17T.js} +3 -3
- package/dist/app/assets/{PzBtn-DpZuACWn.js → PzBtn-ifYOiosG.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-Dx6LvYrp.js → PzBtn.stories-Dm-95ZHO.js} +1 -1
- package/dist/app/assets/{PzCheckbox-CCDi4xRe.js → PzCheckbox-DZtp5JnV.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-D_oKuYuO.js → PzCheckbox.stories-BxB-I2Cq.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-CuGMz4Jb.js → PzCheckboxGroup.stories-CV8v4cWC.js} +2 -2
- package/dist/app/assets/{PzCopyToClipboard.stories-DX1WMeAX.js → PzCopyToClipboard.stories-7H52LnoD.js} +1 -1
- package/dist/app/assets/{PzDate-i1mxQvAA.js → PzDate-h3aYreQl.js} +1 -1
- package/dist/app/assets/{PzDate.stories-BZcM62bH.js → PzDate.stories-DWVuYk24.js} +1 -1
- package/dist/app/assets/{PzDateRange.stories-CQHMSjEw.js → PzDateRange.stories-B3OdQ_S4.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-Dj3KKA1e.js → PzDomHandler.stories-C-8aadOh.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-22ZTI2sB.js → PzDropdown.stories-JcEEp7G3.js} +1 -1
- package/dist/app/assets/{PzFileInput.stories-C81rM3hI.js → PzFileInput.stories-KeQBPSyI.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-BuSFoTtX.js → PzGrid.stories-C2OmmUWg.js} +3 -3
- package/dist/app/assets/{PzHint-h-KK0y1Q.js → PzHint-C33L4Rea.js} +1 -1
- package/dist/app/assets/{PzHint.stories-Dl15x8Mw.js → PzHint.stories-BApCF_f1.js} +1 -1
- package/dist/app/assets/{PzIcon-DEfMcLUj.js → PzIcon-DtyHrDIO.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-t2s0knSA.js → PzIcon.stories-C4-ZLlqE.js} +1 -1
- package/dist/app/assets/{PzImage.stories-DSwANUUf.js → PzImage.stories-D_t3SE3N.js} +1 -1
- package/dist/app/assets/{PzImageInput.stories-yZn4-M4p.js → PzImageInput.stories-vanZkAbK.js} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout.stories-DAw2pGuF.js → PzInfoBlockLayout.stories-6FWDw-Jf.js} +2 -2
- package/dist/app/assets/{PzInfoHint-i9mcSPZG.js → PzInfoHint-CpCSrwNx.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-CO21NZw6.js → PzInfoHint.stories-dGjmf2Ur.js} +1 -1
- package/dist/app/assets/{PzInput.stories-BsoiC2S2.js → PzInput.stories-D2kfw1Y3.js} +2 -2
- package/dist/app/assets/{PzInputDate.stories-RIY9bzmA.js → PzInputDate.stories-Bhi6eiM2.js} +1 -1
- package/dist/app/assets/{PzInputNumber.stories-j1V0pQI4.js → PzInputNumber.stories-MVBYiF-C.js} +2 -2
- package/dist/app/assets/{PzKeyValue-T2Wakhmv.js → PzKeyValue-DL1bfzha.js} +1 -1
- package/dist/app/assets/{PzKeyValue.stories-BXn9sDCS.js → PzKeyValue.stories-CqYGYybt.js} +1 -1
- package/dist/app/assets/{PzLabel-cAvLtSNq.js → PzLabel-oQiPYkLz.js} +1 -1
- package/dist/app/assets/{PzLabel.stories-BBOjU6MB.js → PzLabel.stories-duowUpof.js} +1 -1
- package/dist/app/assets/{PzLink-Ba40N1pr.js → PzLink-Jt-x_a_W.js} +1 -1
- package/dist/app/assets/{PzLink.stories-DfkwvIcC.js → PzLink.stories-CMXSFil9.js} +1 -1
- package/dist/app/assets/{PzListNav-ak02DcYr.js → PzListNav-B5lfsYXZ.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-f1kAwPWu.js → PzListNav.stories-DlUKo3jd.js} +1 -1
- package/dist/app/assets/{PzLoader.stories-CzqgLG93.js → PzLoader.stories-CmMlp69F.js} +1 -1
- package/dist/app/assets/{PzModal.stories-p8jBfLlX.js → PzModal.stories-zluojyKD.js} +4 -4
- package/dist/app/assets/{PzMultiSelect.stories-Clxt72cj.js → PzMultiSelect.stories-BEGsfDlP.js} +3 -3
- package/dist/app/assets/{PzNav.stories-DKMKC8b0.js → PzNav.stories-DlEHLI7t.js} +1 -1
- package/dist/app/assets/{PzNumberFormat.stories-Pw6gEym5.js → PzNumberFormat.stories-D9NR8D-4.js} +1 -1
- package/dist/app/assets/{PzPagination-DiR6OT61.js → PzPagination-DdXfklPN.js} +1 -1
- package/dist/app/assets/{PzPagination.stories-DdNI4KTU.js → PzPagination.stories-Cbhn6rWt.js} +1 -1
- package/dist/app/assets/{PzPaginationProvider.stories-BSw0Vgte.js → PzPaginationProvider.stories-S-vd2TGL.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-BA5DSnjK.js → PzPriceFormat.stories-DKSH0YAT.js} +1 -1
- package/dist/app/assets/{PzRadioGroup.stories-DThyHrK0.js → PzRadioGroup.stories-BTVLiHax.js} +1 -1
- package/dist/app/assets/{PzRouterLink.stories-4Zs7rN39.js → PzRouterLink.stories-DAng3jyj.js} +2 -2
- package/dist/app/assets/{PzScrollTo.stories-CV0B57w1.js → PzScrollTo.stories-gfZiX6wU.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-CwYXmB-X.js → PzSearchResultItemLayout.stories-C_hmRcmn.js} +1 -1
- package/dist/app/assets/{PzSelect-DrC2FZDS.js → PzSelect-jT3jx2Aj.js} +1 -1
- package/dist/app/assets/{PzSelect.stories-CZ6Id9fE.js → PzSelect.stories-CO3lHtPA.js} +1 -1
- package/dist/app/assets/{PzSkeleton-D5AM17Fi.js → PzSkeleton-BNEmesy7.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-B9fd5nRo.js → PzSkeleton.stories-DVRuD7E2.js} +1 -1
- package/dist/app/assets/{PzStatus-DrTzK97Z.js → PzStatus-BfmSPAYA.js} +1 -1
- package/dist/app/assets/{PzStatus.stories-Ax-5djW1.js → PzStatus.stories-C4zFpmp8.js} +1 -1
- package/dist/app/assets/PzTable-CB6OvojF.js +1 -0
- package/dist/app/assets/{PzTable.stories-B4WWYOVa.js → PzTable.stories-Bu_oryd1.js} +1 -1
- package/dist/app/assets/{PzTablePaginationProvider.stories-DWGjj_H2.js → PzTablePaginationProvider.stories-BY4ovStK.js} +1 -1
- package/dist/app/assets/{PzTabs.stories-DTY2Eeeu.js → PzTabs.stories-Cg5qtO_J.js} +1 -1
- package/dist/app/assets/{PzTag-B-f_e3O-.js → PzTag-BfKxM6Is.js} +1 -1
- package/dist/app/assets/{PzTag.stories-DlsiHjs6.js → PzTag.stories-NNpJHAFg.js} +1 -1
- package/dist/app/assets/{PzText-C3D3SnMx.js → PzText-CwKu8Bql.js} +1 -1
- package/dist/app/assets/{PzText.stories-BACpoP4d.js → PzText.stories-DllYruY3.js} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-CFIf-Kfd.js → PzTextClamp.stories-D0em2BtE.js} +1 -1
- package/dist/app/assets/{PzTextarea.stories-DhinERdl.js → PzTextarea.stories-CyZvP8Ft.js} +2 -2
- package/dist/app/assets/{PzValidatorXSS.stories-DCa5R801.js → PzValidatorXSS.stories-W1iXRatA.js} +1 -1
- package/dist/app/assets/{Spacing.stories-BMOcUK6R.js → Spacing.stories-BnzgHr8m.js} +1 -1
- package/dist/app/assets/{StaticPagination.composable-dQFEBcZK.js → StaticPagination.composable-Dn-8667W.js} +1 -1
- package/dist/app/assets/{Typography.stories-DkpBYxE8.js → Typography.stories-aOSDGUPj.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-BBJ-MhEh.js → WithTooltip-65CFNBJE-CdtQpF7l.js} +1 -1
- package/dist/app/assets/{floating-vue-DDs3IygW.js → floating-vue-C-JY_pDw.js} +1 -1
- package/dist/app/assets/{floating-vue-D5kV9bvx.js → floating-vue-ODEPaX5K.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-BDnPAmSv.js → formatter-EIJCOSYU-DTZ09p6r.js} +1 -1
- package/dist/app/assets/{iframe-DlZeCGdZ.js → iframe-5HrYHHuC.js} +5 -5
- package/dist/app/assets/{iframe-ujC0K8xu.css → iframe-C-4A78tT.css} +1 -1
- package/dist/app/assets/{index-v0Pw9roj.js → index-CZBPD0g1.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-Cu7AFDp6.js → syntaxhighlighter-OH4MV7E3-dyi_QrW9.js} +1 -1
- package/dist/app/iframe.html +2 -2
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/package.json +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/base/_display.scss +98 -0
- package/src/styles/main.scss +1 -0
- package/dist/app/assets/PzTable-xq6i9RUN.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as t,f as r,t as c,n as u,g as d,c as a,o as m}from"./iframe-
|
|
1
|
+
import{e as t,f as r,t as c,n as u,g as d,c as a,o as m}from"./iframe-5HrYHHuC.js";const p=["role","aria-hidden","aria-label"],n=t({name:"PzIcon",__name:"PzIcon",props:{name:{},variant:{default:"outlined"},size:{default:"16"},label:{default:void 0}},setup(l){const e=l,o=a(()=>({"--pz-icon-size":`var(--pz-font-size-${e.size})`})),i=a(()=>e.label?"img":void 0),s=a(()=>e.label?void 0:"true");return(f,z)=>(m(),r("span",{class:d([{outlined:e.variant==="outlined"},"pz-icon pz-material-icon"]),style:u(o.value),role:i.value,"aria-hidden":s.value,"aria-label":e.label},c(e.name),15,p))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzIcon",exportName:"default",displayName:"PzIcon",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"PzIconName"}},{name:"variant",required:!1,type:{name:"PzIconVariant"},defaultValue:{func:!1,value:'"outlined"'}},{name:"size",required:!1,type:{name:"PzIconSize"},defaultValue:{func:!1,value:'"16"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzIcon/PzIcon.vue"]});export{n as _};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as c}from"./PzText-
|
|
1
|
+
import{P as c}from"./PzText-CwKu8Bql.js";import{_ as n}from"./PzIcon-DtyHrDIO.js";import"./iframe-5HrYHHuC.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l=["filled","outlined"],p=["12","16","18","20","24","32","44"],d=[{name:"info",label:"Informational state",tone:"primary"},{name:"check_circle",label:"Successful outcome",tone:"success"},{name:"warning",label:"Attention required",tone:"alert"}],m=e=>`<template>
|
|
2
2
|
<PzIcon ${[`name="${e.name}"`,e.variant!=="outlined"?`variant="${e.variant}"`:null,e.size!=="16"?`size="${e.size}"`:null,e.label?`label="${e.label}"`:null].filter(r=>!!r).join(" ")} />
|
|
3
3
|
</template>`,z={title:"Components/Display/PzIcon",component:n,parameters:{prototype:{caption:"Icon component",note:"Material icon ligatures wrapped in a small Vue API with token-backed sizing and easy CSS overrides."},docs:{description:{component:"Use `PzIcon` for Material icons in design-system UI. The component keeps the API small, inherits custom classes and styles, and exposes CSS custom properties for size and color overrides. Find available icon names in the [Material Icons catalog](https://fonts.google.com/icons)."},source:{transform:(e,t)=>m(t.args??z.args)}}},args:{name:"account_balance",variant:"outlined",size:"24",label:"Procurement entity"},argTypes:{name:{control:"text",description:"Material icon ligature name."},variant:{control:"inline-radio",options:l,description:"Material icon font family variant."},size:{control:"select",options:p,description:"Token-backed font size for the icon."},label:{control:"text",description:"Accessible label. Leave empty for decorative icons."}},render:e=>({components:{pzIcon:n,pzText:c},setup(){return{args:e,iconReferenceItems:d}},template:`
|
|
4
4
|
<div class="pz-icon-story">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as p}from"./PzText-
|
|
1
|
+
import{P as p}from"./PzText-CwKu8Bql.js";import{e as l,f as d,n as m,c as g,o as u}from"./iframe-5HrYHHuC.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const z=["contain","cover","fill","none","scale-down"],y=["eager","lazy"],v=["auto","async","sync"],h=["src","alt","loading","decoding"],i=l({name:"PzImage",__name:"PzImage",props:{src:{},alt:{},fit:{default:"contain"},loading:{default:void 0},decoding:{default:"async"}},setup(e){const a=e,o=g(()=>({"--pz-image-fit":a.fit}));return(P,b)=>(u(),d("img",{class:"pz-image",src:a.src,alt:a.alt,loading:a.loading,decoding:a.decoding,style:m(o.value)},null,12,h))}}),s=f(i,[["__scopeId","data-v-d597634d"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzImage",exportName:"default",displayName:"PzImage",description:"",tags:{},props:[{name:"src",required:!0,type:{name:"string"}},{name:"alt",required:!0,type:{name:"string"}},{name:"fit",required:!1,type:{name:"PzImageFit"},defaultValue:{func:!1,value:'"contain"'}},{name:"loading",required:!1,type:{name:"PzImageLoading"},defaultValue:{func:!1,value:"undefined"}},{name:"decoding",required:!1,type:{name:"PzImageDecoding"},defaultValue:{func:!1,value:'"async"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzImage/PzImage.vue"]});const I=e=>`<template>
|
|
2
2
|
<PzImage ${[`src="${e.src}"`,`alt="${e.alt}"`,e.fit!=="contain"?`fit="${e.fit}"`:null,e.loading?`loading="${e.loading}"`:null,e.decoding!=="async"?`decoding="${e.decoding}"`:null].filter(o=>!!o).join(" ")} />
|
|
3
3
|
</template>`,_={title:"Components/Display/PzImage",component:s,parameters:{prototype:{caption:"Image component",note:"Minimal image primitive with basic responsive defaults and CSS custom properties for easy visual overrides."},docs:{description:{component:"Use `PzImage` when you want a predictable image primitive with responsive defaults. Styling remains easy to customize through inherited classes, inline styles, and the `--pz-image-*` custom properties."},source:{transform:(e,a)=>I(a.args??_.args)}}},args:{src:"/prozorro_logo.png",alt:"Prozorro logotype",fit:"contain",loading:"lazy",decoding:"async"},argTypes:{src:{control:"text",description:"Image source URL."},alt:{control:"text",description:"Alternative text for the image."},fit:{control:"select",options:z,description:"Object-fit behavior for framed image layouts."},loading:{control:"inline-radio",options:y,description:"Native browser loading hint."},decoding:{control:"inline-radio",options:v,description:"Native image decoding mode."}},render:e=>({components:{pzImage:s,pzText:p},setup(){return{args:e}},template:`
|
|
4
4
|
<div class="pz-image-story">
|
package/dist/app/assets/{PzImageInput.stories-yZn4-M4p.js → PzImageInput.stories-vanZkAbK.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as H,w as k,f as b,
|
|
1
|
+
import{e as H,w as k,f as b,B as q,A as B,v as V,g as G,c as d,o as f,q as z,x as J,C as K,t as P,p as x,r as s}from"./iframe-5HrYHHuC.js";import{P as Q}from"./PzText-CwKu8Bql.js";import{P as X}from"./PzBtn-ifYOiosG.js";import{_ as Y}from"./PzIcon-DtyHrDIO.js";import{P as Z}from"./PzLabel-oQiPYkLz.js";import{c as C,d as y}from"./configs-CZIaFchr.js";import{_ as ee}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ae={class:"pz-image-input-wrap"},te={key:1,class:"pz-image-input-preview"},le=["src","alt"],ie=["aria-label"],ne=["id","name","accept","disabled"],re={class:"pz-image-input-helper"},se={key:0,class:"pz-image-input-error"},I=H({name:"PzImageInput",__name:"PzImageInput",props:{name:{},modelValue:{default:null},label:{default:""},extensions:{default:()=>[...y.acceptedExtensions]},maxSizeBytes:{default:y.maxSizeBytes},imageWidth:{default:y.imageWidth},imageHeight:{default:y.imageHeight},textConfig:{default:()=>({...C})},previewUrl:{default:""},errorMessage:{default:""},hasServerValidations:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},emits:["focus","blur","update:modelValue"],setup(e,{emit:o}){const a=e,m=o,v=s(null),p=s(""),c=s(""),u=d(()=>a.textConfig??C),E=d(()=>a.modelValue instanceof File),M=d(()=>!!a.previewUrl),U=d(()=>E.value||M.value),j=d(()=>p.value||a.previewUrl||""),T=d(()=>a.extensions.join(",")),w=d(()=>a.errorMessage||c.value);k(()=>a.modelValue,t=>{t instanceof File||(p.value="")});const F=()=>{var t;(t=v.value)==null||t.click()},A=(t,l,n)=>new Promise(i=>{if(!l&&!n){i(!0);return}const r=URL.createObjectURL(t),g=new Image;g.onload=()=>{URL.revokeObjectURL(r);const W=!l||g.naturalWidth===l,_=!n||g.naturalHeight===n;i(W&&_)},g.onerror=()=>{URL.revokeObjectURL(r),i(!1)},g.src=r}),N=t=>new Promise((l,n)=>{const i=new FileReader;i.onload=()=>{l(typeof i.result=="string"?i.result:"")},i.onerror=()=>n(i.error),i.readAsDataURL(t)}),$=async t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(r=>l.endsWith(r.toLowerCase()))?t.size>a.maxSizeBytes?u.value.fileTooLargeMessage:await A(t,a.imageWidth,a.imageHeight)?"":u.value.invalidDimensionsMessage:u.value.invalidExtensionMessage},O=async t=>{var r;const l=t.target,n=(r=l.files)==null?void 0:r[0];if(l.value="",c.value="",!n)return;const i=await $(n);if(i){c.value=i,p.value="",a.modelValue instanceof File&&m("update:modelValue",null);return}p.value=await N(n),m("update:modelValue",n)};return(t,l)=>(f(),b("div",{class:G(["pz-image-input",{error:!!w.value,disabled:e.disabled}])},[q(V(Z),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[z("div",ae,[e.editable&&!U.value?(f(),J(V(X),{key:0,variant:"primary-outline",type:"button",disabled:e.disabled,onClick:F},{default:B(()=>[K(P(u.value.buttonLabel),1)]),_:1},8,["disabled"])):x("",!0),U.value?(f(),b("div",te,[z("img",{src:j.value,alt:e.label||u.value.buttonLabel,class:"pz-image-input-preview-img"},null,8,le),e.editable&&!e.disabled?(f(),b("button",{key:0,type:"button",class:"pz-image-input-preview-edit","aria-label":u.value.editButtonLabel,onClick:F},[q(V(Y),{name:"edit",size:"16"})],8,ie)):x("",!0)])):x("",!0),z("input",{id:e.name,ref_key:"imageInputRef",ref:v,class:"pz-image-input-native",type:"file",name:e.name,accept:T.value,disabled:e.disabled||!e.editable,onChange:O,onFocus:l[0]||(l[0]=n=>m("focus")),onBlur:l[1]||(l[1]=n=>m("blur"))},null,40,ne)]),z("span",re,P(u.value.helperText),1),w.value?(f(),b("span",se,P(w.value),1)):x("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),D=ee(I,[["__scopeId","data-v-19081aea"]]);I.__docgenInfo=Object.assign({displayName:I.name??I.__name},{name:"PzImageInput",exportName:"default",displayName:"PzImageInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzImageInputValue"},defaultValue:{func:!1,value:"null"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormImageUploadRules.acceptedExtensions]"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.maxSizeBytes"}},{name:"imageWidth",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageWidth"}},{name:"imageHeight",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageHeight"}},{name:"textConfig",required:!1,type:{name:"PzFormImageInputTextConfig"},defaultValue:{func:!1,value:"() => ({ ...pzFormImageUploadTexts })"}},{name:"previewUrl",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"hasServerValidations",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{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"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzImageInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzImageInput/PzImageInput.vue"]});const oe=e=>`<template>
|
|
2
2
|
<PzImageInput
|
|
3
3
|
v-model="image"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.previewUrl?`preview-url="${e.previewUrl}"`: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.hasServerValidations?':has-server-validations="true"':null].filter(a=>!!a).join(" ")}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as b}from"./PzIcon-
|
|
1
|
+
import{_ as b}from"./PzIcon-DtyHrDIO.js";import{P as f}from"./PzText-CwKu8Bql.js";import{e as h,f as s,q as r,B as k,A as z,v as w,y as t,p as c,g,o as l,C as x,t as _}from"./iframe-5HrYHHuC.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={class:"pz-info-block-layout-header"},T={key:0,class:"pz-info-block-layout-actions"},B={key:0,class:"pz-info-block-layout-helper"},i=h({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},titleVariant:{default:"h4-bold"},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",P,[k(w(f),{variant:e.titleVariant},{default:z(()=>[t(o.$slots,"title",{},()=>[x(_(e.title),1)],!0)]),_:3},8,["variant"]),o.$slots.right_section?(l(),s("div",T,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)]),o.$slots.heading?(l(),s("div",B,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:g(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),d=I(i,[["__scopeId","data-v-8842fbee"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"titleVariant",required:!1,type:{name:"PzTextVariant"},defaultValue:{func:!1,value:'"h4-bold"'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const A=["","tight"],L=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],R=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],N=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],O=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],S=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],$=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],D=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],V=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(v=>!!v).join(`
|
|
2
2
|
`),n=e.showHelper?`
|
|
3
3
|
<template #heading>
|
|
4
4
|
<a href="#" class="custom-helper-link">
|
|
@@ -23,7 +23,7 @@ import{_ as b}from"./PzIcon-DEfMcLUj.js";import{P as f}from"./PzText-C3D3SnMx.js
|
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
</PzInfoBlockLayout>
|
|
26
|
-
</template>`},H={title:"Components/Layouts/PzInfoBlockLayout",component:d,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>V(o.args??H.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:
|
|
26
|
+
</template>`},H={title:"Components/Layouts/PzInfoBlockLayout",component:d,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>V(o.args??H.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:A,description:"Content spacing mode. Use `tight` for denser sections."},showActions:{control:"boolean",description:"Shows the `right_section` slot in the live preview.",table:{category:"Slots"}},showHelper:{control:"boolean",description:"Shows the `heading` slot in the live preview.",table:{category:"Slots"}},helperText:{control:"text",description:"Helper link copy used in the live preview.",table:{category:"Slots"}}},render:e=>({components:{pzIcon:b,pzInfoBlockLayout:d,pzText:f},setup(){return{args:e,customerInfoRows:R,deliveryColumns:$,deliveryRows:D,previewRows:L,purchaseColumns:O,purchaseInfoRows:N,purchaseRows:S}},template:`
|
|
27
27
|
<section class="pz-info-block-layout-story">
|
|
28
28
|
<div class="pz-info-block-layout-story-hero">
|
|
29
29
|
<div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as i,x as p,
|
|
1
|
+
import{e as i,x as p,A as r,o as n,q as s,B as c,f as o,u as m,t as l,C as f,F as u}from"./iframe-5HrYHHuC.js";import{_ as d}from"./PzIcon-DtyHrDIO.js";import{P as _}from"./PzHint-C33L4Rea.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z={type:"button","aria-label":"Information",class:"pz-info-hint-trigger"},a=i({name:"PzInfoHint",__name:"PzInfoHint",props:{infoContent:{},wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"}},setup(e){return(C,I)=>(n(),p(_,{"wrapper-class":e.wrapperClass,"container-wrapper-class":e.containerWrapperClass,placement:e.placement,theme:"dark-tooltip"},{content:r(()=>[(n(!0),o(u,null,m(e.infoContent,t=>(n(),o("p",{key:t.id},[s("b",null,l(t.title??""),1),f(" "+l(t.text??""),1)]))),128))]),default:r(()=>[s("button",z,[c(d,{name:"help",size:"16",class:"pz-info-hint-icon"})])]),_:1},8,["wrapper-class","container-wrapper-class","placement"]))}}),x=P(a,[["__scopeId","data-v-d7b247cb"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzInfoHint",exportName:"default",displayName:"PzInfoHint",description:"",tags:{},props:[{name:"infoContent",required:!0,type:{name:"Array",elements:[{name:"PzInfoHintContent"}]}},{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzInfoHint/PzInfoHint.vue"]});export{x as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as a}from"./PzText-
|
|
1
|
+
import{P as a}from"./PzText-CwKu8Bql.js";import{P as e}from"./PzInfoHint-CpCSrwNx.js";import"./iframe-5HrYHHuC.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-DtyHrDIO.js";import"./PzHint-C33L4Rea.js";import"./floating-vue-ODEPaX5K.js";import"./floating-vue-C-JY_pDw.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
|
|
2
2
|
<PzInfoHint
|
|
3
3
|
:info-content="[
|
|
4
4
|
{ id: 'deadline', title: 'Deadline', text: 'Shown in local time and aligned with the procurement schedule.' },
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{e as P,V as I,f as u,
|
|
1
|
+
import{e as P,V as I,f as u,B as M,A as $,v as y,g as h,W as z,o as r,q as B,X as L,Y as E,t as c,x as N,p as v,r as l,w as T}from"./iframe-5HrYHHuC.js";import{P as w}from"./PzText-CwKu8Bql.js";import{_ as D}from"./PzIcon-DtyHrDIO.js";import{P as F}from"./PzLabel-oQiPYkLz.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const U={class:"pz-input-wrap"},j=["id","placeholder","disabled","maxlength","type","required"],A=["id"],W={key:3,class:"pz-input-counter"},X={key:0,class:"pz-input-error"},f=P({name:"PzInput",__name:"PzInput",props:z({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:z(["focus","blur","icon-click","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=t,o=I(e,"modelValue");return(s,a)=>(r(),u("div",{class:h(["pz-input",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[M(y(F),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:$(()=>{var d;return[B("span",U,[e.editable?L((r(),u("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:h(["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,j)),[[E,o.value]]):(r(),u("span",{key:1,id:e.name,class:"pz-input-readonly"},c(o.value),9,A)),e.icon?(r(),N(y(D),{key:2,name:e.icon,class:"pz-input-icon",onClick:a[3]||(a[3]=i=>n("icon-click",i))},null,8,["name"])):v("",!0),e.counted?(r(),u("span",W,c(((d=o.value)==null?void 0:d.length)||0)+"/"+c(e.maxSize),1)):v("",!0)]),e.errorMessage?(r(),u("span",X,c(e.errorMessage),1)):v("",!0)]}),_:1},8,["label","for","required","disabled"])],2))}}),b=O(f,[["__scopeId","data-v-d1a46012"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__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:"icon-click",type:{names:["MouseEvent"]}},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInput/PzInput.vue"]});const Y=e=>`<template>
|
|
2
2
|
<PzInput
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`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(" ")}
|
|
5
5
|
/>
|
|
6
|
-
</template>`,R={title:"Components/Form/PzInput",component:b,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)=>
|
|
6
|
+
</template>`,R={title:"Components/Form/PzInput",component:b,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)=>Y(t.args??R.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:b,pzText:w},setup(){const t=l(e.modelValue??""),n=l(""),o=l(""),s=l(""),a=l(""),d=l(""),i=l("");return T(()=>e.modelValue,S=>{t.value=S??""}),{args:e,value:t,sharedValue:n,defaultValue:o,requiredValue:s,countedValue:a,iconValue:d,errorValue:i}},template:`
|
|
7
7
|
<div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
|
|
8
8
|
<section>
|
|
9
9
|
<pz-text variant="h4-bold">Component API</pz-text>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as B,V as Y,f as i,
|
|
1
|
+
import{e as B,V as Y,f as i,B as h,A as $,v as y,g,W as x,o as s,Z as C,t as z,p as L,r as t,i as T,w as N}from"./iframe-5HrYHHuC.js";import{P as O}from"./PzText-CwKu8Bql.js";import{_ as R}from"./PzIcon-DtyHrDIO.js";import{P as E}from"./PzLabel-oQiPYkLz.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const A={key:0,class:"pz-input-date-wrap"},j=["id","value","placeholder","disabled","required","min","max"],W=["id","value","placeholder","disabled","required"],U=["id"],Z={key:2,class:"pz-input-date-error"},p=B({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",A,[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,j)):(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:C(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",Z,z(e.errorMessage),1)):L("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),V=F(p,[["__scopeId","data-v-13e3fa69"]]);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>
|
|
2
2
|
<PzInputDate
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`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(" ")}
|
package/dist/app/assets/{PzInputNumber.stories-j1V0pQI4.js → PzInputNumber.stories-MVBYiF-C.js}
RENAMED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{e as S,V as B,f as i,
|
|
1
|
+
import{e as S,V as B,f as i,B as L,A as F,v as $,g as C,W as z,o as d,t as V,p as O,c as x,r,w as T}from"./iframe-5HrYHHuC.js";import{P as A}from"./PzText-CwKu8Bql.js";import{P as D}from"./PzLabel-oQiPYkLz.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=B(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:C(["pz-input-number",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[L($(D),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:F(()=>[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)):O("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),q=j(p,[["__scopeId","data-v-0104f54f"]]);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>
|
|
2
2
|
<PzInputNumber
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`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(" ")}
|
|
5
5
|
/>
|
|
6
|
-
</template>`,G={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??G.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:
|
|
6
|
+
</template>`,G={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??G.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:A},setup(){const t=r(e.modelValue??""),n=r(v),o=r(""),u=r(""),c=r(v),s=r(""),b=r(""),f=v;return T(()=>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:`
|
|
7
7
|
<div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
|
|
8
8
|
<section>
|
|
9
9
|
<pz-text variant="h4-bold">Component API</pz-text>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as x,h as E,f as c,F as _,u as D,r as v,a9 as R,o as m,q as d,n as z,y as P,C as S,t as $,g as N,p as q}from"./iframe-
|
|
1
|
+
import{e as x,h as E,f as c,F as _,u as D,r as v,a9 as R,o as m,q as d,n as z,y as P,C as S,t as $,g as N,p as q}from"./iframe-5HrYHHuC.js";import{g as A}from"./_commonjsHelpers-Cpj98o6Y.js";import{i as I,_ as M,a as p,b as w,c as B}from"./isArray-DPUC7i9_.js";import{l}from"./lodash-CdDiHlzQ.js";import{P as F}from"./PzDomHandler-BU7iMNnt.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";var G=M,L=I,X="[object Symbol]";function Z(e){return typeof e=="symbol"||L(e)&&G(e)==X}var g=Z,j=p,H=g,U=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,W=/^\w*$/;function J(e,t){if(j(e))return!1;var a=typeof e;return a=="number"||a=="symbol"||a=="boolean"||e==null||H(e)?!0:W.test(e)||!U.test(e)||t!=null&&e in Object(t)}var Q=J,T=w,Y="Expected a function";function b(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Y);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 u=e.apply(this,n);return a.cache=o.set(s,u)||o,u};return a.cache=new(b.Cache||T),a}b.Cache=T;var ee=b,te=ee,ae=500;function ne(e){var t=te(e,function(n){return a.size===ae&&a.clear(),n}),a=t.cache;return t}var re=ne,ie=re,se=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,oe=/\\(\\)?/g,le=ie(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(se,function(a,n,s,o){t.push(s?o.replace(oe,"$1"):n||a)}),t}),ue=le;function ce(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 me=ce,k=B,ye=me,fe=p,de=g,C=k?k.prototype:void 0,K=C?C.toString:void 0;function V(e){if(typeof e=="string")return e;if(fe(e))return ye(e,V)+"";if(de(e))return K?K.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var pe=V,ge=pe;function be(e){return e==null?"":ge(e)}var he=be,_e=p,ve=Q,ze=ue,Pe=he;function Se(e,t){return _e(e)?e:ve(e,t)?[e]:ze(Pe(e))}var $e=Se,ke=g;function Ce(e){if(typeof e=="string"||ke(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var Ke=Ce,Te=$e,Ve=Ke;function xe(e,t){t=Te(t,e);for(var a=0,n=t.length;e!=null&&a<n;)e=e[Ve(t[a++])];return a&&a==n?e:void 0}var Ee=xe,De=Ee;function Re(e,t,a){var n=e==null?void 0:De(e,t);return n===void 0?a:n}var Ne=Re;const qe=A(Ne),Ae={ref:"componentRef",class:"pz-key-value"},y=x({name:"PzKeyValue",__name:"PzKeyValue",props:{config:{},data:{},checkRequired:{type:Boolean,default:!0},flexDirection:{default:"column"},titleStyleClass:{default:""}},setup(e){const t=e,a=v([]),n=v("transparent"),s=R("componentRef");E(()=>{t.config.forEach(({key:r})=>{(!h(o(r))||!t.checkRequired)&&a.value.push(r)}),n.value=F.getParentNearestBackground(s.value)});const o=r=>{const f=qe(l.pickBy(t.data,l.identity),r.split("-"),"");return h(f)?"":f},u=r=>o(r),h=r=>l.isNumber(r)||l.isBoolean(r)?!1:l.isEmpty(r);return(r,f)=>(m(),c("div",Ae,[(m(!0),c(_,null,D(e.config,i=>(m(),c(_,null,[a.value.includes(i.key)?(m(),c("div",{key:i.id,class:"pz-key-value__item"},[d("h6",{class:N(["pz-key-value__title",[e.titleStyleClass,i.labelStyleClass]])},[d("span",{class:"pz-key-value__title-box",style:z({backgroundColor:n.value})},[P(r.$slots,`${i.key}_label`,{data:i.labelKey,source:e.data,item:i},()=>[S($(i.labelKey),1)],!0)],4)],2),d("div",{class:"pz-key-value__content",style:z({flexDirection:e.flexDirection})},[P(r.$slots,i.key,{data:u(i.key),source:e.data,item:i},()=>[S($(o(i.key)),1)],!0)],4)])):q("",!0)],64))),256))],512))}}),Ge=O(y,[["__scopeId","data-v-9ba625f4"]]);y.__docgenInfo=Object.assign({displayName:y.name??y.__name},{name:"PzKeyValue",exportName:"default",displayName:"PzKeyValue",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"ReadonlyArray",elements:[{name:"PzKeyValueViewListItem",elements:[{name:"TKey"}]}]}},{name:"data",required:!0,type:{name:"TData"}},{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:"source",title:"binding"},{name:"item",title:"binding"}]},{name:"item.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"},{name:"source",title:"binding"},{name:"item",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzKeyValue/PzKeyValue.vue"]});export{Ge as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as c}from"./PzText-
|
|
1
|
+
import{P as c}from"./PzText-CwKu8Bql.js";import{P as A}from"./PzKeyValue-DL1bfzha.js";import"./iframe-5HrYHHuC.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./isArray-DPUC7i9_.js";import"./lodash-CdDiHlzQ.js";import"./PzDomHandler-BU7iMNnt.js";const d=A,O=A,T=["column","column-reverse","row","row-reverse"],i=[{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"}],l={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"}],y={supplier:'ТОВ "ЕКО ЦЕНТР ПРОЕКТ"',amount:"98 000,00 UAH",discount:0,submittedAt:"17.04.2026 12:39",isWinner:!0},W=e=>`<template>
|
|
2
2
|
<PzKeyValue
|
|
3
3
|
${[':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(E=>!!E).join(`
|
|
4
4
|
`)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as i,E as f,f as l,g as c,y as t,p as n,q as p,c as m,o as s,C as b,t as _}from"./iframe-
|
|
1
|
+
import{e as i,E as f,f as l,g as c,y as t,p as n,q as p,c as m,o as s,C as b,t as _}from"./iframe-5HrYHHuC.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v=["for"],y={key:0,class:"pz-label-required","aria-hidden":"true"},q={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=f(),u=m(()=>!!(e.label||d.label));return(o,P)=>(s(),l("div",{class:c(["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",q,[t(o.$slots,"default",{},void 0,!0)])],2))}}),V=z(a,[["__scopeId","data-v-33a0a067"]]);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};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as d}from"./PzText-
|
|
1
|
+
import{P as d}from"./PzText-CwKu8Bql.js";import{P as r}from"./PzLabel-oQiPYkLz.js";import"./iframe-5HrYHHuC.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>
|
|
2
2
|
<PzLabel ${a}>
|
|
3
3
|
<input ${p} />
|
|
4
4
|
</PzLabel>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as m,E as y,f as l,y as s,p as i,g as k,c as o,o as n}from"./iframe-
|
|
1
|
+
import{e as m,E as y,f as l,y as s,p as i,g as k,c as o,o as n}from"./iframe-5HrYHHuC.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v="noopener noreferrer",z=["href","target","rel","aria-disabled","tabindex"],h={key:0,class:"pz-link-prefix"},g={key:1,class:"pz-link-content"},_={key:2,class:"pz-link-suffix"},t=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},typography:{}},setup(r){const u=y(),e=r,f=o(()=>!!u.default),d=o(()=>e.rel?e.rel:e.target==="_blank"?v:void 0),p=o(()=>[`pz-link--${e.variant}`,e.typography?`pz-typography--${e.typography}`:null,{"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"&&!f.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:k(["pz-link",p.value]),onClick:c},[a.$slots.prefix?(n(),l("span",h,[s(a.$slots,"prefix",{},void 0,!0)])):i("",!0),a.$slots.default?(n(),l("span",g,[s(a.$slots,"default",{},void 0,!0)])):i("",!0),a.$slots.suffix?(n(),l("span",_,[s(a.$slots,"suffix",{},void 0,!0)])):i("",!0)],10,z))}}),q=b(t,[["__scopeId","data-v-abddfea7"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__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"}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],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};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as p}from"./PzIcon-
|
|
1
|
+
import{_ as p}from"./PzIcon-DtyHrDIO.js";import{P as c}from"./PzText-CwKu8Bql.js";import{p as d}from"./configs-B15JgQZ-.js";import{p as f,a as m}from"./configs-DshpCAYO.js";import{P as o}from"./PzLink-Jt-x_a_W.js";import"./iframe-5HrYHHuC.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const u=[{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"}],v=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>
|
|
2
2
|
<PzIcon name="open_in_new" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as P,r as c,h as b,w as v,f as I,
|
|
1
|
+
import{e as P,r as c,h as b,w as v,f as I,B as g,v as N,o as L}from"./iframe-5HrYHHuC.js";import{P as _}from"./PzSelect-jT3jx2Aj.js";import{P as z}from"./PzPagination-DdXfklPN.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";var n=(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))(n||{});const F=[{label:"5",value:n.FIVE.toString()},{label:"10",value:n.TEN.toString()},{label:"20",value:n.TWENTY.toString()},{label:"50",value:n.FIFTY.toString()},{label:"100",value:n.ONE_HUNDRED.toString()},{label:"Всі",value:n.ONE_MILLION.toString()}],T={class:"pz-list-nav"},i=1,s=P({name:"PzListNav",__name:"PzListNav",props:{selectLabel:{default:"Показати рядків:"},total:{},options:{default:()=>F},perPage:{default:n.TEN},currentPage:{default:i}},emits:["onInput","onChangePerPage"],setup(e,{emit:d}){const a=e,o=d,r=c(a.currentPage),l=c(a.perPage);b(()=>{l.value=a.perPage,u()}),v(()=>a.perPage,()=>l.value=a.perPage),v(()=>a.total,()=>u());const u=()=>{const t=(r.value-i)*l.value,m=t+l.value;o("onInput",[t,m])},p=t=>{r.value=t,u(),o("onChangePerPage")},f=t=>{t!==void 0&&(l.value=Number(t),p(i),o("onChangePerPage"))};return(t,m)=>(L(),I("div",T,[g(N(z),{"model-value":r.value,total:a.total,"per-page":l.value,class:"pz-list-nav__paginate","onUpdate:modelValue":p},null,8,["model-value","total","per-page"]),g(N(_),{name:"pz-list-nav-per-page",variant:"inline",label:a.selectLabel,"model-value":String(l.value),options:a.options,class:"pz-list-nav__select","onUpdate:modelValue":f},null,8,["label","model-value","options"])]))}}),C=O(s,[["__scopeId","data-v-4aa62780"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__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"]});export{n as I,C as P,F as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as c,w as _}from"./iframe-
|
|
1
|
+
import{r as c,w as _}from"./iframe-5HrYHHuC.js";import{I as r,a as L,P as i}from"./PzListNav-B5lfsYXZ.js";import"./preload-helper-C1FmrZbK.js";import"./PzSelect-jT3jx2Aj.js";import"./index-CZBPD0g1.js";import"./floating-vue-ODEPaX5K.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzIcon-DtyHrDIO.js";import"./PzLabel-oQiPYkLz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzPagination-DdXfklPN.js";const S="<\/script>",h=e=>{const t=[`:total="${e.total}"`,e.selectLabel?`:select-label="'${e.selectLabel}'"`:null,e.perPage!==r.TEN?`:per-page="${e.perPage}"`:null,e.currentPage&&e.currentPage!==1?`:current-page="${e.currentPage}"`:null,'@on-input="range = $event"'].filter(p=>!!p).join(`
|
|
2
2
|
`);return`<script setup lang="ts">
|
|
3
3
|
import { ref } from "vue";
|
|
4
4
|
const range = ref<[number, number]>([0, 10]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as L,f as l,q as P,F as S,u as x,v as h,g as V,o as t}from"./iframe-
|
|
1
|
+
import{e as L,f as l,q as P,F as S,u as x,v as h,g as V,o as t}from"./iframe-5HrYHHuC.js";import{_ as q}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 v=Array.from({length:12},(z,n)=>n);return(z,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(v),b=>(t(),l("div",{key:b,class:"pz-loader__item"}))),128))])],10,B))}}),i=q(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:`{
|
|
2
2
|
args: {
|
|
3
3
|
isSmall: true
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as Z,E as G,w as
|
|
1
|
+
import{e as Z,E as G,w as V,G as H,x as _,f as n,q as v,Z as J,g as P,y as f,p as l,B as Q,v as k,O as X,a1 as Y,a2 as ee,c as r,o as s,A as oe,C as te,t as ae,r as F}from"./iframe-5HrYHHuC.js";import{P as O}from"./PzText-CwKu8Bql.js";import{_ as se}from"./PzIcon-DtyHrDIO.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 x=a=>{if(!(typeof document>"u")){if(a){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,a=>{x(a)},{immediate:!0}),H(()=>{x(!1)}),(a,C)=>(s(),_(Y,{to:"body"},[o.isOpen?(s(),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:C[0]||(C[0]=J(()=>{},["stop"]))},[K.value?(s(),n("header",{key:0,class:P(["pz-modal-header",{"pz-modal-header--between":z.value}])},[z.value?(s(),n("div",{key:0,id:g.value,class:"pz-modal-title"},[f(a.$slots,"header",{},()=>[o.title?(s(),_(k(O),{key:0,variant:"h4-bold",as:"h2"},{default:oe(()=>[te(ae(o.title),1)]),_:1})):l("",!0)],!0)],8,ce)):l("",!0),o.showCloseButton?(s(),n("button",{key:1,type:"button",class:"pz-modal-close","aria-label":o.closeLabel,onClick:b},[Q(k(se),{name:"close",size:"24",label:"Close modal"})],8,pe)):l("",!0)],2)):l("",!0),v("div",{id:w.value,class:"pz-modal-body"},[f(a.$slots,"default",{},void 0,!0)],8,ue),a.$slots.footer?(s(),n("footer",me,[f(a.$slots,"footer",{},void 0,!0)])):l("",!0)],10,ie)])],32)):l("",!0)]))}}),h=le(m,[["__scopeId","data-v-a4294a35"]]);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>
|
|
2
2
|
<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(" ")}>
|
|
3
3
|
<p>Modal content</p>
|
|
4
4
|
</PzModal>
|
|
@@ -14,7 +14,7 @@ import{e as Z,E as G,w as A,G as H,x as _,f as n,q as v,Z as J,g as P,y as f,p a
|
|
|
14
14
|
|
|
15
15
|
<div>Document preview content</div>
|
|
16
16
|
</PzModal>
|
|
17
|
-
</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
|
|
17
|
+
</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:`
|
|
18
18
|
<div class="pz-modal-story">
|
|
19
19
|
<section class="pz-modal-story-board">
|
|
20
20
|
<div class="pz-modal-story-copy">
|
|
@@ -105,7 +105,7 @@ import{e as Z,E as G,w as A,G as H,x as _,f as n,q as v,Z as J,g as P,y as f,p a
|
|
|
105
105
|
size: "wide",
|
|
106
106
|
buttonLabel: "Open wide modal"
|
|
107
107
|
}
|
|
108
|
-
}`,...(N=(q=p.parameters)==null?void 0:q.docs)==null?void 0:N.source}}};var I,j,
|
|
108
|
+
}`,...(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:`{
|
|
109
109
|
parameters: {
|
|
110
110
|
docs: {
|
|
111
111
|
source: {
|
|
@@ -165,4 +165,4 @@ import{e as Z,E as G,w as A,G as H,x as _,f as n,q as v,Z as J,g as P,y as f,p a
|
|
|
165
165
|
</div>
|
|
166
166
|
\`
|
|
167
167
|
})
|
|
168
|
-
}`,...(
|
|
168
|
+
}`,...(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.stories-Clxt72cj.js → PzMultiSelect.stories-BEGsfDlP.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as pe,f as V,
|
|
1
|
+
import{e as pe,f as V,B as P,A as T,v as g,n as k,o as q,q as i,F as de,u as ce,g as F,y as D,C as J,t as C,J as ue,r as o,c as f,w as me}from"./iframe-5HrYHHuC.js";import{_ as ne}from"./PzIcon-DtyHrDIO.js";import{P as ge}from"./PzTag-BfKxM6Is.js";import{P as d}from"./PzText-CwKu8Bql.js";import{u as fe}from"./index-CZBPD0g1.js";import{k as xe}from"./floating-vue-ODEPaX5K.js";import{l as $}from"./lodash-CdDiHlzQ.js";import{P as be}from"./PzLabel-oQiPYkLz.js";import{_ as ve}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./_commonjsHelpers-Cpj98o6Y.js";const he=6,ze=["id"],ye=["id","disabled","aria-controls","aria-expanded","aria-label"],Se={class:"pz-multi-select-trigger-text"},Oe=["id","aria-labelledby"],we={class:"pz-multi-select-options"},Ve=["for"],Pe=["id","name","checked","disabled","onChange"],Te={class:"pz-multi-select-option-text"},S=pe({name:"PzMultiSelect",__name:"PzMultiSelect",props:{name:{},options:{},modelValue:{default:()=>[]},label:{default:""},placeholder:{default:""},selectedLabel:{default:"{count} обрано"},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},width:{default:void 0}},emits:["update:modelValue"],setup(e,{emit:n}){const l=e,u=n,m=o(null),{width:ae}=fe(m),c=t=>l.modelValue.some(s=>$.isEqual(s,t)),oe=t=>{const s=c(t)?l.modelValue.filter(a=>!$.isEqual(a,t)):[...l.modelValue,t];u("update:modelValue",s)},N=f(()=>l.options.filter(t=>c(t.value))),L=f(()=>{var s;const t=l.modelValue.length;return t===0?l.placeholder:t===1?((s=N.value[0])==null?void 0:s.label)??l.placeholder:l.selectedLabel.replace("{count}",String(t))}),se=f(()=>l.label||L.value||l.placeholder||l.name),ie=f(()=>{const t=Math.round(ae.value);return t?{inlineSize:`${String(t)}px`}:{}}),O=(t,s)=>t.id??`${l.name}-multi-option-${String(s+1)}`,re=t=>({option:t,selected:c(t.value),disabled:!!t.disabled});return(t,s)=>(q(),V("div",{id:e.name,class:"pz-multi-select",style:k({width:e.width})},[P(g(be),{label:e.label,for:e.name+"-trigger",required:e.required,disabled:e.disabled},{default:T(()=>[P(g(xe),{class:"pz-multi-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+e.name,distance:g(he),disabled:e.disabled},{default:T(({shown:a})=>[i("button",{id:e.name+"-trigger",ref_key:"triggerRef",ref:m,type:"button",class:F(["pz-multi-select-trigger",{"is-open":a,"is-placeholder":!e.modelValue.length}]),disabled:e.disabled,"aria-controls":e.name+"-menu","aria-expanded":a?"true":"false","aria-haspopup":"listbox","aria-label":e.label?void 0:se.value},[i("span",Se,[D(t.$slots,"selected",{selectedOptions:N.value,placeholder:e.placeholder,count:e.modelValue.length},()=>[J(C(L.value),1)],!0)]),P(g(ne),{name:"expand_more",size:"20",class:"pz-multi-select-trigger-icon"})],10,ye)]),popper:T(()=>[i("div",{id:e.name+"-menu",class:"pz-multi-select-menu",style:k(ie.value),role:"group","aria-labelledby":e.name+"-trigger"},[i("div",we,[(q(!0),V(de,null,ce(l.options,(a,w)=>(q(),V("label",{key:O(a,w),for:O(a,w),class:F(["pz-multi-select-option",{"is-selected":c(a.value),"is-disabled":a.disabled}])},[i("input",{id:O(a,w),type:"checkbox",name:e.name+"-option",checked:c(a.value),disabled:a.disabled,class:"pz-multi-select-option-input",onChange:Fe=>oe(a.value)},null,40,Pe),s[0]||(s[0]=i("span",{class:"pz-multi-select-option-checkbox","aria-hidden":"true"},[i("svg",{class:"pz-multi-select-option-check",viewBox:"0 0 16 16",fill:"none"},[i("path",{d:"M3.5 8.25L6.5 11L12.5 5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),i("span",Te,[D(t.$slots,"default",ue({ref_for:!0},re(a)),()=>[J(C(a.label),1)],!0)])],10,Ve))),128))])],12,Oe)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],12,ze))}}),r=ve(S,[["__scopeId","data-v-af4044c6"]]);S.__docgenInfo=Object.assign({displayName:S.name??S.__name},{name:"PzMultiSelect",exportName:"default",displayName:"PzMultiSelect",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]}},{name:"modelValue",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectValue"}]},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"selectedLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"{count} обрано"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"selected",scoped:!0,bindings:[{name:"selected-options",title:"binding"},{name:"placeholder",title:"binding"},{name:"count",title:"binding"}]},{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzMultiSelect/PzMultiSelect.vue"]});const p=[{label:"09000000-3 - Нафтопродукти, паливо, електроенергія та інші джерела енергії",value:"09000000-3"},{label:"09100000-0 - Паливо",value:"09100000-0"},{label:"09200000-1 - Нафта, вугілля і нафтопродукти",value:"09200000-1"},{label:"09300000-2 - Електрична, теплова, сонячна та атомна енергія",value:"09300000-2"},{label:"90900000-6 - Послуги з прибирання та санітарно-гігієнічні послуги",value:"90900000-6"}],M=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"},{label:"Недоступний",value:"unavailable",disabled:!0}],qe=30,Me=2,I=["Будівництво","Послуги","Транспорт","Освіта","Енергія"],Ne=Array.from({length:qe},(e,n)=>{const l=I[n%I.length];return{label:`Категорія ${String(n+1).padStart(Me,"0")} — ${l}`,value:`category-${n+1}`}}),Le=e=>`<template>
|
|
2
2
|
<PzMultiSelect
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.selectedLabel&&e.selectedLabel!=="{count} обрано"?`selected-label="${e.selectedLabel}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(l=>!!l).join(" ")}
|
|
@@ -189,7 +189,7 @@ const value = ref<string[]>([]);
|
|
|
189
189
|
Active filters — statuses: {{ JSON.stringify(statuses) }}, categories: {{ JSON.stringify(categories) }}
|
|
190
190
|
</pz-text>
|
|
191
191
|
</div>
|
|
192
|
-
`})};var R,
|
|
192
|
+
`})};var A,R,E;x.parameters={...x.parameters,docs:{...(A=x.parameters)==null?void 0:A.docs,source:{originalSource:`{
|
|
193
193
|
parameters: {
|
|
194
194
|
docs: {
|
|
195
195
|
description: {
|
|
@@ -197,7 +197,7 @@ const value = ref<string[]>([]);
|
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
|
-
}`,...(E=(
|
|
200
|
+
}`,...(E=(R=x.parameters)==null?void 0:R.docs)==null?void 0:E.source}}};var _,B,W;b.parameters={...b.parameters,docs:{...(_=b.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
201
201
|
parameters: {
|
|
202
202
|
docs: {
|
|
203
203
|
description: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as E,f as i,F,u as O,g as p,o,x as
|
|
1
|
+
import{e as E,f as i,F,u as O,g as p,o,x as A,A as V,y as h,C as x,t as b,v as B,R as j,c as L,K as W,h as z,a0 as y}from"./iframe-5HrYHHuC.js";import{P as g}from"./PzText-CwKu8Bql.js";import{p as Q}from"./configs-B15JgQZ-.js";import{_ as U}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const d=E({name:"PzNav",__name:"PzNav",props:{config:{},typography:{}},setup(e){const n=W(),r=e,q=a=>{const[s=""]=a.split("#");return s?s.startsWith("/")?s:`/${s}`:"/"},M=a=>a.startsWith("#")?a:q(a),f=a=>a.name===n.name,R=L(()=>!r.config.some(f)),u=a=>f(a)||R.value&&!!a.isDefault;return(a,s)=>(o(),i("ul",{class:p(["pz-nav",r.typography?`pz-typography--${r.typography}`:null])},[(o(!0),i(F,null,O(r.config,(t,$)=>(o(),i("li",{key:`${t.path}-${$}`,class:p(["pz-nav__item",[{disabled:t.disabled},{active:u(t)}]])},[t.disabled?(o(),i("span",{key:1,class:p(["pz-nav__text",{active:u(t)}])},[h(a.$slots,"view",{data:t},()=>[x(b(t.text),1)],!0)],2)):(o(),A(B(j),{key:0,to:M(t.path),class:p(["pz-nav__text",{active:u(t)}])},{default:V(()=>[h(a.$slots,"view",{data:t},()=>[x(b(t.text),1)],!0)]),_:2},1032,["to","class"]))],2))),128))],2))}}),m=U(d,[["__scopeId","data-v-ab9cd5ef"]]);d.__docgenInfo=Object.assign({displayName:d.name??d.__name},{name:"PzNav",exportName:"default",displayName:"PzNav",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzNavItem"}]}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"view",scoped:!0,bindings:[{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzNav/PzNav.vue"]});const N=[{path:"/market/procedures",name:"market-procedures",text:"Закупівлі",isDefault:!0},{path:"/market/contracts",name:"market-contracts",text:"Договори"},{path:"/market/plans",name:"market-plans",text:"Плани"},{path:"/market/selection",name:"market-selection",text:"Відбори"},{path:"/market/products",name:"market-products",text:"Товари"}],G=[{path:"/tender/details",name:"tender-details",text:"Деталі закупівлі",isDefault:!0},{path:"/tender/questions",name:"tender-questions",text:"Питання та вимоги (0)"},{path:"/tender/complaints",name:"tender-complaints",text:"Скарги (0)"},{path:"/tender/monitoring",name:"tender-monitoring",text:"Моніторинг (0)",disabled:!0}],H=[{path:"/archive/overview",name:"archive-overview",text:"Overview",isDefault:!0},{path:"/archive/history",name:"archive-history",text:"History",disabled:!0},{path:"/archive/files",name:"archive-files",text:"Files"}],J=e=>`<template>
|
|
2
2
|
<PzNav :config='${JSON.stringify(e.config,null,2)}' />
|
|
3
3
|
</template>`,K=()=>`<template>
|
|
4
4
|
<PzNav :config="config">
|