@prozorro/prozorro-ui 0.0.28-beta → 0.0.30-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-Dd704kcZ.js → Color-FRDS63T2-CKOPK7JY.js} +1 -1
- package/dist/app/assets/{Colors.stories-C49Jdn11.js → Colors.stories-CvkK10uO.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-BL_R3uhu.js → DocsRenderer-LL677BLK-DqBVMebG.js} +5 -5
- package/dist/app/assets/{Grid.stories-jwVLa1O3.js → Grid.stories-C1B2MCTY.js} +1 -1
- package/dist/app/assets/{PzAccordion-CZh368dO.js → PzAccordion-DoHC4MvO.js} +1 -1
- package/dist/app/assets/{PzAccordion.stories-BScXmPId.js → PzAccordion.stories-BbFpclsY.js} +1 -1
- package/dist/app/assets/{PzAccordionTable.stories-m5rCM5SN.js → PzAccordionTable.stories-DudErN7D.js} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-Ry5Dkwk5.js → PzArrayClamp.stories-BC25Allj.js} +3 -3
- package/dist/app/assets/{PzBreadcrumb.stories-CDbw_Ssz.js → PzBreadcrumb.stories-CTMmV8EN.js} +3 -3
- package/dist/app/assets/{PzBtn-k_UUIy0S.js → PzBtn-CtzgQtPT.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-Bman4k-O.js → PzBtn.stories-DZtokZxl.js} +1 -1
- package/dist/app/assets/{PzCheckbox-QqhfHlB9.js → PzCheckbox-DMPmd-lS.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-yBkDVL1C.js → PzCheckbox.stories-Cf9p5ISo.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-KQxjM_Cj.js → PzCheckboxGroup.stories-DZ5MDbed.js} +1 -1
- package/dist/app/assets/{PzCopyToClipboard.stories-DybnCJte.js → PzCopyToClipboard.stories-B-9reYL8.js} +3 -3
- package/dist/app/assets/{PzDate-CKXwz5_k.js → PzDate-CMNYXH-J.js} +1 -1
- package/dist/app/assets/PzDate-CjW2fw1X.css +1 -0
- package/dist/app/assets/{PzDate.stories-DtiQtCRI.js → PzDate.stories-B5fCkAnE.js} +1 -1
- package/dist/app/assets/{PzDateRange.stories-DA1PkQa9.js → PzDateRange.stories-CkOMRqau.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-DIBW-SMr.js → PzDomHandler.stories-CM5l3cOz.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-DYl4tBFT.js → PzDropdown.stories-B1ghm6HL.js} +1 -1
- package/dist/app/assets/{PzFileInput.stories-CBbfMqeh.js → PzFileInput.stories-Dc0kHJel.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-Cjhd89Rj.js → PzGrid.stories-BzgVLwJw.js} +1 -1
- package/dist/app/assets/{PzHint-BduXv8_9.js → PzHint-fPmDJyN-.js} +1 -1
- package/dist/app/assets/{PzHint.stories-ChfWxbFE.js → PzHint.stories-DiVq_TW9.js} +1 -1
- package/dist/app/assets/{PzIcon-MCV-dGW3.js → PzIcon-BdbVjL0H.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-DhfzFkwj.js → PzIcon.stories-Btu0iypS.js} +1 -1
- package/dist/app/assets/{PzImage.stories-T3CvKE0f.js → PzImage.stories-DmOLfXjg.js} +1 -1
- package/dist/app/assets/{PzImageInput.stories-At6RmPU5.js → PzImageInput.stories-ChMhPk9Y.js} +2 -2
- package/dist/app/assets/{PzInfoBlockLayout.stories-CqIQf5VP.js → PzInfoBlockLayout.stories-CrcBGk77.js} +3 -3
- package/dist/app/assets/{PzInfoHint-DF9t6di5.js → PzInfoHint-CnIPovvR.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-BuYocN41.js → PzInfoHint.stories-BWDcnV-N.js} +1 -1
- package/dist/app/assets/{PzInput.stories-C-ieWR1U.js → PzInput.stories-D-jOqCE7.js} +2 -2
- package/dist/app/assets/{PzInputDate.stories-D4XxfW70.js → PzInputDate.stories-BojQgiyx.js} +3 -3
- package/dist/app/assets/{PzInputNumber.stories-C8gsDfQn.js → PzInputNumber.stories-DPu5lUX3.js} +2 -2
- package/dist/app/assets/PzKeyValue-B_F78Oa_.css +1 -0
- package/dist/app/assets/PzKeyValue-DE_5MwOU.js +1 -0
- package/dist/app/assets/{PzKeyValue-DMKzKVDz.css → PzKeyValue-EPKiMoJ_.css} +1 -1
- package/dist/app/assets/PzKeyValue.stories-Ch7rIohv.js +270 -0
- package/dist/app/assets/{PzLabel-DPSvIY3K.js → PzLabel-Gzu6PYek.js} +1 -1
- package/dist/app/assets/{PzLabel.stories-Cf7SxNnZ.js → PzLabel.stories-sU44kjkl.js} +1 -1
- package/dist/app/assets/{PzLink-DA5z5j3V.js → PzLink-2i4WT3xP.js} +1 -1
- package/dist/app/assets/{PzLink.stories-CilCNgEy.js → PzLink.stories-CIlQFKmI.js} +1 -1
- package/dist/app/assets/PzListNav-CXXZQEhr.css +1 -0
- package/dist/app/assets/PzListNav-Crese7l7.css +1 -0
- package/dist/app/assets/PzListNav-DL5w2QO1.js +1 -0
- package/dist/app/assets/PzListNav.stories-Vy2pvzcF.js +37 -0
- package/dist/app/assets/PzLoader.stories-fYXrYBnU.js +9 -0
- package/dist/app/assets/{PzModal.stories-DydDykCD.js → PzModal.stories-BgV1cln1.js} +4 -4
- package/dist/app/assets/{PzMultiSelect.stories-DhS2MGWw.js → PzMultiSelect.stories-D1cXlPuB.js} +3 -3
- package/dist/app/assets/{PzNav.stories-BLzjKEPZ.js → PzNav.stories-06NpLdFq.js} +5 -5
- package/dist/app/assets/{PzNumberFormat.stories-C9JM7BId.js → PzNumberFormat.stories-B0hgoW2t.js} +1 -1
- package/dist/app/assets/{PzPagination-DG1AHfKf.js → PzPagination-CZaMx9WU.js} +1 -1
- package/dist/app/assets/{PzPagination.stories-Bz_RHJis.js → PzPagination.stories-C2DVYleV.js} +1 -1
- package/dist/app/assets/PzPaginationProvider.stories-CwQH5PY-.js +82 -0
- package/dist/app/assets/{PzPriceFormat.stories-DwBA8RKo.js → PzPriceFormat.stories-CCAQMOOa.js} +1 -1
- package/dist/app/assets/{PzRadioGroup.stories-ctysa4zU.js → PzRadioGroup.stories-BrWxtBVa.js} +2 -2
- package/dist/app/assets/{PzRouterLink.stories-ON1893ha.js → PzRouterLink.stories-BwkWGEsn.js} +2 -2
- package/dist/app/assets/PzScrollTo-KuzwcV-o.js +1 -0
- package/dist/app/assets/{PzScrollTo.stories-BoFQTMWv.js → PzScrollTo.stories-CGQMejEn.js} +6 -6
- package/dist/app/assets/{PzSearchResultItemLayout.stories-DQhAx4Zo.js → PzSearchResultItemLayout.stories-DSuGh0y8.js} +1 -1
- package/dist/app/assets/{PzSelect-DQG4TsOy.js → PzSelect-RbDy3aSL.js} +1 -1
- package/dist/app/assets/{PzSelect.stories-7RJXivhF.js → PzSelect.stories-DsZN8zgO.js} +1 -1
- package/dist/app/assets/{PzSkeleton-Bj06OhMO.js → PzSkeleton-CAFgMJpB.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-C3oEq_VU.js → PzSkeleton.stories-C2xEUWUB.js} +1 -1
- package/dist/app/assets/PzStatus-BAANjGNZ.js +1 -0
- package/dist/app/assets/{PzStatus.stories-3cVjp4CB.js → PzStatus.stories-Cq7HXr8w.js} +1 -1
- package/dist/app/assets/PzTable-DfkZeSKE.js +1 -0
- package/dist/app/assets/{PzTable.stories-CXBQ_GAt.js → PzTable.stories-BX99lCIl.js} +1 -1
- package/dist/app/assets/PzTablePaginationProvider.stories-D2PVnmym.js +32 -0
- package/dist/app/assets/{PzTabs.stories-oQHCFe01.js → PzTabs.stories-DYSuP3gJ.js} +3 -3
- package/dist/app/assets/PzTag-CAGZAy4m.js +1 -0
- package/dist/app/assets/{PzTag.stories-CjpBttWo.js → PzTag.stories-DDKo9LVA.js} +1 -1
- package/dist/app/assets/{PzText-BT7AGrPb.js → PzText-wVfv1pWv.js} +1 -1
- package/dist/app/assets/{PzText.stories-Cv-pXCFb.js → PzText.stories-Cbjiu4wR.js} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-BP79QbN2.js → PzTextClamp.stories-C45ZJSNG.js} +2 -2
- package/dist/app/assets/{PzTextarea.stories-DBs784w8.js → PzTextarea.stories-B8AwmKlM.js} +3 -3
- package/dist/app/assets/{PzValidatorXSS.stories-B807Ww2_.js → PzValidatorXSS.stories-AfDspiE4.js} +1 -1
- package/dist/app/assets/{Spacing.stories-DFcOsREL.js → Spacing.stories-BUYW6nhY.js} +1 -1
- package/dist/app/assets/StaticPagination.composable-HjC3V8oE.js +1 -0
- package/dist/app/assets/{Typography.stories-DgBmq0vO.js → Typography.stories-BBRytD8w.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-Dz7V0K3L.js → WithTooltip-65CFNBJE-BC83oSO9.js} +1 -1
- package/dist/app/assets/{floating-vue-BFh4npJ3.js → floating-vue-C3YQ4ztE.js} +1 -1
- package/dist/app/assets/{floating-vue-wDudfl6h.js → floating-vue-DNwAdjS6.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-BeaOg5sT.js → formatter-EIJCOSYU-oRsfMJQm.js} +1 -1
- package/dist/app/assets/{iframe-BDUXsDwQ.js → iframe-DnMxidy5.js} +75 -75
- package/dist/app/assets/{index-Jyn3aWU4.js → index-BChZP_pX.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-CFtcIfy3.js → syntaxhighlighter-OH4MV7E3-DuNL3Rlp.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/Navigation/PzPaginationProvider/PzPaginationProvider.vue.d.ts +20 -0
- package/dist/components/Navigation/PzPaginationProvider/index.d.ts +2 -0
- package/dist/components/Navigation/PzPaginationProvider/types.d.ts +2 -0
- package/dist/components/Navigation/PzTablePaginationProvider/PzTablePaginationProvider.vue.d.ts +18 -0
- package/dist/components/Navigation/PzTablePaginationProvider/index.d.ts +2 -0
- package/dist/components/Navigation/PzTablePaginationProvider/types.d.ts +2 -0
- package/dist/components/Navigation/shared/StaticPagination.composable.d.ts +2 -0
- package/dist/components/Navigation/shared/types.d.ts +14 -0
- package/dist/index.d.ts +2 -0
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +6 -6
- package/dist/prozorro-ui.js +2586 -2521
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/app/assets/PzDate-I6Dz7zBB.css +0 -1
- package/dist/app/assets/PzKeyValue.stories-BfNMtQt6.js +0 -270
- package/dist/app/assets/PzListNav-DRMKw6wp.css +0 -1
- package/dist/app/assets/PzListNav.stories-wldoof1r.js +0 -37
- package/dist/app/assets/PzLoader.stories-DF_32eFy.js +0 -9
- package/dist/app/assets/PzStatus-CGDtOh05.js +0 -1
- package/dist/app/assets/PzTable-9MtujWyE.js +0 -1
- package/dist/app/assets/PzTag-CrMM4o3T.js +0 -1
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
import{P as c}from"./PzText-wVfv1pWv.js";import{P as A}from"./PzKeyValue-DE_5MwOU.js";import"./iframe-DnMxidy5.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./isArray-DPUC7i9_.js";import"./lodash-CdDiHlzQ.js";import"./PzDomHandler-BU7iMNnt.js";const d=A,O=A,T=["column","column-reverse","row","row-reverse"],i=[{id:"tender-id",key:"id",labelKey:"Tender ID"},{id:"tender-title",key:"title",labelKey:"Title"},{id:"tender-customer",key:"customer-name",labelKey:"Customer"},{id:"tender-amount",key:"amount",labelKey:"Expected value"},{id:"tender-status",key:"status",labelKey:"Status"},{id:"tender-note",key:"note",labelKey:"Note"}],l={id:"UA-2026-04-17-000123-a",title:"Закупівля медичного обладнання для лікарні №3",customer:{name:'ТОВ "АДМІНІСТРАЦІЯ ЗАКУПІВЕЛЬ"'},amount:"1 250 000,00 UAH",status:"Awaiting offers",note:""},p=[{id:"bid-supplier",key:"supplier",labelKey:"Bidder"},{id:"bid-amount",key:"amount",labelKey:"Amount"},{id:"bid-discount",key:"discount",labelKey:"Discount"},{id:"bid-submitted",key:"submittedAt",labelKey:"Submitted"},{id:"bid-winner",key:"isWinner",labelKey:"Winner"}],y={supplier:'ТОВ "ЕКО ЦЕНТР ПРОЕКТ"',amount:"98 000,00 UAH",discount:0,submittedAt:"17.04.2026 12:39",isWinner:!0},W=e=>`<template>
|
|
2
|
+
<PzKeyValue
|
|
3
|
+
${[':config="config"',':data="data"',e.flexDirection&&e.flexDirection!=="column"?`flex-direction="${e.flexDirection}"`:null,e.checkRequired===!1?':check-required="false"':null,e.titleStyleClass?`title-style-class="${e.titleStyleClass}"`:null].filter(E=>!!E).join(`
|
|
4
|
+
`)}
|
|
5
|
+
/>
|
|
6
|
+
</template>`,_={title:"Components/Display/PzKeyValue",component:O,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,u)=>W(u.args??_.args)}}},args:{config:i,data:l,flexDirection:"column",checkRequired:!0,titleStyleClass:""},argTypes:{config:{control:!1,description:"Ordered list of `{ id, key, labelKey, labelStyleClass? }` entries describing each row.",table:{category:"Props"}},data:{control:!1,description:"Source object. Row values are resolved via lodash `get` on a dash-split key.",table:{category:"Props"}},flexDirection:{control:"inline-radio",options:T,description:"Applied as inline `flex-direction` on each value container.",table:{category:"Props"}},checkRequired:{control:"boolean",description:"When `true`, rows with empty strings / null / undefined are hidden. Numbers and booleans are always shown.",table:{category:"Props"}},titleStyleClass:{control:"text",description:"Extra class applied to every row title.",table:{category:"Props"}}},render:e=>({components:{pzKeyValue:d,pzText:c},setup(){return{args:e}},template:`
|
|
7
|
+
<section class="pz-key-value-story">
|
|
8
|
+
<section class="pz-key-value-story-board">
|
|
9
|
+
<div class="pz-key-value-story-header">
|
|
10
|
+
<div class="pz-key-value-story-copy">
|
|
11
|
+
<span class="pz-key-value-story-eyebrow">Component API</span>
|
|
12
|
+
<pz-text variant="h4-bold">Label / value rows for procurement details</pz-text>
|
|
13
|
+
</div>
|
|
14
|
+
<span class="pz-key-value-story-chip">{{ args.flexDirection }}</span>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<div class="pz-key-value-story-preview">
|
|
18
|
+
<pz-key-value
|
|
19
|
+
:config="args.config"
|
|
20
|
+
:data="args.data"
|
|
21
|
+
:flex-direction="args.flexDirection"
|
|
22
|
+
:check-required="args.checkRequired"
|
|
23
|
+
:title-style-class="args.titleStyleClass"
|
|
24
|
+
/>
|
|
25
|
+
</div>
|
|
26
|
+
</section>
|
|
27
|
+
</section>
|
|
28
|
+
`})},t={},a={args:{config:i,data:l,flexDirection:"column",checkRequired:!0}},n={args:{config:p,data:y,flexDirection:"row",checkRequired:!0}},r={args:{config:i,data:l,flexDirection:"column",checkRequired:!1},parameters:{docs:{description:{story:"`checkRequired: false` renders every row from `config`, even when the corresponding value is empty."}}}},s={args:{config:p,data:y,flexDirection:"column",checkRequired:!0},render:e=>({components:{pzKeyValue:d,pzText:c},setup(){return{args:e}},template:`
|
|
29
|
+
<section class="pz-key-value-story">
|
|
30
|
+
<section class="pz-key-value-story-board">
|
|
31
|
+
<div class="pz-key-value-story-header">
|
|
32
|
+
<div class="pz-key-value-story-copy">
|
|
33
|
+
<span class="pz-key-value-story-eyebrow">Slots</span>
|
|
34
|
+
<pz-text variant="h4-bold">Override value rendering per key</pz-text>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
|
|
38
|
+
<div class="pz-key-value-story-preview">
|
|
39
|
+
<pz-key-value
|
|
40
|
+
:config="args.config"
|
|
41
|
+
:data="args.data"
|
|
42
|
+
:flex-direction="args.flexDirection"
|
|
43
|
+
:check-required="args.checkRequired"
|
|
44
|
+
>
|
|
45
|
+
<template #supplier="{ data }">
|
|
46
|
+
<a
|
|
47
|
+
href="#"
|
|
48
|
+
class="pz-key-value-story-link"
|
|
49
|
+
>
|
|
50
|
+
{{ data }}
|
|
51
|
+
</a>
|
|
52
|
+
</template>
|
|
53
|
+
|
|
54
|
+
<template #isWinner="{ data }">
|
|
55
|
+
<span>{{ data ? "Yes" : "No" }}</span>
|
|
56
|
+
</template>
|
|
57
|
+
</pz-key-value>
|
|
58
|
+
</div>
|
|
59
|
+
</section>
|
|
60
|
+
</section>
|
|
61
|
+
`}),parameters:{docs:{description:{story:"Each row exposes a slot named after its `key` and a `<key>_label` slot for the heading. Slot scope forwards the resolved value as `data`."}}}},o={render:()=>({components:{pzKeyValue:d,pzText:c},setup(){return{tenderConfig:i,tenderData:l,bidConfig:p,bidData:y,flexDirectionOptions:T}},template:`
|
|
62
|
+
<section class="pz-key-value-story">
|
|
63
|
+
<section class="pz-key-value-story-gallery">
|
|
64
|
+
<article
|
|
65
|
+
v-for="direction in flexDirectionOptions"
|
|
66
|
+
:key="direction"
|
|
67
|
+
class="pz-key-value-story-tile"
|
|
68
|
+
>
|
|
69
|
+
<div class="pz-key-value-story-copy">
|
|
70
|
+
<span class="pz-key-value-story-eyebrow">flex-direction</span>
|
|
71
|
+
<h4 class="pz-key-value-story-tile-title">{{ direction }}</h4>
|
|
72
|
+
<p class="pz-key-value-story-tile-note">Rendered with tender-style data.</p>
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
<pz-key-value
|
|
76
|
+
:config="tenderConfig"
|
|
77
|
+
:data="tenderData"
|
|
78
|
+
:flex-direction="direction"
|
|
79
|
+
/>
|
|
80
|
+
</article>
|
|
81
|
+
|
|
82
|
+
<article class="pz-key-value-story-tile">
|
|
83
|
+
<div class="pz-key-value-story-copy">
|
|
84
|
+
<span class="pz-key-value-story-eyebrow">check-required false</span>
|
|
85
|
+
<h4 class="pz-key-value-story-tile-title">Always show rows</h4>
|
|
86
|
+
<p class="pz-key-value-story-tile-note">Empty note field is still rendered.</p>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
<pz-key-value
|
|
90
|
+
:config="tenderConfig"
|
|
91
|
+
:data="tenderData"
|
|
92
|
+
:check-required="false"
|
|
93
|
+
/>
|
|
94
|
+
</article>
|
|
95
|
+
|
|
96
|
+
<article class="pz-key-value-story-tile">
|
|
97
|
+
<div class="pz-key-value-story-copy">
|
|
98
|
+
<span class="pz-key-value-story-eyebrow">winner bid</span>
|
|
99
|
+
<h4 class="pz-key-value-story-tile-title">Falsy-preserving values</h4>
|
|
100
|
+
<p class="pz-key-value-story-tile-note">Zero discount and boolean winner stay visible.</p>
|
|
101
|
+
</div>
|
|
102
|
+
|
|
103
|
+
<pz-key-value
|
|
104
|
+
:config="bidConfig"
|
|
105
|
+
:data="bidData"
|
|
106
|
+
/>
|
|
107
|
+
</article>
|
|
108
|
+
</section>
|
|
109
|
+
</section>
|
|
110
|
+
`}),parameters:{docs:{description:{story:"Reference board covering every `flexDirection` value, the `checkRequired: false` fallback, and numeric/boolean preservation."}}}};var v,m,f;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(f=(m=t.parameters)==null?void 0:m.docs)==null?void 0:f.source}}};var k,g,z;a.parameters={...a.parameters,docs:{...(k=a.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
111
|
+
args: {
|
|
112
|
+
config: tenderConfig,
|
|
113
|
+
data: tenderData,
|
|
114
|
+
flexDirection: "column",
|
|
115
|
+
checkRequired: true
|
|
116
|
+
}
|
|
117
|
+
}`,...(z=(g=a.parameters)==null?void 0:g.docs)==null?void 0:z.source}}};var b,h,x;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
118
|
+
args: {
|
|
119
|
+
config: bidConfig,
|
|
120
|
+
data: bidData,
|
|
121
|
+
flexDirection: "row",
|
|
122
|
+
checkRequired: true
|
|
123
|
+
}
|
|
124
|
+
}`,...(x=(h=n.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var w,D,C;r.parameters={...r.parameters,docs:{...(w=r.parameters)==null?void 0:w.docs,source:{originalSource:`{
|
|
125
|
+
args: {
|
|
126
|
+
config: tenderConfig,
|
|
127
|
+
data: tenderData,
|
|
128
|
+
flexDirection: "column",
|
|
129
|
+
checkRequired: false
|
|
130
|
+
},
|
|
131
|
+
parameters: {
|
|
132
|
+
docs: {
|
|
133
|
+
description: {
|
|
134
|
+
story: "\`checkRequired: false\` renders every row from \`config\`, even when the corresponding value is empty."
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}`,...(C=(D=r.parameters)==null?void 0:D.docs)==null?void 0:C.source}}};var q,R,K;s.parameters={...s.parameters,docs:{...(q=s.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
139
|
+
args: {
|
|
140
|
+
config: bidConfig,
|
|
141
|
+
data: bidData,
|
|
142
|
+
flexDirection: "column",
|
|
143
|
+
checkRequired: true
|
|
144
|
+
},
|
|
145
|
+
render: (args: PzKeyValueStoryArgs) => ({
|
|
146
|
+
components: {
|
|
147
|
+
pzKeyValue: pzKeyValueStoryComponent,
|
|
148
|
+
pzText: PzText
|
|
149
|
+
},
|
|
150
|
+
setup() {
|
|
151
|
+
return {
|
|
152
|
+
args
|
|
153
|
+
};
|
|
154
|
+
},
|
|
155
|
+
template: \`
|
|
156
|
+
<section class="pz-key-value-story">
|
|
157
|
+
<section class="pz-key-value-story-board">
|
|
158
|
+
<div class="pz-key-value-story-header">
|
|
159
|
+
<div class="pz-key-value-story-copy">
|
|
160
|
+
<span class="pz-key-value-story-eyebrow">Slots</span>
|
|
161
|
+
<pz-text variant="h4-bold">Override value rendering per key</pz-text>
|
|
162
|
+
</div>
|
|
163
|
+
</div>
|
|
164
|
+
|
|
165
|
+
<div class="pz-key-value-story-preview">
|
|
166
|
+
<pz-key-value
|
|
167
|
+
:config="args.config"
|
|
168
|
+
:data="args.data"
|
|
169
|
+
:flex-direction="args.flexDirection"
|
|
170
|
+
:check-required="args.checkRequired"
|
|
171
|
+
>
|
|
172
|
+
<template #supplier="{ data }">
|
|
173
|
+
<a
|
|
174
|
+
href="#"
|
|
175
|
+
class="pz-key-value-story-link"
|
|
176
|
+
>
|
|
177
|
+
{{ data }}
|
|
178
|
+
</a>
|
|
179
|
+
</template>
|
|
180
|
+
|
|
181
|
+
<template #isWinner="{ data }">
|
|
182
|
+
<span>{{ data ? "Yes" : "No" }}</span>
|
|
183
|
+
</template>
|
|
184
|
+
</pz-key-value>
|
|
185
|
+
</div>
|
|
186
|
+
</section>
|
|
187
|
+
</section>
|
|
188
|
+
\`
|
|
189
|
+
}),
|
|
190
|
+
parameters: {
|
|
191
|
+
docs: {
|
|
192
|
+
description: {
|
|
193
|
+
story: "Each row exposes a slot named after its \`key\` and a \`<key>_label\` slot for the heading. Slot scope forwards the resolved value as \`data\`."
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
}`,...(K=(R=s.parameters)==null?void 0:R.docs)==null?void 0:K.source}}};var S,P,V;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:`{
|
|
198
|
+
render: () => ({
|
|
199
|
+
components: {
|
|
200
|
+
pzKeyValue: pzKeyValueStoryComponent,
|
|
201
|
+
pzText: PzText
|
|
202
|
+
},
|
|
203
|
+
setup() {
|
|
204
|
+
return {
|
|
205
|
+
tenderConfig,
|
|
206
|
+
tenderData,
|
|
207
|
+
bidConfig,
|
|
208
|
+
bidData,
|
|
209
|
+
flexDirectionOptions
|
|
210
|
+
};
|
|
211
|
+
},
|
|
212
|
+
template: \`
|
|
213
|
+
<section class="pz-key-value-story">
|
|
214
|
+
<section class="pz-key-value-story-gallery">
|
|
215
|
+
<article
|
|
216
|
+
v-for="direction in flexDirectionOptions"
|
|
217
|
+
:key="direction"
|
|
218
|
+
class="pz-key-value-story-tile"
|
|
219
|
+
>
|
|
220
|
+
<div class="pz-key-value-story-copy">
|
|
221
|
+
<span class="pz-key-value-story-eyebrow">flex-direction</span>
|
|
222
|
+
<h4 class="pz-key-value-story-tile-title">{{ direction }}</h4>
|
|
223
|
+
<p class="pz-key-value-story-tile-note">Rendered with tender-style data.</p>
|
|
224
|
+
</div>
|
|
225
|
+
|
|
226
|
+
<pz-key-value
|
|
227
|
+
:config="tenderConfig"
|
|
228
|
+
:data="tenderData"
|
|
229
|
+
:flex-direction="direction"
|
|
230
|
+
/>
|
|
231
|
+
</article>
|
|
232
|
+
|
|
233
|
+
<article class="pz-key-value-story-tile">
|
|
234
|
+
<div class="pz-key-value-story-copy">
|
|
235
|
+
<span class="pz-key-value-story-eyebrow">check-required false</span>
|
|
236
|
+
<h4 class="pz-key-value-story-tile-title">Always show rows</h4>
|
|
237
|
+
<p class="pz-key-value-story-tile-note">Empty note field is still rendered.</p>
|
|
238
|
+
</div>
|
|
239
|
+
|
|
240
|
+
<pz-key-value
|
|
241
|
+
:config="tenderConfig"
|
|
242
|
+
:data="tenderData"
|
|
243
|
+
:check-required="false"
|
|
244
|
+
/>
|
|
245
|
+
</article>
|
|
246
|
+
|
|
247
|
+
<article class="pz-key-value-story-tile">
|
|
248
|
+
<div class="pz-key-value-story-copy">
|
|
249
|
+
<span class="pz-key-value-story-eyebrow">winner bid</span>
|
|
250
|
+
<h4 class="pz-key-value-story-tile-title">Falsy-preserving values</h4>
|
|
251
|
+
<p class="pz-key-value-story-tile-note">Zero discount and boolean winner stay visible.</p>
|
|
252
|
+
</div>
|
|
253
|
+
|
|
254
|
+
<pz-key-value
|
|
255
|
+
:config="bidConfig"
|
|
256
|
+
:data="bidData"
|
|
257
|
+
/>
|
|
258
|
+
</article>
|
|
259
|
+
</section>
|
|
260
|
+
</section>
|
|
261
|
+
\`
|
|
262
|
+
}),
|
|
263
|
+
parameters: {
|
|
264
|
+
docs: {
|
|
265
|
+
description: {
|
|
266
|
+
story: "Reference board covering every \`flexDirection\` value, the \`checkRequired: false\` fallback, and numeric/boolean preservation."
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
}`,...(V=(P=o.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};const H=["Playground","ColumnLayout","RowLayout","WithoutRequiredFilter","CustomSlots","Gallery"];export{a as ColumnLayout,s as CustomSlots,o as Gallery,t as Playground,n as RowLayout,r as WithoutRequiredFilter,H as __namedExportsOrder,_ as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{e as i,E as f,f as l,g as c,y as t,p as n,q as p,c as m,o as s,C as b,t as _}from"./iframe-DnMxidy5.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-wVfv1pWv.js";import{P as r}from"./PzLabel-Gzu6PYek.js";import"./iframe-DnMxidy5.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{
|
|
1
|
+
import{e as m,E as y,f as l,y as s,p as i,g as k,c as o,o as n}from"./iframe-DnMxidy5.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v="noopener noreferrer",z=["href","target","rel","aria-disabled","tabindex"],h={key:0,class:"pz-link-prefix"},g={key:1,class:"pz-link-content"},_={key:2,class:"pz-link-suffix"},t=m({name:"PzLink",__name:"PzLink",props:{href:{},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1},typography:{}},setup(r){const u=y(),e=r,f=o(()=>!!u.default),d=o(()=>e.rel?e.rel:e.target==="_blank"?v:void 0),p=o(()=>[`pz-link--${e.variant}`,e.typography?`pz-typography--${e.typography}`:null,{"pz-link--inline":e.inline,"pz-link--block":!e.inline,"pz-link--disabled":e.disabled,"pz-link--bold":e.bold,"pz-link--italic":e.italic,"pz-link--line-through":e.lineThrough,"pz-link--icon-only":e.variant==="icon"&&!f.value}]),c=a=>{e.disabled&&(a.preventDefault(),a.stopPropagation())};return(a,P)=>(n(),l("a",{href:e.href,target:e.target,rel:d.value,"aria-disabled":e.disabled||void 0,tabindex:e.disabled?-1:void 0,class:k(["pz-link",p.value]),onClick:c},[a.$slots.prefix?(n(),l("span",h,[s(a.$slots,"prefix",{},void 0,!0)])):i("",!0),a.$slots.default?(n(),l("span",g,[s(a.$slots,"default",{},void 0,!0)])):i("",!0),a.$slots.suffix?(n(),l("span",_,[s(a.$slots,"suffix",{},void 0,!0)])):i("",!0)],10,z))}}),q=b(t,[["__scopeId","data-v-abddfea7"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__name},{name:"PzLink",exportName:"default",displayName:"PzLink",description:"",tags:{},props:[{name:"href",required:!0,type:{name:"string"}},{name:"variant",required:!1,type:{name:"PzLinkVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"target",required:!1,type:{name:"PzLinkTarget"},defaultValue:{func:!1,value:'"_self"'}},{name:"rel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"inline",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"bold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"italic",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"lineThrough",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzLink/PzLink.vue"]});export{q as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as p}from"./PzIcon-
|
|
1
|
+
import{_ as p}from"./PzIcon-BdbVjL0H.js";import{P as c}from"./PzText-wVfv1pWv.js";import{p as d}from"./configs-B15JgQZ-.js";import{p as f,a as m}from"./configs-DshpCAYO.js";import{P as o}from"./PzLink-2i4WT3xP.js";import"./iframe-DnMxidy5.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" />
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-list-nav[data-v-4aa62780]{--pz-list-nav-select-width: 80px;display:flex;align-items:center;justify-content:space-between}.pz-list-nav__select[data-v-4aa62780] .pz-select-trigger{width:var(--pz-list-nav-select-width)}@media (max-width: 1023.98px){.pz-list-nav__paginate[data-v-4aa62780]{width:100%}.pz-list-nav__select[data-v-4aa62780]{display:none}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sb-list-nav-story{padding:var(--pz-space-24)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as P,r as c,h as b,w as v,f as I,z as g,v as N,o as L}from"./iframe-DnMxidy5.js";import{P as _}from"./PzSelect-RbDy3aSL.js";import{P as z}from"./PzPagination-CZaMx9WU.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";var n=(e=>(e[e.FIVE=5]="FIVE",e[e.TEN=10]="TEN",e[e.TWENTY=20]="TWENTY",e[e.FIFTY=50]="FIFTY",e[e.ONE_HUNDRED=100]="ONE_HUNDRED",e[e.ONE_MILLION=1e6]="ONE_MILLION",e))(n||{});const F=[{label:"5",value:n.FIVE.toString()},{label:"10",value:n.TEN.toString()},{label:"20",value:n.TWENTY.toString()},{label:"50",value:n.FIFTY.toString()},{label:"100",value:n.ONE_HUNDRED.toString()},{label:"Всі",value:n.ONE_MILLION.toString()}],T={class:"pz-list-nav"},i=1,s=P({name:"PzListNav",__name:"PzListNav",props:{selectLabel:{default:"Показати рядків:"},total:{},options:{default:()=>F},perPage:{default:n.TEN},currentPage:{default:i}},emits:["onInput","onChangePerPage"],setup(e,{emit:d}){const a=e,o=d,r=c(a.currentPage),l=c(a.perPage);b(()=>{l.value=a.perPage,u()}),v(()=>a.perPage,()=>l.value=a.perPage),v(()=>a.total,()=>u());const u=()=>{const t=(r.value-i)*l.value,m=t+l.value;o("onInput",[t,m])},p=t=>{r.value=t,u(),o("onChangePerPage")},f=t=>{t!==void 0&&(l.value=Number(t),p(i),o("onChangePerPage"))};return(t,m)=>(L(),I("div",T,[g(N(z),{"model-value":r.value,total:a.total,"per-page":l.value,class:"pz-list-nav__paginate","onUpdate:modelValue":p},null,8,["model-value","total","per-page"]),g(N(_),{name:"pz-list-nav-per-page",variant:"inline",label:a.selectLabel,"model-value":String(l.value),options:a.options,class:"pz-list-nav__select","onUpdate:modelValue":f},null,8,["label","model-value","options"])]))}}),C=O(s,[["__scopeId","data-v-4aa62780"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzListNav",exportName:"default",displayName:"PzListNav",description:"",tags:{},props:[{name:"selectLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Показати рядків:"'}},{name:"total",required:!0,type:{name:"number"}},{name:"options",required:!1,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]},defaultValue:{func:!1,value:"() => ITEMS_PAGINATE_PER_PAGE_CONFIG"}},{name:"perPage",required:!1,type:{name:"ITEMS_PER_PAGE"},defaultValue:{func:!1,value:"ITEMS_PER_PAGE.TEN"}},{name:"currentPage",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"DELTA"}}],events:[{name:"onInput",type:{names:["tuple"],elements:[{name:"number"},{name:"number"}]}},{name:"onChangePerPage"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzListNav/PzListNav.vue"]});export{n as I,C as P,F as a};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import{r as c,w as _}from"./iframe-DnMxidy5.js";import{I as r,a as L,P as i}from"./PzListNav-DL5w2QO1.js";import"./preload-helper-C1FmrZbK.js";import"./PzSelect-RbDy3aSL.js";import"./index-BChZP_pX.js";import"./floating-vue-C3YQ4ztE.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzIcon-BdbVjL0H.js";import"./PzLabel-Gzu6PYek.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzPagination-CZaMx9WU.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
|
+
`);return`<script setup lang="ts">
|
|
3
|
+
import { ref } from "vue";
|
|
4
|
+
const range = ref<[number, number]>([0, 10]);
|
|
5
|
+
${S}
|
|
6
|
+
|
|
7
|
+
<template>
|
|
8
|
+
<PzListNav
|
|
9
|
+
${t}
|
|
10
|
+
/>
|
|
11
|
+
</template>`},y={title:"Components/Navigation/PzListNav",component:i,parameters:{docs:{description:{component:"Use `PzListNav` to combine pagination with a per-page selector. Emits `onInput` with a `[firstIndex, lastIndex]` range to slice your data array, and `onChangePerPage` whenever the active page or page size changes."},source:{transform:(e,t)=>h(t.args??y.args)}}},args:{total:100,selectLabel:"Показати рядків:",perPage:r.TEN,currentPage:1,options:L},argTypes:{total:{control:{type:"number",min:0},description:"Total items count."},perPage:{control:{type:"number",min:1},description:"Items per page (initial value)."},currentPage:{control:{type:"number",min:1},description:"Initial active page (1-indexed)."},selectLabel:{control:"text",description:"Label for the per-page select."},options:{control:"object",description:"Array of `PzFormSelectOption` for the per-page dropdown."}},render(e){return{components:{pzListNav:i},setup(){const t=c(e.total),p=c([0,e.perPage??r.TEN]);return _(()=>e.total,f=>{t.value=f}),{args:e,total:t,range:p}},template:`
|
|
12
|
+
<div class="sb-list-nav-story">
|
|
13
|
+
<pz-list-nav
|
|
14
|
+
:total="total"
|
|
15
|
+
:select-label="args.selectLabel"
|
|
16
|
+
:per-page="args.perPage"
|
|
17
|
+
:current-page="args.currentPage"
|
|
18
|
+
:options="args.options"
|
|
19
|
+
@on-input="range = $event"
|
|
20
|
+
/>
|
|
21
|
+
</div>
|
|
22
|
+
`}}},a={},o={args:{total:1e3,perPage:r.TWENTY}},s={args:{total:8,perPage:r.TEN}},n={args:{total:250,perPage:r.FIFTY}};var l,m,g;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(g=(m=a.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var u,P,d;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
23
|
+
args: {
|
|
24
|
+
total: 1000,
|
|
25
|
+
perPage: ITEMS_PER_PAGE.TWENTY
|
|
26
|
+
}
|
|
27
|
+
}`,...(d=(P=o.parameters)==null?void 0:P.docs)==null?void 0:d.source}}};var E,T,v;s.parameters={...s.parameters,docs:{...(E=s.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
28
|
+
args: {
|
|
29
|
+
total: 8,
|
|
30
|
+
perPage: ITEMS_PER_PAGE.TEN
|
|
31
|
+
}
|
|
32
|
+
}`,...(v=(T=s.parameters)==null?void 0:T.docs)==null?void 0:v.source}}};var b,I,N;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
33
|
+
args: {
|
|
34
|
+
total: 250,
|
|
35
|
+
perPage: ITEMS_PER_PAGE.FIFTY
|
|
36
|
+
}
|
|
37
|
+
}`,...(N=(I=n.parameters)==null?void 0:I.docs)==null?void 0:N.source}}};const O=["Default","LargeDataset","FewItems","CustomPerPage"];export{n as CustomPerPage,a as Default,s as FewItems,o as LargeDataset,O as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{e as L,f as l,q as P,F as S,u as x,v as h,g as V,o as t}from"./iframe-DnMxidy5.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const B=["aria-label"],N={class:"pz-loader__wrapper"},o=L({name:"PzLoader",__name:"PzLoader",props:{isSmall:{type:Boolean,default:!1},variant:{default:"primary"},label:{default:"Loading"}},setup(e){const v=Array.from({length:12},(z,n)=>n);return(z,n)=>(t(),l("div",{class:V(["pz-loader",{"pz-loader--small":e.isSmall,"pz-loader--grey":e.variant==="grey"}]),role:"status","aria-label":e.label},[P("div",N,[(t(!0),l(S,null,x(h(v),b=>(t(),l("div",{key:b,class:"pz-loader__item"}))),128))])],10,B))}}),i=q(o,[["__scopeId","data-v-e5d6adb3"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzLoader",exportName:"default",displayName:"PzLoader",description:"",tags:{},props:[{name:"isSmall",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzLoaderVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Loading"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzLoader/PzLoader.vue"]});const F={title:"Components/Display/PzLoader",component:i,args:{isSmall:!1,variant:"primary",label:"Loading"},argTypes:{isSmall:{control:"boolean",description:"Displays the compact loader size."},variant:{control:"select",options:["primary","grey"],description:"Loader color variant."},label:{control:"text",description:"Accessible status label."}},render:e=>({components:{pzLoader:i},setup(){return{args:e}},template:'<pz-loader v-bind="args" />'})},a={},r={args:{isSmall:!0}},s={args:{variant:"grey"}};var d,c,m;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(c=a.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var p,u,f;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
isSmall: true
|
|
4
|
+
}
|
|
5
|
+
}`,...(f=(u=r.parameters)==null?void 0:u.docs)==null?void 0:f.source}}};var g,y,_;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
6
|
+
args: {
|
|
7
|
+
variant: "grey"
|
|
8
|
+
}
|
|
9
|
+
}`,...(_=(y=s.parameters)==null?void 0:y.docs)==null?void 0:_.source}}};const I=["Playground","Small","Grey"];export{s as Grey,a as Playground,r as Small,I as __namedExportsOrder,F as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{e as Z,E as G,w as A,G as H,x as _,f as n,q as v,Z as J,g as P,y as f,p as l,z as Q,v as k,O as X,a1 as Y,a2 as ee,c as r,o as s,B as oe,C as te,t as ae,r as F}from"./iframe-DnMxidy5.js";import{P as O}from"./PzText-wVfv1pWv.js";import{_ as se}from"./PzIcon-BdbVjL0H.js";import{_ as le}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ne=["compact","regular","wide","fullscreen"],re="close",de={id:"default",title:"",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal"},ie=["aria-labelledby","aria-describedby"],ce=["id"],pe=["aria-label"],ue=["id"],me={key:1,class:"pz-modal-footer"},m=Z({name:"PzModal",__name:"PzModal",props:ee({id:{},isOpen:{type:Boolean},title:{},size:{},closeOnOverlay:{type:Boolean},closeOnEscape:{type:Boolean},showCloseButton:{type:Boolean},closeLabel:{}},de),setup(e,{emit:t}){const d=G(),o=e,y=t,g=r(()=>`pz-modal-title-${o.id}`),w=r(()=>`pz-modal-description-${o.id}`),z=r(()=>!!(o.title||d.header)),K=r(()=>z.value||o.showCloseButton),R=r(()=>[`pz-modal-dialog--${o.size}`]);let M="";const x=a=>{if(!(typeof document>"u")){if(a){M=document.body.style.overflow,document.body.style.overflow="hidden";return}document.body.style.overflow=M}},b=()=>{y(re)},U=()=>{o.closeOnOverlay&&b()},W=()=>{o.closeOnEscape&&b()};return A(()=>o.isOpen,a=>{x(a)},{immediate:!0}),H(()=>{x(!1)}),(a,C)=>(s(),_(Y,{to:"body"},[o.isOpen?(s(),n("div",{key:0,class:"pz-modal",onKeydown:X(W,["esc"])},[v("div",{class:"pz-modal-overlay",onClick:U},[v("div",{ref:"dialogRef",class:P(["pz-modal-dialog",R.value]),role:"dialog","aria-modal":!0,"aria-labelledby":g.value,"aria-describedby":w.value,onClick:C[0]||(C[0]=J(()=>{},["stop"]))},[K.value?(s(),n("header",{key:0,class:P(["pz-modal-header",{"pz-modal-header--between":z.value}])},[z.value?(s(),n("div",{key:0,id:g.value,class:"pz-modal-title"},[f(a.$slots,"header",{},()=>[o.title?(s(),_(k(O),{key:0,variant:"h4-bold",as:"h2"},{default:oe(()=>[te(ae(o.title),1)]),_:1})):l("",!0)],!0)],8,ce)):l("",!0),o.showCloseButton?(s(),n("button",{key:1,type:"button",class:"pz-modal-close","aria-label":o.closeLabel,onClick:b},[Q(k(se),{name:"close",size:"24",label:"Close modal"})],8,pe)):l("",!0)],2)):l("",!0),v("div",{id:w.value,class:"pz-modal-body"},[f(a.$slots,"default",{},void 0,!0)],8,ue),a.$slots.footer?(s(),n("footer",me,[f(a.$slots,"footer",{},void 0,!0)])):l("",!0)],10,ie)])],32)):l("",!0)]))}}),h=le(m,[["__scopeId","data-v-a4294a35"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzModal",exportName:"default",displayName:"PzModal",description:"",tags:{},props:[{name:"id",required:!1,type:{name:"string"}},{name:"isOpen",required:!0,type:{name:"boolean"}},{name:"title",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"PzModalSize"}},{name:"closeOnOverlay",required:!1,type:{name:"boolean"}},{name:"closeOnEscape",required:!1,type:{name:"boolean"}},{name:"showCloseButton",required:!1,type:{name:"boolean"}},{name:"closeLabel",required:!1,type:{name:"string"}}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzModal/PzModal.vue"]});const ye=e=>`<template>
|
|
2
2
|
<PzModal ${[':is-open="true"',e.title?`title="${e.title}"`:null,e.size!=="regular"?`size="${e.size}"`:null,e.closeOnOverlay===!1?':close-on-overlay="false"':null,e.closeOnEscape===!1?':close-on-escape="false"':null,e.showCloseButton===!1?':show-close-button="false"':null].filter(d=>!!d).join(" ")}>
|
|
3
3
|
<p>Modal content</p>
|
|
4
4
|
</PzModal>
|
|
@@ -14,7 +14,7 @@ import{d as Z,E as H,w as V,$ as Y,y as x,e as n,q as v,Y as G,f as P,B as f,p a
|
|
|
14
14
|
|
|
15
15
|
<div>Document preview content</div>
|
|
16
16
|
</PzModal>
|
|
17
|
-
</template>`,be={title:"Components/Popups/PzModal",component:h,parameters:{prototype:{caption:"Modal component",note:"Based on the old isOpen/close modal, but rebuilt as a design-system dialog with overlay handling, sticky header and footer areas, and size variants for compact flows or document preview surfaces."},docs:{description:{component:"Use `PzModal` for dialogs, side-by-side review surfaces, and document preview overlays. The body content defaults to `body-regular`, while header and footer stay slot-driven for flexible composition."},source:{transform:(e,t)=>ye(t.args??be.args)}}},args:{id:"storybook-modal",isOpen:!1,title:"Документи тендера",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal",buttonLabel:"Open modal"},argTypes:{isOpen:{control:"boolean",description:"Controlled open state."},title:{control:"text",description:"Default title rendered in the header when the header slot is not used."},size:{control:"inline-radio",options:ne,description:"Dialog width preset."},closeOnOverlay:{control:"boolean",description:"Closes the dialog when the overlay is clicked."},closeOnEscape:{control:"boolean",description:"Closes the dialog on Escape."},showCloseButton:{control:"boolean",description:"Shows the close icon button in the header."},closeLabel:{control:"text",description:"Accessible label for the close button."},buttonLabel:{control:"text",description:"Story-only trigger label.",table:{category:"Story"}}},render:e=>({components:{pzModal:h,pzText:O},setup(){const t=F(!!e.isOpen);return
|
|
17
|
+
</template>`,be={title:"Components/Popups/PzModal",component:h,parameters:{prototype:{caption:"Modal component",note:"Based on the old isOpen/close modal, but rebuilt as a design-system dialog with overlay handling, sticky header and footer areas, and size variants for compact flows or document preview surfaces."},docs:{description:{component:"Use `PzModal` for dialogs, side-by-side review surfaces, and document preview overlays. The body content defaults to `body-regular`, while header and footer stay slot-driven for flexible composition."},source:{transform:(e,t)=>ye(t.args??be.args)}}},args:{id:"storybook-modal",isOpen:!1,title:"Документи тендера",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal",buttonLabel:"Open modal"},argTypes:{isOpen:{control:"boolean",description:"Controlled open state."},title:{control:"text",description:"Default title rendered in the header when the header slot is not used."},size:{control:"inline-radio",options:ne,description:"Dialog width preset."},closeOnOverlay:{control:"boolean",description:"Closes the dialog when the overlay is clicked."},closeOnEscape:{control:"boolean",description:"Closes the dialog on Escape."},showCloseButton:{control:"boolean",description:"Shows the close icon button in the header."},closeLabel:{control:"text",description:"Accessible label for the close button."},buttonLabel:{control:"text",description:"Story-only trigger label.",table:{category:"Story"}}},render:e=>({components:{pzModal:h,pzText:O},setup(){const t=F(!!e.isOpen);return A(()=>e.isOpen,y=>{t.value=!!y}),{args:e,isOpen:t,openModal:()=>{t.value=!0},closeModal:()=>{t.value=!1}}},template:`
|
|
18
18
|
<div class="pz-modal-story">
|
|
19
19
|
<section class="pz-modal-story-board">
|
|
20
20
|
<div class="pz-modal-story-copy">
|
|
@@ -105,7 +105,7 @@ import{d as Z,E as H,w as V,$ as Y,y as x,e as n,q as v,Y as G,f as P,B as f,p a
|
|
|
105
105
|
size: "wide",
|
|
106
106
|
buttonLabel: "Open wide modal"
|
|
107
107
|
}
|
|
108
|
-
}`,...(N=(q=p.parameters)==null?void 0:q.docs)==null?void 0:N.source}}};var I,j,
|
|
108
|
+
}`,...(N=(q=p.parameters)==null?void 0:q.docs)==null?void 0:N.source}}};var I,j,V;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
|
|
109
109
|
parameters: {
|
|
110
110
|
docs: {
|
|
111
111
|
source: {
|
|
@@ -165,4 +165,4 @@ import{d as Z,E as H,w as V,$ as Y,y as x,e as n,q as v,Y as G,f as P,B as f,p a
|
|
|
165
165
|
</div>
|
|
166
166
|
\`
|
|
167
167
|
})
|
|
168
|
-
}`,...(
|
|
168
|
+
}`,...(V=(j=u.parameters)==null?void 0:j.docs)==null?void 0:V.source}}};const we=["Playground","CompactInfo","WideReview","DocumentPreview"];export{c as CompactInfo,u as DocumentPreview,i as Playground,p as WideReview,we as __namedExportsOrder,be as default};
|
package/dist/app/assets/{PzMultiSelect.stories-DhS2MGWw.js → PzMultiSelect.stories-D1cXlPuB.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{e as pe,f as V,z as P,B as T,v as g,n as k,o as q,q as i,F as de,u as ce,g as F,y as D,C as J,t as C,J as ue,r as o,c as f,w as me}from"./iframe-DnMxidy5.js";import{_ as ne}from"./PzIcon-BdbVjL0H.js";import{P as ge}from"./PzTag-CAGZAy4m.js";import{P as d}from"./PzText-wVfv1pWv.js";import{u as fe}from"./index-BChZP_pX.js";import{k as xe}from"./floating-vue-C3YQ4ztE.js";import{l as $}from"./lodash-CdDiHlzQ.js";import{P as be}from"./PzLabel-Gzu6PYek.js";import{_ as ve}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./_commonjsHelpers-Cpj98o6Y.js";const he=6,ze=["id"],ye=["id","disabled","aria-controls","aria-expanded","aria-label"],Se={class:"pz-multi-select-trigger-text"},Oe=["id","aria-labelledby"],we={class:"pz-multi-select-options"},Ve=["for"],Pe=["id","name","checked","disabled","onChange"],Te={class:"pz-multi-select-option-text"},S=pe({name:"PzMultiSelect",__name:"PzMultiSelect",props:{name:{},options:{},modelValue:{default:()=>[]},label:{default:""},placeholder:{default:""},selectedLabel:{default:"{count} обрано"},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},width:{default:void 0}},emits:["update:modelValue"],setup(e,{emit:n}){const l=e,u=n,m=o(null),{width:ae}=fe(m),c=t=>l.modelValue.some(s=>$.isEqual(s,t)),oe=t=>{const s=c(t)?l.modelValue.filter(a=>!$.isEqual(a,t)):[...l.modelValue,t];u("update:modelValue",s)},N=f(()=>l.options.filter(t=>c(t.value))),L=f(()=>{var s;const t=l.modelValue.length;return t===0?l.placeholder:t===1?((s=N.value[0])==null?void 0:s.label)??l.placeholder:l.selectedLabel.replace("{count}",String(t))}),se=f(()=>l.label||L.value||l.placeholder||l.name),ie=f(()=>{const t=Math.round(ae.value);return t?{inlineSize:`${String(t)}px`}:{}}),O=(t,s)=>t.id??`${l.name}-multi-option-${String(s+1)}`,re=t=>({option:t,selected:c(t.value),disabled:!!t.disabled});return(t,s)=>(q(),V("div",{id:e.name,class:"pz-multi-select",style:k({width:e.width})},[P(g(be),{label:e.label,for:e.name+"-trigger",required:e.required,disabled:e.disabled},{default:T(()=>[P(g(xe),{class:"pz-multi-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+e.name,distance:g(he),disabled:e.disabled},{default:T(({shown:a})=>[i("button",{id:e.name+"-trigger",ref_key:"triggerRef",ref:m,type:"button",class:F(["pz-multi-select-trigger",{"is-open":a,"is-placeholder":!e.modelValue.length}]),disabled:e.disabled,"aria-controls":e.name+"-menu","aria-expanded":a?"true":"false","aria-haspopup":"listbox","aria-label":e.label?void 0:se.value},[i("span",Se,[D(t.$slots,"selected",{selectedOptions:N.value,placeholder:e.placeholder,count:e.modelValue.length},()=>[J(C(L.value),1)],!0)]),P(g(ne),{name:"expand_more",size:"20",class:"pz-multi-select-trigger-icon"})],10,ye)]),popper:T(()=>[i("div",{id:e.name+"-menu",class:"pz-multi-select-menu",style:k(ie.value),role:"group","aria-labelledby":e.name+"-trigger"},[i("div",we,[(q(!0),V(de,null,ce(l.options,(a,w)=>(q(),V("label",{key:O(a,w),for:O(a,w),class:F(["pz-multi-select-option",{"is-selected":c(a.value),"is-disabled":a.disabled}])},[i("input",{id:O(a,w),type:"checkbox",name:e.name+"-option",checked:c(a.value),disabled:a.disabled,class:"pz-multi-select-option-input",onChange:Fe=>oe(a.value)},null,40,Pe),s[0]||(s[0]=i("span",{class:"pz-multi-select-option-checkbox","aria-hidden":"true"},[i("svg",{class:"pz-multi-select-option-check",viewBox:"0 0 16 16",fill:"none"},[i("path",{d:"M3.5 8.25L6.5 11L12.5 5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),i("span",Te,[D(t.$slots,"default",ue({ref_for:!0},re(a)),()=>[J(C(a.label),1)],!0)])],10,Ve))),128))])],12,Oe)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],12,ze))}}),r=ve(S,[["__scopeId","data-v-af4044c6"]]);S.__docgenInfo=Object.assign({displayName:S.name??S.__name},{name:"PzMultiSelect",exportName:"default",displayName:"PzMultiSelect",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]}},{name:"modelValue",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectValue"}]},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"selectedLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"{count} обрано"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"selected",scoped:!0,bindings:[{name:"selected-options",title:"binding"},{name:"placeholder",title:"binding"},{name:"count",title:"binding"}]},{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzMultiSelect/PzMultiSelect.vue"]});const p=[{label:"09000000-3 - Нафтопродукти, паливо, електроенергія та інші джерела енергії",value:"09000000-3"},{label:"09100000-0 - Паливо",value:"09100000-0"},{label:"09200000-1 - Нафта, вугілля і нафтопродукти",value:"09200000-1"},{label:"09300000-2 - Електрична, теплова, сонячна та атомна енергія",value:"09300000-2"},{label:"90900000-6 - Послуги з прибирання та санітарно-гігієнічні послуги",value:"90900000-6"}],M=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"},{label:"Недоступний",value:"unavailable",disabled:!0}],qe=30,Me=2,I=["Будівництво","Послуги","Транспорт","Освіта","Енергія"],Ne=Array.from({length:qe},(e,n)=>{const l=I[n%I.length];return{label:`Категорія ${String(n+1).padStart(Me,"0")} — ${l}`,value:`category-${n+1}`}}),Le=e=>`<template>
|
|
2
2
|
<PzMultiSelect
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.selectedLabel&&e.selectedLabel!=="{count} обрано"?`selected-label="${e.selectedLabel}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(l=>!!l).join(" ")}
|
|
@@ -189,7 +189,7 @@ const value = ref<string[]>([]);
|
|
|
189
189
|
Active filters — statuses: {{ JSON.stringify(statuses) }}, categories: {{ JSON.stringify(categories) }}
|
|
190
190
|
</pz-text>
|
|
191
191
|
</div>
|
|
192
|
-
`})};var A,
|
|
192
|
+
`})};var R,A,E;x.parameters={...x.parameters,docs:{...(R=x.parameters)==null?void 0:R.docs,source:{originalSource:`{
|
|
193
193
|
parameters: {
|
|
194
194
|
docs: {
|
|
195
195
|
description: {
|
|
@@ -197,7 +197,7 @@ const value = ref<string[]>([]);
|
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
|
-
}`,...(E=(
|
|
200
|
+
}`,...(E=(A=x.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var _,B,W;b.parameters={...b.parameters,docs:{...(_=b.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
201
201
|
parameters: {
|
|
202
202
|
docs: {
|
|
203
203
|
description: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{e as R,f as i,F as $,u as F,g as p,o,x as O,B,y as f,C as x,t as b,v as V,R as A,K as j,c as L,h as y,a0 as g}from"./iframe-DnMxidy5.js";import{P as h}from"./PzText-wVfv1pWv.js";import{p as W}from"./configs-B15JgQZ-.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const d=R({name:"PzNav",__name:"PzNav",props:{config:{},typography:{}},setup(s){const t=j(),r=s,m=a=>{const[n=""]=a.split("#");return n?n.startsWith("/")?n:`/${n}`:"/"},q=a=>a.startsWith("#")?a:m(a),E=L(()=>!r.config.some(a=>m(a.path)===t.path)),z=a=>m(a.path)===t.path||E.value&&!!a.isDefault;return(a,n)=>(o(),i("ul",{class:p(["pz-nav",r.typography?`pz-typography--${r.typography}`:null])},[(o(!0),i($,null,F(r.config,(e,M)=>(o(),i("li",{key:`${e.path}-${M}`,class:p(["pz-nav__item",[{disabled:e.disabled},{active:z(e)}]])},[e.disabled?(o(),i("span",{key:1,class:p(["pz-nav__text",{active:z(e)}])},[f(a.$slots,"view",{data:e},()=>[x(b(e.text),1)],!0)],2)):(o(),O(V(A),{key:0,to:q(e.path),class:p(["pz-nav__text",{active:z(e)}])},{default:B(()=>[f(a.$slots,"view",{data:e},()=>[x(b(e.text),1)],!0)]),_:2},1032,["to","class"]))],2))),128))],2))}}),u=Q(d,[["__scopeId","data-v-ea33056d"]]);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",text:"Закупівлі",isDefault:!0},{path:"/market/contracts",text:"Договори"},{path:"/market/plans",text:"Плани"},{path:"/market/selection",text:"Відбори"},{path:"/market/products",text:"Товари"}],U=[{path:"/tender/details",text:"Деталі закупівлі",isDefault:!0},{path:"/tender/questions",text:"Питання та вимоги (0)"},{path:"/tender/complaints",text:"Скарги (0)"},{path:"/tender/monitoring",text:"Моніторинг (0)",disabled:!0}],G=[{path:"/archive/overview",text:"Overview",isDefault:!0},{path:"/archive/history",text:"History",disabled:!0},{path:"/archive/files",text:"Files"}],H=s=>`<template>
|
|
2
2
|
<PzNav :config='${JSON.stringify(s.config,null,2)}' />
|
|
3
|
-
</template>`,
|
|
3
|
+
</template>`,J=()=>`<template>
|
|
4
4
|
<PzNav :config="config">
|
|
5
5
|
<template #view="{ data }">
|
|
6
6
|
<span class="custom-nav-item">
|
|
@@ -9,7 +9,7 @@ import{d as R,e as i,F as $,x as F,f as p,o,y as O,A,B as f,C as x,t as b,v as B
|
|
|
9
9
|
</span>
|
|
10
10
|
</template>
|
|
11
11
|
</PzNav>
|
|
12
|
-
</template>`,K={title:"Components/Navigation/PzNav",component:u,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:(s,t)=>
|
|
12
|
+
</template>`,K={title:"Components/Navigation/PzNav",component:u,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:(s,t)=>H(t.args??K.args)}}},args:{config:N,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,...W],description:"Overrides typography using a PzText variant."}},render:s=>({components:{pzNav:u,pzText:h},setup(){const t=g();return y(async()=>{await t.push("/market/procedures")}),{args:s,marketNavItems:N,tenderNavItems:U}},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{d as R,e as i,F as $,x as F,f as p,o,y as O,A,B as f,C as x,t as b,v as B
|
|
|
57
57
|
</article>
|
|
58
58
|
</section>
|
|
59
59
|
</div>
|
|
60
|
-
`})},c={},l={args:{config:
|
|
60
|
+
`})},c={},l={args:{config:G},render:s=>({components:{pzNav:u,pzText:h},setup(){const t=g();return y(async()=>{await t.push("/archive/unknown")}),{args:s}},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{d as R,e as i,F as $,x as F,f as p,o,y as O,A,B as f,C as x,t as b,v as B
|
|
|
73
73
|
</div>
|
|
74
74
|
</section>
|
|
75
75
|
</div>
|
|
76
|
-
`})},v={parameters:{docs:{source:{code:
|
|
76
|
+
`})},v={parameters:{docs:{source:{code:J()}}},render:()=>({components:{pzNav:u,pzText:h},setup(){const s=g(),t=[{path:"/nav/questions",text:"Questions",count:12,isDefault:!0},{path:"/nav/complaints",text:"Complaints",count:2},{path:"/nav/monitoring",text:"Monitoring",count:0,disabled:!0}];return y(async()=>{await s.push("/nav/questions")}),{config:t}},template:`
|
|
77
77
|
<div class="pz-nav-story">
|
|
78
78
|
<section class="pz-nav-story-frame">
|
|
79
79
|
<div class="pz-nav-story-header">
|
package/dist/app/assets/{PzNumberFormat.stories-C9JM7BId.js → PzNumberFormat.stories-B0hgoW2t.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-wVfv1pWv.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DnMxidy5.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{
|
|
1
|
+
import{e as F,f as o,q as s,z as y,v as h,F as I,u as w,c as l,o as i,g as T,t as $}from"./iframe-DnMxidy5.js";import{_ as V}from"./PzIcon-BdbVjL0H.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const E={class:"pz-pagination","aria-label":"Pagination"},M={class:"pz-pagination__list"},S=["disabled"],j={key:0,class:"pz-pagination__dots","aria-hidden":"true"},L=["aria-current","onClick"],O=["disabled"],m=1,r=F({name:"PzPagination",__name:"PzPagination",props:{modelValue:{},total:{},perPage:{},radius:{default:2}},emits:["update:modelValue"],setup(p,{emit:k}){const a=p,u=k,_=l(()=>Math.ceil(a.total/a.perPage)),f=l(()=>a.modelValue<=1),P=l(()=>a.modelValue>=_.value),N=l(()=>{const t=_.value;if(t<=0)return[];if(t===1)return[{type:"page",page:m}];const c=a.modelValue,e=a.radius,d=m+1,b=t-1,v=Math.max(d,c-e),z=Math.min(b,c+e),n=[{type:"page",page:m}];v>d&&n.push({type:"dots",side:"left"});for(let g=v;g<=z;g++)n.push({type:"page",page:g});return z<b&&n.push({type:"dots",side:"right"}),n.push({type:"page",page:t}),n}),x=t=>{t!==a.modelValue&&u("update:modelValue",t)},C=()=>{f.value||u("update:modelValue",a.modelValue-1)},q=()=>{P.value||u("update:modelValue",a.modelValue+1)};return(t,c)=>(i(),o("nav",E,[s("ul",M,[s("li",null,[s("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:f.value,"aria-label":"Попередня сторінка",onClick:C},[y(h(V),{name:"chevron_left",size:"24"})],8,S)]),(i(!0),o(I,null,w(N.value,e=>(i(),o("li",{key:e.type==="page"?`p-${e.page}`:`d-${e.side}`,class:"pz-pagination__item"},[e.type==="dots"?(i(),o("span",j," … ")):(i(),o("button",{key:1,type:"button",class:T(["pz-pagination__btn",{"pz-pagination__btn--active":e.page===p.modelValue}]),"aria-current":e.page===p.modelValue?"page":void 0,onClick:d=>x(e.page)},$(e.page),11,L))]))),128)),s("li",null,[s("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:P.value,"aria-label":"Наступна сторінка",onClick:q},[y(h(V),{name:"chevron_right",size:"24"})],8,O)])])]))}}),R=B(r,[["__scopeId","data-v-f128b85c"]]);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{R as P};
|