@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.
Files changed (113) hide show
  1. package/dist/app/assets/{Color-FRDS63T2-Dd704kcZ.js → Color-FRDS63T2-CKOPK7JY.js} +1 -1
  2. package/dist/app/assets/{Colors.stories-C49Jdn11.js → Colors.stories-CvkK10uO.js} +1 -1
  3. package/dist/app/assets/{DocsRenderer-LL677BLK-BL_R3uhu.js → DocsRenderer-LL677BLK-DqBVMebG.js} +5 -5
  4. package/dist/app/assets/{Grid.stories-jwVLa1O3.js → Grid.stories-C1B2MCTY.js} +1 -1
  5. package/dist/app/assets/{PzAccordion-CZh368dO.js → PzAccordion-DoHC4MvO.js} +1 -1
  6. package/dist/app/assets/{PzAccordion.stories-BScXmPId.js → PzAccordion.stories-BbFpclsY.js} +1 -1
  7. package/dist/app/assets/{PzAccordionTable.stories-m5rCM5SN.js → PzAccordionTable.stories-DudErN7D.js} +1 -1
  8. package/dist/app/assets/{PzArrayClamp.stories-Ry5Dkwk5.js → PzArrayClamp.stories-BC25Allj.js} +3 -3
  9. package/dist/app/assets/{PzBreadcrumb.stories-CDbw_Ssz.js → PzBreadcrumb.stories-CTMmV8EN.js} +3 -3
  10. package/dist/app/assets/{PzBtn-k_UUIy0S.js → PzBtn-CtzgQtPT.js} +1 -1
  11. package/dist/app/assets/{PzBtn.stories-Bman4k-O.js → PzBtn.stories-DZtokZxl.js} +1 -1
  12. package/dist/app/assets/{PzCheckbox-QqhfHlB9.js → PzCheckbox-DMPmd-lS.js} +1 -1
  13. package/dist/app/assets/{PzCheckbox.stories-yBkDVL1C.js → PzCheckbox.stories-Cf9p5ISo.js} +1 -1
  14. package/dist/app/assets/{PzCheckboxGroup.stories-KQxjM_Cj.js → PzCheckboxGroup.stories-DZ5MDbed.js} +1 -1
  15. package/dist/app/assets/{PzCopyToClipboard.stories-DybnCJte.js → PzCopyToClipboard.stories-B-9reYL8.js} +3 -3
  16. package/dist/app/assets/{PzDate-CKXwz5_k.js → PzDate-CMNYXH-J.js} +1 -1
  17. package/dist/app/assets/PzDate-CjW2fw1X.css +1 -0
  18. package/dist/app/assets/{PzDate.stories-DtiQtCRI.js → PzDate.stories-B5fCkAnE.js} +1 -1
  19. package/dist/app/assets/{PzDateRange.stories-DA1PkQa9.js → PzDateRange.stories-CkOMRqau.js} +1 -1
  20. package/dist/app/assets/{PzDomHandler.stories-DIBW-SMr.js → PzDomHandler.stories-CM5l3cOz.js} +1 -1
  21. package/dist/app/assets/{PzDropdown.stories-DYl4tBFT.js → PzDropdown.stories-B1ghm6HL.js} +1 -1
  22. package/dist/app/assets/{PzFileInput.stories-CBbfMqeh.js → PzFileInput.stories-Dc0kHJel.js} +1 -1
  23. package/dist/app/assets/{PzGrid.stories-Cjhd89Rj.js → PzGrid.stories-BzgVLwJw.js} +1 -1
  24. package/dist/app/assets/{PzHint-BduXv8_9.js → PzHint-fPmDJyN-.js} +1 -1
  25. package/dist/app/assets/{PzHint.stories-ChfWxbFE.js → PzHint.stories-DiVq_TW9.js} +1 -1
  26. package/dist/app/assets/{PzIcon-MCV-dGW3.js → PzIcon-BdbVjL0H.js} +1 -1
  27. package/dist/app/assets/{PzIcon.stories-DhfzFkwj.js → PzIcon.stories-Btu0iypS.js} +1 -1
  28. package/dist/app/assets/{PzImage.stories-T3CvKE0f.js → PzImage.stories-DmOLfXjg.js} +1 -1
  29. package/dist/app/assets/{PzImageInput.stories-At6RmPU5.js → PzImageInput.stories-ChMhPk9Y.js} +2 -2
  30. package/dist/app/assets/{PzInfoBlockLayout.stories-CqIQf5VP.js → PzInfoBlockLayout.stories-CrcBGk77.js} +3 -3
  31. package/dist/app/assets/{PzInfoHint-DF9t6di5.js → PzInfoHint-CnIPovvR.js} +1 -1
  32. package/dist/app/assets/{PzInfoHint.stories-BuYocN41.js → PzInfoHint.stories-BWDcnV-N.js} +1 -1
  33. package/dist/app/assets/{PzInput.stories-C-ieWR1U.js → PzInput.stories-D-jOqCE7.js} +2 -2
  34. package/dist/app/assets/{PzInputDate.stories-D4XxfW70.js → PzInputDate.stories-BojQgiyx.js} +3 -3
  35. package/dist/app/assets/{PzInputNumber.stories-C8gsDfQn.js → PzInputNumber.stories-DPu5lUX3.js} +2 -2
  36. package/dist/app/assets/PzKeyValue-B_F78Oa_.css +1 -0
  37. package/dist/app/assets/PzKeyValue-DE_5MwOU.js +1 -0
  38. package/dist/app/assets/{PzKeyValue-DMKzKVDz.css → PzKeyValue-EPKiMoJ_.css} +1 -1
  39. package/dist/app/assets/PzKeyValue.stories-Ch7rIohv.js +270 -0
  40. package/dist/app/assets/{PzLabel-DPSvIY3K.js → PzLabel-Gzu6PYek.js} +1 -1
  41. package/dist/app/assets/{PzLabel.stories-Cf7SxNnZ.js → PzLabel.stories-sU44kjkl.js} +1 -1
  42. package/dist/app/assets/{PzLink-DA5z5j3V.js → PzLink-2i4WT3xP.js} +1 -1
  43. package/dist/app/assets/{PzLink.stories-CilCNgEy.js → PzLink.stories-CIlQFKmI.js} +1 -1
  44. package/dist/app/assets/PzListNav-CXXZQEhr.css +1 -0
  45. package/dist/app/assets/PzListNav-Crese7l7.css +1 -0
  46. package/dist/app/assets/PzListNav-DL5w2QO1.js +1 -0
  47. package/dist/app/assets/PzListNav.stories-Vy2pvzcF.js +37 -0
  48. package/dist/app/assets/PzLoader.stories-fYXrYBnU.js +9 -0
  49. package/dist/app/assets/{PzModal.stories-DydDykCD.js → PzModal.stories-BgV1cln1.js} +4 -4
  50. package/dist/app/assets/{PzMultiSelect.stories-DhS2MGWw.js → PzMultiSelect.stories-D1cXlPuB.js} +3 -3
  51. package/dist/app/assets/{PzNav.stories-BLzjKEPZ.js → PzNav.stories-06NpLdFq.js} +5 -5
  52. package/dist/app/assets/{PzNumberFormat.stories-C9JM7BId.js → PzNumberFormat.stories-B0hgoW2t.js} +1 -1
  53. package/dist/app/assets/{PzPagination-DG1AHfKf.js → PzPagination-CZaMx9WU.js} +1 -1
  54. package/dist/app/assets/{PzPagination.stories-Bz_RHJis.js → PzPagination.stories-C2DVYleV.js} +1 -1
  55. package/dist/app/assets/PzPaginationProvider.stories-CwQH5PY-.js +82 -0
  56. package/dist/app/assets/{PzPriceFormat.stories-DwBA8RKo.js → PzPriceFormat.stories-CCAQMOOa.js} +1 -1
  57. package/dist/app/assets/{PzRadioGroup.stories-ctysa4zU.js → PzRadioGroup.stories-BrWxtBVa.js} +2 -2
  58. package/dist/app/assets/{PzRouterLink.stories-ON1893ha.js → PzRouterLink.stories-BwkWGEsn.js} +2 -2
  59. package/dist/app/assets/PzScrollTo-KuzwcV-o.js +1 -0
  60. package/dist/app/assets/{PzScrollTo.stories-BoFQTMWv.js → PzScrollTo.stories-CGQMejEn.js} +6 -6
  61. package/dist/app/assets/{PzSearchResultItemLayout.stories-DQhAx4Zo.js → PzSearchResultItemLayout.stories-DSuGh0y8.js} +1 -1
  62. package/dist/app/assets/{PzSelect-DQG4TsOy.js → PzSelect-RbDy3aSL.js} +1 -1
  63. package/dist/app/assets/{PzSelect.stories-7RJXivhF.js → PzSelect.stories-DsZN8zgO.js} +1 -1
  64. package/dist/app/assets/{PzSkeleton-Bj06OhMO.js → PzSkeleton-CAFgMJpB.js} +1 -1
  65. package/dist/app/assets/{PzSkeleton.stories-C3oEq_VU.js → PzSkeleton.stories-C2xEUWUB.js} +1 -1
  66. package/dist/app/assets/PzStatus-BAANjGNZ.js +1 -0
  67. package/dist/app/assets/{PzStatus.stories-3cVjp4CB.js → PzStatus.stories-Cq7HXr8w.js} +1 -1
  68. package/dist/app/assets/PzTable-DfkZeSKE.js +1 -0
  69. package/dist/app/assets/{PzTable.stories-CXBQ_GAt.js → PzTable.stories-BX99lCIl.js} +1 -1
  70. package/dist/app/assets/PzTablePaginationProvider.stories-D2PVnmym.js +32 -0
  71. package/dist/app/assets/{PzTabs.stories-oQHCFe01.js → PzTabs.stories-DYSuP3gJ.js} +3 -3
  72. package/dist/app/assets/PzTag-CAGZAy4m.js +1 -0
  73. package/dist/app/assets/{PzTag.stories-CjpBttWo.js → PzTag.stories-DDKo9LVA.js} +1 -1
  74. package/dist/app/assets/{PzText-BT7AGrPb.js → PzText-wVfv1pWv.js} +1 -1
  75. package/dist/app/assets/{PzText.stories-Cv-pXCFb.js → PzText.stories-Cbjiu4wR.js} +1 -1
  76. package/dist/app/assets/{PzTextClamp.stories-BP79QbN2.js → PzTextClamp.stories-C45ZJSNG.js} +2 -2
  77. package/dist/app/assets/{PzTextarea.stories-DBs784w8.js → PzTextarea.stories-B8AwmKlM.js} +3 -3
  78. package/dist/app/assets/{PzValidatorXSS.stories-B807Ww2_.js → PzValidatorXSS.stories-AfDspiE4.js} +1 -1
  79. package/dist/app/assets/{Spacing.stories-DFcOsREL.js → Spacing.stories-BUYW6nhY.js} +1 -1
  80. package/dist/app/assets/StaticPagination.composable-HjC3V8oE.js +1 -0
  81. package/dist/app/assets/{Typography.stories-DgBmq0vO.js → Typography.stories-BBRytD8w.js} +1 -1
  82. package/dist/app/assets/{WithTooltip-65CFNBJE-Dz7V0K3L.js → WithTooltip-65CFNBJE-BC83oSO9.js} +1 -1
  83. package/dist/app/assets/{floating-vue-BFh4npJ3.js → floating-vue-C3YQ4ztE.js} +1 -1
  84. package/dist/app/assets/{floating-vue-wDudfl6h.js → floating-vue-DNwAdjS6.js} +1 -1
  85. package/dist/app/assets/{formatter-EIJCOSYU-BeaOg5sT.js → formatter-EIJCOSYU-oRsfMJQm.js} +1 -1
  86. package/dist/app/assets/{iframe-BDUXsDwQ.js → iframe-DnMxidy5.js} +75 -75
  87. package/dist/app/assets/{index-Jyn3aWU4.js → index-BChZP_pX.js} +1 -1
  88. package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-CFtcIfy3.js → syntaxhighlighter-OH4MV7E3-DuNL3Rlp.js} +1 -1
  89. package/dist/app/iframe.html +1 -1
  90. package/dist/app/index.json +1 -1
  91. package/dist/app/project.json +1 -1
  92. package/dist/components/Navigation/PzPaginationProvider/PzPaginationProvider.vue.d.ts +20 -0
  93. package/dist/components/Navigation/PzPaginationProvider/index.d.ts +2 -0
  94. package/dist/components/Navigation/PzPaginationProvider/types.d.ts +2 -0
  95. package/dist/components/Navigation/PzTablePaginationProvider/PzTablePaginationProvider.vue.d.ts +18 -0
  96. package/dist/components/Navigation/PzTablePaginationProvider/index.d.ts +2 -0
  97. package/dist/components/Navigation/PzTablePaginationProvider/types.d.ts +2 -0
  98. package/dist/components/Navigation/shared/StaticPagination.composable.d.ts +2 -0
  99. package/dist/components/Navigation/shared/types.d.ts +14 -0
  100. package/dist/index.d.ts +2 -0
  101. package/dist/package.json +1 -1
  102. package/dist/prozorro-ui.cjs +6 -6
  103. package/dist/prozorro-ui.js +2586 -2521
  104. package/dist/style.css +1 -1
  105. package/package.json +1 -1
  106. package/dist/app/assets/PzDate-I6Dz7zBB.css +0 -1
  107. package/dist/app/assets/PzKeyValue.stories-BfNMtQt6.js +0 -270
  108. package/dist/app/assets/PzListNav-DRMKw6wp.css +0 -1
  109. package/dist/app/assets/PzListNav.stories-wldoof1r.js +0 -37
  110. package/dist/app/assets/PzLoader.stories-DF_32eFy.js +0 -9
  111. package/dist/app/assets/PzStatus-CGDtOh05.js +0 -1
  112. package/dist/app/assets/PzTable-9MtujWyE.js +0 -1
  113. 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{d as i,E as f,e as l,f as c,B as t,p as n,q as p,g as m,o as s,C as b,t as _}from"./iframe-BDUXsDwQ.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))}}),B=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{B as P};
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-BT7AGrPb.js";import{P as r}from"./PzLabel-DPSvIY3K.js";import"./iframe-BDUXsDwQ.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>
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{d as m,E as y,e as l,B as s,p as i,f as k,g as o,o as n}from"./iframe-BDUXsDwQ.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
+ 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-MCV-dGW3.js";import{P as c}from"./PzText-BT7AGrPb.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-DA5z5j3V.js";import"./iframe-BDUXsDwQ.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>
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{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 as l,u as J,v as k,N as Q,a1 as X,a2 as ee,g as r,o as s,A as oe,C as te,t as ae,r as F}from"./iframe-BDUXsDwQ.js";import{P as O}from"./PzText-BT7AGrPb.js";import{_ as se}from"./PzIcon-MCV-dGW3.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=H(),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 C=a=>{if(!(typeof document>"u")){if(a){M=document.body.style.overflow,document.body.style.overflow="hidden";return}document.body.style.overflow=M}},b=()=>{y(re)},U=()=>{o.closeOnOverlay&&b()},W=()=>{o.closeOnEscape&&b()};return V(()=>o.isOpen,a=>{C(a)},{immediate:!0}),Y(()=>{C(!1)}),(a,_)=>(s(),x(X,{to:"body"},[o.isOpen?(s(),n("div",{key:0,class:"pz-modal",onKeydown:Q(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:_[0]||(_[0]=G(()=>{},["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(),x(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},[J(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>
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 V(()=>e.isOpen,y=>{t.value=!!y}),{args:e,isOpen:t,openModal:()=>{t.value=!0},closeModal:()=>{t.value=!1}}},template:`
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,A;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
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
- }`,...(A=(j=u.parameters)==null?void 0:j.docs)==null?void 0:A.source}}};const we=["Playground","CompactInfo","WideReview","DocumentPreview"];export{c as CompactInfo,u as DocumentPreview,i as Playground,p as WideReview,we as __namedExportsOrder,be as default};
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};
@@ -1,4 +1,4 @@
1
- import{d as pe,e as V,u as P,A as T,v as g,n as k,o as q,q as i,F as de,x as ce,f as F,B as D,C as J,t as C,I as ue,r as o,g as f,w as me}from"./iframe-BDUXsDwQ.js";import{_ as ne}from"./PzIcon-MCV-dGW3.js";import{P as ge}from"./PzTag-CrMM4o3T.js";import{P as d}from"./PzText-BT7AGrPb.js";import{u as fe}from"./index-Jyn3aWU4.js";import{k as xe}from"./floating-vue-BFh4npJ3.js";import{l as I}from"./lodash-CdDiHlzQ.js";import{P as be}from"./PzLabel-DPSvIY3K.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=>I.isEqual(s,t)),oe=t=>{const s=c(t)?l.modelValue.filter(a=>!I.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,$=["Будівництво","Послуги","Транспорт","Освіта","Енергія"],Ne=Array.from({length:qe},(e,n)=>{const l=$[n%$.length];return{label:`Категорія ${String(n+1).padStart(Me,"0")} — ${l}`,value:`category-${n+1}`}}),Le=e=>`<template>
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,R,E;x.parameters={...x.parameters,docs:{...(A=x.parameters)==null?void 0:A.docs,source:{originalSource:`{
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=(R=x.parameters)==null?void 0:R.docs)==null?void 0:E.source}}};var _,B,W;b.parameters={...b.parameters,docs:{...(_=b.parameters)==null?void 0:_.docs,source:{originalSource:`{
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{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,R as V,J as j,g as L,h as y,a0 as g}from"./iframe-BDUXsDwQ.js";import{P as h}from"./PzText-BT7AGrPb.js";import{p as W}from"./configs-B15JgQZ-.js";import{_ as J}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(B(V),{key:0,to:q(e.path),class:p(["pz-nav__text",{active:z(e)}])},{default:A(()=>[f(a.$slots,"view",{data:e},()=>[x(b(e.text),1)],!0)]),_:2},1032,["to","class"]))],2))),128))],2))}}),u=J(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:"Товари"}],Q=[{path:"/tender/details",text:"Деталі закупівлі",isDefault:!0},{path:"/tender/questions",text:"Питання та вимоги (0)"},{path:"/tender/complaints",text:"Скарги (0)"},{path:"/tender/monitoring",text:"Моніторинг (0)",disabled:!0}],U=[{path:"/archive/overview",text:"Overview",isDefault:!0},{path:"/archive/history",text:"History",disabled:!0},{path:"/archive/files",text:"Files"}],G=s=>`<template>
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>`,H=()=>`<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)=>G(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:Q}},template:`
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:U},render:s=>({components:{pzNav:u,pzText:h},setup(){const t=g();return y(async()=>{await t.push("/archive/unknown")}),{args:s}},template:`
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:H()}}},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:`
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">
@@ -1,4 +1,4 @@
1
- import{P as o}from"./PzNumberFormat-D5xYsZ3A.js";import{P as a}from"./PzText-BT7AGrPb.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BDUXsDwQ.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:`
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{d as F,e as o,q as s,u as z,v as h,F as I,x as w,g as l,o as i,f as T,t as $}from"./iframe-BDUXsDwQ.js";import{_ as V}from"./PzIcon-MCV-dGW3.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),x=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),y=Math.min(b,c+e),n=[{type:"page",page:m}];v>d&&n.push({type:"dots",side:"left"});for(let g=v;g<=y;g++)n.push({type:"page",page:g});return y<b&&n.push({type:"dots",side:"right"}),n.push({type:"page",page:t}),n}),N=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},[z(h(V),{name:"chevron_left",size:"24"})],8,S)]),(i(!0),o(I,null,w(x.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=>N(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},[z(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};
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};