@prozorro/prozorro-ui 0.1.24-beta → 0.2.0
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-CDBT0VBi.js → Color-FRDS63T2-DFatLjXv.js} +1 -1
- package/dist/app/assets/{Colors.stories-DjkYZ7Ve.js → Colors.stories-KteRf4hN.js} +1 -1
- package/dist/app/assets/{Display.stories-DqSkhpJk.js → Display.stories-BjGBBHYh.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-DXLJIY7w.js → DocsRenderer-LL677BLK-kW_xaWu_.js} +5 -5
- package/dist/app/assets/{Gap.stories-DKkz6ahe.js → Gap.stories-BwXJ6Wde.js} +1 -1
- package/dist/app/assets/{Grid.stories-BCoeUllE.js → Grid.stories-C0nwzVZv.js} +1 -1
- package/dist/app/assets/{PzAccordion-DjJEMHhz.js → PzAccordion-CQjaQ1mQ.js} +1 -1
- package/dist/app/assets/{PzAccordion.stories-DMNhwuzO.js → PzAccordion.stories-BNTS_q-I.js} +1 -1
- package/dist/app/assets/PzAccordionTable.stories-DBbhuVUs.js +275 -0
- package/dist/app/assets/{PzArrayClamp.stories-BZXFs7_D.js → PzArrayClamp.stories-D_SWbrNa.js} +1 -1
- package/dist/app/assets/{PzBreadcrumb-5IRljnPN.css → PzBreadcrumb-tG8AMSPH.css} +1 -1
- package/dist/app/assets/PzBreadcrumb.stories-Dvd0bzcX.js +120 -0
- package/dist/app/assets/{PzBtn-bB_kwCHt.js → PzBtn-DdQAmxtG.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-CpWh8zdp.js → PzBtn.stories-BcZ20xIg.js} +1 -1
- package/dist/app/assets/{PzCheckbox--4WxQY2E.js → PzCheckbox-DKAtPIqF.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-Ba-dH5ft.js → PzCheckbox.stories-C9PrNOIa.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-1sqdlRNq.js → PzCheckboxGroup.stories-DVgsXfBk.js} +1 -1
- package/dist/app/assets/{PzCopyToClipboard-Df_8r5Wq.js → PzCopyToClipboard-C4qlcdJm.js} +1 -1
- package/dist/app/assets/{PzCopyToClipboard.stories-ruTShpHQ.js → PzCopyToClipboard.stories-BFP8mpAT.js} +1 -1
- package/dist/app/assets/{PzDate-gGWvuGsK.js → PzDate-Bq-O5jRO.js} +1 -1
- package/dist/app/assets/{PzDate.stories-DEshjm8t.js → PzDate.stories-B1oyy6H8.js} +1 -1
- package/dist/app/assets/{PzDateRange.stories-CqBfisaH.js → PzDateRange.stories-CFHAXLsJ.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-BY9grW_N.js → PzDomHandler.stories-DwXawRon.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-CilNCPWm.js → PzDropdown.stories-CMM07A5B.js} +1 -1
- package/dist/app/assets/{PzFileInput.stories-Bm6c06mW.js → PzFileInput.stories-B2-ZijEj.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-DsAHtYxq.js → PzGrid.stories-UcOUdmBN.js} +1 -1
- package/dist/app/assets/{PzHint-CkyAW0No.js → PzHint-l-9DaqXy.js} +1 -1
- package/dist/app/assets/{PzHint.stories-BIzbV-IH.js → PzHint.stories-qLQGomom.js} +1 -1
- package/dist/app/assets/{PzIcon-DoqglpUK.js → PzIcon-BcyUoNpX.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-C2_zEd3z.js → PzIcon.stories-ETz_5LWR.js} +1 -1
- package/dist/app/assets/{PzImage.stories-CCOYw6La.js → PzImage.stories-BO7N6RT3.js} +1 -1
- package/dist/app/assets/{PzImageInput.stories-VrVooIki.js → PzImageInput.stories-CghxfhBg.js} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout.stories-xuZ6W3qt.js → PzInfoBlockLayout.stories-4BT9m_t8.js} +1 -1
- package/dist/app/assets/PzInfoHint-C6Ed8ar9.css +1 -0
- package/dist/app/assets/PzInfoHint-cPEdyLDe.js +1 -0
- package/dist/app/assets/{PzInfoHint.stories-DaX53uG7.js → PzInfoHint.stories-BVhEFwP1.js} +3 -3
- package/dist/app/assets/{PzInput.stories-DAkHtNKg.js → PzInput.stories-CRtoYbZy.js} +1 -1
- package/dist/app/assets/{PzInputDate.stories-DZgiatrD.js → PzInputDate.stories-CV6hpUbw.js} +1 -1
- package/dist/app/assets/{PzInputNumber.stories-DWHKlwu2.js → PzInputNumber.stories-CsIBMrOJ.js} +1 -1
- package/dist/app/assets/{PzKeyValue-CCsZc61L.css → PzKeyValue-C9sPNa_N.css} +1 -1
- package/dist/app/assets/PzKeyValue-Cn8RTU-S.js +1 -0
- package/dist/app/assets/{PzKeyValue.stories-CNwW4ZpS.js → PzKeyValue.stories-Byp1DaHN.js} +4 -4
- package/dist/app/assets/{PzLabel-CKqAF5_m.js → PzLabel-DMn13NsD.js} +1 -1
- package/dist/app/assets/{PzLabel.stories-BAyk219A.js → PzLabel.stories-BHToKnJS.js} +1 -1
- package/dist/app/assets/{PzLink-xXkA1suV.js → PzLink-BZnsXkWP.js} +1 -1
- package/dist/app/assets/{PzLink.stories-ClR5RVLt.js → PzLink.stories-BImrwmST.js} +1 -1
- package/dist/app/assets/{PzListNav-C54pZ98P.js → PzListNav-Bg-BQRg3.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-DZoN1RXt.js → PzListNav.stories-C8DsBK0v.js} +1 -1
- package/dist/app/assets/{PzLoader.stories-D2dep0mC.js → PzLoader.stories-BWUr6txK.js} +1 -1
- package/dist/app/assets/{PzMessages-Cozycvno.js → PzMessages-CghyB4RL.js} +1 -1
- package/dist/app/assets/{PzMessages.stories-DL8G5Taq.js → PzMessages.stories-BS5-ZnuM.js} +1 -1
- package/dist/app/assets/{PzModal.stories-Cl9CJmxY.js → PzModal.stories-B3wpqspo.js} +1 -1
- package/dist/app/assets/{PzMultiSelect.stories-C01VhDac.js → PzMultiSelect.stories-Cq4d7c9i.js} +1 -1
- package/dist/app/assets/{PzNav-DJEmBvKA.css → PzNav-DFuAN7za.css} +1 -1
- package/dist/app/assets/{PzNav.stories-VEE-T-a0.js → PzNav.stories-vnbW05SF.js} +8 -8
- package/dist/app/assets/{PzNumberFormat.stories-DC8QT-g6.js → PzNumberFormat.stories-Bn0pC0O_.js} +1 -1
- package/dist/app/assets/{PzPagination-D2IWUbcO.js → PzPagination-zkV-BSCC.js} +1 -1
- package/dist/app/assets/{PzPagination.stories-CkILzu9R.js → PzPagination.stories-pJrhE_Tg.js} +1 -1
- package/dist/app/assets/{PzPaginationProvider.stories-D3cRyPQd.js → PzPaginationProvider.stories-BXaDwFHn.js} +2 -2
- package/dist/app/assets/{PzPrice-rqmHlayK.js → PzPrice-DISQ8150.js} +1 -1
- package/dist/app/assets/{PzPrice.stories-WIzx5_6E.js → PzPrice.stories-CsLDEmhb.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-CuLwQyHU.js → PzPriceFormat.stories-QTNj89lg.js} +1 -1
- package/dist/app/assets/{PzPriceRange.stories-CHUu9LAG.js → PzPriceRange.stories-B6BIWwyL.js} +1 -1
- package/dist/app/assets/{PzRadioGroup.stories-BLvPlgNN.js → PzRadioGroup.stories-DZzVynb8.js} +1 -1
- package/dist/app/assets/{PzRouterLink.stories-CDFKvJy_.js → PzRouterLink.stories-DavcwsYR.js} +1 -1
- package/dist/app/assets/{PzScrollTo.stories-BlbuwwJh.js → PzScrollTo.stories-mn_WC1ro.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-4T_Ckma3.js → PzSearchResultItemLayout.stories-DsVnHb_t.js} +1 -1
- package/dist/app/assets/PzSelect-B1drX3sx.js +1 -0
- package/dist/app/assets/{PzSelect.stories-DivN478n.js → PzSelect.stories-iabNHRYP.js} +1 -1
- package/dist/app/assets/{PzSkeleton-B33HHkEc.js → PzSkeleton-CaNEKwvt.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-BM1pkn3m.js → PzSkeleton.stories-CpO1fBFt.js} +1 -1
- package/dist/app/assets/{PzStatus-C4EqNGPd.js → PzStatus-D3-Uq69j.js} +1 -1
- package/dist/app/assets/{PzStatus.stories-Cqm-ifG8.js → PzStatus.stories-C4wa8GKS.js} +1 -1
- package/dist/app/assets/{PzTable-CPT48A4Z.css → PzTable-B2VdqD23.css} +1 -1
- package/dist/app/assets/PzTable-DTSOUdXZ.js +1 -0
- package/dist/app/assets/{PzTable.stories-Cl2K1LkT.js → PzTable.stories-GOMboCZF.js} +3 -3
- package/dist/app/assets/PzTablePaginationProvider.stories-5SrL-GbM.js +32 -0
- package/dist/app/assets/{PzTabs-BggKyYiM.css → PzTabs-Cj64K6MD.css} +1 -1
- package/dist/app/assets/{PzTabs.stories-0P97NrDb.js → PzTabs.stories-B1kUStoZ.js} +6 -6
- package/dist/app/assets/{PzTag-DnfNJZdw.js → PzTag-DgTwGfCR.js} +1 -1
- package/dist/app/assets/{PzTag.stories-DUAd3gWZ.js → PzTag.stories-B59qjvG9.js} +1 -1
- package/dist/app/assets/{PzText-DFC4aYrl.js → PzText-DpNgd6Nx.js} +1 -1
- package/dist/app/assets/{PzText.stories-oovqVTKc.js → PzText.stories-DmMxDc4-.js} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-HdjD2030.js → PzTextClamp.stories-C9GKhCoU.js} +1 -1
- package/dist/app/assets/{PzTextarea.stories-C-9VqqOB.js → PzTextarea.stories-ByyDHDVq.js} +1 -1
- package/dist/app/assets/PzTranslator-DDtI6blH.js +1 -0
- package/dist/app/assets/PzTranslator.stories-CGEt27vB.js +14 -0
- package/dist/app/assets/{PzValidatorXSS.stories-C6q6PXbN.js → PzValidatorXSS.stories-DowYTqqT.js} +1 -1
- package/dist/app/assets/{Spacing.stories-UAAtvr5q.js → Spacing.stories-CIviyZMB.js} +1 -1
- package/dist/app/assets/{StaticPagination.composable-CDQEQ93P.js → StaticPagination.composable-6pG0lq38.js} +1 -1
- package/dist/app/assets/{Typography.stories-BL2bTPnP.js → Typography.stories-lq1W1mnu.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-DQFNAHAL.js → WithTooltip-65CFNBJE-DXRUkBgc.js} +1 -1
- package/dist/app/assets/{floating-vue-CpM8Btf7.js → floating-vue-BKNZm4Jb.js} +1 -1
- package/dist/app/assets/{floating-vue-B2IiQalE.js → floating-vue-btbGatfK.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-DWEZfoWy.js → formatter-EIJCOSYU-DMDzvaFV.js} +1 -1
- package/dist/app/assets/{iframe-COJe1XkP.js → iframe-C7ETNRpQ.js} +3 -3
- package/dist/app/assets/{index-CZrUN4KI.js → index-GLpND2lK.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-ChsaTiWF.js → syntaxhighlighter-OH4MV7E3-CMncrGKC.js} +1 -1
- package/dist/app/iframe.html +1 -1
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/components/Data/PzTable/types.d.ts +3 -2
- package/dist/components/Display/PzKeyValue/types.d.ts +5 -2
- package/dist/components/Layouts/PzTabs/PzTab.vue.d.ts +2 -1
- package/dist/components/Layouts/PzTabs/types.d.ts +3 -2
- package/dist/components/Navigation/PzBreadcrumb/types.d.ts +2 -1
- package/dist/components/Navigation/PzNav/types.d.ts +2 -1
- package/dist/components/Popups/PzInfoHint/types.d.ts +3 -2
- package/dist/index.d.ts +1 -0
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +6 -6
- package/dist/prozorro-ui.js +2991 -2982
- package/dist/services/PzTranslator/PzTranslator.d.ts +29 -0
- package/dist/services/PzTranslator/index.d.ts +2 -0
- package/dist/services/PzTranslator/types.d.ts +30 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/app/assets/PzAccordionTable.stories-ybFlAxyc.js +0 -275
- package/dist/app/assets/PzBreadcrumb.stories-DeVJFiXE.js +0 -120
- package/dist/app/assets/PzInfoHint-BDxp8wOD.css +0 -1
- package/dist/app/assets/PzInfoHint-VuxJAC_S.js +0 -1
- package/dist/app/assets/PzKeyValue-BX10m3eP.js +0 -1
- package/dist/app/assets/PzSelect-Bwowr3H1.js +0 -1
- package/dist/app/assets/PzTable-DQkUhUqk.js +0 -1
- package/dist/app/assets/PzTablePaginationProvider.stories-ChHhWZk5.js +0 -32
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{P as d}from"./PzText-
|
|
1
|
+
import{P as d}from"./PzText-DpNgd6Nx.js";import{P as E}from"./PzKeyValue-Cn8RTU-S.js";import"./iframe-C7ETNRpQ.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./isArray-uCF_2ZQ0.js";import"./isObjectLike-zXfibqpL.js";import"./lodash-CdDiHlzQ.js";import"./PzDomHandler-BU7iMNnt.js";import"./PzTranslator-DDtI6blH.js";const p=E,F=E,O=["column","column-reverse","row","row-reverse"],t=[{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"}],a={id:"UA-2026-04-17-000123-a",title:"Закупівля медичного обладнання для лікарні №3",customer:{name:'ТОВ "АДМІНІСТРАЦІЯ ЗАКУПІВЕЛЬ"'},amount:"1 250 000,00 UAH",status:"Awaiting offers",note:""},u=[{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},L=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.dynamicBg===!1?':dynamic-bg="false"':null,e.titleStyleClass?`title-style-class="${e.titleStyleClass}"`:null].filter(_=>!!_).join(`
|
|
4
4
|
`)}
|
|
5
5
|
/>
|
|
6
|
-
</template>`,N={title:"Components/Display/PzKeyValue",component:F,parameters:{prototype:{caption:"Key-value list",note:"Presentational component for pairing labels with dynamic values. Filters empty fields by default and supports dot-notation lookups into the source data."},docs:{description:{component:"Use `PzKeyValue` to render a labelled list of values from a data object. Item order is driven by `config`; values resolve via dot-notation keys (via lodash `get`). Numbers and booleans are always rendered; empty strings/null/undefined are hidden when `checkRequired` is `true` (the default). Each item exposes a matching slot and a `<key>_label` slot for custom rendering."},source:{transform:(e,
|
|
6
|
+
</template>`,N={title:"Components/Display/PzKeyValue",component:F,parameters:{prototype:{caption:"Key-value list",note:"Presentational component for pairing labels with dynamic values. Filters empty fields by default and supports dot-notation lookups into the source data."},docs:{description:{component:"Use `PzKeyValue` to render a labelled list of values from a data object. Item order is driven by `config`; values resolve via dot-notation keys (via lodash `get`). Numbers and booleans are always rendered; empty strings/null/undefined are hidden when `checkRequired` is `true` (the default). Each item exposes a matching slot and a `<key>_label` slot for custom rendering."},source:{transform:(e,m)=>L(m.args??N.args)}}},args:{config:t,data:a,flexDirection:"column",checkRequired:!0,dynamicBg:!0,titleStyleClass:""},argTypes:{config:{control:!1,description:"Ordered list of `{ id, key, labelKey, labelStyleClass? }` entries describing each row.",table:{category:"Props"}},data:{control:!1,description:"Source object. Row values are resolved via lodash `get` on a dash-split key.",table:{category:"Props"}},flexDirection:{control:"inline-radio",options:O,description:"Applied as inline `flex-direction` on each value container.",table:{category:"Props"}},checkRequired:{control:"boolean",description:"When `true`, rows with empty strings / null / undefined are hidden. Numbers and booleans are always shown.",table:{category:"Props"}},dynamicBg:{control:"boolean",description:"When `true` (default), the label box background is resolved from the nearest non-transparent ancestor so the dotted leader line is masked behind the label. Set to `false` to leave it inherited.",table:{category:"Props"}},titleStyleClass:{control:"text",description:"Extra class applied to every row title.",table:{category:"Props"}}},render:e=>({components:{pzKeyValue:p,pzText:d},setup(){return{args:e}},template:`
|
|
7
7
|
<section class="pz-key-value-story">
|
|
8
8
|
<section class="pz-key-value-story-board">
|
|
9
9
|
<div class="pz-key-value-story-header">
|
|
@@ -108,7 +108,7 @@ import{P as d}from"./PzText-DFC4aYrl.js";import{P as E}from"./PzKeyValue-BX10m3e
|
|
|
108
108
|
</article>
|
|
109
109
|
</section>
|
|
110
110
|
</section>
|
|
111
|
-
`}),parameters:{docs:{description:{story:"Reference board covering every `flexDirection` value, the `checkRequired: false` fallback, and numeric/boolean preservation."}}}};var
|
|
111
|
+
`}),parameters:{docs:{description:{story:"Reference board covering every `flexDirection` value, the `checkRequired: false` fallback, and numeric/boolean preservation."}}}};var v,f,k;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(k=(f=n.parameters)==null?void 0:f.docs)==null?void 0:k.source}}};var g,h,b;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
112
112
|
args: {
|
|
113
113
|
config: tenderConfig,
|
|
114
114
|
data: tenderData,
|
|
@@ -283,4 +283,4 @@ import{P as d}from"./PzText-DFC4aYrl.js";import{P as E}from"./PzKeyValue-BX10m3e
|
|
|
283
283
|
}
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
|
-
}`,...(W=(T=c.parameters)==null?void 0:T.docs)==null?void 0:W.source}}};const
|
|
286
|
+
}`,...(W=(T=c.parameters)==null?void 0:T.docs)==null?void 0:W.source}}};const X=["Playground","ColumnLayout","RowLayout","WithoutRequiredFilter","WithoutDynamicBg","CustomSlots","Gallery"];export{r as ColumnLayout,l as CustomSlots,c as Gallery,n as Playground,s as RowLayout,i as WithoutDynamicBg,o as WithoutRequiredFilter,X as __namedExportsOrder,N as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as i,I as f,f as l,g as c,z as t,q as n,u as p,c as m,o as s,D as b,t as _}from"./iframe-
|
|
1
|
+
import{e as i,I as f,f as l,g as c,z as t,q as n,u as p,c as m,o as s,D as b,t as _}from"./iframe-C7ETNRpQ.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-DpNgd6Nx.js";import{P as r}from"./PzLabel-DMn13NsD.js";import"./iframe-C7ETNRpQ.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,I as y,f as l,z as s,q as i,g as k,c as o,o as n}from"./iframe-
|
|
1
|
+
import{e as m,I as y,f as l,z as s,q as i,g as k,c as o,o as n}from"./iframe-C7ETNRpQ.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))}}),V=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{V as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as p}from"./PzIcon-
|
|
1
|
+
import{_ as p}from"./PzIcon-BcyUoNpX.js";import{P as c}from"./PzText-DpNgd6Nx.js";import{p as d}from"./configs-CtUh_XBV.js";import{p as f,a as m}from"./configs-DshpCAYO.js";import{P as o}from"./PzLink-BZnsXkWP.js";import"./iframe-C7ETNRpQ.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,i as b,w as v,f as I,E as g,C as N,o as L}from"./iframe-
|
|
1
|
+
import{e as P,r as c,i as b,w as v,f as I,E as g,C as N,o as L}from"./iframe-C7ETNRpQ.js";import{P as _}from"./PzSelect-B1drX3sx.js";import{P as z}from"./PzPagination-zkV-BSCC.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"])]))}}),h=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,h 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-C7ETNRpQ.js";import{I as r,a as L,P as i}from"./PzListNav-Bg-BQRg3.js";import"./preload-helper-C1FmrZbK.js";import"./PzSelect-B1drX3sx.js";import"./index-GLpND2lK.js";import"./floating-vue-btbGatfK.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzIcon-BcyUoNpX.js";import"./PzLabel-DMn13NsD.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzPagination-zkV-BSCC.js";import"./PzMessages-CghyB4RL.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 S,f as t,u as x,F as h,G as B,C,g as N,c as V,o as l}from"./iframe-
|
|
1
|
+
import{e as S,f as t,u as x,F as h,G as B,C,g as N,c as V,o as l}from"./iframe-C7ETNRpQ.js";import{a as k}from"./PzMessages-CghyB4RL.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const D=["aria-label"],F={class:"pz-loader__wrapper"},o=S({name:"PzLoader",__name:"PzLoader",props:{isSmall:{type:Boolean,default:!1},variant:{default:"primary"},label:{}},setup(e){const z=e,v=V(()=>z.label??k("display.pzLoader.label")),b=Array.from({length:12},(L,n)=>n);return(L,n)=>(l(),t("div",{class:N(["pz-loader",{"pz-loader--small":e.isSmall,"pz-loader--grey":e.variant==="grey"}]),role:"status","aria-label":v.value},[x("div",F,[(l(!0),t(h,null,B(C(b),P=>(l(),t("div",{key:P,class:"pz-loader__item"}))),128))])],10,D))}}),i=q(o,[["__scopeId","data-v-22ae103d"]]);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"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzLoader/PzLoader.vue"]});const E={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 c,d,p;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(p=(d=a.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var m,u,g;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
isSmall: true
|
|
4
4
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as f}from"./iframe-
|
|
1
|
+
import{h as f}from"./iframe-C7ETNRpQ.js";const c={actions:{pzCopyToClipboard:{popupText:"Скопійовано",label:"Скопіювати в буфер обміну"}},data:{pzTable:{defaultValue:"—"}},display:{pzLoader:{label:"Loading"},pzPrice:{notSpecified:"Не вказано",vatIncluded:"з ПДВ",vatExcluded:"без ПДВ",vatDifferenceLabel:"у т.ч. ПДВ"},pzPriceRange:{notSpecified:"Не вказано",separator:"–"}},form:{pzMultiSelect:{selectedLabel:"{count} обрано"},pzFileInput:{buttonLabel:"Додати документ",helperText:"Документ має бути у форматі .txt, .doc, .docx або .pdf, розміром до 20 МБ",removeButtonLabel:"Видалити документ",invalidExtensionMessage:"Невірний формат документа",fileTooLargeMessage:"Розмір документа перевищує 20 МБ"},pzImageInput:{buttonLabel:"Додати зображення",helperText:"Формат зображення має бути .png, .jpg або .jpeg, розміром до 1 МБ та 800x800 px",editButtonLabel:"Редагувати зображення",invalidExtensionMessage:"Невірний формат зображення",fileTooLargeMessage:"Розмір зображення перевищує 1 МБ",invalidDimensionsMessage:"Розмір зображення має бути 800x800 px"}},navigation:{pzPagination:{prevLabel:"Попередня сторінка",nextLabel:"Наступна сторінка",dots:"…",counter:"з {total}"},pzBreadcrumb:{home:"Головна"}},popups:{pzModal:{closeLabel:"Close modal"},pzInfoHint:{label:"Information"}},text:{pzTextClamp:{expandLabel:"Show more",collapseLabel:"Collapse"},pzArrayClamp:{expandLabel:"Показати більше",collapseLabel:"Показати менше"}}},s=f({}),a=e=>typeof e=="object"&&e!==null,l=(e,n)=>{for(const t of Object.keys(n)){const o=n[t];a(o)?(a(e[t])||(e[t]={}),l(e[t],o)):e[t]=o}},i=e=>{const n={};for(const t of Object.keys(e)){const o=e[t];n[t]=a(o)?i(o):o}return n},p=e=>typeof e=="function"?e():e,r=(e,n)=>{let t=e;for(const o of n.split(".")){if(!a(t))return;t=t[o]}return typeof t=="string"||typeof t=="function"?t:void 0},u=(e,n)=>e.replace(/\{(\w+)\}/g,(t,o)=>o in n?String(n[o]):t),g=e=>{l(s,e)},x=(e,n)=>{const t=r(s,e)??r(c,e),o=t===void 0?"":p(t);return n?u(o,n):o},d=e=>{const n={};for(const t of Object.keys(e)){const o=e[t];n[t]=a(o)?d(o):p(o)}return n},L=()=>{const e=i(c);return l(e,s),d(e)},z=e=>{{for(const n of Object.keys(s))delete s[n];return}};export{x as a,L as g,z as r,g as s};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as l}from"./PzCopyToClipboard-
|
|
1
|
+
import{P as l}from"./PzCopyToClipboard-C4qlcdJm.js";import{P as n}from"./PzBtn-DdQAmxtG.js";import{g as d,r as c,s as t}from"./PzMessages-CghyB4RL.js";import"./iframe-C7ETNRpQ.js";import"./preload-helper-C1FmrZbK.js";import"./floating-vue-btbGatfK.js";import"./floating-vue-BKNZm4Jb.js";import"./PzDomHandler-BU7iMNnt.js";import"./PzIcon-BcyUoNpX.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const w={title:"Services/PzMessages",tags:["autodocs"],parameters:{docs:{description:{component:["`PzMessages` is the library's text-override service. It powers a two-level message system:","a built-in tree of default (Ukrainian) strings, and an app-level override tree set via `setMessages`.","","Components resolve their texts with the following priority:","","1. **Component prop** — an explicit prop on the component instance always wins.","2. **`setMessages` override** — an app-wide override registered through this service.","3. **Built-in default** — the library's shipped string.","","API:","","- `setMessages(input)` — deep-partial nested override of any message subtree.","- `getMessage(path, params?)` — resolve a dotted path to a string (`override ?? default`), with `{key}` interpolation.","- `getMessages()` — full effective tree snapshot (defaults merged with overrides).","- `resetMessages(path?)` — clear all overrides, or a single dotted path.","","### Usage","","Register overrides once at app startup (e.g. in `main.ts`). Only the keys you pass change; everything else keeps its default:","","```ts",'import { setMessages } from "@prozorro/prozorro-ui";',"","setMessages({"," actions: {",' pzCopyToClipboard: { popupText: "Copied!", label: "Copy to clipboard" },'," },"," navigation: {",' pzPagination: { prevLabel: "Prev", nextLabel: "Next" },'," },","});","```","","Resolve a single string by dotted path (`override ?? default`), with optional `{key}` interpolation:","","```ts",'import { getMessage } from "@prozorro/prozorro-ui";',"",'getMessage("actions.pzCopyToClipboard.popupText"); // "Copied!"','getMessage("form.pzMultiSelect.selectedLabel", { count: 3 }); // "3 обрано"',"```","","Read the full effective tree, or clear overrides (all, or one subtree/leaf):","","```ts",'import { getMessages, resetMessages } from "@prozorro/prozorro-ui";',"","getMessages(); // defaults merged with overrides",'resetMessages("actions.pzCopyToClipboard.label"); // clear one override',"resetMessages(); // clear all overrides","```","","### Partial overrides","","The input is a deep-partial: override only the leaves you need (here just `text.pzTextClamp`) — every other text keeps its default:","","```ts",'setMessages({ text: { pzTextClamp: { expandLabel: "Show more" } } });',"```","","### i18n bridge (lazy resolvers)","","A leaf may be a function `() => string` resolved at render time instead of a static string. Pass an i18n getter as a resolver — NOT the already-evaluated `i18n.t(...)`, which captures whatever existed at call time (often the raw key path, before the locale loaded):","","```ts","// ✅ lazy: resolved when the text renders, stays reactive to locale changes",'setMessages({ text: { pzTextClamp: { expandLabel: () => i18n.t("btn.yet") } } });',"","// ❌ eager: stores the value now — shows the key path if i18n is not ready yet",'setMessages({ text: { pzTextClamp: { expandLabel: i18n.t("btn.yet") } } });',"```","","The demo renders a `PzCopyToClipboard` with no `popupText`/`label` props, so it falls back to the global default. **Override (EN)** sets static strings; **Override (i18n resolver)** sets the copy popup text via a lazy `() => i18n.t(...)` resolver — copy the value to see it. **Reset** restores defaults. Watch the live `getMessages()` snapshot update with each action."].join(`
|
|
2
2
|
`)}}},render:()=>({components:{pzCopyToClipboard:l,pzBtn:n},setup(){const a=()=>{t({actions:{pzCopyToClipboard:{popupText:"Copied!",label:"Copy to clipboard"}}})},i={t:p=>`[i18n] ${p}`};return{overrideEn:a,overrideI18n:()=>{t({actions:{pzCopyToClipboard:{popupText:()=>i.t("actions.copied")}}})},reset:()=>{c()},getMessages:d}},template:`
|
|
3
3
|
<section style="display: flex; flex-direction: column; gap: 16px;">
|
|
4
4
|
<div style="display: flex; align-items: center; gap: 12px;">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as Q,I as Z,w as F,A as G,v as _,f as r,u as v,$ as J,g as k,z as f,q as l,E as X,C as P,Q as Y,a2 as ee,a3 as oe,c as n,o as a,y as te,D as se,t as ae,r as V}from"./iframe-
|
|
1
|
+
import{e as Q,I as Z,w as F,A as G,v as _,f as r,u as v,$ as J,g as k,z as f,q as l,E as X,C as P,Q as Y,a2 as ee,a3 as oe,c as n,o as a,y as te,D as se,t as ae,r as V}from"./iframe-C7ETNRpQ.js";import{P as g}from"./PzText-DpNgd6Nx.js";import{_ as le}from"./PzIcon-BcyUoNpX.js";import{a as ne}from"./PzMessages-CghyB4RL.js";import{_ as re}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const de=["compact","regular","wide","fullscreen"],ie={id:"default",title:"",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0},ce=["aria-labelledby","aria-describedby"],pe=["id"],ue=["aria-label"],me=["id"],ye={key:1,class:"pz-modal-footer"},m=Q({name:"PzModal",__name:"PzModal",props:oe({id:{},isOpen:{type:Boolean},title:{},size:{},closeOnOverlay:{type:Boolean},closeOnEscape:{type:Boolean},showCloseButton:{type:Boolean},closeLabel:{}},ie),emits:["close"],setup(e,{emit:t}){const d=Z(),o=e,y=t,O=n(()=>`pz-modal-title-${o.id}`),w=n(()=>`pz-modal-description-${o.id}`),z=n(()=>!!(o.title||d.header)),K=n(()=>z.value||o.showCloseButton),R=n(()=>[`pz-modal-dialog--${o.size}`]),U=n(()=>o.closeLabel??ne("popups.pzModal.closeLabel"));let M="";const x=s=>{if(!(typeof document>"u")){if(s){M=document.body.style.overflow,document.body.style.overflow="hidden";return}document.body.style.overflow=M}},b=()=>{y("close")},W=()=>{o.closeOnOverlay&&b()},H=()=>{o.closeOnEscape&&b()};return F(()=>o.isOpen,s=>{x(s)},{immediate:!0}),G(()=>{x(!1)}),(s,C)=>(a(),_(ee,{to:"body"},[o.isOpen?(a(),r("div",{key:0,class:"pz-modal",onKeydown:Y(H,["esc"])},[v("div",{class:"pz-modal-overlay",onClick:W},[v("div",{ref:"dialogRef",class:k(["pz-modal-dialog",R.value]),role:"dialog","aria-modal":!0,"aria-labelledby":O.value,"aria-describedby":w.value,onClick:C[0]||(C[0]=J(()=>{},["stop"]))},[K.value?(a(),r("header",{key:0,class:k(["pz-modal-header",{"pz-modal-header--between":z.value}])},[z.value?(a(),r("div",{key:0,id:O.value,class:"pz-modal-title"},[f(s.$slots,"header",{},()=>[o.title?(a(),_(P(g),{key:0,variant:"h4-bold",as:"h2"},{default:te(()=>[se(ae(o.title),1)]),_:1})):l("",!0)],!0)],8,pe)):l("",!0),o.showCloseButton?(a(),r("button",{key:1,type:"button",class:"pz-modal-close","aria-label":U.value,onClick:b},[X(P(le),{name:"close",size:"24",label:"Close modal"})],8,ue)):l("",!0)],2)):l("",!0),v("div",{id:w.value,class:"pz-modal-body"},[f(s.$slots,"default",{},void 0,!0)],8,me),s.$slots.footer?(a(),r("footer",ye,[f(s.$slots,"footer",{},void 0,!0)])):l("",!0)],10,ce)])],32)):l("",!0)]))}}),h=re(m,[["__scopeId","data-v-4b8d8ca2"]]);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 ze=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>
|
package/dist/app/assets/{PzMultiSelect.stories-C01VhDac.js → PzMultiSelect.stories-Cq4d7c9i.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as pe,f as V,E as P,y as T,C as g,n as k,o as M,u as i,F as de,G as ce,g as F,z as D,D as J,t as C,L as ue,r as o,c as f,w as me}from"./iframe-
|
|
1
|
+
import{e as pe,f as V,E as P,y as T,C as g,n as k,o as M,u as i,F as de,G as ce,g as F,z as D,D as J,t as C,L as ue,r as o,c as f,w as me}from"./iframe-C7ETNRpQ.js";import{_ as ne}from"./PzIcon-BcyUoNpX.js";import{P as ge}from"./PzTag-DgTwGfCR.js";import{P as d}from"./PzText-DpNgd6Nx.js";import{u as fe}from"./index-GLpND2lK.js";import{k as xe}from"./floating-vue-btbGatfK.js";import{l as $}from"./lodash-CdDiHlzQ.js";import{P as be}from"./PzLabel-DMn13NsD.js";import{a as ve}from"./PzMessages-CghyB4RL.js";import{_ as ze}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./_commonjsHelpers-Cpj98o6Y.js";const he=6,ye=["id"],Se=["id","disabled","aria-controls","aria-expanded","aria-label"],Oe={class:"pz-multi-select-trigger-text"},we=["id","aria-labelledby"],Ve={class:"pz-multi-select-options"},Pe=["for"],Te=["id","name","checked","disabled","onChange"],Me={class:"pz-multi-select-option-text"},S=pe({name:"PzMultiSelect",__name:"PzMultiSelect",props:{name:{},options:{},modelValue:{default:()=>[]},label:{default:""},placeholder:{default:""},selectedLabel:{},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?l.selectedLabel.replace("{count}",String(t)):ve("form.pzMultiSelect.selectedLabel",{count: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)=>(M(),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",Oe,[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,Se)]),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",Ve,[(M(!0),V(de,null,ce(l.options,(a,w)=>(M(),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:De=>oe(a.value)},null,40,Te),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",Me,[D(t.$slots,"default",ue({ref_for:!0},re(a)),()=>[J(C(a.label),1)],!0)])],10,Pe))),128))])],12,we)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],12,ye))}}),r=ze(S,[["__scopeId","data-v-17677817"]]);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"}},{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"}],q=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"},{label:"Недоступний",value:"unavailable",disabled:!0}],qe=30,Ne=2,I=["Будівництво","Послуги","Транспорт","Освіта","Енергія"],Le=Array.from({length:qe},(e,n)=>{const l=I[n%I.length];return{label:`Категорія ${String(n+1).padStart(Ne,"0")} — ${l}`,value:`category-${n+1}`}}),ke=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(" ")}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-nav-story{display:grid;gap:var(--pz-space-24)}.pz-nav-story-frame{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)))}.pz-nav-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-nav-story-eyebrow,.pz-nav-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-nav-story-stack{display:grid;gap:var(--pz-space-16)}.pz-nav-story-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 98%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-30) 60%,transparent)}.pz-nav-story-grid{display:grid;gap:var(--pz-space-16)}.pz-nav-story-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--pz-space-20);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-nav-story-card-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-nav-story-card-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-16);border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-background-frame) 96%,var(--pz-color-white));overflow:hidden}.pz-nav-story-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding-inline:6px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 100%,transparent);color:var(--pz-color-text-link-hover);font-size:var(--pz-font-size-12);font-weight:700}.pz-nav-story-slot{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-nav-story-compact{width:min(100%,520px)}@media (width <= 768px){.pz-nav-story-header{flex-direction:column}.pz-nav-story-card{grid-template-columns:1fr}}.pz-nav[data-v-
|
|
1
|
+
.pz-nav-story{display:grid;gap:var(--pz-space-24)}.pz-nav-story-frame{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)))}.pz-nav-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-nav-story-eyebrow,.pz-nav-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-nav-story-stack{display:grid;gap:var(--pz-space-16)}.pz-nav-story-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 98%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-30) 60%,transparent)}.pz-nav-story-grid{display:grid;gap:var(--pz-space-16)}.pz-nav-story-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--pz-space-20);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-nav-story-card-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-nav-story-card-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-16);border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-background-frame) 96%,var(--pz-color-white));overflow:hidden}.pz-nav-story-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding-inline:6px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 100%,transparent);color:var(--pz-color-text-link-hover);font-size:var(--pz-font-size-12);font-weight:700}.pz-nav-story-slot{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-nav-story-compact{width:min(100%,520px)}@media (width <= 768px){.pz-nav-story-header{flex-direction:column}.pz-nav-story-card{grid-template-columns:1fr}}.pz-nav[data-v-f487129a]{--pz-nav-background: var(--pz-color-background-frame);--pz-nav-active-background: var(--pz-color-background-primary);--pz-nav-active-color: var(--pz-color-text-primary);--pz-nav-link-color: var(--pz-color-text-link);display:flex;width:100%;margin:0;padding:var(--pz-space-4);list-style:none;border-radius:var(--pz-space-16);background:var(--pz-nav-background);overflow-x:auto;scrollbar-color:var(--pz-color-grey-30) var(--pz-nav-active-background)}.pz-nav__item[data-v-f487129a]{z-index:1;flex:0 0 auto;position:relative;border-radius:var(--pz-space-12);transition:background-color .16s ease}.pz-nav__item[data-v-f487129a]:hover{color:var(--pz-color-text-link-hover)}.pz-nav__item.active[data-v-f487129a]{background-color:var(--pz-nav-active-background);box-shadow:0 1px 2px #2426380f,inset 0 0 0 1px #2426380a}.pz-nav__item.disabled[data-v-f487129a]{-webkit-user-select:none;user-select:none;pointer-events:none}.pz-nav__text[data-v-f487129a]{display:inline-flex;align-items:center;min-height:44px;padding:12px 24px;border:none;outline:none;background:transparent;color:var(--pz-nav-link-color);text-decoration:none;white-space:nowrap;transition:color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-nav-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-nav-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-nav-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-nav__text.active[data-v-f487129a]{color:var(--pz-nav-active-color)}.pz-nav__text.disabled[data-v-f487129a]{color:var(--pz-color-grey-60)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{e as
|
|
1
|
+
import{e as O,f as i,F as V,G as A,g as p,o,v as B,y as j,z as x,D as b,t as N,C as z,R as L,c as W,M as G,i as y,a1 as g}from"./iframe-C7ETNRpQ.js";import{P as f}from"./PzText-DpNgd6Nx.js";import{p as Q}from"./configs-CtUh_XBV.js";import{a as w}from"./PzTranslator-DDtI6blH.js";import{_ as U}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const d=O({name:"PzNav",__name:"PzNav",props:{config:{},typography:{}},setup(e){const n=G(),r=e,R=a=>{const[s=""]=a.split("#");return s?s.startsWith("/")?s:`/${s}`:"/"},$=a=>a.startsWith("#")?a:R(a),h=a=>a.name===n.name,E=W(()=>!r.config.some(h)),u=a=>h(a)||E.value&&!!a.isDefault;return(a,s)=>(o(),i("ul",{class:p(["pz-nav",r.typography?`pz-typography--${r.typography}`:null])},[(o(!0),i(V,null,A(r.config,(t,F)=>(o(),i("li",{key:`${t.path}-${F}`,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)},{disabled:t.disabled}]])},[x(a.$slots,"view",{data:t},()=>[b(N(z(w)(t.text)),1)],!0)],2)):(o(),B(z(L),{key:0,to:$(t.path),class:p(["pz-nav__text",{active:u(t)}])},{default:j(()=>[x(a.$slots,"view",{data:t},()=>[b(N(z(w)(t.text)),1)],!0)]),_:2},1032,["to","class"]))],2))),128))],2))}}),m=U(d,[["__scopeId","data-v-f487129a"]]);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 k=[{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:"Товари"}],H=[{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}],J=[{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"}],K=e=>`<template>
|
|
2
2
|
<PzNav :config='${JSON.stringify(e.config,null,2)}' />
|
|
3
|
-
</template>`,
|
|
3
|
+
</template>`,X=()=>`<template>
|
|
4
4
|
<PzNav :config="config">
|
|
5
5
|
<template #view="{ data }">
|
|
6
6
|
<span class="custom-nav-item">
|
|
@@ -9,7 +9,7 @@ import{e as E,f as i,F,G as O,g as p,o,v as V,y as A,z as h,D as x,t as b,C as B
|
|
|
9
9
|
</span>
|
|
10
10
|
</template>
|
|
11
11
|
</PzNav>
|
|
12
|
-
</template>`,
|
|
12
|
+
</template>`,Y={title:"Components/Navigation/PzNav",component:m,parameters:{prototype:{caption:"Navigation component",note:"Renamed from the previous app-level URL tabs to the shared `PzNav` component. It keeps the original `config` prop, default-tab logic, disabled states, and the `view` slot for custom item rendering."},docs:{description:{component:"Use `PzNav` when a screen needs route-based horizontal navigation. It follows the previous `url-tabs` API with a `config` array and marks the fallback item active when no route matches and `isDefault` is set."},source:{transform:(e,n)=>K(n.args??Y.args)}}},args:{config:k,typography:void 0},argTypes:{config:{control:"object",description:"Navigation items with route path, label, disabled state, and optional default fallback."},typography:{control:"select",options:[void 0,...Q],description:"Overrides typography using a PzText variant."}},render:e=>({components:{pzNav:m,pzText:f},setup(){const n=g();return y(async()=>{await n.push("/market/procedures")}),{args:e,marketNavItems:k,tenderNavItems:H}},template:`
|
|
13
13
|
<div class="pz-nav-story">
|
|
14
14
|
<section class="pz-nav-story-frame">
|
|
15
15
|
<div class="pz-nav-story-header">
|
|
@@ -57,7 +57,7 @@ import{e as E,f as i,F,G as O,g as p,o,v as V,y as A,z as h,D as x,t as b,C as B
|
|
|
57
57
|
</article>
|
|
58
58
|
</section>
|
|
59
59
|
</div>
|
|
60
|
-
`})},c={},l={args:{config:
|
|
60
|
+
`})},c={},l={args:{config:J},render:e=>({components:{pzNav:m,pzText:f},setup(){const n=g();return y(async()=>{await n.push("/archive/unknown")}),{args:e}},template:`
|
|
61
61
|
<div class="pz-nav-story">
|
|
62
62
|
<section class="pz-nav-story-frame">
|
|
63
63
|
<div class="pz-nav-story-header">
|
|
@@ -73,7 +73,7 @@ import{e as E,f as i,F,G as O,g as p,o,v as V,y as A,z as h,D as x,t as b,C as B
|
|
|
73
73
|
</div>
|
|
74
74
|
</section>
|
|
75
75
|
</div>
|
|
76
|
-
`})},v={parameters:{docs:{source:{code:
|
|
76
|
+
`})},v={parameters:{docs:{source:{code:X()}}},render:()=>({components:{pzNav:m,pzText:f},setup(){const e=g(),n=[{path:"/nav/questions",name:"nav-questions",text:"Questions",count:12,isDefault:!0},{path:"/nav/complaints",name:"nav-complaints",text:"Complaints",count:2},{path:"/nav/monitoring",name:"nav-monitoring",text:"Monitoring",count:0,disabled:!0}];return y(async()=>{await e.push("/nav/questions")}),{config:n}},template:`
|
|
77
77
|
<div class="pz-nav-story">
|
|
78
78
|
<section class="pz-nav-story-frame">
|
|
79
79
|
<div class="pz-nav-story-header">
|
|
@@ -96,7 +96,7 @@ import{e as E,f as i,F,G as O,g as p,o,v as V,y as A,z as h,D as x,t as b,C as B
|
|
|
96
96
|
</div>
|
|
97
97
|
</section>
|
|
98
98
|
</div>
|
|
99
|
-
`})};var
|
|
99
|
+
`})};var P,_,T;c.parameters={...c.parameters,docs:{...(P=c.parameters)==null?void 0:P.docs,source:{originalSource:"{}",...(T=(_=c.parameters)==null?void 0:_.docs)==null?void 0:T.source}}};var D,S,I;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{
|
|
100
100
|
args: {
|
|
101
101
|
config: archiveNavItems
|
|
102
102
|
},
|
|
@@ -132,7 +132,7 @@ import{e as E,f as i,F,G as O,g as p,o,v as V,y as A,z as h,D as x,t as b,C as B
|
|
|
132
132
|
</div>
|
|
133
133
|
\`
|
|
134
134
|
})
|
|
135
|
-
}`,...(
|
|
135
|
+
}`,...(I=(S=l.parameters)==null?void 0:S.docs)==null?void 0:I.source}}};var C,q,M;v.parameters={...v.parameters,docs:{...(C=v.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
136
136
|
parameters: {
|
|
137
137
|
docs: {
|
|
138
138
|
source: {
|
|
@@ -197,4 +197,4 @@ import{e as E,f as i,F,G as O,g as p,o,v as V,y as A,z as h,D as x,t as b,C as B
|
|
|
197
197
|
</div>
|
|
198
198
|
\`
|
|
199
199
|
})
|
|
200
|
-
}`,...(
|
|
200
|
+
}`,...(M=(q=v.parameters)==null?void 0:q.docs)==null?void 0:M.source}}};const oa=["Playground","DefaultFallback","CustomItemView"];export{v as CustomItemView,l as DefaultFallback,c as Playground,oa as __namedExportsOrder,Y as default};
|
package/dist/app/assets/{PzNumberFormat.stories-DC8QT-g6.js → PzNumberFormat.stories-Bn0pC0O_.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as o}from"./PzNumberFormat-D5xYsZ3A.js";import{P as a}from"./PzText-
|
|
1
|
+
import{P as o}from"./PzNumberFormat-D5xYsZ3A.js";import{P as a}from"./PzText-DpNgd6Nx.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C7ETNRpQ.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const x={title:"Utilities/PzNumberFormat",parameters:{docs:{description:{component:"The `PzNumberFormat` utility is used to format numbers consistently, adding division for thousands and handling decimals."}}}},e={render:()=>({components:{pzText:a},setup(){return{examples:[{value:1234567,description:"Millions without decimals"},{value:1234567891e-3,precision:2,description:"Millions with 2 decimals precision"},{value:"54321.1",description:"String input with 1 decimal"},{value:0,description:"Zero"},{value:"-",description:"Invalid/empty dash"},{value:null,description:"Null value"}].map(n=>({...n,result:new o(n.value,n.precision).number}))}},template:`
|
|
2
2
|
<div>
|
|
3
3
|
<pz-text variant="h4-semibold">PzNumberFormat Usage</pz-text>
|
|
4
4
|
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as M,f as i,u as o,E as V,C as k,t as p,D as $,F as B,G as D,c as n,o as l,g as S}from"./iframe-
|
|
1
|
+
import{e as M,f as i,u as o,E as V,C as k,t as p,D as $,F as B,G as D,c as n,o as l,g as S}from"./iframe-C7ETNRpQ.js";import{_ as x}from"./PzIcon-BcyUoNpX.js";import{a as u}from"./PzMessages-CghyB4RL.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";const G={class:"pz-pagination","aria-label":"Pagination"},O={class:"pz-pagination__list"},A=["disabled","aria-label"],R={class:"pz-pagination__counter"},W={class:"pz-pagination__counter-current"},H={key:0,class:"pz-pagination__dots","aria-hidden":"true"},J=["aria-current","onClick"],K=["disabled","aria-label"],b=1,c=M({name:"PzPagination",__name:"PzPagination",props:{modelValue:{},total:{},perPage:{},radius:{default:2}},emits:["update:modelValue"],setup(r,{emit:N}){const C=n(()=>u("navigation.pzPagination.prevLabel")),L=n(()=>u("navigation.pzPagination.nextLabel")),F=n(()=>u("navigation.pzPagination.dots")),a=r,d=N,g=n(()=>Math.ceil(a.total/a.perPage)),I=n(()=>u("navigation.pzPagination.counter",{total:g.value})),P=n(()=>a.modelValue<=1),f=n(()=>a.modelValue>=g.value),T=n(()=>{const t=g.value;if(t<=0)return[];if(t===1)return[{type:"page",page:b}];const _=a.modelValue,e=a.radius,m=b+1,z=t-1,h=Math.max(m,_-e),y=Math.min(z,_+e),s=[{type:"page",page:b}];h>m&&s.push({type:"dots",side:"left"});for(let v=h;v<=y;v++)s.push({type:"page",page:v});return y<z&&s.push({type:"dots",side:"right"}),s.push({type:"page",page:t}),s}),q=t=>{t!==a.modelValue&&d("update:modelValue",t)},w=()=>{P.value||d("update:modelValue",a.modelValue-1)},E=()=>{f.value||d("update:modelValue",a.modelValue+1)};return(t,_)=>(l(),i("nav",G,[o("ul",O,[o("li",null,[o("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:P.value,"aria-label":C.value,onClick:w},[V(k(x),{name:"chevron_left",size:"24"})],8,A)]),o("li",R,[o("b",W,p(r.modelValue),1),$(" "+p(I.value),1)]),(l(!0),i(B,null,D(T.value,e=>(l(),i("li",{key:e.type==="page"?`p-${e.page}`:`d-${e.side}`,class:"pz-pagination__item"},[e.type==="dots"?(l(),i("span",H,p(F.value),1)):(l(),i("button",{key:1,type:"button",class:S(["pz-pagination__btn",{"pz-pagination__btn--active":e.page===r.modelValue}]),"aria-current":e.page===r.modelValue?"page":void 0,onClick:m=>q(e.page)},p(e.page),11,J))]))),128)),o("li",null,[o("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:f.value,"aria-label":L.value,onClick:E},[V(k(x),{name:"chevron_right",size:"24"})],8,K)])])]))}}),Z=j(c,[["__scopeId","data-v-c729863b"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzPagination",exportName:"default",displayName:"PzPagination",description:"",tags:{},props:[{name:"modelValue",required:!0,type:{name:"number"}},{name:"total",required:!0,type:{name:"number"}},{name:"perPage",required:!0,type:{name:"number"}},{name:"radius",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"2"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzPagination/PzPagination.vue"]});export{Z as P};
|
package/dist/app/assets/{PzPagination.stories-CkILzu9R.js → PzPagination.stories-pJrhE_Tg.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,w as m}from"./iframe-
|
|
1
|
+
import{r as e,w as m}from"./iframe-C7ETNRpQ.js";import{P as v}from"./PzText-DpNgd6Nx.js";import{P as s}from"./PzPagination-zkV-BSCC.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-BcyUoNpX.js";import"./PzMessages-CghyB4RL.js";const l=2,z=50,y=100,P=3,b="<\/script>",f=a=>{const t=[':model-value="currentPage"',`:total="${a.total}"`,`:per-page="${a.perPage}"`,a.radius!==l?`:radius="${a.radius}"`:null,'@update:model-value="currentPage = $event"'].filter(r=>!!r).join(`
|
|
2
2
|
`);return`<script setup lang="ts">
|
|
3
3
|
import { ref } from "vue";
|
|
4
4
|
const currentPage = ref(${a.modelValue});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as E}from"./PzKeyValue-
|
|
1
|
+
import{P as E}from"./PzKeyValue-Cn8RTU-S.js";import{P as v}from"./PzText-DpNgd6Nx.js";import{e as A,f as l,F as q,G as C,C as a,v as V,q as k,o as p,z as K}from"./iframe-C7ETNRpQ.js";import{I,P as w}from"./PzListNav-Bg-BQRg3.js";import{P as O}from"./PzScrollTo-KuzwcV-o.js";import{u as F}from"./StaticPagination.composable-6pG0lq38.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./isArray-uCF_2ZQ0.js";import"./isObjectLike-zXfibqpL.js";import"./lodash-CdDiHlzQ.js";import"./PzDomHandler-BU7iMNnt.js";import"./PzTranslator-DDtI6blH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./PzSelect-B1drX3sx.js";import"./index-GLpND2lK.js";import"./floating-vue-btbGatfK.js";import"./PzIcon-BcyUoNpX.js";import"./PzLabel-DMn13NsD.js";import"./PzPagination-zkV-BSCC.js";import"./PzMessages-CghyB4RL.js";const L={class:"pagination-provider"},n=A({name:"PzPaginationProvider",__name:"PzPaginationProvider",props:{perPage:{default:I.FIVE},data:{},navigationTopElement:{default:void 0},hasAutoScroll:{type:Boolean,default:!1}},setup(e){const t=e,{perPage:b,pageChanged:x,getItems:h,isPaginationAvailable:S,visibleRangeElements:T}=F(t),_=()=>{var r;t.hasAutoScroll&&O.moveByQuerySelector(".pagination-provider",((r=t.navigationTopElement)==null?void 0:r.offsetHeight)||0)};return(r,R)=>(p(),l("div",L,[(p(!0),l(q,null,C(a(h),(N,s)=>K(r.$slots,"item",{item:N,index:s,sequenceNumber:a(T)[0]+s})),256)),a(S)?(p(),V(a(w),{key:0,total:e.data.length,"per-page":a(b),class:"pz-mt-32",onOnInput:a(x),onOnChangePerPage:_},null,8,["total","per-page","onOnInput"])):k("",!0)]))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzPaginationProvider",exportName:"default",displayName:"PzPaginationProvider",description:"",tags:{},props:[{name:"perPage",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"ITEMS_PER_PAGE.FIVE"}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"T"}]}},{name:"navigationTopElement",required:!1,type:{name:"HTMLElement"},defaultValue:{func:!1,value:"undefined"}},{name:"hasAutoScroll",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"item",scoped:!0,bindings:[{name:"item",title:"binding"},{name:"index",title:"binding"},{name:"sequence-number",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzPaginationProvider/PzPaginationProvider.vue"]});const y=n,M=n,z=E,f=[{id:"row-id",key:"id",labelKey:"Tender ID"},{id:"row-title",key:"title",labelKey:"Title"},{id:"row-amount",key:"amount",labelKey:"Expected value"}],B=12,G=6,H=1e3,D=Array.from({length:B},(e,t)=>({id:`UA-2026-04-17-${String(t+1).padStart(G,"0")}-a`,title:`Закупівля №${t+1}`,amount:`${(t+1)*H} UAH`})),ce={title:"Components/Navigation/PzPaginationProvider",component:M,parameters:{docs:{description:{component:"Generic static-pagination wrapper. Slices `data` into pages, exposes each page item through the `item` scoped slot (`{ item, index, sequenceNumber }`), and renders `PzListNav` when the data exceeds `perPage`. Here it is typed as `PzKeyValueData` and paired with `PzKeyValue`."}}},args:{data:D,perPage:5},argTypes:{data:{control:!1,description:"Full data array; the provider paginates it internally."},perPage:{control:{type:"number",min:1},description:"Items per page."}}},o={render:e=>({components:{pzPaginationProvider:y,pzKeyValue:z,pzText:v},setup(){return{args:e,config:f}},template:`
|
|
2
2
|
<div style="max-width: 640px;">
|
|
3
3
|
<pz-pagination-provider :data="args.data" :per-page="args.perPage">
|
|
4
4
|
<template #item="{ item, sequenceNumber }">
|
|
@@ -79,4 +79,4 @@ import{P as E}from"./PzKeyValue-BX10m3eP.js";import{P as v}from"./PzText-DFC4aYr
|
|
|
79
79
|
</div>
|
|
80
80
|
\`
|
|
81
81
|
})
|
|
82
|
-
}`,...(P=(u=i.parameters)==null?void 0:u.docs)==null?void 0:P.source}}};const
|
|
82
|
+
}`,...(P=(u=i.parameters)==null?void 0:u.docs)==null?void 0:P.source}}};const ge=["Playground","WithAutoScroll"];export{o as Playground,i as WithAutoScroll,ge as __namedExportsOrder,ce as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as V,f as u,g as P,v as A,y as k,C,q as c,u as g,F as i,D as r,t as l,c as t,o as n}from"./iframe-
|
|
1
|
+
import{e as V,f as u,g as P,v as A,y as k,C,q as c,u as g,F as i,D as r,t as l,c as t,o as n}from"./iframe-C7ETNRpQ.js";import{g as D}from"./_commonjsHelpers-Cpj98o6Y.js";import{i as q,_ as E}from"./isObjectLike-zXfibqpL.js";import{P as F}from"./PzText-DpNgd6Nx.js";import{M as B,P as b}from"./PzPriceFormat-CfJFOj05.js";import{a as o}from"./PzMessages-CghyB4RL.js";import{_ as w}from"./_plugin-vue_export-helper-DlAUqK2U.js";var M=E,L=q,O="[object Number]";function j(e){return typeof e=="number"||L(e)&&M(e)==O}var G=j;const z=D(G),R=["cancelled","unsuccessful"],$=14,U={class:"pz-price__amount"},f=V({name:"PzPrice",__name:"PzPrice",props:{value:{default:()=>({currency:"UAH",amount:"",amountNet:""})},skin:{default:"default"},label:{default:""},typography:{},showVat:{type:Boolean,default:!1},showAmountNet:{type:Boolean,default:!1},showStatusColor:{type:Boolean,default:!1},status:{default:""},inheritCurrencySize:{type:Boolean,default:!1},maxFractionDigits:{default:B.SEVEN},notSpecifiedText:{},vatIncludedText:{},vatExcludedText:{},vatDifferenceLabel:{}},setup(e){const a=e,x=t(()=>a.notSpecifiedText??o("display.pzPrice.notSpecified")),N=t(()=>a.vatIncludedText??o("display.pzPrice.vatIncluded")),T=t(()=>a.vatExcludedText??o("display.pzPrice.vatExcluded")),h=t(()=>a.vatDifferenceLabel??o("display.pzPrice.vatDifferenceLabel")),m=t(()=>{var s,d,y;return z((s=a.value)==null?void 0:s.amount)||!!((d=a.value)!=null&&d.amount)&&z(Number((y=a.value)==null?void 0:y.amount))}),p=t(()=>m.value?b.currency(Number(a.value.amount)||0,a.maxFractionDigits):""),v=t(()=>{const s=Number(a.value.amount)-Number(a.value.amountNet);return s<=0?"":b.currency(s,a.maxFractionDigits)}),I=t(()=>p.value.length>=$),S=t(()=>a.skin==="large"&&I.value?"pz-price--large-minify":`pz-price--${a.skin}`),_=t(()=>a.showStatusColor?R.includes(a.status)?"pz-price--fail":"pz-price--success":"");return(s,d)=>(n(),u("div",{class:P(["pz-price",[S.value,_.value]])},[e.label?(n(),A(C(F),{key:0,class:"pz-price__label",variant:e.typography},{default:k(()=>[r(l(e.label),1)]),_:1},8,["variant"])):c("",!0),g("p",U,[m.value&&e.value?(n(),u(i,{key:0},[r(l(p.value)+" ",1),g("span",{class:P(["pz-price__currency",{"pz-price__currency--inherit":e.inheritCurrencySize}])},[r(l(e.value.currency)+" ",1),e.showVat?(n(),u(i,{key:0},[e.value.valueAddedTaxIncluded?(n(),u(i,{key:0},[r(l(N.value)+" ",1),e.showAmountNet&&v.value?(n(),u(i,{key:0},[r(l(`(${h.value} ${v.value} ${e.value.currency})`),1)],64)):c("",!0)],64)):e.value.valueAddedTaxIncluded===!1?(n(),u(i,{key:1},[r(l(T.value),1)],64)):c("",!0)],64)):c("",!0)],2)],64)):(n(),u(i,{key:1},[r(l(x.value),1)],64))])],2))}}),Y=w(f,[["__scopeId","data-v-2a067c16"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzPrice",exportName:"default",displayName:"PzPrice",description:"",tags:{},props:[{name:"value",required:!1,type:{name:"PzPriceValue"},defaultValue:{func:!1,value:`() => ({
|
|
2
2
|
currency: "UAH",
|
|
3
3
|
amount: "",
|
|
4
4
|
amountNet: "",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{p as S}from"./configs-CtUh_XBV.js";import{M as o}from"./PzPriceFormat-CfJFOj05.js";import{P as i}from"./PzPrice-
|
|
1
|
+
import{p as S}from"./configs-CtUh_XBV.js";import{M as o}from"./PzPriceFormat-CfJFOj05.js";import{P as i}from"./PzPrice-DISQ8150.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C7ETNRpQ.js";import"./preload-helper-C1FmrZbK.js";import"./isObjectLike-zXfibqpL.js";import"./PzText-DpNgd6Nx.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzMessages-CghyB4RL.js";const b=["default","medium","large"],F={title:"Components/Display/PzPrice",component:i,parameters:{docs:{description:{component:"`PzPrice` renders a formatted monetary amount with its currency. Amounts are formatted through the `PzPriceFormat.currency` utility (Ukrainian locale, floor rounding). Use `skin` to scale the amount, `showVat`/`showAmountNet` for VAT details, and `showStatusColor` to tint the value by `status`.\n\nUser-facing labels resolve in priority order: a per-instance prop (`notSpecifiedText`, `vatIncludedText`, `vatExcludedText`, `vatDifferenceLabel`) wins; otherwise the text falls back to the `PzMessages` service (`display.pzPrice.*`), so app-wide overrides can be registered globally via `setMessages` and defaults are localized (Ukrainian)."}}},args:{value:{amount:123456.5,currency:"UAH",valueAddedTaxIncluded:!0,amountNet:102880.42},skin:"large",label:"",showVat:!1,showAmountNet:!1,showStatusColor:!1,status:"",inheritCurrencySize:!1,maxFractionDigits:o.TWO},argTypes:{skin:{control:"inline-radio",options:b,description:"Amount size variant."},typography:{control:"select",options:[void 0,...S],description:"Typography variant for the label."},showVat:{control:"boolean",description:"Show the VAT suffix."},showAmountNet:{control:"boolean",description:"Show the VAT difference in parentheses."},showStatusColor:{control:"boolean",description:"Tint the amount based on status."},status:{control:"text",description:"Status driving the color (cancelled/unsuccessful = fail)."},inheritCurrencySize:{control:"boolean",description:"Currency font-size matches the amount."},maxFractionDigits:{control:"select",options:[o.TWO,o.SEVEN],description:"Maximum fraction digits passed to PzPriceFormat.currency."},label:{control:"text",description:"Optional label rendered above the amount."}},render:P=>({components:{pzPrice:i},setup(){return{args:P}},template:'<pz-price v-bind="args" />'})},e={},t={render:()=>({components:{pzPrice:i},setup(){return{value:{amount:123456.5,currency:"UAH"}}},template:`
|
|
2
2
|
<div style="display: flex; flex-direction: column; gap: 16px;">
|
|
3
3
|
<pz-price :value="value" :max-fraction-digits="2" skin="large" label="Large" />
|
|
4
4
|
<pz-price :value="value" :max-fraction-digits="2" skin="medium" label="Medium" />
|
package/dist/app/assets/{PzPriceFormat.stories-CuLwQyHU.js → PzPriceFormat.stories-QTNj89lg.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as r}from"./PzPriceFormat-CfJFOj05.js";import{P as a}from"./PzText-
|
|
1
|
+
import{P as r}from"./PzPriceFormat-CfJFOj05.js";import{P as a}from"./PzText-DpNgd6Nx.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C7ETNRpQ.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const m={title:"Utilities/PzPriceFormat",parameters:{docs:{description:{component:"The `PzPriceFormat` static class provides common utilities for rendering pricing values such as minimum steps or formatting decimal percents into percent strings."}}}},t={render:()=>({components:{pzText:a},setup(){return{minPriceExamples:[{value:1e3,step:10,description:"Value 1000, minimal step 10"},{value:50,step:2,description:"Value 50, step 2"},{value:0,step:5,description:"Zero value"}].map(e=>({...e,result:r.minPriceStep(e.value,e.step)})),percentExamples:[{value:.12345,description:"Standard fractional"},{value:1,description:"Complete ratio"},{value:"0.55",description:"String fractional"}].map(e=>({...e,result:r.multiplyByHundredPercent(e.value)})),currencyExamples:[{value:123456.5,description:"Thousands with decimals"},{value:1e3,description:"Whole amount"},{value:.1,description:"Small fraction"},{value:9999999999e-3,description:"Floor rounding (truncates, never rounds up)"}].map(e=>({...e,result:r.currency(e.value)}))}},template:`
|
|
2
2
|
<div style="display: flex; flex-direction: column; gap: 24px;">
|
|
3
3
|
<section>
|
|
4
4
|
<pz-text variant="h4-semibold">minPriceStep</pz-text>
|
package/dist/app/assets/{PzPriceRange.stories-CHUu9LAG.js → PzPriceRange.stories-B6BIWwyL.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as Q,f as u,C as t,F as C,E as m,u as V,t as g,v as q,y as D,c as i,o as l,D as F}from"./iframe-
|
|
1
|
+
import{e as Q,f as u,C as t,F as C,E as m,u as V,t as g,v as q,y as D,c as i,o as l,D as F}from"./iframe-C7ETNRpQ.js";import{i as M,P as f}from"./PzPrice-DISQ8150.js";import{P as O}from"./PzText-DpNgd6Nx.js";import{a as P}from"./PzMessages-CghyB4RL.js";import{M as y}from"./PzPriceFormat-CfJFOj05.js";import{_ as U}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./isObjectLike-zXfibqpL.js";import"./lodash-CdDiHlzQ.js";const B={class:"pz-price-range"},H={class:"pz-price-range__separator"},p=Q({name:"PzPriceRange",__name:"PzPriceRange",props:{price:{},notSpecifiedText:{},separator:{},skin:{default:"medium"}},setup(e){const b=i(()=>r.separator??P("display.pzPriceRange.separator")),N=i(()=>r.notSpecifiedText??P("display.pzPriceRange.notSpecified")),r=e,A=i(()=>{var a;return{amount:(a=r.price)==null?void 0:a.lowerQuartile,currency:""}}),I=i(()=>{var a,d,s;return{amount:(a=r.price)==null?void 0:a.upperQuartile,currency:((d=r.price)==null?void 0:d.currency)||"UAH",valueAddedTaxIncluded:(s=r.price)==null?void 0:s.valueAddedTaxIncluded}});return(a,d)=>{var s;return l(),u("div",B,[t(M)((s=e.price)==null?void 0:s.lowerQuartile)?(l(),u(C,{key:0},[m(t(f),{value:A.value,"max-fraction-digits":t(y).TWO,skin:e.skin},null,8,["value","max-fraction-digits","skin"]),V("span",H,g(b.value),1),m(t(f),{value:I.value,"max-fraction-digits":t(y).TWO,"show-vat":!0,skin:e.skin},null,8,["value","max-fraction-digits","skin"])],64)):(l(),q(t(O),{key:1,variant:"h4-regular"},{default:D(()=>[F(g(N.value),1)]),_:1}))])}}}),x=U(p,[["__scopeId","data-v-a6832f45"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzPriceRange",exportName:"default",displayName:"PzPriceRange",description:"",tags:{},props:[{name:"price",required:!1,type:{name:"PzPriceRangeValue"}},{name:"notSpecifiedText",required:!1,type:{name:"string"}},{name:"separator",required:!1,type:{name:"string"}},{name:"skin",required:!1,type:{name:"PzPriceSkin"},defaultValue:{func:!1,value:'"medium"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzPriceRange/PzPriceRange.vue"]});const $={title:"Components/Display/PzPriceRange",component:x,parameters:{docs:{description:{component:"`PzPriceRange` renders an expected price range (`lowerQuartile – upperQuartile`) by composing two `PzPrice` instances. When `lowerQuartile` is not a number it renders the not-specified fallback.\n\nThe fallback text and separator resolve in priority order: the `notSpecifiedText` / `separator` props win per-instance; otherwise they fall back to the `PzMessages` service (`display.pzPriceRange.*`), so app-wide overrides can be registered globally via `setMessages` and defaults are localized (Ukrainian)."}}},args:{price:{lowerQuartile:1e5,upperQuartile:250000.75,currency:"UAH",valueAddedTaxIncluded:!0}},argTypes:{separator:{control:"text",description:"String rendered between the two prices."},notSpecifiedText:{control:"text",description:"Fallback text when there is no lower quartile."}},render:e=>({components:{pzPriceRange:x},setup(){return{args:e}},template:'<pz-price-range v-bind="args" />'})},n={},o={args:{separator:"to"}},c={args:{price:{currency:"UAH"}}};var v,z,_;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(_=(z=n.parameters)==null?void 0:z.docs)==null?void 0:_.source}}};var k,S,T;o.parameters={...o.parameters,docs:{...(k=o.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
separator: "to"
|
|
4
4
|
}
|
package/dist/app/assets/{PzRadioGroup.stories-BLvPlgNN.js → PzRadioGroup.stories-DZzVynb8.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as w,f as i,F as k,G as S,g as b,o as n,u as p,z as g,D as _,t as C,L as v,q as R,r as f,w as O}from"./iframe-
|
|
1
|
+
import{e as w,f as i,F as k,G as S,g as b,o as n,u as p,z as g,D as _,t as C,L as v,q as R,r as f,w as O}from"./iframe-C7ETNRpQ.js";import{P as $}from"./PzLabel-DMn13NsD.js";import{P as L}from"./PzText-DpNgd6Nx.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const B=["aria-disabled"],N=["for"],A=["id","name","value","checked","disabled","onChange"],F={class:"pz-radio-group-label"},I={key:0,class:"pz-radio-group-content"},c=w({name:"PzRadioGroup",__name:"PzRadioGroup",props:{modelValue:{type:[String,Number,Boolean],default:void 0},name:{},disabled:{type:Boolean,default:!1},mode:{default:"default"},options:{default:()=>[]},optionClass:{default:""}},emits:["update:modelValue"],setup(e,{emit:s}){const l=e,m=s,V=o=>Object.is(l.modelValue,o),G=o=>m("update:modelValue",o),T=(o,d)=>o.id??`${l.name}-${String(d+1)}`,t=(o,d)=>({option:o,value:o.value,checked:V(o.value),disabled:!!(l.disabled||o.disabled),id:T(o,d),name:l.name});return(o,d)=>(n(),i("div",{class:b(["pz-radio-group",e.mode]),"aria-disabled":e.disabled,role:"radiogroup"},[(n(!0),i(k,null,S(e.options,(a,r)=>(n(),i("label",{key:t(a,r).id,class:b(["pz-radio-group-option",[e.optionClass,{disabled:t(a,r).disabled}]]),for:t(a,r).id},[p("input",{id:t(a,r).id,name:e.name,value:String(a.value),checked:t(a,r).checked,disabled:t(a,r).disabled,type:"radio",class:"pz-radio-group-input",onChange:U=>G(a.value)},null,40,A),d[0]||(d[0]=p("span",{class:"pz-radio-group-control","aria-hidden":"true"},[p("span",{class:"pz-radio-group-dot"})],-1)),p("span",F,[g(o.$slots,"default",v({ref_for:!0},t(a,r)),()=>[_(C(a.label),1)],!0)]),o.$slots.content&&t(a,r).checked?(n(),i("div",I,[g(o.$slots,"content",v({ref_for:!0},t(a,r)),void 0,!0)])):R("",!0)],10,N))),128))],10,B))}}),z=q(c,[["__scopeId","data-v-21d7c0d8"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzRadioGroup",exportName:"default",displayName:"PzRadioGroup",description:"",tags:{},props:[{name:"modelValue",required:!1,type:{name:"PzRadioGroupValue"},defaultValue:{func:!1,value:"undefined"}},{name:"name",required:!0,type:{name:"string"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"mode",required:!1,type:{name:"union",elements:[{name:'"default"'},{name:'"accordion"'}]},defaultValue:{func:!1,value:'"default"'}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzRadioGroupOption"}]},defaultValue:{func:!1,value:"() => []"}},{name:"optionClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default",scoped:!0,bindings:[]},{name:"content",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzRadioGroup/PzRadioGroup.vue"]});const y=[{label:"Text radiobutton",value:"one"},{label:"Text radiobutton",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"}],j=[{label:"Text radiobutton",value:"one"},{label:"Text checkboxText checkboxText checkbox",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"},{label:"Text radiobutton",value:"five"}],D=e=>{const s=[`name="${e.name}"`,e.mode!=="default"?`mode="${e.mode}"`:null,e.disabled?':disabled="true"':null].filter(l=>!!l).join(" ");return`<template>
|
|
2
2
|
<PzLabel label="${e.heading}">
|
|
3
3
|
<PzRadioGroup
|
|
4
4
|
v-model="selectedValue"
|