@prozorro/prozorro-ui 0.0.10-beta → 0.0.12-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-NkJWwZpV.js → Color-FRDS63T2-BVVRSzFu.js} +1 -1
- package/dist/app/assets/{Colors.stories-BYTBLsDR.js → Colors.stories-BV0C2AcY.js} +3 -3
- package/dist/app/assets/{DocsRenderer-LL677BLK-DT0XE5RB.js → DocsRenderer-LL677BLK-BvkMeFSH.js} +71 -71
- package/dist/app/assets/{Grid.stories-B3nKsUwh.js → Grid.stories-0uJYxh6v.js} +23 -2
- package/dist/app/assets/PzAccordion-BK8qPIGx.js +1 -0
- package/dist/app/assets/{PzAccordion.stories-cOAYUrCJ.js → PzAccordion.stories-CBJM1l8G.js} +2 -2
- package/dist/app/assets/PzAccordionTable.stories-0OZ08OCM.js +275 -0
- package/dist/app/assets/{PzArrayClamp.stories-Btd9xMHi.js → PzArrayClamp.stories-CVsbMoOI.js} +5 -5
- package/dist/app/assets/{PzBreadcrumb.stories-D54RjRCg.js → PzBreadcrumb.stories-AEkdP3Sx.js} +4 -4
- package/dist/app/assets/PzBtn-B9m7S5t4.js +1 -0
- package/dist/app/assets/{PzBtn.stories-xnSEsakq.js → PzBtn.stories-C0en9cjk.js} +2 -2
- package/dist/app/assets/PzCheckbox-4-y3QxIg.js +1 -0
- package/dist/app/assets/{PzCheckbox.stories-RN07sGno.js → PzCheckbox.stories-0AqtpX2R.js} +4 -4
- package/dist/app/assets/{PzCheckboxGroup.stories-KogRihCz.js → PzCheckboxGroup.stories-Bc2Q0qzm.js} +3 -3
- package/dist/app/assets/PzClamp-0zNrPrFL.css +1 -0
- package/dist/app/assets/PzClamp.stories-ClQxjI3w.js +1 -0
- package/dist/app/assets/PzCopyToClipboard-DYvP-lFq.css +1 -0
- package/dist/app/assets/PzCopyToClipboard.stories-DpySg5be.js +45 -0
- package/dist/app/assets/PzDate-B7IRRe08.js +1 -0
- package/dist/app/assets/PzDate-DzxkQx_5.css +1 -0
- package/dist/app/assets/PzDate.stories-BMKH61UJ.js +116 -0
- package/dist/app/assets/PzDateRange-DafT5WRv.css +1 -0
- package/dist/app/assets/PzDateRange.stories-DermFDVN.js +9 -0
- package/dist/app/assets/{PzDomHandler.stories-DAp97pdG.js → PzDomHandler.stories-BZmKmq7h.js} +3 -3
- package/dist/app/assets/{PzDropdown.stories-eClrzbYq.js → PzDropdown.stories-D21VL1Wl.js} +3 -3
- package/dist/app/assets/{PzFileInput.stories-Dg6-KAun.js → PzFileInput.stories-CdV-8Ur5.js} +4 -4
- package/dist/app/assets/{PzGrid.stories-DLm_q1Lw.js → PzGrid.stories-jBExFoH9.js} +1 -1
- package/dist/app/assets/PzHint-Cs9J6pTd.js +1 -0
- package/dist/app/assets/{PzHint.stories-C2oiTVIN.js → PzHint.stories-qTU73X-T.js} +2 -2
- package/dist/app/assets/{PzIcon-DTWQGv5c.js → PzIcon-4heVmbY5.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-CT6OA9PM.js → PzIcon.stories-CHQJZBkl.js} +2 -2
- package/dist/app/assets/{PzImage.stories-BJL_3ef9.js → PzImage.stories-cr2I1Mv8.js} +3 -3
- package/dist/app/assets/{PzImageInput.stories-CTksIxMS.js → PzImageInput.stories-wOMiRK50.js} +4 -4
- package/dist/app/assets/{PzInfoBlockLayout.stories-BBkiY-o7.js → PzInfoBlockLayout.stories-DkIvXHsN.js} +3 -3
- package/dist/app/assets/PzInfoHint-DyFMEGP1.js +1 -0
- package/dist/app/assets/{PzInfoHint.stories-6f6FePkY.js → PzInfoHint.stories-CbQPKqr-.js} +3 -3
- package/dist/app/assets/{PzInput.stories-Bm_5Kj-P.js → PzInput.stories-DFL76csJ.js} +3 -3
- package/dist/app/assets/{PzInputDate.stories-Ccqq1p1p.js → PzInputDate.stories-DtbZSO2I.js} +3 -3
- package/dist/app/assets/{PzInputNumber.stories-DAQYW2cJ.js → PzInputNumber.stories-BnWkdIia.js} +3 -3
- package/dist/app/assets/{PzKeyValue.stories-BrV9VQaC.js → PzKeyValue.stories-D62cy2Nn.js} +4 -4
- package/dist/app/assets/PzLabel-BGjTUIxv.js +1 -0
- package/dist/app/assets/{PzLabel.stories-DvN_0fOj.js → PzLabel.stories-Bsn2on9n.js} +3 -3
- package/dist/app/assets/PzLink-PMftGlCf.js +1 -0
- package/dist/app/assets/{PzLink.stories-BnY0IvI7.js → PzLink.stories-uYyu1A1Y.js} +2 -2
- package/dist/app/assets/PzListNav-DRMKw6wp.css +1 -0
- package/dist/app/assets/PzListNav.stories-CzdiB1vJ.js +37 -0
- package/dist/app/assets/PzLoader-J7_Govh3.css +1 -0
- package/dist/app/assets/PzLoader.stories-BKbYZbCg.js +9 -0
- package/dist/app/assets/{PzModal.stories-Bq5YuGJo.js → PzModal.stories-D2Ix-15K.js} +3 -3
- package/dist/app/assets/PzMultiSelect-DeX8aBEQ.css +1 -0
- package/dist/app/assets/PzMultiSelect.stories-ZraFVUKD.js +453 -0
- package/dist/app/assets/{PzNav.stories-5KiqcPrd.js → PzNav.stories-G7KKxcZ2.js} +4 -4
- package/dist/app/assets/{PzNumberFormat.stories-QyheTXgc.js → PzNumberFormat.stories-Cbj23Stp.js} +2 -2
- package/dist/app/assets/PzPagination-DoBWX1Bo.js +1 -0
- package/dist/app/assets/PzPagination-k9D0Hxrx.css +1 -0
- package/dist/app/assets/{PzPagination-07CphuYh.css → PzPagination-ohvV8gN-.css} +1 -1
- package/dist/app/assets/PzPagination.stories-Cebi1pnM.js +83 -0
- package/dist/app/assets/{PzPriceFormat.stories-Clj4FRWT.js → PzPriceFormat.stories-BUxyBQoC.js} +2 -2
- package/dist/app/assets/{PzRadioGroup.stories-o8HE47Hq.js → PzRadioGroup.stories-BniR4fVs.js} +3 -3
- package/dist/app/assets/{PzRouterLink.stories-Dc_EnCBz.js → PzRouterLink.stories-DXaqIXWs.js} +3 -3
- package/dist/app/assets/{PzScrollTo.stories-4BSDyJ2p.js → PzScrollTo.stories-Ck6gWxiu.js} +2 -2
- package/dist/app/assets/{PzSearchResultItemLayout.stories-QRI-A0Zi.js → PzSearchResultItemLayout.stories-BUAZX2y1.js} +3 -3
- package/dist/app/assets/PzSelect-BwhRsTZd.css +1 -0
- package/dist/app/assets/PzSelect-CuDRkOrL.js +1 -0
- package/dist/app/assets/PzSelect-Del6HRlD.css +1 -0
- package/dist/app/assets/PzSelect.stories-BB855vvD.js +292 -0
- package/dist/app/assets/PzSkeleton-Cniu9lo6.js +1 -0
- package/dist/app/assets/{PzSkeleton.stories-Djp-bBqZ.js → PzSkeleton.stories-B2Am1ZYO.js} +2 -2
- package/dist/app/assets/PzStatus-C3v_r0Oj.js +1 -0
- package/dist/app/assets/{PzStatus.stories-BZ2XwRJs.js → PzStatus.stories-mQSY87YP.js} +2 -2
- package/dist/app/assets/PzTable-Bwa8_IhX.js +1 -0
- package/dist/app/assets/{PzTable.stories-C76ZN_A5.js → PzTable.stories-95TCj8y6.js} +3 -3
- package/dist/app/assets/{PzTabs.stories-DHf6EZU7.js → PzTabs.stories-n-w_IPjO.js} +5 -5
- package/dist/app/assets/PzTag-DkreR1ah.js +1 -0
- package/dist/app/assets/{PzTag.stories-BIrmr98f.js → PzTag.stories-B3pQ3jt7.js} +2 -2
- package/dist/app/assets/PzText-REfIJddB.js +1 -0
- package/dist/app/assets/{PzText.stories-Cr6TBVe6.js → PzText.stories-735Z3n9m.js} +8 -8
- package/dist/app/assets/PzTextClamp.stories-DeNGHabI.js +149 -0
- package/dist/app/assets/{PzTextarea.stories--ghqzz2f.js → PzTextarea.stories-CnHN5KKO.js} +3 -3
- package/dist/app/assets/{PzValidatorXSS.stories-zCaJ6Q__.js → PzValidatorXSS.stories-BwMdWW4N.js} +3 -3
- package/dist/app/assets/{Spacing-B5TnfKCB.css → Spacing-DDiZ9XB6.css} +1 -1
- package/dist/app/assets/{Spacing.stories-Dzeg7Tfn.js → Spacing.stories-DDQc5HL2.js} +29 -2
- package/dist/app/assets/Typography.stories-DvalSfqI.js +47 -0
- package/dist/app/assets/{WithTooltip-65CFNBJE-C0efi5Yj.js → WithTooltip-65CFNBJE-DkkeYwH0.js} +2 -2
- package/dist/app/assets/_plugin-vue_export-helper-DlAUqK2U.js +1 -0
- package/dist/app/assets/floating-vue-BNQ4rNf7.js +1 -0
- package/dist/app/assets/floating-vue-Bvgx7aQ5.js +1 -0
- package/dist/app/assets/{formatter-EIJCOSYU-Noau93iy.js → formatter-EIJCOSYU-DcIAKjRL.js} +1 -1
- package/dist/app/assets/iframe-4qk0Ss25.css +1 -0
- package/dist/app/assets/{iframe-Ckq2fQkL.js → iframe-BfW4-zQw.js} +141 -141
- package/dist/app/assets/index-02P5Hwc1.js +1 -0
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-ByOORGJm.js → syntaxhighlighter-OH4MV7E3-Ceel2kqU.js} +3 -3
- package/dist/app/assets/text-clamp.esm-BHxuNfNm.js +1 -0
- package/dist/app/iframe.html +81 -76
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/app/sb-manager/globals-runtime.js +1 -1
- package/dist/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue.d.ts +33 -0
- package/dist/components/Actions/PzCopyToClipboard/index.d.ts +2 -0
- package/dist/components/Actions/PzCopyToClipboard/types.d.ts +17 -0
- package/dist/components/Actions/PzLink/configs.d.ts +1 -1
- package/dist/components/Display/PzClamp/PzClamp.vue.d.ts +8 -0
- package/dist/components/Display/PzClamp/index.d.ts +2 -0
- package/dist/components/Display/PzClamp/types.d.ts +7 -0
- package/dist/components/Display/PzDate/PzDate.vue.d.ts +5 -0
- package/dist/components/Display/PzDate/index.d.ts +2 -0
- package/dist/components/Display/PzDate/types.d.ts +5 -0
- package/dist/components/Display/PzDateRange/PzDateRange.vue.d.ts +9 -0
- package/dist/components/Display/PzDateRange/constants.d.ts +1 -0
- package/dist/components/Display/PzDateRange/index.d.ts +2 -0
- package/dist/components/Display/PzDateRange/types.d.ts +16 -0
- package/dist/components/Display/PzLoader/PzLoader.vue.d.ts +7 -0
- package/dist/components/Display/PzLoader/index.d.ts +2 -0
- package/dist/components/Display/PzLoader/types.d.ts +6 -0
- package/dist/components/Form/PzInput/PzInput.vue.d.ts +1 -1
- package/dist/components/Form/PzMultiSelect/PzMultiSelect.vue.d.ts +44 -0
- package/dist/components/Form/PzMultiSelect/constants.d.ts +1 -0
- package/dist/components/Form/PzMultiSelect/index.d.ts +2 -0
- package/dist/components/Form/PzMultiSelect/types.d.ts +22 -0
- package/dist/components/Form/PzSelect/PzSelect.vue.d.ts +42 -0
- package/dist/components/Form/PzSelect/configs.d.ts +1 -0
- package/dist/components/Form/PzSelect/constants.d.ts +1 -0
- package/dist/components/Form/PzSelect/index.d.ts +2 -0
- package/dist/components/Form/PzSelect/types.d.ts +22 -0
- package/dist/components/Form/shared/types.d.ts +7 -0
- package/dist/components/Navigation/PzListNav/PzListNav.vue.d.ts +15 -0
- package/dist/components/Navigation/PzListNav/index.d.ts +4 -0
- package/dist/components/Navigation/PzListNav/types.d.ts +9 -0
- package/dist/components/Navigation/shared/configs.d.ts +2 -0
- package/dist/components/Navigation/shared/constants.d.ts +8 -0
- package/dist/components/Popups/PzHint/PzHint.vue.d.ts +1 -1
- package/dist/components/Popups/PzInfoHint/PzInfoHint.vue.d.ts +1 -1
- package/dist/components/Popups/PzModal/PzModal.vue.d.ts +1 -1
- package/dist/components/Text/PzArrayClamp/PzArrayClamp.vue.d.ts +1 -1
- package/dist/components/Text/PzTextClamp/PzTextClamp.vue.d.ts +3 -3
- package/dist/index.d.ts +8 -0
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +15 -15
- package/dist/prozorro-ui.js +8669 -7906
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/_spacing.scss +30 -4
- package/dist/app/assets/PzAccordion-CTihyZc5.js +0 -1
- package/dist/app/assets/PzAccordionTable.stories-CVSn3lrC.js +0 -275
- package/dist/app/assets/PzBtn-Bz2NPCiD.js +0 -1
- package/dist/app/assets/PzCheckbox-DDIj_TyE.js +0 -1
- package/dist/app/assets/PzHint-BhuDfy-l.js +0 -1
- package/dist/app/assets/PzInfoHint-C-UyP8PR.js +0 -1
- package/dist/app/assets/PzLabel-jmQOAHGo.js +0 -1
- package/dist/app/assets/PzLink-CwtmibRx.js +0 -1
- package/dist/app/assets/PzPagination.stories-D_qRevIg.js +0 -83
- package/dist/app/assets/PzSkeleton-BMyhdGXq.js +0 -1
- package/dist/app/assets/PzStatus-rctea0Gb.js +0 -1
- package/dist/app/assets/PzTable-CzfehTN7.js +0 -1
- package/dist/app/assets/PzTag-DudHfisQ.js +0 -1
- package/dist/app/assets/PzText-BOcxbzaG.js +0 -1
- package/dist/app/assets/PzTextClamp.stories-CR0IRYLS.js +0 -149
- package/dist/app/assets/Typography.stories-GZEYS8Ny.js +0 -47
- package/dist/app/assets/floating-vue-D0dcONsr.js +0 -1
- package/dist/app/assets/iframe-B97zFSkg.css +0 -1
package/dist/app/assets/{PzCheckboxGroup.stories-KogRihCz.js → PzCheckboxGroup.stories-Bc2Q0qzm.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as P,e as b,F as V,
|
|
1
|
+
import{d as P,e as b,F as V,A as C,o as d,B as w,D as G,l as T,E as _,t as S,J as O,u as F,r as m,w as L}from"./iframe-BfW4-zQw.js";import{P as A}from"./PzLabel-BGjTUIxv.js";import{P as $}from"./PzText-REfIJddB.js";import{p as B}from"./configs-CZIaFchr.js";import{P as q}from"./PzCheckbox-4-y3QxIg.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const N=["aria-disabled"],p=P({name:"PzCheckboxGroup",__name:"PzCheckboxGroup",props:{name:{},options:{default:()=>[]},modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},variant:{default:"checkbox"}},emits:["update:modelValue"],setup(a,{emit:l}){const o=a,i=l,u=e=>o.modelValue.includes(e),z=(e,s)=>{const t=s?[...o.modelValue,e]:o.modelValue.filter(r=>r!==e);i("update:modelValue",t)},f=(e,s)=>e.id??`${o.name??"pz-checkbox-group"}-${String(s+1)}`,c=(e,s)=>({option:e,value:e.value,checked:u(e.value),disabled:!!(o.disabled||e.disabled),id:f(e,s),name:o.name});return(e,s)=>(d(),b("div",{class:"pz-checkbox-group","aria-disabled":a.disabled,role:"group"},[(d(!0),b(V,null,C(a.options,(t,r)=>(d(),w(F(q),{id:c(t,r).id,key:c(t,r).id,name:o.name,value:t.value,variant:o.variant,label:t.label,disabled:c(t,r).disabled,"model-value":u(t.value),"onUpdate:modelValue":y=>z(t.value,y)},{default:G(()=>[T(e.$slots,"default",O({ref_for:!0},c(t,r)),()=>[_(S(t.label),1)],!0)]),_:2},1032,["id","name","value","variant","label","disabled","model-value","onUpdate:modelValue"]))),128))],8,N))}}),h=I(p,[["__scopeId","data-v-7ed24052"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzCheckboxGroup",exportName:"default",displayName:"PzCheckboxGroup",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormCheckboxOption"}]},defaultValue:{func:!1,value:"() => []"}},{name:"modelValue",required:!0,type:{name:"Array",elements:[{name:"PzFormCheckboxValue"}]},defaultValue:{func:!1,value:"() => []"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzFormCheckboxVariant"},defaultValue:{func:!1,value:'"checkbox"'}}],slots:[{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzCheckboxGroup/PzCheckboxGroup.vue"]});const x=[{label:"Text checkbox",value:"one"},{label:"Text checkbox",value:"two"},{label:"Text checkbox",value:"three"},{label:"Text checkbox",value:"four"}],U=[{label:"Text checkbox",value:"alpha"},{label:"Text checkbox Text checkbox Text checkbox Text checkbox",value:"beta"},{label:"Text checkbox",value:"gamma"},{label:"Text checkbox",value:"delta"}],D=a=>{const l=a.variant!=="checkbox"?` variant="${a.variant}"`:"",o=a.disabled?' :disabled="true"':"";return`<template>
|
|
2
2
|
<PzLabel label="${a.heading}">
|
|
3
3
|
<PzCheckboxGroup
|
|
4
4
|
v-model="selectedValues"
|
|
@@ -21,7 +21,7 @@ const options = [
|
|
|
21
21
|
];
|
|
22
22
|
|
|
23
23
|
const selectedValues = ref(["two"]);
|
|
24
|
-
<\/script>`},
|
|
24
|
+
<\/script>`},E={title:"Components/Form/PzCheckboxGroup",component:h,parameters:{docs:{description:{component:"Use `PzCheckboxGroup` for multi-select lists backed by an array of primitive `value`s. The group composes `PzCheckbox`, keeps the preserved `switch` variant, and expects semantic `options` instead of the older `config` or `slug` prototype naming."},source:{transform:(a,l)=>D(l.args??E.args)}}},args:{heading:"Назва поля",modelValue:["two"],options:x,name:"checkbox-group-story",variant:"checkbox",disabled:!1},argTypes:{variant:{control:"inline-radio",options:B,description:"Applies the same checkbox or switch presentation to every item in the group."},disabled:{control:"boolean",description:"Disables every option in the group."},name:{control:"text",description:"Optional shared native input name."},heading:{control:"text",description:"Story-only label shown through `PzLabel` in the usage example.",table:{category:"Story"}},options:{control:!1,description:"Array of checkbox options with `label`, `value`, and optional `disabled`/`id`."},modelValue:{control:!1,description:"Selected option values."}},render:a=>({components:{pzCheckboxGroup:h,pzLabel:A,pzText:$},setup(){const l=m([...a.modelValue??[]]),o=m(["two"]);return L(()=>a.modelValue,i=>{l.value=[...i??[]]}),{args:a,checkboxOptions:x,longLabelOptions:U,selectedValues:l,slotSelectedValues:o}},template:`
|
|
25
25
|
<div class="pz-checkbox-group-story">
|
|
26
26
|
<section class="pz-checkbox-group-story-board">
|
|
27
27
|
<div class="pz-checkbox-group-story-header">
|
|
@@ -112,4 +112,4 @@ const selectedValues = ref(["two"]);
|
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
|
-
}`,...(g=(v=n.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const
|
|
115
|
+
}`,...(g=(v=n.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const R=["Playground"];export{n as Playground,R as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-clamp[data-v-47cf5a9e]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-clamp__btn[data-v-47cf5a9e]{--pz-btn-padding-block: 0;--pz-btn-padding-inline: 0;margin-left:var(--pz-space-4)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as f,B as i,D as s,u as l,o as r,L as y,E as _,t as g,y as C}from"./iframe-BfW4-zQw.js";import{y as P}from"./text-clamp.esm-BHxuNfNm.js";import{P as b}from"./PzBtn-B9m7S5t4.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const a=f({name:"PzClamp",__name:"PzClamp",props:{text:{},maxContentLines:{default:3},clampPostfix:{default:"... "},collapseText:{default:"collapse"},yetText:{default:"yet"}},setup(o){const e=o;return(T,q)=>(r(),i(l(P),{"auto-resize":"",text:e.text,"max-lines":e.maxContentLines,ellipsis:e.clampPostfix,class:"pz-clamp"},{after:s(({toggle:d,expanded:n,clamped:x})=>[x||n?(r(),i(l(b),{key:0,variant:"transparent",type:"button",class:"pz-clamp__btn",onClick:y(d,["stop"])},{default:s(()=>[_(g(n?e.collapseText:e.yetText),1)]),_:2},1032,["onClick"])):C("",!0)]),_:1},8,["text","max-lines","ellipsis"]))}}),m=v(a,[["__scopeId","data-v-47cf5a9e"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzClamp",exportName:"default",displayName:"PzClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"3"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"... "'}},{name:"collapseText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"collapse"'}},{name:"yetText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"yet"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzClamp/PzClamp.vue"]});const z="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",k={title:"Components/Display/PzClamp",component:m,args:{text:z,maxContentLines:3,clampPostfix:"... ",collapseText:"collapse",yetText:"yet"},argTypes:{text:{control:"text",description:"Text content to display and clamp."},maxContentLines:{control:"number",description:"Maximum lines shown before clamping."},clampPostfix:{control:"text",description:"Ellipsis suffix at the clamp point."},collapseText:{control:"text",description:"Button label when content is expanded."},yetText:{control:"text",description:"Button label when content is clamped."}},render:o=>({components:{pzClamp:m},setup(){return{args:o}},template:'<pz-clamp v-bind="args" />'})},t={};var p,u,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(c=(u=t.parameters)==null?void 0:u.docs)==null?void 0:c.source}}};const w=["Playground"];export{t as Playground,w as __namedExportsOrder,k as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-copy-to-clipboard-story{display:grid;gap:var(--pz-space-20);max-width:560px;color:var(--pz-color-text-primary)}.pz-copy-to-clipboard-story-header,.pz-copy-to-clipboard-story-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-eyebrow{display:block;margin-bottom:var(--pz-space-4);color:var(--pz-color-text-secondary);text-transform:uppercase;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-chip{padding:var(--pz-space-4) var(--pz-space-8);border:1px solid var(--pz-color-blue-30);border-radius:var(--pz-space-4);background:var(--pz-color-blue-10);color:var(--pz-color-text-link);font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-preview,.pz-copy-to-clipboard-story-examples{padding:var(--pz-space-20);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-8);background:var(--pz-color-background-primary)}.pz-copy-to-clipboard-story-examples{display:grid;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-row{padding-bottom:var(--pz-space-16);border-bottom:1px solid var(--pz-color-grey-30)}.pz-copy-to-clipboard-story-row:last-child{padding-bottom:0;border-bottom:0}.pz-copy-to-clipboard[data-v-b6d0efa4]{display:inline-flex;vertical-align:middle}.pz-copy-to-clipboard-button[data-v-b6d0efa4]{display:inline-flex;align-items:center;gap:var(--pz-space-4);max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:color .16s ease,box-shadow .16s ease}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:hover,.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px;border-radius:var(--pz-space-4)}.pz-copy-to-clipboard-content[data-v-b6d0efa4]{min-width:0}.pz-copy-to-clipboard-icon[data-v-b6d0efa4]{flex:0 0 auto}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-button[data-v-b6d0efa4]{justify-content:center;width:24px;height:24px;color:var(--pz-color-icon-primary)}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-content[data-v-b6d0efa4]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import{P}from"./PzText-REfIJddB.js";import{d as w,a0 as V,e as d,Y as k,u as I,f as u,k as q,l as A,B,y as S,r as _,o as i,E as N,t as O}from"./iframe-BfW4-zQw.js";import{O as U}from"./floating-vue-Bvgx7aQ5.js";import"./floating-vue-BNQ4rNf7.js";import{P as E}from"./PzDomHandler-BU7iMNnt.js";import{_ as D}from"./PzIcon-4heVmbY5.js";import{_ as $}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j=["aria-label"],F={class:"pz-copy-to-clipboard-content"},r=w({name:"PzCopyToClipboard",__name:"PzCopyToClipboard",props:{content:{},popupText:{default:"Скопійовано"},label:{default:"Скопіювати в буфер обміну"},timeout:{default:1e3},placement:{default:"top"},variant:{default:"text"},buttonClass:{default:""},showIcon:{type:Boolean,default:!0},stopPropagation:{type:Boolean,default:!0}},emits:["copied","error"],setup(e,{emit:x}){const t=e,s=_(!1);let o;const l=x,C=()=>{s.value=!1,o=void 0},h=()=>{o&&clearTimeout(o),s.value=!0,o=setTimeout(C,t.timeout)},T=async p=>{t.stopPropagation&&p.stopPropagation();try{await E.copyToClipboard(t.content),h(),l("copied",t.content)}catch(c){l("error",c)}};return V(()=>{o&&clearTimeout(o)}),(p,c)=>(i(),d("span",{class:u(["pz-copy-to-clipboard",`pz-copy-to-clipboard--${e.variant}`])},[k((i(),d("button",{type:"button",class:u(["pz-copy-to-clipboard-button",e.buttonClass]),"aria-label":e.label,onClick:T},[q("span",F,[A(p.$slots,"default",{},()=>[N(O(e.content),1)],!0)]),e.showIcon||e.variant==="icon"?(i(),B(D,{key:0,class:"pz-copy-to-clipboard-icon",name:"content_copy",size:"16"})):S("",!0)],10,j)),[[I(U),{shown:s.value,content:e.popupText,placement:e.placement,theme:"dark-tooltip",triggers:[]}]])],2))}}),m=$(r,[["__scopeId","data-v-b6d0efa4"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzCopyToClipboard",exportName:"default",displayName:"PzCopyToClipboard",description:"",tags:{},props:[{name:"content",required:!0,type:{name:"string"}},{name:"popupText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопійовано"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопіювати в буфер обміну"'}},{name:"timeout",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}},{name:"variant",required:!1,type:{name:"PzCopyToClipboardVariant"},defaultValue:{func:!1,value:'"text"'}},{name:"buttonClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"showIcon",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"stopPropagation",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"copied",type:{names:["string"]}},{name:"error",type:{names:["unknown"]}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue"]});const Q={title:"Components/Actions/PzCopyToClipboard",component:m,args:{content:"UA-2026-05-07-000001-a",text:"UA-2026-05-07-000001-a",popupText:"Скопійовано",label:"Скопіювати ідентифікатор",timeout:1e3,placement:"top",variant:"text",buttonClass:"",showIcon:!0,stopPropagation:!0},argTypes:{content:{control:"text",description:"Value copied to the clipboard."},text:{control:"text",description:"Slot text shown in the preview.",table:{category:"Slots"}},popupText:{control:"text",description:"Tooltip text shown after a successful copy."},label:{control:"text",description:"Accessible button label."},timeout:{control:"number",description:"Tooltip visibility duration in milliseconds."},placement:{control:"select",options:["top","top-start","bottom","bottom-start"],description:"Tooltip placement relative to the trigger."},variant:{control:"inline-radio",options:["text","icon"],description:"Visual trigger treatment."},buttonClass:{control:"text",description:"Additional class applied to the native button."},showIcon:{control:"boolean",description:"Shows the copy icon next to text variants."},stopPropagation:{control:"boolean",description:"Stops click propagation before copying."}},render:e=>({components:{pzCopyToClipboard:m,pzText:P},setup(){return{args:e}},template:`
|
|
2
|
+
<section class="pz-copy-to-clipboard-story">
|
|
3
|
+
<div class="pz-copy-to-clipboard-story-header">
|
|
4
|
+
<div>
|
|
5
|
+
<span class="pz-copy-to-clipboard-story-eyebrow">Component API</span>
|
|
6
|
+
<pz-text variant="h4-bold">Copy trigger</pz-text>
|
|
7
|
+
</div>
|
|
8
|
+
<span class="pz-copy-to-clipboard-story-chip">{{ args.variant }}</span>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
<div class="pz-copy-to-clipboard-story-preview">
|
|
12
|
+
<pz-copy-to-clipboard v-bind="args">
|
|
13
|
+
{{ args.text }}
|
|
14
|
+
</pz-copy-to-clipboard>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<div class="pz-copy-to-clipboard-story-examples">
|
|
18
|
+
<div class="pz-copy-to-clipboard-story-row">
|
|
19
|
+
<span>UA-2026-05-07-000001-a</span>
|
|
20
|
+
<pz-copy-to-clipboard
|
|
21
|
+
content="UA-2026-05-07-000001-a"
|
|
22
|
+
label="Скопіювати ідентифікатор закупівлі"
|
|
23
|
+
popup-text="Код скопійовано"
|
|
24
|
+
variant="icon"
|
|
25
|
+
/>
|
|
26
|
+
</div>
|
|
27
|
+
|
|
28
|
+
<div class="pz-copy-to-clipboard-story-row">
|
|
29
|
+
<pz-copy-to-clipboard
|
|
30
|
+
content="prozorro@example.gov.ua"
|
|
31
|
+
popup-text="Email скопійовано"
|
|
32
|
+
label="Скопіювати email"
|
|
33
|
+
:show-icon="false"
|
|
34
|
+
>
|
|
35
|
+
prozorro@example.gov.ua
|
|
36
|
+
</pz-copy-to-clipboard>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
</section>
|
|
40
|
+
`})},a={},n={args:{variant:"icon",text:"Copy"}};var y,b,f;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:"{}",...(f=(b=a.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};var v,g,z;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
41
|
+
args: {
|
|
42
|
+
variant: "icon",
|
|
43
|
+
text: "Copy"
|
|
44
|
+
}
|
|
45
|
+
}`,...(z=(g=n.parameters)==null?void 0:g.docs)==null?void 0:z.source}}};const R=["Playground","IconOnly"];export{n as IconOnly,a as Playground,R as __namedExportsOrder,Q as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as D,e as n,t as l,y as p,F as g,k as f,g as s,o}from"./iframe-BfW4-zQw.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const y=["datetime"],z={key:0,class:"pz-date__date"},P={class:"pz-date__time"},m=2,r=D({name:"PzDate",__name:"PzDate",props:{date:{},format:{default:"DD MM YYYY HH:mm"}},setup(Y){const t=Y,i=s(()=>{if(!t.date)return null;const e=new Date(t.date.replace(" ","T"));return isNaN(e.getTime())?null:e}),u=s(()=>{const e=i.value;return e?t.format==="YYYY"?new Intl.DateTimeFormat("uk-UA",{year:"numeric"}).format(e):t.format==="MM YYYY"?new Intl.DateTimeFormat("uk-UA",{month:"long",year:"numeric"}).format(e):new Intl.DateTimeFormat("uk-UA",{day:"numeric",month:"long",year:"numeric"}).format(e):""}),d=s(()=>{const e=i.value;if(!e||t.format!=="DD MM YYYY HH:mm"&&t.format!=="DD MM YYYY HH:mm:ss")return"";const a=String(e.getHours()).padStart(m,"0"),c=String(e.getMinutes()).padStart(m,"0");if(t.format==="DD MM YYYY HH:mm:ss"){const _=String(e.getSeconds()).padStart(m,"0");return`${a}:${c}:${_}`}return`${a}:${c}`});return(e,a)=>(o(),n("time",{class:"pz-date",datetime:t.date},[u.value?(o(),n("span",z,l(u.value),1)):p("",!0),d.value?(o(),n(g,{key:1},[a[0]||(a[0]=f("i",{class:"pz-date__separator","aria-hidden":"true"},null,-1)),f("span",P,l(d.value),1)],64)):p("",!0)],8,y))}}),k=M(r,[["__scopeId","data-v-da5ede55"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzDate",exportName:"default",displayName:"PzDate",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"string"}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDate/PzDate.vue"]});export{k as P};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-date[data-v-da5ede55]{display:inline-flex;align-items:center;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-date__separator[data-v-da5ede55]{width:5px;height:5px;border-radius:50%;margin-inline:var(--pz-space-8);background-color:var(--pz-color-blue-50)}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import{P as i}from"./PzDate-B7IRRe08.js";import"./iframe-BfW4-zQw.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const o="2026-05-06T15:37:37.682718+03:00",s=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],d=["2026-01-15T10:00:00+02:00","2026-02-15T10:00:00+02:00","2026-03-15T10:00:00+02:00","2026-04-15T10:00:00+03:00","2026-05-15T10:00:00+03:00","2026-06-15T10:00:00+03:00","2026-07-15T10:00:00+03:00","2026-08-15T10:00:00+03:00","2026-09-15T10:00:00+03:00","2026-10-15T10:00:00+03:00","2026-11-15T10:00:00+02:00","2026-12-15T10:00:00+02:00"],c={title:"Components/Display/PzDate",component:i,parameters:{docs:{description:{component:"Renders an ISO 8601 datetime string as a localised Ukrainian date and time. Default output format: `6 травня 2026 • 15:37`. Uses `Intl.DateTimeFormat` with the `uk-UA` locale for correct genitive month names. When the format includes a time portion the date and time render as two visual blocks separated by a coloured dot."}}},args:{date:o}},e={parameters:{docs:{description:{story:"Every supported usage of `PzDate` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."}}},render:()=>({components:{pzDate:i},setup(){return{sampleDate:o,formats:s,monthDates:d}},template:`
|
|
2
|
+
<div style="display: flex; flex-direction: column; gap: 32px; font-family: inherit;">
|
|
3
|
+
<section>
|
|
4
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Format variants</h3>
|
|
5
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
6
|
+
Same datetime ({{ sampleDate }}) rendered with each available <code>format</code> value.
|
|
7
|
+
</p>
|
|
8
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
9
|
+
<div
|
|
10
|
+
v-for="f in formats"
|
|
11
|
+
:key="f"
|
|
12
|
+
style="display: flex; align-items: center; gap: 16px;"
|
|
13
|
+
>
|
|
14
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
|
|
15
|
+
<pz-date :date="sampleDate" :format="f" />
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</section>
|
|
19
|
+
|
|
20
|
+
<section>
|
|
21
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Month gallery</h3>
|
|
22
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
23
|
+
All 12 months in Ukrainian genitive form (default format <code>DD MM YYYY HH:mm</code>).
|
|
24
|
+
</p>
|
|
25
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
26
|
+
<pz-date v-for="d in monthDates" :key="d" :date="d" />
|
|
27
|
+
</div>
|
|
28
|
+
</section>
|
|
29
|
+
|
|
30
|
+
<section>
|
|
31
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Edge cases</h3>
|
|
32
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
33
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
34
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">empty string</code>
|
|
35
|
+
<pz-date date="" />
|
|
36
|
+
</div>
|
|
37
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
38
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">invalid string</code>
|
|
39
|
+
<pz-date date="not-a-date" />
|
|
40
|
+
</div>
|
|
41
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
42
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">space separator</code>
|
|
43
|
+
<pz-date date="2026-05-06 15:37:37" />
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</section>
|
|
47
|
+
</div>
|
|
48
|
+
`})};var t,n,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
|
|
49
|
+
parameters: {
|
|
50
|
+
docs: {
|
|
51
|
+
description: {
|
|
52
|
+
story: "Every supported usage of \`PzDate\` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
render: () => ({
|
|
57
|
+
components: {
|
|
58
|
+
pzDate: PzDate
|
|
59
|
+
},
|
|
60
|
+
setup() {
|
|
61
|
+
return {
|
|
62
|
+
sampleDate: SAMPLE_DATE,
|
|
63
|
+
formats: FORMAT_OPTIONS,
|
|
64
|
+
monthDates: MONTH_DATES
|
|
65
|
+
};
|
|
66
|
+
},
|
|
67
|
+
template: \`
|
|
68
|
+
<div style="display: flex; flex-direction: column; gap: 32px; font-family: inherit;">
|
|
69
|
+
<section>
|
|
70
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Format variants</h3>
|
|
71
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
72
|
+
Same datetime ({{ sampleDate }}) rendered with each available <code>format</code> value.
|
|
73
|
+
</p>
|
|
74
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
75
|
+
<div
|
|
76
|
+
v-for="f in formats"
|
|
77
|
+
:key="f"
|
|
78
|
+
style="display: flex; align-items: center; gap: 16px;"
|
|
79
|
+
>
|
|
80
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
|
|
81
|
+
<pz-date :date="sampleDate" :format="f" />
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</section>
|
|
85
|
+
|
|
86
|
+
<section>
|
|
87
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Month gallery</h3>
|
|
88
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
89
|
+
All 12 months in Ukrainian genitive form (default format <code>DD MM YYYY HH:mm</code>).
|
|
90
|
+
</p>
|
|
91
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
92
|
+
<pz-date v-for="d in monthDates" :key="d" :date="d" />
|
|
93
|
+
</div>
|
|
94
|
+
</section>
|
|
95
|
+
|
|
96
|
+
<section>
|
|
97
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Edge cases</h3>
|
|
98
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
99
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
100
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">empty string</code>
|
|
101
|
+
<pz-date date="" />
|
|
102
|
+
</div>
|
|
103
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
104
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">invalid string</code>
|
|
105
|
+
<pz-date date="not-a-date" />
|
|
106
|
+
</div>
|
|
107
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
108
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">space separator</code>
|
|
109
|
+
<pz-date date="2026-05-06 15:37:37" />
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
</section>
|
|
113
|
+
</div>
|
|
114
|
+
\`
|
|
115
|
+
})
|
|
116
|
+
}`,...(a=(n=e.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const f=["Playground"];export{e as Playground,f as __namedExportsOrder,c as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-date-range[data-v-6b9a2efc]{display:inline-flex;flex-wrap:wrap;gap:var(--pz-space-4) var(--pz-space-8);color:var(--pz-color-text-primary);vertical-align:baseline;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-date-range--new-line[data-v-6b9a2efc]{flex-direction:column;align-items:flex-start}.pz-date-range__item[data-v-6b9a2efc]{display:inline-flex;align-items:center;min-width:0;white-space:nowrap}.pz-date-range__separator[data-v-6b9a2efc]{display:inline-block;width:16px;height:1px;margin-inline-end:var(--pz-space-8);background-color:var(--pz-color-stroke-grey)}.pz-date-range__label[data-v-6b9a2efc]{margin-inline-end:var(--pz-space-4)}.pz-date-range--new-line .pz-date-range__separator[data-v-6b9a2efc]{display:none}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{d as P,e as t,F as R,A as _,f as c,y as m,g as M,o as n,t as h,z as x,u as v}from"./iframe-BfW4-zQw.js";import{P as F}from"./PzDate-B7IRRe08.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const k=["startDate","endDate"],b={key:0,class:"pz-date-range__separator","aria-hidden":"true"},H={key:1,class:"pz-date-range__label"},l=P({name:"PzDateRange",__name:"PzDateRange",props:{date:{},itemClass:{default:""},format:{default:"DD MM YYYY HH:mm"},hideRangeText:{type:Boolean,default:!1},mode:{default:"default"},translateFn:{type:Function,default:e=>e}},setup(e){const z=e,u=M(()=>k.reduce((s,d)=>{const a=z.date[d];return a&&s.push({key:d,value:a,index:s.length}),s},[]));return(s,d)=>u.value.length?(n(),t("span",{key:0,class:c(["pz-date-range",`pz-date-range--${e.mode}`])},[(n(!0),t(R,null,_(u.value,a=>(n(),t("span",{key:a.key,class:c(["pz-date-range__item",e.itemClass])},[a.index>0?(n(),t("span",b)):m("",!0),e.hideRangeText?m("",!0):(n(),t("span",H,h(e.translateFn(a.key)),1)),x(v(F),{date:a.value,format:e.format},null,8,["date","format"])],2))),128))],2)):m("",!0)}}),O=T(l,[["__scopeId","data-v-6b9a2efc"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzDateRange",exportName:"default",displayName:"PzDateRange",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"PzDateRangeValue"}},{name:"itemClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}},{name:"hideRangeText",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"mode",required:!1,type:{name:"PzDateRangeMode"},defaultValue:{func:!1,value:'"default"'}},{name:"translateFn",required:!1,type:{name:"PzDateRangeTranslateFn"},defaultValue:{func:!1,value:"(key: PzDateRangeKey) => key"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDateRange/PzDateRange.vue"]});const y={startDate:"2026-05-06T15:37:37.682718+03:00",endDate:"2026-05-12T11:10:00+03:00"},N=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],S=["default","new-line"],C=e=>({startDate:"від",endDate:"до"})[e],I={title:"Components/Display/PzDateRange",component:O,parameters:{docs:{description:{component:"Renders start and end dates through `PzDate`, keeping the default presentation as plain body text. Empty range edges are skipped."}}},args:{date:y,format:"DD MM YYYY HH:mm",hideRangeText:!1,mode:"new-line",translateFn:C},argTypes:{format:{control:"select",options:N},hideRangeText:{control:"boolean"},itemClass:{control:"text"},mode:{control:"radio",options:S},translateFn:{table:{disable:!0}}}},r={args:{}},o={args:{date:{startDate:y.startDate}}};var i,p,f;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
args: {}
|
|
3
|
+
}`,...(f=(p=r.parameters)==null?void 0:p.docs)==null?void 0:f.source}}};var g,D,Y;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
4
|
+
args: {
|
|
5
|
+
date: {
|
|
6
|
+
startDate: SAMPLE_RANGE.startDate
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
}`,...(Y=(D=o.parameters)==null?void 0:D.docs)==null?void 0:Y.source}}};const B=["Playground","StartOnly"];export{r as Playground,o as StartOnly,B as __namedExportsOrder,I as default};
|
package/dist/app/assets/{PzDomHandler.stories-DAp97pdG.js → PzDomHandler.stories-BZmKmq7h.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,
|
|
1
|
+
import{r as e,j as m}from"./iframe-BfW4-zQw.js";import{P as h}from"./PzText-REfIJddB.js";import{P as a}from"./PzDomHandler-BU7iMNnt.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const y=2e3,u=o=>`<script setup lang="ts">
|
|
2
2
|
import { PzDomHandler } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const handleCopy = async (): Promise<void> => {
|
|
@@ -8,7 +8,7 @@ const handleCopy = async (): Promise<void> => {
|
|
|
8
8
|
|
|
9
9
|
<template>
|
|
10
10
|
<button type="button" @click="handleCopy">Copy to clipboard</button>
|
|
11
|
-
</template>`,z=[{name:"copyToClipboard",signature:"PzDomHandler.copyToClipboard(str: string): Promise<void>",description:"Copies a string to the system clipboard using the modern Clipboard API with a textarea fallback.",params:"`str`: The text string to be copied.",example:'await PzDomHandler.copyToClipboard("Tender-ID-2024-001");'},{name:"getParentNearestBackground",signature:"PzDomHandler.getParentNearestBackground(el?: HTMLElement): string",description:"Recursively finds the nearest parent with a non-transparent background color.",params:"`el`: Starting element (optional).",example:"const bgColor = PzDomHandler.getParentNearestBackground(elementRef.value);"}],
|
|
11
|
+
</template>`,z=[{name:"copyToClipboard",signature:"PzDomHandler.copyToClipboard(str: string): Promise<void>",description:"Copies a string to the system clipboard using the modern Clipboard API with a textarea fallback.",params:"`str`: The text string to be copied.",example:'await PzDomHandler.copyToClipboard("Tender-ID-2024-001");'},{name:"getParentNearestBackground",signature:"PzDomHandler.getParentNearestBackground(el?: HTMLElement): string",description:"Recursively finds the nearest parent with a non-transparent background color.",params:"`el`: Starting element (optional).",example:"const bgColor = PzDomHandler.getParentNearestBackground(elementRef.value);"}],v={title:"Utilities/PzDomHandler",component:a,parameters:{layout:"fullscreen",docs:{description:{component:"Utility class for common DOM operations like clipboard interaction and visual styling discovery."}}},argTypes:{copyText:{control:"text",description:"Text used in the clipboard demo."}}},t={args:{copyText:"CPV-001: Building construction work"},render:o=>({components:{pzText:h},setup(){const d=e(o.copyText),s=e(!1),r=e(null),n=e(""),p=async()=>{await a.copyToClipboard(d.value),s.value=!0,setTimeout(()=>{s.value=!1},y)};return m(()=>{r.value&&(n.value=a.getParentNearestBackground(r.value))}),{textToCopy:d,isCopied:s,handleCopy:p,bgSampleRef:r,detectedBg:n,methodDocs:z}},template:`
|
|
12
12
|
<div class="pz-dom-handler-story">
|
|
13
13
|
<header class="pz-dom-handler-story__header">
|
|
14
14
|
<pzText weight="bold" size="large" tag="h1" class="pz-dom-handler-story__title">PzDomHandler Utility</pzText>
|
|
@@ -167,4 +167,4 @@ const handleCopy = async (): Promise<void> => {
|
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
}`,...(c=(l=t.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};const
|
|
170
|
+
}`,...(c=(l=t.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};const f=["Documentation"];export{t as Documentation,f as __namedExportsOrder,v as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as c}from"./PzBtn-
|
|
1
|
+
import{P as c}from"./PzBtn-B9m7S5t4.js";import{_ as m}from"./PzIcon-4heVmbY5.js";import{P as l}from"./PzText-REfIJddB.js";import{d as u,B as z,D as r,u as w,o as b,l as p}from"./iframe-BfW4-zQw.js";import{k as y}from"./floating-vue-Bvgx7aQ5.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const n=u({name:"PzDropdown",__name:"PzDropdown",setup(o){return(t,_)=>(b(),z(w(y),{class:"pz-dropdown",theme:"dropdown"},{popper:r(()=>[p(t.$slots,"content",{},void 0,!0)]),default:r(()=>[p(t.$slots,"default",{},void 0,!0)]),_:3}))}}),s=g(n,[["__scopeId","data-v-59c57e64"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzDropdown",exportName:"default",displayName:"PzDropdown",description:"",tags:{},slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzDropdown/PzDropdown.vue"]});const f=[{icon:"edit",label:"Редагувати"},{icon:"content_copy",label:"Створити копію"},{icon:"archive",label:"Архівувати"},{icon:"delete",label:"Видалити",danger:!0}],v=o=>`<template>
|
|
2
2
|
<PzDropdown>
|
|
3
3
|
<PzBtn variant="primary-outline">
|
|
4
4
|
${o.triggerLabel??"Дії"}
|
|
@@ -14,7 +14,7 @@ import{P as c}from"./PzBtn-Bz2NPCiD.js";import{_ as l}from"./PzIcon-DTWQGv5c.js"
|
|
|
14
14
|
<button type="button" class="pz-dropdown-story-item pz-dropdown-story-item--danger">Видалити</button>
|
|
15
15
|
</template>
|
|
16
16
|
</PzDropdown>
|
|
17
|
-
</template>`,P={title:"Components/Popups/PzDropdown",component:s,parameters:{prototype:{caption:"Dropdown component",note:"Action menu wrapper powered by floating-vue with a shared popper theme and the same trigger/content slot API as the old app-level dropdown."},docs:{description:{component:"Use `PzDropdown` for compact action menus or contextual choices. It keeps the trigger in the default slot and renders the menu body in the `content` slot."},source:{transform:(o,t)=>v(t.args??P.args)}}},args:{triggerLabel:"Дії"},argTypes:{triggerLabel:{control:"text",description:"Trigger label shown on the dropdown button.",table:{category:"Slots"}}},render:o=>({components:{pzBtn:c,pzDropdown:s,pzIcon:
|
|
17
|
+
</template>`,P={title:"Components/Popups/PzDropdown",component:s,parameters:{prototype:{caption:"Dropdown component",note:"Action menu wrapper powered by floating-vue with a shared popper theme and the same trigger/content slot API as the old app-level dropdown."},docs:{description:{component:"Use `PzDropdown` for compact action menus or contextual choices. It keeps the trigger in the default slot and renders the menu body in the `content` slot."},source:{transform:(o,t)=>v(t.args??P.args)}}},args:{triggerLabel:"Дії"},argTypes:{triggerLabel:{control:"text",description:"Trigger label shown on the dropdown button.",table:{category:"Slots"}}},render:o=>({components:{pzBtn:c,pzDropdown:s,pzIcon:m,pzText:l},setup(){return{args:o,dropdownItems:f}},template:`
|
|
18
18
|
<section class="pz-dropdown-story">
|
|
19
19
|
<div class="pz-dropdown-story-header">
|
|
20
20
|
<div>
|
|
@@ -56,4 +56,4 @@ import{P as c}from"./PzBtn-Bz2NPCiD.js";import{_ as l}from"./PzIcon-DTWQGv5c.js"
|
|
|
56
56
|
</pz-text>
|
|
57
57
|
</div>
|
|
58
58
|
</section>
|
|
59
|
-
`})},e={};var a,d,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(i=(d=e.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};const
|
|
59
|
+
`})},e={};var a,d,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(i=(d=e.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};const S=["Playground"];export{e as Playground,S as __namedExportsOrder,P as default};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{d as
|
|
1
|
+
import{d as _,e as o,z as y,D as B,u as g,f as M,o as r,F as j,A as O,k as F,t as f,y as v,E as W,r as u,g as m,w as G}from"./iframe-BfW4-zQw.js";import{P as H}from"./PzText-REfIJddB.js";import{P as J}from"./PzBtn-B9m7S5t4.js";import{_ as C}from"./PzIcon-4heVmbY5.js";import{P as K}from"./PzLabel-BGjTUIxv.js";import{a as S,b as I}from"./configs-CZIaFchr.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const X={key:0,class:"pz-file-input-list"},Y={class:"pz-file-input-item-body"},Z={class:"pz-file-input-item-name"},ee=["aria-label","onClick"],le={key:0,class:"pz-file-input-item-error-text"},ae={key:1,class:"pz-file-input-actions"},te=["id","name","multiple","accept","disabled"],se={class:"pz-file-input-helper"},ie={key:2,class:"pz-file-input-error"},V=_({name:"PzFileInput",__name:"PzFileInput",props:{name:{},modelValue:{default:()=>[]},label:{default:""},multiple:{type:Boolean,default:!1},extensions:{default:()=>[...I.acceptedExtensions]},maxFiles:{default:I.maxFiles},maxSizeBytes:{default:I.maxSizeBytes},textConfig:{default:()=>({...S})},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:d}){const a=e,c=d,b=u(null),p=m(()=>a.textConfig??S),n=m(()=>a.modelValue??[]),P=m(()=>n.value.length>0),z=m(()=>a.multiple?a.maxFiles:1),T=m(()=>n.value.length<z.value),L=m(()=>a.extensions.join(",")),R=t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(s=>l.endsWith(s.toLowerCase()))?t.size>a.maxSizeBytes?p.value.fileTooLargeMessage:"":p.value.invalidExtensionMessage},q=m(()=>{const t={};return n.value.forEach((l,i)=>{const s=R(l);s&&(t[i]=s)}),t}),$=()=>{var t;(t=b.value)==null||t.click()},N=t=>{const l=t.target,i=l.files?Array.from(l.files):[];if(i.length===0)return;const s=n.value.slice();let x;if(a.multiple){const A=Math.max(z.value-s.length,0);x=s.concat(i.slice(0,A))}else x=i.slice(0,1);l.value="",c("update:modelValue",x)},U=t=>{const l=n.value.slice();l.splice(t,1),c("update:modelValue",l)};return(t,l)=>(r(),o("div",{class:M(["pz-file-input",{error:!!e.errorMessage,disabled:e.disabled}])},[y(g(K),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[P.value?(r(),o("ul",X,[(r(!0),o(j,null,O(n.value,(i,s)=>(r(),o("li",{key:`${i.name}-${s}`,class:M(["pz-file-input-item",{"is-error":!!q.value[s]}])},[F("span",Y,[y(g(C),{name:"description",size:"20",class:"pz-file-input-item-icon"}),F("span",Z,f(i.name),1),e.editable&&!e.disabled?(r(),o("button",{key:0,type:"button",class:"pz-file-input-item-remove","aria-label":p.value.removeButtonLabel,onClick:x=>U(s)},[y(g(C),{name:"close",size:"14"})],8,ee)):v("",!0)]),q.value[s]?(r(),o("span",le,f(q.value[s]),1)):v("",!0)],2))),128))])):v("",!0),e.editable&&T.value?(r(),o("div",ae,[y(g(J),{variant:"primary-outline",type:"button",disabled:e.disabled,onClick:$},{default:B(()=>[W(f(p.value.buttonLabel),1)]),_:1},8,["disabled"]),F("input",{id:e.name,ref_key:"fileInputRef",ref:b,class:"pz-file-input-native",type:"file",name:e.name,multiple:e.multiple,accept:L.value,disabled:e.disabled,onChange:N,onFocus:l[0]||(l[0]=i=>c("focus")),onBlur:l[1]||(l[1]=i=>c("blur"))},null,40,te)])):v("",!0),F("span",se,f(p.value.helperText),1),e.errorMessage?(r(),o("span",ie,f(e.errorMessage),1)):v("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),k=Q(V,[["__scopeId","data-v-92c1ba3c"]]);V.__docgenInfo=Object.assign({displayName:V.name??V.__name},{name:"PzFileInput",exportName:"default",displayName:"PzFileInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzFileInputValue"},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"multiple",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormDocumentUploadRules.acceptedExtensions]"}},{name:"maxFiles",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxFiles"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxSizeBytes"}},{name:"textConfig",required:!1,type:{name:"PzFormFileInputTextConfig"},defaultValue:{func:!1,value:"() => ({ ...pzFormDocumentUploadTexts })"}},{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:["PzFileInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzFileInput/PzFileInput.vue"]});const ne=e=>`<template>
|
|
2
2
|
<PzFileInput
|
|
3
3
|
v-model="files"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.multiple?':multiple="true"':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(" ")}
|
|
5
5
|
/>
|
|
6
|
-
</template>`,oe={title:"Components/Form/PzFileInput",component:k,parameters:{docs:{description:{component:"Use `PzFileInput` to collect document uploads. Supports both single and multiple file modes via the `multiple` prop, validates files against configurable extensions/size/count, and renders a file list with per-file remove actions. All labels and messages are sourced from the shared `pzFormDocumentUploadTexts` config and can be overridden with `textConfig` for reuse across projects."},source:{transform:(e,d)=>ne(d.args??oe.args)}}},args:{name:"pz-file-input-story",label:"Документи",modelValue:[],multiple:!1,errorMessage:"",hasServerValidations:!1,required:!1,disabled:!1,editable:!0},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},multiple:{control:"boolean",description:"Коли `true`, дозволяє завантажувати декілька файлів (до `maxFiles`)."},errorMessage:{control:"text",description:"Зовнішнє повідомлення про помилку; вмикає error-стан для всього контролу."},hasServerValidations:{control:"boolean",description:"Прапорець, що сигналізує про наявність серверних помилок валідації; текст передається через `errorMessage`."},required:{control:"boolean",description:"Позначає поле як обов'язкове."},disabled:{control:"boolean",description:"Блокує взаємодію з контролом."},editable:{control:"boolean",description:"Коли `false`, приховує кнопки додавання та видалення — компонент працює у режимі прев'ю."}},render:e=>({components:{pzFileInput:k,pzText:
|
|
6
|
+
</template>`,oe={title:"Components/Form/PzFileInput",component:k,parameters:{docs:{description:{component:"Use `PzFileInput` to collect document uploads. Supports both single and multiple file modes via the `multiple` prop, validates files against configurable extensions/size/count, and renders a file list with per-file remove actions. All labels and messages are sourced from the shared `pzFormDocumentUploadTexts` config and can be overridden with `textConfig` for reuse across projects."},source:{transform:(e,d)=>ne(d.args??oe.args)}}},args:{name:"pz-file-input-story",label:"Документи",modelValue:[],multiple:!1,errorMessage:"",hasServerValidations:!1,required:!1,disabled:!1,editable:!0},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},multiple:{control:"boolean",description:"Коли `true`, дозволяє завантажувати декілька файлів (до `maxFiles`)."},errorMessage:{control:"text",description:"Зовнішнє повідомлення про помилку; вмикає error-стан для всього контролу."},hasServerValidations:{control:"boolean",description:"Прапорець, що сигналізує про наявність серверних помилок валідації; текст передається через `errorMessage`."},required:{control:"boolean",description:"Позначає поле як обов'язкове."},disabled:{control:"boolean",description:"Блокує взаємодію з контролом."},editable:{control:"boolean",description:"Коли `false`, приховує кнопки додавання та видалення — компонент працює у режимі прев'ю."}},render:e=>({components:{pzFileInput:k,pzText:H},setup(){const d=u(e.modelValue??[]),a=u([]),c=u([]),b=u([new File(["sample pdf content"],"tender-specification.pdf",{type:"application/pdf"}),new File(["sample doc content"],"proposal.docx",{type:"application/msword"})]),p=u([new File(["contract body"],"contract.pdf",{type:"application/pdf"})]),n=u([]),P=u([]);return G(()=>e.modelValue,z=>{d.value=z??[]}),{args:e,files:d,singleFiles:a,multipleFiles:c,preloadedFiles:b,readonlyFiles:p,errorFiles:n,customRulesFiles:P}},template:`
|
|
7
7
|
<div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 560px;">
|
|
8
8
|
<section>
|
|
9
9
|
<pz-text variant="h4-bold">API компонента</pz-text>
|
|
@@ -113,7 +113,7 @@ import{d as A,e as o,q as y,j as B,y as g,f as M,o as r,F as _,s as O,p as F,t a
|
|
|
113
113
|
</div>
|
|
114
114
|
</section>
|
|
115
115
|
</div>
|
|
116
|
-
`})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzFileInput` з базовими станами: single/multiple, readonly, disabled, помилки та власні обмеження з редагованими текстами."}}}};var w,
|
|
116
|
+
`})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzFileInput` з базовими станами: single/multiple, readonly, disabled, помилки та власні обмеження з редагованими текстами."}}}};var D,w,E;h.parameters={...h.parameters,docs:{...(D=h.parameters)==null?void 0:D.docs,source:{originalSource:`{
|
|
117
117
|
parameters: {
|
|
118
118
|
docs: {
|
|
119
119
|
description: {
|
|
@@ -121,4 +121,4 @@ import{d as A,e as o,q as y,j as B,y as g,f as M,o as r,F as _,s as O,p as F,t a
|
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
|
-
}`,...(
|
|
124
|
+
}`,...(E=(w=h.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};const be=["Playground"];export{h as Playground,be as __namedExportsOrder,oe as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as _}from"./PzText-
|
|
1
|
+
import{P as _}from"./PzText-REfIJddB.js";import{d as b,B as G,D as v,f as h,C as I,g as C,o as $,l as L}from"./iframe-BfW4-zQw.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const c=[1,2,3,4,5,6,8,12,"full"],T=["div","section","article","main","aside","header","footer","nav","ul","ol"],o=b({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(t){const e=t,a=C(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(n,i)=>($(),G(I(e.as),{class:h(a.value)},{default:v(()=>[L(n.$slots,"default")]),_:3},8,["class"]))}});o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzGrid",exportName:"default",displayName:"PzGrid",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"container",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"fluid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"grid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"fit",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dense",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGrid.vue"]});const u=b({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(t){const e=t,a=(d,s)=>s?s==="full"?`pz-col-${d}full`:`pz-col-${d}${s}`:null,n=(d,s)=>s?`pz-start-${d}${s}`:null,i=C(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),n("",e.start),n("sm-",e.startSm),n("md-",e.startMd),n("lg-",e.startLg),n("xl-",e.startXl),n("xxl-",e.startXxl)]);return(d,s)=>($(),G(I(e.as),{class:h(i.value)},{default:v(()=>[L(d.$slots,"default")]),_:3},8,["class"]))}});u.__docgenInfo=Object.assign({displayName:u.name??u.__name},{name:"PzGridItem",exportName:"default",displayName:"PzGridItem",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"span",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"sm",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"md",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"lg",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xxl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"start",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startSm",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startMd",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startLg",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXxl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGridItem.vue"]});const f={as:"section",container:!0,grid:!0,fit:!1,dense:!1,fluid:!1,heroSpan:4,sidebarSpan:4,metricSpan:2},r={hero:{md:8,xl:7},sidebar:{md:4,xl:5},metric:{md:4,xl:3},nested:{span:4,md:8,xl:6},nestedItem:{span:4,md:4,xl:6}},q=(t,e,a)=>typeof e>"u"?null:typeof e=="boolean"?e===a?null:e?t:`:${t}="false"`:typeof e=="number"?e===a?null:`:${t}="${e}"`:e===a?null:`${t}="${e}"`,l=t=>t.map(([e,a,n])=>q(e,a,n)).filter(e=>!!e).map(e=>` ${e}`).join(`
|
|
2
2
|
`),E=t=>{const e=l([["as",t.as,"div"],["container",t.container,!1],["grid",t.grid,!0],["fluid",t.fluid,!1],["fit",t.fit,!1],["dense",t.dense,!1]]),a=l([["span",t.heroSpan],["md",r.hero.md],["xl",r.hero.xl]]),n=l([["span",t.sidebarSpan],["md",r.sidebar.md],["xl",r.sidebar.xl]]),i=l([["span",t.metricSpan],["md",r.metric.md],["xl",r.metric.xl]]);return`<template>
|
|
3
3
|
<PzGrid
|
|
4
4
|
${e}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as r,e as o,z as p,D as n,f as s,u as i,o as m,l}from"./iframe-BfW4-zQw.js";import{V as u}from"./floating-vue-Bvgx7aQ5.js";import"./floating-vue-BNQ4rNf7.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=r({name:"PzHint",__name:"PzHint",props:{wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"},theme:{default:"tooltip"}},setup(e){return(t,f)=>(m(),o("span",{class:s(["pz-hint-container",e.containerWrapperClass])},[p(i(u),{class:s(["pz-hint",e.wrapperClass]),theme:e.theme,placement:e.placement},{popper:n(()=>[l(t.$slots,"content",{},void 0,!0)]),default:n(()=>[l(t.$slots,"default",{},void 0,!0)]),_:3},8,["class","theme","placement"])],2))}}),v=c(a,[["__scopeId","data-v-2a769765"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzHint",exportName:"default",displayName:"PzHint",description:"",tags:{},props:[{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"'}},{name:"theme",required:!1,type:{name:"PzHintTheme"},defaultValue:{func:!1,value:'"tooltip"'}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzHint/PzHint.vue"]});export{v as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as i}from"./PzIcon-
|
|
1
|
+
import{_ as i}from"./PzIcon-4heVmbY5.js";import{P as l}from"./PzText-REfIJddB.js";import{P as r}from"./PzHint-Cs9J6pTd.js";import"./iframe-BfW4-zQw.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-vue-Bvgx7aQ5.js";import"./floating-vue-BNQ4rNf7.js";const c=t=>`<template>
|
|
2
2
|
<PzHint
|
|
3
3
|
${[t.wrapperClass?`wrapper-class="${t.wrapperClass}"`:null,t.containerWrapperClass?`container-wrapper-class="${t.containerWrapperClass}"`:null,t.theme&&t.theme!=="tooltip"?`theme="${t.theme}"`:null,t.placement&&t.placement!=="top"?`placement="${t.placement}"`:null].filter(s=>!!s).join(`
|
|
4
4
|
`)}
|
|
@@ -72,4 +72,4 @@ import{_ as i}from"./PzIcon-DTWQGv5c.js";import{P as l}from"./PzText-BOcxbzaG.js
|
|
|
72
72
|
</div>
|
|
73
73
|
</div>
|
|
74
74
|
</section>
|
|
75
|
-
`})},e={};var n,
|
|
75
|
+
`})},e={};var p,n,a;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(a=(n=e.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const x=["Playground"];export{e as Playground,x as __namedExportsOrder,d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as t,e as r,
|
|
1
|
+
import{d as t,e as r,t as c,n as u,f as d,g as a,o as m}from"./iframe-BfW4-zQw.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-REfIJddB.js";import{_ as n}from"./PzIcon-4heVmbY5.js";import"./iframe-BfW4-zQw.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">
|
|
@@ -60,4 +60,4 @@ import{P as c}from"./PzText-BOcxbzaG.js";import{_ as n}from"./PzIcon-DTWQGv5c.js
|
|
|
60
60
|
</div>
|
|
61
61
|
</section>
|
|
62
62
|
</div>
|
|
63
|
-
`})},o={};var a,i,s;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(s=(i=o.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};const
|
|
63
|
+
`})},o={};var a,i,s;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(s=(i=o.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};const g=["Playground"];export{o as Playground,g as __namedExportsOrder,z as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{P as p}from"./PzText-REfIJddB.js";import{d as l,e as d,n as g,g as m,o as u}from"./iframe-BfW4-zQw.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=m(()=>({"--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:g(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
|
-
</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:
|
|
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">
|
|
5
5
|
<section class="pz-image-story-hero">
|
|
6
6
|
<div class="pz-image-story-header">
|
|
@@ -54,4 +54,4 @@ import{_ as l,P as p}from"./PzText-BOcxbzaG.js";import{d,e as g,n as m,g as u,o
|
|
|
54
54
|
</article>
|
|
55
55
|
</section>
|
|
56
56
|
</div>
|
|
57
|
-
`})},t={};var n,r,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(c=(r=t.parameters)==null?void 0:r.docs)==null?void 0:c.source}}};const
|
|
57
|
+
`})},t={};var n,r,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(c=(r=t.parameters)==null?void 0:r.docs)==null?void 0:c.source}}};const $=["Playground"];export{t as Playground,$ as __namedExportsOrder,_ as default};
|