@prozorro/prozorro-ui 0.1.0-beta → 0.1.2-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-BVz2f00d.js → Color-FRDS63T2-CYXx-al7.js} +1 -1
- package/dist/app/assets/{Colors.stories-Bqj7ISVt.js → Colors.stories-1W0Ny8FM.js} +1 -1
- package/dist/app/assets/{Display.stories-B5gIRakW.js → Display.stories-DGVuz71N.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-BW6aJ_1X.js → DocsRenderer-LL677BLK-CfyvJjgn.js} +5 -5
- package/dist/app/assets/{Gap.stories-CniqkF0M.js → Gap.stories-BqHuliJ1.js} +1 -1
- package/dist/app/assets/{Grid.stories-FIukTec9.js → Grid.stories-DUFoH7mg.js} +1 -1
- package/dist/app/assets/{PzAccordion-j2KPhxkl.js → PzAccordion-CQRDsLOy.js} +1 -1
- package/dist/app/assets/{PzAccordion.stories-De5BvfSm.js → PzAccordion.stories-RW23ksaQ.js} +1 -1
- package/dist/app/assets/PzAccordionTable.stories-KilWV8OT.js +275 -0
- package/dist/app/assets/{PzArrayClamp.stories-BSyz8B47.js → PzArrayClamp.stories-CXeiABMx.js} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-WrKsdOW9.js → PzBreadcrumb.stories-DDNifkmI.js} +1 -1
- package/dist/app/assets/{PzBtn-Drnbf-hv.js → PzBtn-BA-BRhcg.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-DpKdGB3_.js → PzBtn.stories-DObEFk5l.js} +1 -1
- package/dist/app/assets/{PzCheckbox-BgVA2A5K.js → PzCheckbox-CKp1ipfc.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-Bdu2y_6p.js → PzCheckbox.stories-D64AvJ0y.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-_ZK_xrjB.js → PzCheckboxGroup.stories-CZEb_mmO.js} +1 -1
- package/dist/app/assets/{PzCopyToClipboard-CtQGvRub.js → PzCopyToClipboard-1Tv5rk0B.js} +1 -1
- package/dist/app/assets/{PzCopyToClipboard.stories-oJRz-OBl.js → PzCopyToClipboard.stories-q7U59o_G.js} +1 -1
- package/dist/app/assets/{PzDate-C4NsinNg.js → PzDate-B1N_vRwM.js} +1 -1
- package/dist/app/assets/{PzDate.stories-CQAvMqYX.js → PzDate.stories-BKa6sYvP.js} +1 -1
- package/dist/app/assets/{PzDateRange.stories-BmJVrmmM.js → PzDateRange.stories-C6lTW5xd.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-CO1-Bgjp.js → PzDomHandler.stories-ChLAc2_J.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-BncdFzYA.js → PzDropdown.stories-BTDfQU99.js} +1 -1
- package/dist/app/assets/{PzFileInput.stories-AJDqwbJJ.js → PzFileInput.stories-qKD4QWpZ.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-Cb67hM-g.js → PzGrid.stories-BIwIgGaT.js} +1 -1
- package/dist/app/assets/{PzHint-MA6f7oIU.js → PzHint-CYPzPeXq.js} +1 -1
- package/dist/app/assets/{PzHint.stories-Dzn1mJDu.js → PzHint.stories-dAAp2RLq.js} +1 -1
- package/dist/app/assets/{PzIcon-B6DKI9jR.js → PzIcon-XoDiIu7x.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-BprUm_Rr.js → PzIcon.stories-Cz0eCPn_.js} +1 -1
- package/dist/app/assets/{PzImage.stories-DzkaXp9y.js → PzImage.stories-DlfwZRR1.js} +1 -1
- package/dist/app/assets/{PzImageInput.stories-B3lBLZ95.js → PzImageInput.stories-BXfXnOkz.js} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout.stories-BVDKrECL.js → PzInfoBlockLayout.stories-DsWkYy4v.js} +1 -1
- package/dist/app/assets/{PzInfoHint-DqQNQxBD.js → PzInfoHint-TE26WaSt.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-D-C_-yH2.js → PzInfoHint.stories-DQpfHlSe.js} +1 -1
- package/dist/app/assets/{PzInput.stories-DdHwlzhn.js → PzInput.stories-g-kmuEKn.js} +1 -1
- package/dist/app/assets/{PzInputDate.stories-DjWamRsZ.js → PzInputDate.stories-B9k9sRLo.js} +1 -1
- package/dist/app/assets/{PzInputNumber.stories-BtBZRw3_.js → PzInputNumber.stories-C0RZ-CK7.js} +1 -1
- package/dist/app/assets/PzKeyValue-48ItLHq3.js +1 -0
- package/dist/app/assets/{PzKeyValue.stories-BZmHYazM.js → PzKeyValue.stories-W_IBxjHT.js} +2 -2
- package/dist/app/assets/{PzLabel-BDpZH4kX.js → PzLabel-D2W7Hz4z.js} +1 -1
- package/dist/app/assets/{PzLabel.stories-C_lElhhL.js → PzLabel.stories-DQ4IcdTz.js} +1 -1
- package/dist/app/assets/{PzLink-DpFdQYYh.js → PzLink-C1IbaT2E.js} +1 -1
- package/dist/app/assets/{PzLink.stories-DaRb3tYd.js → PzLink.stories-8-jZE57c.js} +1 -1
- package/dist/app/assets/{PzListNav-Cd3sDdJJ.js → PzListNav-CfF1gPHV.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-BW5mTNNu.js → PzListNav.stories-Daf9zUNh.js} +1 -1
- package/dist/app/assets/{PzLoader.stories-bZF_OC5v.js → PzLoader.stories-Cdy7n0wy.js} +1 -1
- package/dist/app/assets/PzMessages-DbOQ-pd5.js +1 -0
- package/dist/app/assets/{PzMessages.stories-D357hVjI.js → PzMessages.stories-gG0Dy8Y1.js} +4 -3
- package/dist/app/assets/{PzModal.stories-BBik0MMz.js → PzModal.stories-CF9Ny4dY.js} +1 -1
- package/dist/app/assets/{PzMultiSelect.stories-CmMH-lZl.js → PzMultiSelect.stories-DJVV-gJv.js} +1 -1
- package/dist/app/assets/{PzNav.stories-B9fCLP7H.js → PzNav.stories-CLHfs2IF.js} +1 -1
- package/dist/app/assets/{PzNumberFormat.stories-DwMjhEp5.js → PzNumberFormat.stories-CJ9hAatA.js} +1 -1
- package/dist/app/assets/{PzPagination-Cjrdt8eD.js → PzPagination-CNZaFSmH.js} +1 -1
- package/dist/app/assets/{PzPagination.stories-DF06-Z_g.js → PzPagination.stories-DQi45t-w.js} +1 -1
- package/dist/app/assets/{PzPaginationProvider.stories-BsxcJ4Gw.js → PzPaginationProvider.stories-CgH5jhus.js} +2 -2
- package/dist/app/assets/PzPrice-CBbCizMH.js +5 -0
- package/dist/app/assets/PzPrice-D21a-rTg.css +1 -0
- package/dist/app/assets/PzPrice.stories-Yxf2Ezok.js +74 -0
- package/dist/app/assets/PzPriceFormat-CfJFOj05.js +1 -0
- package/dist/app/assets/{PzPriceFormat.stories-Dwbd5NWP.js → PzPriceFormat.stories-CcrCSd63.js} +41 -3
- package/dist/app/assets/PzPriceRange-CednWgXe.css +1 -0
- package/dist/app/assets/PzPriceRange.stories-BsnfexnZ.js +11 -0
- package/dist/app/assets/{PzRadioGroup.stories-C6ut-aeX.js → PzRadioGroup.stories-DTQCCVOm.js} +1 -1
- package/dist/app/assets/{PzRouterLink.stories-CrO16wW6.js → PzRouterLink.stories-Dy0vZoUX.js} +1 -1
- package/dist/app/assets/{PzScrollTo.stories-mL--WFXj.js → PzScrollTo.stories-BnHc8MXv.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-B8wizn8U.js → PzSearchResultItemLayout.stories-kFnp0e3V.js} +1 -1
- package/dist/app/assets/{PzSelect-Bf-GWA7x.js → PzSelect-1baoeARw.js} +1 -1
- package/dist/app/assets/{PzSelect.stories-CVbDST1l.js → PzSelect.stories-B1B_8bU0.js} +1 -1
- package/dist/app/assets/{PzSkeleton-djLtPALS.js → PzSkeleton-gqoYTNjg.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-Cg9CmgiB.js → PzSkeleton.stories-p4cJVIEB.js} +1 -1
- package/dist/app/assets/{PzStatus-DBgvFPIT.js → PzStatus-Cu5-4Ex1.js} +1 -1
- package/dist/app/assets/{PzStatus.stories-Cm1S0Mck.js → PzStatus.stories-IEg3Atcx.js} +1 -1
- package/dist/app/assets/{PzTable-Cwro4jnD.js → PzTable-WLhh6KLc.js} +1 -1
- package/dist/app/assets/{PzTable.stories-DLcBKDhp.js → PzTable.stories-D2Ur7Umc.js} +1 -1
- package/dist/app/assets/{PzTablePaginationProvider.stories-B0HDUohI.js → PzTablePaginationProvider.stories-Be-9JC_f.js} +1 -1
- package/dist/app/assets/{PzTabs.stories-4bBKN-ug.js → PzTabs.stories-BEol9pUy.js} +1 -1
- package/dist/app/assets/{PzTag-VsavdTWa.js → PzTag-C2itIiAK.js} +1 -1
- package/dist/app/assets/{PzTag.stories-zvomqWhr.js → PzTag.stories-_TDaFgah.js} +1 -1
- package/dist/app/assets/{PzText-BoQ90zAW.js → PzText-BrilYjcQ.js} +1 -1
- package/dist/app/assets/{PzText.stories-sdVXnwKv.js → PzText.stories-oYzxZdLD.js} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-DCG6vgz5.js → PzTextClamp.stories-_m5xPgEG.js} +1 -1
- package/dist/app/assets/{PzTextarea.stories-BMRUE73i.js → PzTextarea.stories-Dm-bjtir.js} +1 -1
- package/dist/app/assets/{PzValidatorXSS.stories-aDwsXWzG.js → PzValidatorXSS.stories-B3RTV0Vx.js} +1 -1
- package/dist/app/assets/{Spacing.stories-BX_Vc1F9.js → Spacing.stories-UU4DXPy-.js} +1 -1
- package/dist/app/assets/{StaticPagination.composable-Ck7EHnzo.js → StaticPagination.composable-BmUhtY9S.js} +1 -1
- package/dist/app/assets/{Typography.stories-DMi76uSN.js → Typography.stories-4OJtwZF6.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-D-QzTy-o.js → WithTooltip-65CFNBJE-HRFUEXoC.js} +1 -1
- package/dist/app/assets/{floating-vue-DVoT3Xpy.js → floating-vue-Bw3fARye.js} +1 -1
- package/dist/app/assets/{floating-vue-OkqMh8FV.js → floating-vue-DktkFx0P.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-esurYlwa.js → formatter-EIJCOSYU-DFFs54PE.js} +1 -1
- package/dist/app/assets/{iframe-DU_JVmy2.js → iframe-BH8B9Mz9.js} +87 -87
- package/dist/app/assets/{index-Dh-7SPEm.js → index-DkNoHWVI.js} +1 -1
- package/dist/app/assets/isArray-uCF_2ZQ0.js +1 -0
- package/dist/app/assets/isObjectLike-zXfibqpL.js +1 -0
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-NRwygmmB.js → syntaxhighlighter-OH4MV7E3-mfK1WnTa.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/Display/PzPrice/PzPrice.vue.d.ts +14 -0
- package/dist/components/Display/PzPrice/constants.d.ts +2 -0
- package/dist/components/Display/PzPrice/index.d.ts +2 -0
- package/dist/components/Display/PzPrice/types.d.ts +26 -0
- package/dist/components/Display/PzPriceRange/PzPriceRange.vue.d.ts +3 -0
- package/dist/components/Display/PzPriceRange/index.d.ts +2 -0
- package/dist/components/Display/PzPriceRange/types.d.ts +12 -0
- package/dist/index.d.ts +3 -1
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +13 -13
- package/dist/prozorro-ui.js +3756 -3590
- package/dist/services/PzMessages/PzMessages.d.ts +4 -1
- package/dist/services/PzMessages/types.d.ts +29 -3
- package/dist/shared/constants.d.ts +4 -0
- package/dist/style.css +1 -1
- package/dist/utils/PzPriceFormat/PzPriceFormat.d.ts +5 -0
- package/package.json +1 -1
- package/dist/app/assets/PzAccordionTable.stories-CsWj-bBP.js +0 -275
- package/dist/app/assets/PzKeyValue-CZOOY--K.js +0 -1
- package/dist/app/assets/PzMessages-B-LKEjuh.js +0 -1
- package/dist/app/assets/isArray-DPUC7i9_.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{P as
|
|
2
|
-
`)}}},render:()=>({components:{pzCopyToClipboard:
|
|
1
|
+
import{P as l}from"./PzCopyToClipboard-1Tv5rk0B.js";import{P as n}from"./PzBtn-BA-BRhcg.js";import{g as d,r as c,s as t}from"./PzMessages-DbOQ-pd5.js";import"./iframe-BH8B9Mz9.js";import"./preload-helper-C1FmrZbK.js";import"./floating-vue-Bw3fARye.js";import"./floating-vue-DktkFx0P.js";import"./PzDomHandler-BU7iMNnt.js";import"./PzIcon-XoDiIu7x.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
|
+
`)}}},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;">
|
|
5
5
|
<pz-copy-to-clipboard content="UA-2026-05-07-000001-a">UA-2026-05-07-000001-a</pz-copy-to-clipboard>
|
|
@@ -7,9 +7,10 @@ import{P as r}from"./PzCopyToClipboard-CtQGvRub.js";import{P as a}from"./PzBtn-D
|
|
|
7
7
|
|
|
8
8
|
<div style="display: flex; gap: 8px;">
|
|
9
9
|
<pz-btn @click="overrideEn">Override (EN)</pz-btn>
|
|
10
|
+
<pz-btn @click="overrideI18n">Override (i18n resolver)</pz-btn>
|
|
10
11
|
<pz-btn @click="reset">Reset</pz-btn>
|
|
11
12
|
</div>
|
|
12
13
|
|
|
13
14
|
<pre>{{ JSON.stringify(getMessages(), null, 2) }}</pre>
|
|
14
15
|
</section>
|
|
15
|
-
`})},e={};var
|
|
16
|
+
`})},e={};var s,r,o;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(o=(r=e.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};const T=["Playground"];export{e as Playground,T as __namedExportsOrder,w as default};
|
|
@@ -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-BH8B9Mz9.js";import{P as g}from"./PzText-BrilYjcQ.js";import{_ as le}from"./PzIcon-XoDiIu7x.js";import{a as ne}from"./PzMessages-DbOQ-pd5.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-CmMH-lZl.js → PzMultiSelect.stories-DJVV-gJv.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-BH8B9Mz9.js";import{_ as ne}from"./PzIcon-XoDiIu7x.js";import{P as ge}from"./PzTag-C2itIiAK.js";import{P as d}from"./PzText-BrilYjcQ.js";import{u as fe}from"./index-DkNoHWVI.js";import{k as xe}from"./floating-vue-Bw3fARye.js";import{l as $}from"./lodash-CdDiHlzQ.js";import{P as be}from"./PzLabel-D2W7Hz4z.js";import{a as ve}from"./PzMessages-DbOQ-pd5.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,4 +1,4 @@
|
|
|
1
|
-
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,R as j,c as L,M as W,i as z,a1 as y}from"./iframe-
|
|
1
|
+
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,R as j,c as L,M as W,i as z,a1 as y}from"./iframe-BH8B9Mz9.js";import{P as g}from"./PzText-BrilYjcQ.js";import{p as G}from"./configs-B15JgQZ-.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const d=E({name:"PzNav",__name:"PzNav",props:{config:{},typography:{}},setup(e){const n=W(),r=e,q=a=>{const[s=""]=a.split("#");return s?s.startsWith("/")?s:`/${s}`:"/"},M=a=>a.startsWith("#")?a:q(a),f=a=>a.name===n.name,R=L(()=>!r.config.some(f)),u=a=>f(a)||R.value&&!!a.isDefault;return(a,s)=>(o(),i("ul",{class:p(["pz-nav",r.typography?`pz-typography--${r.typography}`:null])},[(o(!0),i(F,null,O(r.config,(t,$)=>(o(),i("li",{key:`${t.path}-${$}`,class:p(["pz-nav__item",[{disabled:t.disabled},{active:u(t)}]])},[t.disabled?(o(),i("span",{key:1,class:p(["pz-nav__text",{active:u(t)}])},[h(a.$slots,"view",{data:t},()=>[x(b(t.text),1)],!0)],2)):(o(),V(B(j),{key:0,to:M(t.path),class:p(["pz-nav__text",{active:u(t)}])},{default:A(()=>[h(a.$slots,"view",{data:t},()=>[x(b(t.text),1)],!0)]),_:2},1032,["to","class"]))],2))),128))],2))}}),m=Q(d,[["__scopeId","data-v-ab9cd5ef"]]);d.__docgenInfo=Object.assign({displayName:d.name??d.__name},{name:"PzNav",exportName:"default",displayName:"PzNav",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzNavItem"}]}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"view",scoped:!0,bindings:[{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzNav/PzNav.vue"]});const N=[{path:"/market/procedures",name:"market-procedures",text:"Закупівлі",isDefault:!0},{path:"/market/contracts",name:"market-contracts",text:"Договори"},{path:"/market/plans",name:"market-plans",text:"Плани"},{path:"/market/selection",name:"market-selection",text:"Відбори"},{path:"/market/products",name:"market-products",text:"Товари"}],U=[{path:"/tender/details",name:"tender-details",text:"Деталі закупівлі",isDefault:!0},{path:"/tender/questions",name:"tender-questions",text:"Питання та вимоги (0)"},{path:"/tender/complaints",name:"tender-complaints",text:"Скарги (0)"},{path:"/tender/monitoring",name:"tender-monitoring",text:"Моніторинг (0)",disabled:!0}],H=[{path:"/archive/overview",name:"archive-overview",text:"Overview",isDefault:!0},{path:"/archive/history",name:"archive-history",text:"History",disabled:!0},{path:"/archive/files",name:"archive-files",text:"Files"}],J=e=>`<template>
|
|
2
2
|
<PzNav :config='${JSON.stringify(e.config,null,2)}' />
|
|
3
3
|
</template>`,K=()=>`<template>
|
|
4
4
|
<PzNav :config="config">
|
package/dist/app/assets/{PzNumberFormat.stories-DwMjhEp5.js → PzNumberFormat.stories-CJ9hAatA.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-BrilYjcQ.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BH8B9Mz9.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 s,u as i,E as h,C as V,F as T,G as $,c as n,o as l,t as k,g as B}from"./iframe-
|
|
1
|
+
import{e as M,f as s,u as i,E as h,C as V,F as T,G as $,c as n,o as l,t as k,g as B}from"./iframe-BH8B9Mz9.js";import{_ as x}from"./PzIcon-XoDiIu7x.js";import{a as m}from"./PzMessages-DbOQ-pd5.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const j={class:"pz-pagination","aria-label":"Pagination"},D={class:"pz-pagination__list"},G=["disabled","aria-label"],O={key:0,class:"pz-pagination__dots","aria-hidden":"true"},A=["aria-current","onClick"],R=["disabled","aria-label"],_=1,r=M({name:"PzPagination",__name:"PzPagination",props:{modelValue:{},total:{},perPage:{},radius:{default:2}},emits:["update:modelValue"],setup(p,{emit:N}){const C=n(()=>m("navigation.pzPagination.prevLabel")),L=n(()=>m("navigation.pzPagination.nextLabel")),F=n(()=>m("navigation.pzPagination.dots")),a=p,u=N,b=n(()=>Math.ceil(a.total/a.perPage)),v=n(()=>a.modelValue<=1),P=n(()=>a.modelValue>=b.value),I=n(()=>{const t=b.value;if(t<=0)return[];if(t===1)return[{type:"page",page:_}];const d=a.modelValue,e=a.radius,c=_+1,f=t-1,z=Math.max(c,d-e),y=Math.min(f,d+e),o=[{type:"page",page:_}];z>c&&o.push({type:"dots",side:"left"});for(let g=z;g<=y;g++)o.push({type:"page",page:g});return y<f&&o.push({type:"dots",side:"right"}),o.push({type:"page",page:t}),o}),q=t=>{t!==a.modelValue&&u("update:modelValue",t)},w=()=>{v.value||u("update:modelValue",a.modelValue-1)},E=()=>{P.value||u("update:modelValue",a.modelValue+1)};return(t,d)=>(l(),s("nav",j,[i("ul",D,[i("li",null,[i("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:v.value,"aria-label":C.value,onClick:w},[h(V(x),{name:"chevron_left",size:"24"})],8,G)]),(l(!0),s(T,null,$(I.value,e=>(l(),s("li",{key:e.type==="page"?`p-${e.page}`:`d-${e.side}`,class:"pz-pagination__item"},[e.type==="dots"?(l(),s("span",O,k(F.value),1)):(l(),s("button",{key:1,type:"button",class:B(["pz-pagination__btn",{"pz-pagination__btn--active":e.page===p.modelValue}]),"aria-current":e.page===p.modelValue?"page":void 0,onClick:c=>q(e.page)},k(e.page),11,A))]))),128)),i("li",null,[i("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:P.value,"aria-label":L.value,onClick:E},[h(V(x),{name:"chevron_right",size:"24"})],8,R)])])]))}}),Q=S(r,[["__scopeId","data-v-2055ad99"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__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{Q as P};
|
package/dist/app/assets/{PzPagination.stories-DF06-Z_g.js → PzPagination.stories-DQi45t-w.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-BH8B9Mz9.js";import{P as v}from"./PzText-BrilYjcQ.js";import{P as s}from"./PzPagination-CNZaFSmH.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-XoDiIu7x.js";import"./PzMessages-DbOQ-pd5.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-48ItLHq3.js";import{P as v}from"./PzText-BrilYjcQ.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-BH8B9Mz9.js";import{I,P as w}from"./PzListNav-CfF1gPHV.js";import{P as O}from"./PzScrollTo-KuzwcV-o.js";import{u as F}from"./StaticPagination.composable-BmUhtY9S.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./isArray-uCF_2ZQ0.js";import"./isObjectLike-zXfibqpL.js";import"./lodash-CdDiHlzQ.js";import"./PzDomHandler-BU7iMNnt.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./PzSelect-1baoeARw.js";import"./index-DkNoHWVI.js";import"./floating-vue-Bw3fARye.js";import"./PzIcon-XoDiIu7x.js";import"./PzLabel-D2W7Hz4z.js";import"./PzPagination-CNZaFSmH.js";import"./PzMessages-DbOQ-pd5.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`})),me={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-CZOOY--K.js";import{P as v}from"./PzText-BoQ90zA
|
|
|
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 ce=["Playground","WithAutoScroll"];export{o as Playground,i as WithAutoScroll,ce as __namedExportsOrder,me as default};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{e as V,f as r,g as P,v as k,y as A,C,q as m,u as g,F as i,D as u,t as l,c as t,o as n}from"./iframe-BH8B9Mz9.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-BrilYjcQ.js";import{M as B,P as b}from"./PzPriceFormat-CfJFOj05.js";import{a as c}from"./PzMessages-DbOQ-pd5.js";import{_ as w}from"./_plugin-vue_export-helper-DlAUqK2U.js";var M=E,L=q,O="[object Number]";function j(a){return typeof a=="number"||L(a)&&M(a)==O}var G=j;const z=D(G),R=["cancelled","unsuccessful"],$=14,U={class:"pz-price__amount"},o=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(a){const e=a,x=t(()=>e.notSpecifiedText??c("display.pzPrice.notSpecified")),N=t(()=>e.vatIncludedText??c("display.pzPrice.vatIncluded")),T=t(()=>e.vatExcludedText??c("display.pzPrice.vatExcluded")),_=t(()=>e.vatDifferenceLabel??c("display.pzPrice.vatDifferenceLabel")),d=t(()=>{var s,f,y;return z((s=e.value)==null?void 0:s.amount)||!!((f=e.value)!=null&&f.amount)&&z(Number((y=e.value)==null?void 0:y.amount))}),p=t(()=>d.value?b.currency(Number(e.value.amount)||0,e.maxFractionDigits):""),v=t(()=>{const s=Number(e.value.amount)-Number(e.value.amountNet);return s<=0?"":b.currency(s,e.maxFractionDigits)}),h=t(()=>p.value.length>=$),S=t(()=>e.skin==="large"&&h.value?"pz-price--large-minify":`pz-price--${e.skin}`),I=t(()=>e.showStatusColor?R.includes(e.status)?"pz-price--fail":"pz-price--success":"");return(s,f)=>(n(),r("div",{class:P(["pz-price",[S.value,I.value]])},[a.label?(n(),k(C(F),{key:0,class:"pz-price__label",variant:a.typography},{default:A(()=>[u(l(a.label),1)]),_:1},8,["variant"])):m("",!0),g("p",U,[d.value&&a.value?(n(),r(i,{key:0},[u(l(p.value)+" ",1),g("span",{class:P(["pz-price__currency",{"pz-price__currency--inherit":a.inheritCurrencySize}])},[u(l(a.value.currency)+" ",1),a.showVat?(n(),r(i,{key:0},[a.value.valueAddedTaxIncluded?(n(),r(i,{key:0},[u(l(N.value)+" ",1),a.showAmountNet&&v.value?(n(),r(i,{key:0},[u(l(`(${_.value} ${v.value} ${a.value.currency})`),1)],64)):m("",!0)],64)):(n(),r(i,{key:1},[u(l(T.value),1)],64))],64)):m("",!0)],2)],64)):(n(),r(i,{key:1},[u(l(x.value),1)],64))])],2))}}),Y=w(o,[["__scopeId","data-v-29314576"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzPrice",exportName:"default",displayName:"PzPrice",description:"",tags:{},props:[{name:"value",required:!1,type:{name:"PzPriceValue"},defaultValue:{func:!1,value:`() => ({
|
|
2
|
+
currency: "UAH",
|
|
3
|
+
amount: "",
|
|
4
|
+
amountNet: "",
|
|
5
|
+
})`}},{name:"skin",required:!1,type:{name:"PzPriceSkin"},defaultValue:{func:!1,value:'"default"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}},{name:"showVat",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"showAmountNet",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"showStatusColor",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"status",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"inheritCurrencySize",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxFractionDigits",required:!1,type:{name:"MAX_FRACTION_DIGITS"},defaultValue:{func:!1,value:"MAX_FRACTION_DIGITS.SEVEN"}},{name:"notSpecifiedText",required:!1,type:{name:"string"}},{name:"vatIncludedText",required:!1,type:{name:"string"}},{name:"vatExcludedText",required:!1,type:{name:"string"}},{name:"vatDifferenceLabel",required:!1,type:{name:"string"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzPrice/PzPrice.vue"]});export{Y as P,z as i};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-price[data-v-29314576]{--pz-price-amount-size: var(--pz-font-size-14);--pz-price-currency-size: var(--pz-font-size-14)}.pz-price--large[data-v-29314576]{--pz-price-amount-size: var(--pz-font-size-44)}@media (max-width: 1023.98px){.pz-price--large[data-v-29314576]{--pz-price-amount-size: var(--pz-font-size-32)}}.pz-price--large-minify[data-v-29314576]{--pz-price-amount-size: var(--pz-font-size-32)}@media (max-width: 1023.98px){.pz-price--large-minify[data-v-29314576]{--pz-price-amount-size: var(--pz-font-size-24)}}.pz-price--medium[data-v-29314576]{--pz-price-amount-size: var(--pz-font-size-18)}@media (max-width: 1023.98px){.pz-price--medium[data-v-29314576]{--pz-price-amount-size: var(--pz-font-size-16)}}@media (max-width: 1023.98px){.pz-price--default[data-v-29314576]{--pz-price-amount-size: var(--pz-font-size-14)}}.pz-price--success[data-v-29314576]{color:var(--pz-color-status-active)}.pz-price--fail[data-v-29314576]{color:var(--pz-color-status-inactive)}.pz-price__label[data-v-29314576]{display:block;margin-bottom:var(--pz-space-4);color:var(--pz-color-text-secondary)}.pz-price__amount[data-v-29314576]{margin:0;line-height:1;font-size:var(--pz-price-amount-size)}.pz-price__currency[data-v-29314576]{font-size:var(--pz-price-currency-size)}.pz-price__currency--inherit[data-v-29314576]{--pz-price-currency-size: var(--pz-price-amount-size)}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import{p as S}from"./configs-B15JgQZ-.js";import{M as o}from"./PzPriceFormat-CfJFOj05.js";import{P as i}from"./PzPrice-CBbCizMH.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BH8B9Mz9.js";import"./preload-helper-C1FmrZbK.js";import"./isObjectLike-zXfibqpL.js";import"./PzText-BrilYjcQ.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzMessages-DbOQ-pd5.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
|
+
<div style="display: flex; flex-direction: column; gap: 16px;">
|
|
3
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="large" label="Large" />
|
|
4
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="medium" label="Medium" />
|
|
5
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="default" label="Default" />
|
|
6
|
+
</div>
|
|
7
|
+
`})},a={args:{skin:"medium",showVat:!0,showAmountNet:!0,maxFractionDigits:o.TWO,value:{amount:123456.5,amountNet:102880.42,currency:"UAH",valueAddedTaxIncluded:!0}}},r={render:()=>({components:{pzPrice:i},setup(){return{value:{amount:5e4,currency:"UAH"}}},template:`
|
|
8
|
+
<div style="display: flex; gap: 24px;">
|
|
9
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="medium" show-status-color status="active" />
|
|
10
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="medium" show-status-color status="cancelled" />
|
|
11
|
+
</div>
|
|
12
|
+
`})},n={args:{value:{currency:"UAH",amount:""},skin:"medium"}};var s,c,u;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(u=(c=e.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};var l,p,d;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
|
13
|
+
render: () => ({
|
|
14
|
+
components: {
|
|
15
|
+
pzPrice: PzPrice
|
|
16
|
+
},
|
|
17
|
+
setup() {
|
|
18
|
+
return {
|
|
19
|
+
value: {
|
|
20
|
+
amount: 123456.5,
|
|
21
|
+
currency: "UAH"
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
},
|
|
25
|
+
template: \`
|
|
26
|
+
<div style="display: flex; flex-direction: column; gap: 16px;">
|
|
27
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="large" label="Large" />
|
|
28
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="medium" label="Medium" />
|
|
29
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="default" label="Default" />
|
|
30
|
+
</div>
|
|
31
|
+
\`
|
|
32
|
+
})
|
|
33
|
+
}`,...(d=(p=t.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var m,v,f;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
34
|
+
args: {
|
|
35
|
+
skin: "medium",
|
|
36
|
+
showVat: true,
|
|
37
|
+
showAmountNet: true,
|
|
38
|
+
maxFractionDigits: MAX_FRACTION_DIGITS.TWO,
|
|
39
|
+
value: {
|
|
40
|
+
amount: 123456.5,
|
|
41
|
+
amountNet: 102880.42,
|
|
42
|
+
currency: "UAH",
|
|
43
|
+
valueAddedTaxIncluded: true
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}`,...(f=(v=a.parameters)==null?void 0:v.docs)==null?void 0:f.source}}};var g,h,x;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
47
|
+
render: () => ({
|
|
48
|
+
components: {
|
|
49
|
+
pzPrice: PzPrice
|
|
50
|
+
},
|
|
51
|
+
setup() {
|
|
52
|
+
return {
|
|
53
|
+
value: {
|
|
54
|
+
amount: 50000,
|
|
55
|
+
currency: "UAH"
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
},
|
|
59
|
+
template: \`
|
|
60
|
+
<div style="display: flex; gap: 24px;">
|
|
61
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="medium" show-status-color status="active" />
|
|
62
|
+
<pz-price :value="value" :max-fraction-digits="2" skin="medium" show-status-color status="cancelled" />
|
|
63
|
+
</div>
|
|
64
|
+
\`
|
|
65
|
+
})
|
|
66
|
+
}`,...(x=(h=r.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var y,z,A;n.parameters={...n.parameters,docs:{...(y=n.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
67
|
+
args: {
|
|
68
|
+
value: {
|
|
69
|
+
currency: "UAH",
|
|
70
|
+
amount: ""
|
|
71
|
+
},
|
|
72
|
+
skin: "medium"
|
|
73
|
+
}
|
|
74
|
+
}`,...(A=(z=n.parameters)==null?void 0:z.docs)==null?void 0:A.source}}};const M=["Playground","Skins","WithVat","StatusColor","NotSpecified"];export{n as NotSpecified,e as Playground,t as Skins,r as StatusColor,a as WithVat,M as __namedExportsOrder,F as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{l as i}from"./lodash-CdDiHlzQ.js";var s=(t=>(t[t.TWO=2]="TWO",t[t.SEVEN=7]="SEVEN",t))(s||{});const o=100;class a{static minPriceStep(r,n){return!r||n===void 0?0:n/r}static multiplyByHundredPercent(r){if(!i.isNumber(r)&&i.isEmpty(r))return"";const n=parseFloat(r)*o;return`${Math.round(n*o)/o}%`}static currency(r,n=s.SEVEN){return new Intl.NumberFormat("uk",{minimumFractionDigits:2,maximumFractionDigits:n,roundingMode:"floor"}).format(r)}}export{s as M,a as P};
|
package/dist/app/assets/{PzPriceFormat.stories-Dwbd5NWP.js → PzPriceFormat.stories-CcrCSd63.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{P as r}from"./PzPriceFormat-CfJFOj05.js";import{P as a}from"./PzText-BrilYjcQ.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BH8B9Mz9.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>
|
|
@@ -21,8 +21,19 @@ import{l as p}from"./lodash-CdDiHlzQ.js";import{P as c}from"./PzText-BoQ90zAW.js
|
|
|
21
21
|
</li>
|
|
22
22
|
</ul>
|
|
23
23
|
</section>
|
|
24
|
+
|
|
25
|
+
<section>
|
|
26
|
+
<pz-text variant="h4-semibold">currency</pz-text>
|
|
27
|
+
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
28
|
+
<li v-for="(ex, index) in currencyExamples" :key="'cur-' + index" style="margin-top: 8px;">
|
|
29
|
+
<pz-text variant="body-regular">
|
|
30
|
+
<strong>{{ ex.description }}:</strong> Input: <code>{{ ex.value }}</code> → Result: <code>{{ ex.result }}</code>
|
|
31
|
+
</pz-text>
|
|
32
|
+
</li>
|
|
33
|
+
</ul>
|
|
34
|
+
</section>
|
|
24
35
|
</div>
|
|
25
|
-
`})};var
|
|
36
|
+
`})};var i,n,o;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
26
37
|
render: () => ({
|
|
27
38
|
components: {
|
|
28
39
|
pzText: PzText
|
|
@@ -57,6 +68,22 @@ import{l as p}from"./lodash-CdDiHlzQ.js";import{P as c}from"./PzText-BoQ90zAW.js
|
|
|
57
68
|
}].map(ex => ({
|
|
58
69
|
...ex,
|
|
59
70
|
result: PzPriceFormat.multiplyByHundredPercent(ex.value)
|
|
71
|
+
})),
|
|
72
|
+
currencyExamples: [{
|
|
73
|
+
value: 123456.5,
|
|
74
|
+
description: "Thousands with decimals"
|
|
75
|
+
}, {
|
|
76
|
+
value: 1000,
|
|
77
|
+
description: "Whole amount"
|
|
78
|
+
}, {
|
|
79
|
+
value: 0.1,
|
|
80
|
+
description: "Small fraction"
|
|
81
|
+
}, {
|
|
82
|
+
value: 9999999.999,
|
|
83
|
+
description: "Floor rounding (truncates, never rounds up)"
|
|
84
|
+
}].map(ex => ({
|
|
85
|
+
...ex,
|
|
86
|
+
result: PzPriceFormat.currency(ex.value)
|
|
60
87
|
}))
|
|
61
88
|
};
|
|
62
89
|
},
|
|
@@ -83,7 +110,18 @@ import{l as p}from"./lodash-CdDiHlzQ.js";import{P as c}from"./PzText-BoQ90zAW.js
|
|
|
83
110
|
</li>
|
|
84
111
|
</ul>
|
|
85
112
|
</section>
|
|
113
|
+
|
|
114
|
+
<section>
|
|
115
|
+
<pz-text variant="h4-semibold">currency</pz-text>
|
|
116
|
+
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
117
|
+
<li v-for="(ex, index) in currencyExamples" :key="'cur-' + index" style="margin-top: 8px;">
|
|
118
|
+
<pz-text variant="body-regular">
|
|
119
|
+
<strong>{{ ex.description }}:</strong> Input: <code>{{ ex.value }}</code> → Result: <code>{{ ex.result }}</code>
|
|
120
|
+
</pz-text>
|
|
121
|
+
</li>
|
|
122
|
+
</ul>
|
|
123
|
+
</section>
|
|
86
124
|
</div>
|
|
87
125
|
\`
|
|
88
126
|
})
|
|
89
|
-
}`,...(
|
|
127
|
+
}`,...(o=(n=t.parameters)==null?void 0:n.docs)==null?void 0:o.source}}};const v=["Usage"];export{t as Usage,v as __namedExportsOrder,m as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-price-range[data-v-bca0ec4f]{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--pz-space-4);color:var(--pz-color-orange-50)}.pz-price-range__separator[data-v-bca0ec4f]{line-height:1;font-size:var(--pz-font-size-24)}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{e as Q,f as u,C as a,F as C,E as m,u as V,t as g,v as D,y as F,c as o,o as l,D as M}from"./iframe-BH8B9Mz9.js";import{i as O,P as f}from"./PzPrice-CBbCizMH.js";import{P as U}from"./PzText-BrilYjcQ.js";import{a as P}from"./PzMessages-DbOQ-pd5.js";import{M as x}from"./PzPriceFormat-CfJFOj05.js";import{_ as q}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:{}},setup(s){const e=s,k=o(()=>e.notSpecifiedText??P("display.pzPriceRange.notSpecified")),N=o(()=>e.separator??P("display.pzPriceRange.separator")),A=o(()=>{var r;return{amount:(r=e.price)==null?void 0:r.lowerQuartile,currency:""}}),I=o(()=>{var r,d,t;return{amount:(r=e.price)==null?void 0:r.upperQuartile,currency:((d=e.price)==null?void 0:d.currency)||"UAH",valueAddedTaxIncluded:(t=e.price)==null?void 0:t.valueAddedTaxIncluded}});return(r,d)=>{var t;return l(),u("div",B,[a(O)((t=s.price)==null?void 0:t.lowerQuartile)?(l(),u(C,{key:0},[m(a(f),{value:A.value,"max-fraction-digits":a(x).TWO,skin:"medium"},null,8,["value","max-fraction-digits"]),V("span",H,g(N.value),1),m(a(f),{value:I.value,"max-fraction-digits":a(x).TWO,"show-vat":!0,skin:"medium"},null,8,["value","max-fraction-digits"])],64)):(l(),D(a(U),{key:1,variant:"h4-regular"},{default:F(()=>[M(g(k.value),1)]),_:1}))])}}}),y=q(p,[["__scopeId","data-v-bca0ec4f"]]);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"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzPriceRange/PzPriceRange.vue"]});const $={title:"Components/Display/PzPriceRange",component:y,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:s=>({components:{pzPriceRange:y},setup(){return{args:s}},template:'<pz-price-range v-bind="args" />'})},i={},n={args:{separator:"to"}},c={args:{price:{currency:"UAH"}}};var _,v,z;i.parameters={...i.parameters,docs:{...(_=i.parameters)==null?void 0:_.docs,source:{originalSource:"{}",...(z=(v=i.parameters)==null?void 0:v.docs)==null?void 0:z.source}}};var S,T,h;n.parameters={...n.parameters,docs:{...(S=n.parameters)==null?void 0:S.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
separator: "to"
|
|
4
|
+
}
|
|
5
|
+
}`,...(h=(T=n.parameters)==null?void 0:T.docs)==null?void 0:h.source}}};var b,w,R;c.parameters={...c.parameters,docs:{...(b=c.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
6
|
+
args: {
|
|
7
|
+
price: {
|
|
8
|
+
currency: "UAH"
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}`,...(R=(w=c.parameters)==null?void 0:w.docs)==null?void 0:R.source}}};const ee=["Playground","CustomSeparator","NotSpecified"];export{n as CustomSeparator,c as NotSpecified,i as Playground,ee as __namedExportsOrder,$ as default};
|
package/dist/app/assets/{PzRadioGroup.stories-C6ut-aeX.js → PzRadioGroup.stories-DTQCCVOm.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-BH8B9Mz9.js";import{P as $}from"./PzLabel-D2W7Hz4z.js";import{P as L}from"./PzText-BrilYjcQ.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"
|
package/dist/app/assets/{PzRouterLink.stories-CrO16wW6.js → PzRouterLink.stories-Dy0vZoUX.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as v,J as y,v as b,y as l,C as s,R as k,o as z,E as x,K as P,z as p,L as w,c as R,M as _}from"./iframe-
|
|
1
|
+
import{e as v,J as y,v as b,y as l,C as s,R as k,o as z,E as x,K as P,z as p,L as w,c as R,M as _}from"./iframe-BH8B9Mz9.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-XoDiIu7x.js";import{P as T}from"./PzText-BrilYjcQ.js";import{p as $}from"./configs-B15JgQZ-.js";import{P as A}from"./PzLink-C1IbaT2E.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=v({name:"PzRouterLink",inheritAttrs:!1,__name:"PzRouterLink",props:{to:{},replace:{type:Boolean,default:!1},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(e){const t=e,o=y(),r=(a,u)=>{t.disabled||t.target!=="_self"||u(a)};return(a,u)=>(z(),b(s(k),{custom:"",to:t.to,replace:t.replace},{default:l(({href:m,navigate:h})=>[x(s(A),w(s(o),{href:m,variant:t.variant,target:t.target,rel:t.rel,disabled:t.disabled,inline:t.inline,bold:t.bold,italic:t.italic,"line-through":t.lineThrough,typography:t.typography,onClick:g=>r(g,h)}),P({default:l(()=>[p(a.$slots,"default")]),_:2},[a.$slots.prefix?{name:"prefix",fn:l(()=>[p(a.$slots,"prefix")]),key:"0"}:void 0,a.$slots.suffix?{name:"suffix",fn:l(()=>[p(a.$slots,"suffix")]),key:"1"}:void 0]),1040,["href","variant","target","rel","disabled","inline","bold","italic","line-through","typography","onClick"])]),_:3},8,["to","replace"]))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzRouterLink",exportName:"default",displayName:"PzRouterLink",description:"",tags:{},props:[{name:"to",required:!0,type:{name:"PzRouterLinkTo"}},{name:"replace",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",defaultValue:{func:!1,value:'"primary"'}},{name:"target",defaultValue:{func:!1,value:'"_self"'}},{name:"rel",defaultValue:{func:!1,value:"undefined"}},{name:"disabled",defaultValue:{func:!1,value:"false"}},{name:"inline",defaultValue:{func:!1,value:"true"}},{name:"bold",defaultValue:{func:!1,value:"false"}},{name:"italic",defaultValue:{func:!1,value:"false"}},{name:"lineThrough",defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzRouterLink/PzRouterLink.vue"]});const B=e=>{const o=[`to="${typeof e.to=="string"?e.to:JSON.stringify(e.to)}"`,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,e.replace?':replace="true"':null].filter(a=>!!a).join(" "),r=[e.showPrefix?` <template #prefix>
|
|
2
2
|
<PzIcon name="arrow_back" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as i,w as n,A as h}from"./iframe-
|
|
1
|
+
import{r as i,w as n,A as h}from"./iframe-BH8B9Mz9.js";import{P as v}from"./PzText-BrilYjcQ.js";import{P as a}from"./PzScrollTo-KuzwcV-o.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const T=["auto","instant","smooth"],d=24,y="100vh",z=o=>{const t=[o.behavior!=="smooth"?`behavior: "${o.behavior}"`:null,o.offsetTop!==d?`offsetTop: ${o.offsetTop}`:null].filter(l=>!!l).join(", ");return`<script setup lang="ts">
|
|
2
2
|
import { PzScrollTo } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const scrollToTenderDocuments = (): void => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as d}from"./PzText-
|
|
1
|
+
import{P as d}from"./PzText-BrilYjcQ.js";import{e as m,v as y,y as h,n as z,x as f,c as v,o as g,u as s,z as i}from"./iframe-BH8B9Mz9.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const x={class:"pz-search-result-item-layout-surface"},S={class:"pz-search-result-item-layout-grid"},L={class:"pz-search-result-item-layout-main"},_={class:"pz-search-result-item-layout-aside"},r=m({name:"PzSearchResultItemLayout",__name:"PzSearchResultItemLayout",props:{as:{default:"li"},desktopColumns:{default:"minmax(0, 1fr) minmax(240px, 292px)"}},setup(e){const t=e,o=v(()=>({"--pz-search-result-item-layout-columns-lg":t.desktopColumns}));return(l,C)=>(g(),y(f(t.as),{class:"pz-search-result-item-layout",style:z(o.value)},{default:h(()=>[s("div",x,[s("div",S,[s("div",L,[i(l.$slots,"first-col",{},void 0,!0)]),s("div",_,[i(l.$slots,"second-col",{},void 0,!0)])])])]),_:3},8,["style"]))}}),c=b(r,[["__scopeId","data-v-53ce1156"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzSearchResultItemLayout",exportName:"default",displayName:"PzSearchResultItemLayout",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzSearchResultItemLayoutTag"},defaultValue:{func:!1,value:'"li"'}},{name:"desktopColumns",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"minmax(0, 1fr) minmax(240px, 292px)"'}}],slots:[{name:"first-col"},{name:"second-col"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzSearchResultItemLayout/PzSearchResultItemLayout.vue"]});const I=["li","article","div"],P=[{id:"tenders",eyebrow:"Procurement results",title:"Tender search",resultLabel:"Знайдено більше 10 000 закупівель",sortLabel:"за замовчуванням",cards:[{id:"tender-1",title:"Вогнегасник ВП-5(з)",status:"Завершена",organization:'ДЕРЖАВНА УСТАНОВА "ЛУЦЬКИЙ СЛІДЧИЙ ІЗОЛЯТОР" • Луцьк',identifier:"ID: UA-2026-04-16-007213-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"4 830,00 UAH",accent:"success"}]},{id:"tender-2",title:'Електрична енергія, без розподілу (постачальник "останньої надії")',status:"Підготовка угоди",organization:"Ратнівський дитячий садок №2 Ратнівської селищної ради • Ковельський р-н, селище міського типу Ратне",identifier:"ID: UA-2026-04-16-007209-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"54 741,16 UAH",accent:"success"}]}]},{id:"qualifications",eyebrow:"Selection results",title:"Framework selection search",resultLabel:"Знайдено 470 відборів",sortLabel:"за замовчуванням",cards:[{id:"selection-1",title:"33730000-6 Офтальмологічні вироби та коригувальні лінзи",status:"Активний до 5 бер. 23:00",organization:"",identifier:"ID: UA-F-2026-04-06-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"20 квіт. 23:00"},{id:"published",label:"Оголошено:",value:"6 квіт. 2026"}]},{id:"selection-2",title:"33650000-1 Загальні протиінфекційні засоби для системного застосування",status:"Активний до 13 лют. 23:00",organization:"",identifier:"ID: UA-F-2026-03-17-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"31 бер. 23:00"},{id:"published",label:"Оголошено:",value:"17 бер. 2026"}]}]},{id:"plans",eyebrow:"Planning results",title:"Annual plan search",resultLabel:"Знайдено більше 10 000 планів",sortLabel:"за замовчуванням",cards:[{id:"plan-1",title:"ДК 021:2015 по коду: 22460000-2 Рекламні матеріали, каталоги товарів та посібники",status:"22460000-2: Рекламні матеріали, каталоги товарів та посібники",organization:"Державний ліцей з посиленою військово-фізичною підготовкою «Слобожанський»",identifier:"ID: UA-P-2026-04-16-009442-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"700,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"березень 2026"}]},{id:"plan-2",title:"Членський внесок за 2026 рік",status:"98100000-4: Послуги членських організацій",organization:"Ганнівська сільська рада Новоукраїнського району Кіровоградської області",identifier:"ID: UA-P-2026-04-16-009435-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"3 572,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"квітень 2026"}]}]}],k=e=>`<template>
|
|
2
2
|
<PzSearchResultItemLayout ${[e.as&&e.as!=="li"?`as="${e.as}"`:null,e.desktopColumns&&e.desktopColumns!=="minmax(0, 1fr) minmax(240px, 292px)"?`desktop-columns="${e.desktopColumns}"`:null].filter(o=>!!o).join(" ")}>
|
|
3
3
|
<template #first-col>
|
|
4
4
|
<a href="#">Result title</a>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as O,f as m,E as f,y as p,C as d,n as S,g as b,c as s,o as g,u as v,F as $,G as D,z as V,D as P,t as _,r as L,L as I}from"./iframe-
|
|
1
|
+
import{e as O,f as m,E as f,y as p,C as d,n as S,g as b,c as s,o as g,u as v,F as $,G as D,z as V,D as P,t as _,r as L,L as I}from"./iframe-BH8B9Mz9.js";import{u as T}from"./index-DkNoHWVI.js";import{k as W}from"./floating-vue-Bw3fARye.js";import{l as q}from"./lodash-CdDiHlzQ.js";import{_ as A}from"./PzIcon-XoDiIu7x.js";import{P as R}from"./PzLabel-D2W7Hz4z.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";const G=6,M=["id"],Z=["id","disabled","aria-controls","aria-expanded","aria-label"],H={class:"pz-select-trigger-text"},J=["id","aria-labelledby"],K=["id","aria-selected","disabled","onClick"],o=O({name:"PzSelect",__name:"PzSelect",props:{name:{},options:{},modelValue:{type:[String,Number,Boolean],default:void 0},label:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},variant:{default:"field"},width:{default:void 0}},emits:["update:modelValue"],setup(l,{emit:x}){const a=l,E=x,y=L(null),{width:N}=T(y),i=s(()=>a.options.find(e=>q.isEqual(e.value,a.modelValue))),u=s(()=>a.variant==="field"),k=s(()=>{var e;return((e=i.value)==null?void 0:e.label)??a.placeholder}),C=s(()=>{var e;return a.label||((e=i.value)==null?void 0:e.label)||a.placeholder||a.name}),w=s(()=>{const e=Math.round(N.value);return!e||!u.value?{}:{inlineSize:`${String(e)}px`}}),c=e=>q.isEqual(e,a.modelValue),h=(e,r)=>e.id??`${a.name}-trigger-option-${String(r+1)}`,B=e=>({option:e,selected:c(e.value),disabled:!!e.disabled}),F=(e,r)=>{E("update:modelValue",e),r()};return(e,r)=>(g(),m("div",{id:l.name,class:b(["pz-select",{"is-field":u.value,"is-inline":!u.value}]),style:S({width:l.width})},[f(d(R),{label:a.label,for:l.name+"-trigger",required:a.required,disabled:a.disabled},{default:p(()=>[f(d(W),{class:"pz-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+l.name,distance:d(G),disabled:a.disabled},{default:p(({shown:n})=>[v("button",{id:l.name+"-trigger",ref_key:"triggerRef",ref:y,type:"button",class:b(["pz-select-trigger",{"is-open":n,"is-placeholder":!i.value}]),disabled:a.disabled,"aria-controls":l.name+"-menu","aria-expanded":n?"true":"false","aria-haspopup":"listbox","aria-label":a.label?void 0:C.value},[v("span",H,[V(e.$slots,"selected",{option:i.value,placeholder:a.placeholder},()=>[P(_(k.value),1)],!0)]),f(d(A),{name:"expand_more",size:"20",class:"pz-select-trigger-icon"})],10,Z)]),popper:p(({hide:n})=>[v("div",{id:l.name+"-menu",class:"pz-select-menu",style:S(w.value),role:"listbox","aria-labelledby":l.name+"-trigger"},[(g(!0),m($,null,D(a.options,(t,z)=>(g(),m("button",{id:h(t,z),key:h(t,z),type:"button",role:"option",class:b(["pz-select-option",{"is-active":c(t.value),"is-disabled":t.disabled}]),"aria-selected":c(t.value)?"true":"false",disabled:t.disabled,onClick:Q=>F(t.value,n)},[V(e.$slots,"default",I({ref_for:!0},B(t)),()=>[P(_(t.label),1)],!0)],10,K))),128))],12,J)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],14,M))}}),se=j(o,[["__scopeId","data-v-c794c950"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSelect",exportName:"default",displayName:"PzSelect",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]}},{name:"modelValue",required:!1,type:{name:"PzFormSelectValue"},defaultValue:{func:!1,value:"undefined"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{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:"variant",required:!1,type:{name:"PzSelectVariant"},defaultValue:{func:!1,value:'"field"'}},{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"selected",scoped:!0,bindings:[{name:"option",title:"binding"},{name:"placeholder",title:"binding"}]},{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzSelect/PzSelect.vue"]});export{se as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,w as S}from"./iframe-
|
|
1
|
+
import{r as t,w as S}from"./iframe-BH8B9Mz9.js";import{_ as h}from"./PzIcon-XoDiIu7x.js";import{P as b}from"./PzText-BrilYjcQ.js";import{P as n}from"./PzSelect-1baoeARw.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./index-DkNoHWVI.js";import"./floating-vue-Bw3fARye.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzLabel-D2W7Hz4z.js";const O=["field","inline"],i=[{label:"Option 0",value:0},{label:"Option 1",value:1},{label:"Option 2",value:2},{label:"Option 3",value:3},{label:"Option 4",value:4},{label:"Option 5",value:5},{label:"Option 6",value:6},{label:"Option 7",value:7},{label:"Option 8",value:8},{label:"Option 9",value:9}],V=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"}],P=[{label:"Пропозиція з коротким формулюванням",value:"short"},{label:"Пропозиція з довшою назвою для перевірки перенесення і ширини меню",value:"long"},{label:"Недоступний варіант",value:"disabled",disabled:!0}],r=3,k=e=>`<template>
|
|
2
2
|
<PzSelect
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.variant!=="field"?`variant="${e.variant}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(a=>!!a).join(" ")}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as s,f as l,n as o,g as r,c as i,o as u}from"./iframe-
|
|
1
|
+
import{e as s,f as l,n as o,g as r,c as i,o as u}from"./iframe-BH8B9Mz9.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=s({name:"PzSkeleton",__name:"PzSkeleton",props:{width:{default:"100%"},height:{default:"16px"},radius:{default:"8px"},animated:{type:Boolean,default:!0}},setup(t){const a=t,n=i(()=>({width:a.width,height:a.height,borderRadius:a.radius}));return(p,c)=>(u(),l("div",{class:r(["pz-skeleton",{"pz-skeleton--static":!t.animated}]),style:o(n.value),"aria-hidden":"true"},null,6))}}),h=d(e,[["__scopeId","data-v-f3a7d77e"]]);e.__docgenInfo=Object.assign({displayName:e.name??e.__name},{name:"PzSkeleton",exportName:"default",displayName:"PzSkeleton",description:"",tags:{},props:[{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"100%"'}},{name:"height",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"16px"'}},{name:"radius",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"8px"'}},{name:"animated",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzSkeleton/PzSkeleton.vue"]});export{h as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as r}from"./PzText-
|
|
1
|
+
import{P as r}from"./PzText-BrilYjcQ.js";import{P as t}from"./PzSkeleton-gqoYTNjg.js";import"./iframe-BH8B9Mz9.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h={title:"Components/Display/PzSkeleton",component:t,parameters:{prototype:{caption:"PzSkeleton",note:"Reusable loading placeholder for lines, blocks, and lightweight preview cards. Used by `PzAccordion` as the default loading surface."},docs:{description:{component:"Use `PzSkeleton` for loading placeholders. Control its dimensions through `width`, `height`, and `radius`, and disable shimmer with `animated=false` when a static placeholder is preferred."}}},args:{width:"240px",height:"24px",radius:"8px",animated:!0},argTypes:{width:{control:"text",description:"Skeleton width."},height:{control:"text",description:"Skeleton height."},radius:{control:"text",description:"Border radius."},animated:{control:"boolean",description:"Enables the shimmer animation."}},render:a=>({components:{pzSkeleton:t,pzText:r},setup(){return{args:a}},template:`
|
|
2
2
|
<div class="pz-skeleton-story">
|
|
3
3
|
<section class="pz-skeleton-story-board">
|
|
4
4
|
<div class="pz-skeleton-story-header">
|