@prozorro/prozorro-ui 0.0.18 → 0.0.20-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 (207) hide show
  1. package/dist/app/assets/{Color-FRDS63T2-BzWYtFMz.js → Color-FRDS63T2-BCwbAC62.js} +1 -1
  2. package/dist/app/assets/{Colors.stories-nhKxNhBA.js → Colors.stories-CtzTTuaw.js} +1 -1
  3. package/dist/app/assets/{DocsRenderer-LL677BLK-B34qcR97.js → DocsRenderer-LL677BLK-DKKPj_O9.js} +5 -5
  4. package/dist/app/assets/{Grid.stories-v2euRVgx.js → Grid.stories-jNLiuP5v.js} +1 -1
  5. package/dist/app/assets/PzAccordion-BE5pfsji.js +1 -0
  6. package/dist/app/assets/PzAccordion-CJcM-9ym.css +1 -0
  7. package/dist/app/assets/{PzAccordion-ChXTPL78.css → PzAccordion-DKtMpe35.css} +1 -1
  8. package/dist/app/assets/{PzAccordion.stories-DJ_HT9fk.js → PzAccordion.stories-CmwUyxgn.js} +8 -7
  9. package/dist/app/assets/PzAccordionTable-C5s89sJN.css +1 -0
  10. package/dist/app/assets/PzAccordionTable.stories-CuWPb-K3.js +275 -0
  11. package/dist/app/assets/{PzArrayClamp-CsVVAZeZ.css → PzArrayClamp-BLTRNBbk.css} +1 -1
  12. package/dist/app/assets/{PzArrayClamp.stories-DfNrdeZo.js → PzArrayClamp.stories-CFGb8iDZ.js} +7 -6
  13. package/dist/app/assets/{PzBreadcrumb-DkQH4zmx.css → PzBreadcrumb-HHnQHkds.css} +1 -1
  14. package/dist/app/assets/{PzBreadcrumb.stories-DaOHQHgW.js → PzBreadcrumb.stories-CbMCWY_D.js} +6 -6
  15. package/dist/app/assets/PzBtn-916mU0oY.css +1 -0
  16. package/dist/app/assets/PzBtn-B6FfMKnt.js +1 -0
  17. package/dist/app/assets/{PzBtn.stories-CYGLKqc3.js → PzBtn.stories-CB3V5RIg.js} +5 -4
  18. package/dist/app/assets/PzCheckbox-D2lG-G61.css +1 -0
  19. package/dist/app/assets/{PzCheckbox-rwLDdHDy.js → PzCheckbox-DOo3G1X1.js} +1 -1
  20. package/dist/app/assets/{PzCheckbox-AjI7DN-X.css → PzCheckbox-DorABAyu.css} +1 -1
  21. package/dist/app/assets/{PzCheckbox.stories-DeT3ACPx.js → PzCheckbox.stories-DidDblqz.js} +1 -1
  22. package/dist/app/assets/{PzCheckboxGroup-BbrrL6mA.css → PzCheckboxGroup-D7y05FyD.css} +1 -1
  23. package/dist/app/assets/{PzCheckboxGroup.stories-B7EJ8z_H.js → PzCheckboxGroup.stories-x2GASZVJ.js} +3 -3
  24. package/dist/app/assets/PzCopyToClipboard-DOtO0RBq.css +1 -0
  25. package/dist/app/assets/PzCopyToClipboard.stories-194irny1.js +45 -0
  26. package/dist/app/assets/PzDate-Aqy8E-pf.css +1 -0
  27. package/dist/app/assets/PzDate-nABPu9YL.js +1 -0
  28. package/dist/app/assets/{PzDate.stories-B00KT0Z3.js → PzDate.stories-COyd-5io.js} +6 -5
  29. package/dist/app/assets/PzDateRange-BiJOokbK.css +1 -0
  30. package/dist/app/assets/PzDateRange.stories-DfskPbOd.js +9 -0
  31. package/dist/app/assets/{PzDomHandler.stories-ZmoUgZpO.js → PzDomHandler.stories-DsM3ECo5.js} +1 -1
  32. package/dist/app/assets/{PzDropdown.stories-ADCvYGy6.js → PzDropdown.stories-CZuAeRbp.js} +1 -1
  33. package/dist/app/assets/PzFileInput-BOG2rn9_.css +1 -0
  34. package/dist/app/assets/{PzFileInput.stories-C8jaYuqu.js → PzFileInput.stories-BL0Tc3gt.js} +3 -3
  35. package/dist/app/assets/{PzGrid.stories-COAFHJ1W.js → PzGrid.stories-BOBFdUIq.js} +3 -3
  36. package/dist/app/assets/{PzHint-C_J-NgV5.js → PzHint-4Fot3oSD.js} +1 -1
  37. package/dist/app/assets/{PzHint.stories-DE3Jaybz.js → PzHint.stories-CglItPHb.js} +1 -1
  38. package/dist/app/assets/{PzIcon-DtHaOlhQ.js → PzIcon-poIOHVO1.js} +1 -1
  39. package/dist/app/assets/{PzIcon.stories-C_oYU4SD.js → PzIcon.stories-D3H69ZNb.js} +1 -1
  40. package/dist/app/assets/{PzImage.stories-DzlwKuwT.js → PzImage.stories-Dr5q7WPt.js} +1 -1
  41. package/dist/app/assets/PzImageInput-Dpxr8tsf.css +1 -0
  42. package/dist/app/assets/{PzImageInput.stories-OocNgTF2.js → PzImageInput.stories-C_IwemtR.js} +4 -4
  43. package/dist/app/assets/{PzInfoBlockLayout.stories-BY3P0fbt.js → PzInfoBlockLayout.stories-CAul1FJQ.js} +2 -2
  44. package/dist/app/assets/{PzInfoHint-2M1N5-8H.js → PzInfoHint-m4sypHCu.js} +1 -1
  45. package/dist/app/assets/{PzInfoHint.stories-8vdsE657.js → PzInfoHint.stories-Bp-VVeGv.js} +1 -1
  46. package/dist/app/assets/PzInput-BCMo6PmT.css +1 -0
  47. package/dist/app/assets/{PzInput.stories-C3jn5y4z.js → PzInput.stories-CSv2zeeK.js} +5 -5
  48. package/dist/app/assets/PzInputDate-DajGwKjI.css +1 -0
  49. package/dist/app/assets/{PzInputDate.stories-DZmyNFFO.js → PzInputDate.stories-C5N12fHj.js} +3 -3
  50. package/dist/app/assets/PzInputNumber-D-YWl_V4.css +1 -0
  51. package/dist/app/assets/{PzInputNumber.stories-CK8e-Ve8.js → PzInputNumber.stories-BWMl9xMs.js} +3 -3
  52. package/dist/app/assets/PzKeyValue-77OwsVir.css +1 -0
  53. package/dist/app/assets/{PzKeyValue.stories-DC6ls3DF.js → PzKeyValue.stories-DBdiUEg8.js} +4 -4
  54. package/dist/app/assets/{PzLabel-De4xOP9y.js → PzLabel-BAPh5yk-.js} +1 -1
  55. package/dist/app/assets/{PzLabel-CNUgfkly.css → PzLabel-Cm_pZbcB.css} +1 -1
  56. package/dist/app/assets/PzLabel-ShA-3tPi.css +1 -0
  57. package/dist/app/assets/{PzLabel.stories-xnARVoWF.js → PzLabel.stories-Ha9WPtao.js} +1 -1
  58. package/dist/app/assets/PzLink-BO5pzUA8.css +1 -0
  59. package/dist/app/assets/PzLink-Q1NpV_QJ.js +1 -0
  60. package/dist/app/assets/{PzLink.stories-C3F89V5M.js → PzLink.stories-hIyGbNoM.js} +4 -3
  61. package/dist/app/assets/{PzListNav.stories-CDlZUHY5.js → PzListNav.stories-D7q3d-8H.js} +3 -3
  62. package/dist/app/assets/PzLoader.stories-BI9WG9-O.js +9 -0
  63. package/dist/app/assets/PzModal-Da1AKItx.css +1 -0
  64. package/dist/app/assets/{PzModal.stories-Mx8xHWMO.js → PzModal.stories-BG9V1Q5u.js} +4 -4
  65. package/dist/app/assets/PzMultiSelect-kijICuQ3.css +1 -0
  66. package/dist/app/assets/{PzMultiSelect.stories-BFoMHVkN.js → PzMultiSelect.stories-C19obsVM.js} +7 -7
  67. package/dist/app/assets/{PzNav-rSxiOk6V.css → PzNav-De1tcVxU.css} +1 -1
  68. package/dist/app/assets/{PzNav.stories-BfBh_I0D.js → PzNav.stories-C5O8_B-7.js} +9 -9
  69. package/dist/app/assets/{PzNumberFormat.stories-B_eYrwc4.js → PzNumberFormat.stories-CbaBSOl1.js} +1 -1
  70. package/dist/app/assets/{PzPagination-ohvV8gN-.css → PzPagination-BF-U8BNg.css} +1 -1
  71. package/dist/app/assets/PzPagination-DsLCoCA7.css +1 -0
  72. package/dist/app/assets/{PzPagination-Bw11L7YO.js → PzPagination-isThZsEU.js} +1 -1
  73. package/dist/app/assets/{PzPagination.stories-CZV0Q_-k.js → PzPagination.stories-BvCbYxR9.js} +1 -1
  74. package/dist/app/assets/{PzPriceFormat.stories-0KN52A9w.js → PzPriceFormat.stories-Btgv2UfV.js} +1 -1
  75. package/dist/app/assets/PzRadioGroup-DfOusdQ3.css +1 -0
  76. package/dist/app/assets/{PzRadioGroup.stories-A26PEqyR.js → PzRadioGroup.stories-BDptT0Zt.js} +2 -2
  77. package/dist/app/assets/PzRouterLink.stories-D10ABe6z.js +55 -0
  78. package/dist/app/assets/{PzScrollTo-GAEPiQFO.css → PzScrollTo-DC2p3qx8.css} +1 -1
  79. package/dist/app/assets/{PzScrollTo.stories-DzubaggF.js → PzScrollTo.stories-BJlLBIwI.js} +1 -1
  80. package/dist/app/assets/{PzSearchResultItemLayout-B3s9Usmb.css → PzSearchResultItemLayout-DPNsOBqN.css} +1 -1
  81. package/dist/app/assets/{PzSearchResultItemLayout.stories-CPFjtSNv.js → PzSearchResultItemLayout.stories-BEoAgmcx.js} +1 -1
  82. package/dist/app/assets/{PzSelect-Cn9BkSfg.js → PzSelect-Dvm9WLeL.js} +1 -1
  83. package/dist/app/assets/PzSelect-kuxLgX5-.css +1 -0
  84. package/dist/app/assets/{PzSelect-BwhRsTZd.css → PzSelect-qGupIZIz.css} +1 -1
  85. package/dist/app/assets/{PzSelect.stories-CgwCMZd-.js → PzSelect.stories-CFfqe1eq.js} +1 -1
  86. package/dist/app/assets/{PzSkeleton-BwC2svLL.js → PzSkeleton-Bf3tDBUe.js} +1 -1
  87. package/dist/app/assets/{PzSkeleton.stories-DsurBEj4.js → PzSkeleton.stories-C1EGR_pz.js} +1 -1
  88. package/dist/app/assets/{PzStatus-B_H5z0YP.css → PzStatus--2NXUTlv.css} +1 -1
  89. package/dist/app/assets/PzStatus-CrMtYbRR.css +1 -0
  90. package/dist/app/assets/PzStatus-QcYI0uS9.js +1 -0
  91. package/dist/app/assets/{PzStatus.stories-Df25pJr9.js → PzStatus.stories-DMUAfPRV.js} +4 -3
  92. package/dist/app/assets/{PzTable-BNMYmoRd.css → PzTable-BOVqN6WA.css} +1 -1
  93. package/dist/app/assets/PzTable-CMrM0T_5.css +1 -0
  94. package/dist/app/assets/PzTable-CmJiR0G9.js +1 -0
  95. package/dist/app/assets/{PzTable.stories-BLvcQ6Rw.js → PzTable.stories-CaJjJF9B.js} +1 -1
  96. package/dist/app/assets/{PzTabs.stories-b4hlFEwl.js → PzTabs.stories-DoOhgnnG.js} +4 -4
  97. package/dist/app/assets/PzTag-BU4Nffdd.css +1 -0
  98. package/dist/app/assets/PzTag-DQn6tX-W.js +1 -0
  99. package/dist/app/assets/{PzTag.stories-Ujqwci2O.js → PzTag.stories-BeTLgPu9.js} +7 -6
  100. package/dist/app/assets/{PzText-BQZq8EVF.js → PzText-OlPU47Sz.js} +1 -1
  101. package/dist/app/assets/PzText-uPzrIzSU.css +1 -0
  102. package/dist/app/assets/{PzText.stories-BuvdtkFm.js → PzText.stories-DnRec827.js} +16 -16
  103. package/dist/app/assets/{PzTextClamp-B1WSxo7S.css → PzTextClamp-sinphphZ.css} +1 -1
  104. package/dist/app/assets/PzTextClamp.stories-DfWH1f4J.js +150 -0
  105. package/dist/app/assets/PzTextarea-DlC8K0sa.css +1 -0
  106. package/dist/app/assets/{PzTextarea.stories-DOG1qi1P.js → PzTextarea.stories-CCqwYmNv.js} +5 -5
  107. package/dist/app/assets/{PzValidatorXSS.stories-DscJMjuB.js → PzValidatorXSS.stories-CinnvE3j.js} +1 -1
  108. package/dist/app/assets/{Spacing.stories-DBSqX1Hj.js → Spacing.stories-BDxnAaOa.js} +1 -1
  109. package/dist/app/assets/{Typography.stories-DMvAqFvP.js → Typography.stories-CjEk87CA.js} +1 -1
  110. package/dist/app/assets/{WithTooltip-65CFNBJE-ByDyVRbq.js → WithTooltip-65CFNBJE-CbbvshsF.js} +1 -1
  111. package/dist/app/assets/configs-B15JgQZ-.js +1 -0
  112. package/dist/app/assets/{floating-vue-n4D6Ru3Z.js → floating-vue-SZH28boQ.js} +1 -1
  113. package/dist/app/assets/{floating-vue-bEyZEONw.js → floating-vue-Xnl0QKgi.js} +1 -1
  114. package/dist/app/assets/{formatter-EIJCOSYU-Cy8KDV6A.js → formatter-EIJCOSYU-p1Msusj6.js} +1 -1
  115. package/dist/app/assets/{iframe-CAy7Hju8.css → iframe-ujC0K8xu.css} +1 -1
  116. package/dist/app/assets/{iframe-C0Tj7XHr.js → iframe-yhLt8Lok.js} +75 -75
  117. package/dist/app/assets/{index-DcEnsmNU.js → index-DW75gAYJ.js} +1 -1
  118. package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-DaMG7TRH.js → syntaxhighlighter-OH4MV7E3-DdpEs6av.js} +1 -1
  119. package/dist/app/iframe.html +2 -2
  120. package/dist/app/index.json +1 -1
  121. package/dist/app/project.json +1 -1
  122. package/dist/components/Actions/PzBtn/types.d.ts +2 -0
  123. package/dist/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue.d.ts +1 -1
  124. package/dist/components/Actions/PzLink/PzLink.vue.d.ts +1 -1
  125. package/dist/components/Actions/PzLink/types.d.ts +2 -0
  126. package/dist/components/Actions/PzRouterLink/PzRouterLink.vue.d.ts +1 -1
  127. package/dist/components/Display/PzDate/types.d.ts +2 -0
  128. package/dist/components/Display/PzDateRange/types.d.ts +2 -0
  129. package/dist/components/Display/PzIcon/PzIcon.vue.d.ts +1 -1
  130. package/dist/components/Display/PzLoader/PzLoader.vue.d.ts +1 -1
  131. package/dist/components/Display/PzStatus/configs.d.ts +1 -1
  132. package/dist/components/Display/PzStatus/types.d.ts +2 -0
  133. package/dist/components/Display/PzTag/configs.d.ts +1 -1
  134. package/dist/components/Display/PzTag/types.d.ts +2 -0
  135. package/dist/components/Form/PzFileInput/PzFileInput.vue.d.ts +1 -1
  136. package/dist/components/Form/PzImageInput/PzImageInput.vue.d.ts +1 -1
  137. package/dist/components/Form/PzInput/PzInput.vue.d.ts +2 -2
  138. package/dist/components/Form/PzInputDate/PzInputDate.vue.d.ts +1 -1
  139. package/dist/components/Form/PzInputNumber/PzInputNumber.vue.d.ts +2 -2
  140. package/dist/components/Form/PzLabel/PzLabel.vue.d.ts +1 -1
  141. package/dist/components/Form/PzMultiSelect/PzMultiSelect.vue.d.ts +1 -1
  142. package/dist/components/Form/PzSelect/PzSelect.vue.d.ts +2 -2
  143. package/dist/components/Form/PzTextarea/PzTextarea.vue.d.ts +1 -1
  144. package/dist/components/Layouts/PzAccordion/PzAccordion.vue.d.ts +1 -1
  145. package/dist/components/Layouts/PzAccordion/types.d.ts +2 -0
  146. package/dist/components/Layouts/PzGrid/PzGrid.vue.d.ts +1 -1
  147. package/dist/components/Layouts/PzGrid/PzGridItem.vue.d.ts +1 -1
  148. package/dist/components/Layouts/PzGrid/configs.d.ts +1 -1
  149. package/dist/components/Navigation/PzNav/types.d.ts +2 -0
  150. package/dist/components/Text/PzArrayClamp/PzArrayClamp.vue.d.ts +1 -1
  151. package/dist/components/Text/PzArrayClamp/types.d.ts +2 -0
  152. package/dist/components/Text/PzText/configs.d.ts +2 -2
  153. package/dist/components/Text/PzTextClamp/PzTextClamp.vue.d.ts +3 -3
  154. package/dist/components/Text/PzTextClamp/types.d.ts +2 -0
  155. package/dist/index.d.ts +1 -1
  156. package/dist/package.json +1 -1
  157. package/dist/prozorro-ui.cjs +6 -6
  158. package/dist/prozorro-ui.js +2405 -2420
  159. package/dist/style.css +1 -1
  160. package/package.json +1 -1
  161. package/src/styles/abstract/_typography.scss +5 -3
  162. package/src/styles/base/_typography.scss +125 -0
  163. package/src/styles/main.scss +1 -0
  164. package/dist/app/assets/PzAccordion-B0I9gAH8.js +0 -1
  165. package/dist/app/assets/PzAccordion-C0TpPK-x.css +0 -1
  166. package/dist/app/assets/PzAccordionTable-BAkuTUT5.css +0 -1
  167. package/dist/app/assets/PzAccordionTable.stories-DxKqjo-e.js +0 -275
  168. package/dist/app/assets/PzBtn-DcyqEb3Q.js +0 -1
  169. package/dist/app/assets/PzBtn-jjH45VOr.css +0 -1
  170. package/dist/app/assets/PzCheckbox-CMoU-kLD.css +0 -1
  171. package/dist/app/assets/PzClamp-DQz8TA5G.css +0 -1
  172. package/dist/app/assets/PzClamp.stories-Cy07si4i.js +0 -1
  173. package/dist/app/assets/PzCopyToClipboard-DYvP-lFq.css +0 -1
  174. package/dist/app/assets/PzCopyToClipboard.stories-C8ifzOzW.js +0 -45
  175. package/dist/app/assets/PzDate-Bsbb_VSV.css +0 -1
  176. package/dist/app/assets/PzDate-C90nxGrj.js +0 -1
  177. package/dist/app/assets/PzDateRange-D51oBNib.css +0 -1
  178. package/dist/app/assets/PzDateRange.stories-CvIYNizv.js +0 -9
  179. package/dist/app/assets/PzFileInput-DbN-ooyB.css +0 -1
  180. package/dist/app/assets/PzImageInput-dWKF820O.css +0 -1
  181. package/dist/app/assets/PzInput-CJA3u8GT.css +0 -1
  182. package/dist/app/assets/PzInputDate-pqxv_Osl.css +0 -1
  183. package/dist/app/assets/PzInputNumber-Bo159ZgO.css +0 -1
  184. package/dist/app/assets/PzKeyValue--VZbtZaU.css +0 -1
  185. package/dist/app/assets/PzLabel-b7WCTEW3.css +0 -1
  186. package/dist/app/assets/PzLink-BgMOL5GA.css +0 -1
  187. package/dist/app/assets/PzLink-C34ePoHR.js +0 -1
  188. package/dist/app/assets/PzLoader.stories-Ctqutr_i.js +0 -9
  189. package/dist/app/assets/PzModal-CFz3X4Lh.css +0 -1
  190. package/dist/app/assets/PzMultiSelect-JrKh7BA8.css +0 -1
  191. package/dist/app/assets/PzPagination-B4-GW3ZR.css +0 -1
  192. package/dist/app/assets/PzRadioGroup-BeXU451M.css +0 -1
  193. package/dist/app/assets/PzRouterLink.stories-CmmyRt54.js +0 -54
  194. package/dist/app/assets/PzSelect-Cc3jbYPS.css +0 -1
  195. package/dist/app/assets/PzStatus-B8fDQ3ZX.js +0 -1
  196. package/dist/app/assets/PzStatus-BJklUof0.css +0 -1
  197. package/dist/app/assets/PzTable-C1EasZ6G.css +0 -1
  198. package/dist/app/assets/PzTable-DuU8JAt1.js +0 -1
  199. package/dist/app/assets/PzTag-DkBbAhaD.css +0 -1
  200. package/dist/app/assets/PzTag-F76Pw53L.js +0 -1
  201. package/dist/app/assets/PzText-BwoHBjGs.css +0 -1
  202. package/dist/app/assets/PzTextClamp.stories-Dc67q_-y.js +0 -149
  203. package/dist/app/assets/PzTextarea-B3skmX1A.css +0 -1
  204. package/dist/app/assets/text-clamp.esm-Dv0GEKqA.js +0 -1
  205. package/dist/components/Display/PzClamp/PzClamp.vue.d.ts +0 -8
  206. package/dist/components/Display/PzClamp/index.d.ts +0 -2
  207. package/dist/components/Display/PzClamp/types.d.ts +0 -7
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prozorro/prozorro-ui",
3
3
  "private": false,
4
- "version": "0.0.18",
4
+ "version": "0.0.20-beta",
5
5
  "description": "Official Prozorro UI Library",
6
6
  "author": "Dmytro Rybachek",
7
7
  "license": "MIT",
@@ -15,10 +15,12 @@
15
15
 
16
16
  @mixin typography-emit($size, $weight, $line: 1.5, $prefix: null) {
17
17
  @if $prefix {
18
- font-size: var(--#{$prefix}-font-size, #{$size});
19
- font-weight: var(--#{$prefix}-font-weight, #{$weight});
20
- line-height: var(--#{$prefix}-line-height, #{$line});
18
+ overflow-wrap: break-word;
19
+ font-size: var(--#{$prefix}-font-size, var(--pz-typography-font-size, #{$size}));
20
+ font-weight: var(--#{$prefix}-font-weight, var(--pz-typography-font-weight, #{$weight}));
21
+ line-height: var(--#{$prefix}-line-height, var(--pz-typography-line-height, #{$line}));
21
22
  } @else {
23
+ overflow-wrap: break-word;
22
24
  font-size: $size;
23
25
  font-weight: $weight;
24
26
  line-height: $line;
@@ -0,0 +1,125 @@
1
+ @use "sass:list";
2
+
3
+ // Utility classes for opt-in typography variants. Mirror PzText variants and
4
+ // expose --pz-typography-* CSS vars consumed by the typography mixins. Any
5
+ // component whose typography mixin uses a prefix will pick these up via the
6
+ // fallback chain without specificity conflicts.
7
+
8
+ $pz-typography-variants: (
9
+ "h1-bold": (
10
+ 44,
11
+ 700,
12
+ ),
13
+ "h1-regular": (
14
+ 44,
15
+ 400,
16
+ ),
17
+ "h2-bold": (
18
+ 32,
19
+ 700,
20
+ ),
21
+ "h3-bold": (
22
+ 24,
23
+ 700,
24
+ ),
25
+ "h3-regular": (
26
+ 24,
27
+ 400,
28
+ ),
29
+ "h4-regular": (
30
+ 18,
31
+ 400,
32
+ ),
33
+ "h4-semibold": (
34
+ 18,
35
+ 600,
36
+ ),
37
+ "h4-bold": (
38
+ 18,
39
+ 700,
40
+ ),
41
+ "subtitle": (
42
+ 16,
43
+ 600,
44
+ ),
45
+ "body-regular": (
46
+ 14,
47
+ 400,
48
+ ),
49
+ "body-semibold": (
50
+ 14,
51
+ 600,
52
+ ),
53
+ "body-bold": (
54
+ 14,
55
+ 700,
56
+ ),
57
+ "capitalized": (
58
+ 14,
59
+ 400,
60
+ ),
61
+ "hint": (
62
+ 14,
63
+ 400,
64
+ ),
65
+ "line-through": (
66
+ 14,
67
+ 400,
68
+ ),
69
+ "small-regular": (
70
+ 12,
71
+ 400,
72
+ ),
73
+ "small-semibold": (
74
+ 12,
75
+ 600,
76
+ ),
77
+ "small-bold": (
78
+ 12,
79
+ 700,
80
+ ),
81
+ "link": (
82
+ 14,
83
+ 400,
84
+ ),
85
+ "document": (
86
+ 14,
87
+ 400,
88
+ ),
89
+ );
90
+
91
+ .pz-typography {
92
+ @each $name, $tokens in $pz-typography-variants {
93
+ $size: list.nth($tokens, 1);
94
+ $weight: list.nth($tokens, 2);
95
+
96
+ &--#{$name} {
97
+ --pz-typography-font-size: var(--pz-font-size-#{$size});
98
+ --pz-typography-font-weight: #{$weight};
99
+ --pz-typography-line-height: 1.5;
100
+ }
101
+ }
102
+
103
+ &--centered {
104
+ text-align: center;
105
+ }
106
+
107
+ &--capitalized {
108
+ text-transform: uppercase;
109
+ letter-spacing: 0.05em;
110
+ }
111
+
112
+ &--hint {
113
+ color: var(--pz-color-text-secondary);
114
+ }
115
+
116
+ &--line-through {
117
+ text-decoration: line-through;
118
+ }
119
+
120
+ &--link {
121
+ color: var(--pz-color-text-link);
122
+ text-decoration: underline;
123
+ cursor: pointer;
124
+ }
125
+ }
@@ -9,3 +9,4 @@
9
9
  @use "base/spacing";
10
10
  @use "base/grid";
11
11
  @use "base/reset";
12
+ @use "base/typography";
@@ -1 +0,0 @@
1
- import{d as p,e as n,k as i,F as g,A as v,u as c,l as r,f as _,y as b,o as a,B as h,V as P,K as V,t as C,z as f,D as x,g as A}from"./iframe-C0Tj7XHr.js";import{_ as k}from"./PzIcon-DtHaOlhQ.js";import{P as w}from"./PzSkeleton-BwC2svLL.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const B=[{id:"line-1",width:"187px"},{id:"line-2",width:"242px"},{id:"line-3",width:"169px"},{id:"line-4",width:"364px"},{id:"line-5",width:"481px"},{id:"line-6",width:"436px"},{id:"line-7",width:"436px"},{id:"line-8",width:"436px"},{id:"line-9",width:"481px"}],N={key:0,class:"pz-accordion-content__transition"},$={key:0,class:"pz-accordion-content__loader"},q={key:1},t=p({name:"PzAccordionContent",__name:"PzAccordionContent",props:{active:{type:Boolean},loading:{type:Boolean,default:!1},contentClass:{default:""}},setup(e){return(s,u)=>e.active?(a(),n("div",N,[i("div",{class:_(["pz-accordion-content__surface",e.contentClass])},[e.loading?(a(),n("div",$,[(a(!0),n(g,null,v(c(B),o=>(a(),h(c(w),{key:o.id,width:o.width,height:"24px"},null,8,["width"]))),128))])):(a(),n("div",q,[r(s.$slots,"default",{},void 0,!0)]))],2)])):b("",!0)}}),I=z(t,[["__scopeId","data-v-cc5d33b2"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__name},{name:"PzAccordionContent",exportName:"default",displayName:"PzAccordionContent",description:"",tags:{},props:[{name:"active",required:!0,type:{name:"boolean"}},{name:"loading",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"contentClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzAccordion/PzAccordionContent.vue"]});const j=["aria-expanded","disabled"],F={class:"pz-accordion__trigger-content"},L={key:0,class:"pz-accordion__label"},l=p({name:"PzAccordion",__name:"PzAccordion",props:{modelValue:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},label:{default:""},disabled:{type:Boolean,default:!1},contentClass:{default:""}},emits:["update:modelValue"],setup(e,{emit:s}){const u=s,o=e,m=()=>{o.disabled||u("update:modelValue",!o.modelValue)},y=A(()=>({active:o.modelValue,disabled:o.disabled,toggle:m}));return(d,S)=>(a(),n("div",{class:_(["pz-accordion",{"pz-accordion--open":e.modelValue,disabled:e.disabled}])},[i("button",{type:"button",class:"pz-accordion__trigger","aria-expanded":e.modelValue,disabled:e.disabled,onClick:m},[i("span",F,[d.$slots.trigger?r(d.$slots,"trigger",P(V({key:0},y.value)),void 0,!0):(a(),n(g,{key:1},[e.label?(a(),n("span",L,C(e.label),1)):b("",!0)],64))]),f(c(k),{name:"expand_more",size:"20",class:"pz-accordion__icon"})],8,j),f(I,{active:e.modelValue,"content-class":e.contentClass,loading:e.loading},{default:x(()=>[r(d.$slots,"default",{},void 0,!0)]),_:3},8,["active","content-class","loading"])],2))}}),K=z(l,[["__scopeId","data-v-ce4ca346"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzAccordion",exportName:"default",displayName:"PzAccordion",description:"",tags:{},props:[{name:"modelValue",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"loading",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"contentClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"trigger",scoped:!0,bindings:[]},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzAccordion/PzAccordion.vue"]});export{K as P,I as a};
@@ -1 +0,0 @@
1
- .pz-accordion-content[data-v-cc5d33b2]{--margin: var(--pz-space-4)}.pz-accordion-content__transition[data-v-cc5d33b2]{width:100%}.pz-accordion-content__loader[data-v-cc5d33b2]{display:grid;gap:var(--pz-space-8)}.pz-accordion-content__surface[data-v-cc5d33b2]{width:100%;margin-top:var(--margin);margin-bottom:var(--margin)}@media (min-width: 1024px){.pz-accordion-content__surface[data-v-cc5d33b2]{--margin: var(--pz-space-8)}}.pz-accordion[data-v-ce4ca346]{border-top:1px solid var(--pz-color-stroke-grey);border-bottom:1px solid var(--pz-color-stroke-grey)}.pz-accordion+.pz-accordion[data-v-ce4ca346]{border-top-width:0}.pz-accordion__trigger[data-v-ce4ca346]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16);width:100%;padding:var(--pz-space-16) 0 var(--pz-space-24) 0;border:0;background:transparent;color:var(--pz-color-text-primary);text-align:left;cursor:pointer}.pz-accordion__trigger[data-v-ce4ca346]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px}.pz-accordion__trigger[data-v-ce4ca346]:hover:not(:disabled){background-color:color-mix(in srgb,var(--pz-color-blue-10) 72%,transparent)}.pz-accordion__trigger[data-v-ce4ca346]:disabled{cursor:default}.pz-accordion__trigger-content[data-v-ce4ca346]{flex:1 1 auto;min-width:0}.pz-accordion__label[data-v-ce4ca346]{display:inline-flex;align-items:center;min-width:0;font-size:var(--pz-accordion-label-font-size, var(--pz-font-size-14));font-weight:var(--pz-accordion-label-font-weight, 600);line-height:var(--pz-accordion-label-line-height, 1.5)}.pz-accordion__icon[data-v-ce4ca346]{flex:0 0 auto;margin-top:2px;color:var(--pz-color-text-secondary)}.pz-accordion--open .pz-accordion__icon[data-v-ce4ca346]{transform:rotate(180deg);color:var(--pz-color-text-primary)}.pz-accordion.disabled[data-v-ce4ca346]{opacity:.7}
@@ -1 +0,0 @@
1
- .pz-accordion-table-wrap[data-v-de5b3340]{width:100%;overflow-x:auto}.pz-accordion-table[data-v-de5b3340]{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--pz-color-text-primary);font-size:var(--pz-accordion-table-font-size, var(--pz-font-size-14));font-weight:var(--pz-accordion-table-font-weight, 400);line-height:var(--pz-accordion-table-line-height, 1.5)}@media (max-width: 1023.98px){.pz-accordion-table__head[data-v-de5b3340]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.pz-accordion-table__row[data-v-de5b3340]{position:relative;border-bottom:1px solid var(--pz-color-stroke-grey)}.pz-accordion-table__row.open[data-v-de5b3340]{border-bottom-width:0}.pz-accordion-table__row.expandable[data-v-de5b3340]:hover{background-color:color-mix(in srgb,var(--pz-color-blue-10) 72%,transparent);cursor:pointer}.pz-accordion-table__row--sub-row[data-v-de5b3340]{border-bottom-width:0}@media (max-width: 1023.98px){.pz-accordion-table__row--sub-row[data-v-de5b3340]{display:block}}.pz-accordion-table__row--sub-row-open[data-v-de5b3340]{border-bottom-width:1px}@media (max-width: 1023.98px){.pz-accordion-table__row[data-v-de5b3340]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pz-space-8);padding-block:var(--pz-space-16)}}@media (max-width: 1023.98px){.pz-accordion-table__cell--first-col[data-v-de5b3340]{padding-right:var(--pz-space-40)}}.pz-accordion-table__toggle-head[data-v-de5b3340]{width:48px}.pz-accordion-table__toggle-cell[data-v-de5b3340]{width:48px;padding:var(--pz-space-12) 0 var(--pz-space-16) var(--pz-space-8);text-align:right;vertical-align:top}@media (max-width: 1023.98px){.pz-accordion-table__toggle-cell[data-v-de5b3340]{position:absolute;top:var(--pz-space-16);right:0;width:auto;padding:0}}.pz-accordion-table__toggle-button[data-v-de5b3340]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--pz-color-text-secondary);cursor:pointer}.pz-accordion-table__toggle-button[data-v-de5b3340]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px}.pz-accordion-table__toggle-button[data-v-de5b3340]:hover{background-color:color-mix(in srgb,var(--pz-color-blue-10) 72%,transparent);color:var(--pz-color-text-primary)}.pz-accordion-table__toggle-button--open[data-v-de5b3340]{color:var(--pz-color-text-primary);transform:rotate(180deg)}.pz-accordion-table__sub-row-cell[data-v-de5b3340]{padding:0}.pz-accordion-table[data-v-de5b3340] .pz-accordion-table-sub-row-surface{padding:var(--pz-space-16) 0 var(--pz-space-24);background:color-mix(in srgb,var(--pz-color-blue-10) 18%,var(--pz-color-white))}.pz-accordion-table-story{display:grid;gap:var(--pz-space-24)}.pz-accordion-table-story-board{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-accordion-table-story-header,.pz-accordion-table-story-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-accordion-table-story-copy,.pz-accordion-table-story-sub-row,.pz-accordion-table-story-detail,.pz-accordion-table-story-tags,.pz-accordion-table-story-detail-list{display:grid;gap:var(--pz-space-12)}.pz-accordion-table-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-accordion-table-story-preview{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-accordion-table-story-detail-copy,.pz-accordion-table-story-detail-list{margin:0;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-accordion-table-story-detail-list{padding-left:var(--pz-space-20)}@media (width <= 900px){.pz-accordion-table-story-header,.pz-accordion-table-story-detail-head{flex-direction:column}}
@@ -1,275 +0,0 @@
1
- import{d as fa,H as ga,j as va,w as ya,e as _,k as j,F as k,A as N,B as G,u as z,y as O,h as ma,g as de,o as f,n as pe,f as F,J as _a,D as ue,l as be,M as $a,z as fe}from"./iframe-C0Tj7XHr.js";import{g as Ta}from"./_commonjsHelpers-Cpj98o6Y.js";import{d as Y,b as ha,e as Ge,f as I,g as Aa,i as C,_ as X,h,j as za,a as J,k as wa,l as Q,m as Sa,c as Pa}from"./isArray-DPUC7i9_.js";import{a as ja}from"./PzAccordion-B0I9gAH8.js";import{_ as Oa}from"./PzIcon-DtHaOlhQ.js";import{b as ge,c as xa}from"./PzTable-DuU8JAt1.js";import{_ as Ia}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{P as Ca}from"./PzLink-C34ePoHR.js";import{P as ka}from"./PzStatus-B8fDQ3ZX.js";import{P as Ke}from"./PzTag-F76Pw53L.js";import{P as qe}from"./PzText-BQZq8EVF.js";import"./preload-helper-C1FmrZbK.js";import"./PzSkeleton-BwC2svLL.js";import"./lodash-CdDiHlzQ.js";import"./PzInfoHint-2M1N5-8H.js";import"./PzHint-C_J-NgV5.js";import"./floating-vue-n4D6Ru3Z.js";import"./floating-vue-bEyZEONw.js";var Fa=Y;function La(){this.__data__=new Fa,this.size=0}var Ba=La;function Ra(e){var a=this.__data__,t=a.delete(e);return this.size=a.size,t}var Ea=Ra;function Da(e){return this.__data__.get(e)}var Ma=Da;function Ua(e){return this.__data__.has(e)}var Va=Ua,Na=Y,Ga=Ge,Ka=ha,qa=200;function Wa(e,a){var t=this.__data__;if(t instanceof Na){var r=t.__data__;if(!Ga||r.length<qa-1)return r.push([e,a]),this.size=++t.size,this;t=this.__data__=new Ka(r)}return t.set(e,a),this.size=t.size,this}var Ha=Wa,Za=Y,Ya=Ba,Xa=Ea,Ja=Ma,Qa=Va,et=Ha;function w(e){var a=this.__data__=new Za(e);this.size=a.size}w.prototype.clear=Ya;w.prototype.delete=Xa;w.prototype.get=Ja;w.prototype.has=Qa;w.prototype.set=et;var at=w;function tt(e,a){for(var t=-1,r=e==null?0:e.length;++t<r&&a(e[t],t,e)!==!1;);return e}var rt=tt,nt=I,ot=function(){try{var e=nt(Object,"defineProperty");return e({},"",{}),e}catch{}}(),st=ot,ve=st;function it(e,a,t){a=="__proto__"&&ve?ve(e,a,{configurable:!0,enumerable:!0,value:t,writable:!0}):e[a]=t}var We=it,lt=We,ct=Aa,dt=Object.prototype,pt=dt.hasOwnProperty;function ut(e,a,t){var r=e[a];(!(pt.call(e,a)&&ct(r,t))||t===void 0&&!(a in e))&&lt(e,a,t)}var He=ut,bt=He,ft=We;function gt(e,a,t,r){var s=!t;t||(t={});for(var i=-1,o=a.length;++i<o;){var c=a[i],u=r?r(t[c],e[c],c,t,e):void 0;u===void 0&&(u=e[c]),s?ft(t,c,u):bt(t,c,u)}return t}var V=gt;function vt(e,a){for(var t=-1,r=Array(e);++t<e;)r[t]=a(t);return r}var yt=vt,mt=X,_t=C,$t="[object Arguments]";function Tt(e){return _t(e)&&mt(e)==$t}var ht=Tt,ye=ht,At=C,Ze=Object.prototype,zt=Ze.hasOwnProperty,wt=Ze.propertyIsEnumerable,St=ye(function(){return arguments}())?ye:function(e){return At(e)&&zt.call(e,"callee")&&!wt.call(e,"callee")},Pt=St,D={exports:{}};function jt(){return!1}var Ot=jt;D.exports;(function(e,a){var t=h,r=Ot,s=a&&!a.nodeType&&a,i=s&&!0&&e&&!e.nodeType&&e,o=i&&i.exports===s,c=o?t.Buffer:void 0,u=c?c.isBuffer:void 0,b=u||r;e.exports=b})(D,D.exports);var Ye=D.exports,xt=9007199254740991,It=/^(?:0|[1-9]\d*)$/;function Ct(e,a){var t=typeof e;return a=a??xt,!!a&&(t=="number"||t!="symbol"&&It.test(e))&&e>-1&&e%1==0&&e<a}var kt=Ct,Ft=9007199254740991;function Lt(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Ft}var Xe=Lt,Bt=X,Rt=Xe,Et=C,Dt="[object Arguments]",Mt="[object Array]",Ut="[object Boolean]",Vt="[object Date]",Nt="[object Error]",Gt="[object Function]",Kt="[object Map]",qt="[object Number]",Wt="[object Object]",Ht="[object RegExp]",Zt="[object Set]",Yt="[object String]",Xt="[object WeakMap]",Jt="[object ArrayBuffer]",Qt="[object DataView]",er="[object Float32Array]",ar="[object Float64Array]",tr="[object Int8Array]",rr="[object Int16Array]",nr="[object Int32Array]",or="[object Uint8Array]",sr="[object Uint8ClampedArray]",ir="[object Uint16Array]",lr="[object Uint32Array]",p={};p[er]=p[ar]=p[tr]=p[rr]=p[nr]=p[or]=p[sr]=p[ir]=p[lr]=!0;p[Dt]=p[Mt]=p[Jt]=p[Ut]=p[Qt]=p[Vt]=p[Nt]=p[Gt]=p[Kt]=p[qt]=p[Wt]=p[Ht]=p[Zt]=p[Yt]=p[Xt]=!1;function cr(e){return Et(e)&&Rt(e.length)&&!!p[Bt(e)]}var dr=cr;function pr(e){return function(a){return e(a)}}var ee=pr,M={exports:{}};M.exports;(function(e,a){var t=za,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,i=s&&s.exports===r,o=i&&t.process,c=function(){try{var u=s&&s.require&&s.require("util").types;return u||o&&o.binding&&o.binding("util")}catch{}}();e.exports=c})(M,M.exports);var ae=M.exports,ur=dr,br=ee,me=ae,_e=me&&me.isTypedArray,fr=_e?br(_e):ur,gr=fr,vr=yt,yr=Pt,mr=J,_r=Ye,$r=kt,Tr=gr,hr=Object.prototype,Ar=hr.hasOwnProperty;function zr(e,a){var t=mr(e),r=!t&&yr(e),s=!t&&!r&&_r(e),i=!t&&!r&&!s&&Tr(e),o=t||r||s||i,c=o?vr(e.length,String):[],u=c.length;for(var b in e)(a||Ar.call(e,b))&&!(o&&(b=="length"||s&&(b=="offset"||b=="parent")||i&&(b=="buffer"||b=="byteLength"||b=="byteOffset")||$r(b,u)))&&c.push(b);return c}var Je=zr,wr=Object.prototype;function Sr(e){var a=e&&e.constructor,t=typeof a=="function"&&a.prototype||wr;return e===t}var te=Sr;function Pr(e,a){return function(t){return e(a(t))}}var Qe=Pr,jr=Qe,Or=jr(Object.keys,Object),xr=Or,Ir=te,Cr=xr,kr=Object.prototype,Fr=kr.hasOwnProperty;function Lr(e){if(!Ir(e))return Cr(e);var a=[];for(var t in Object(e))Fr.call(e,t)&&t!="constructor"&&a.push(t);return a}var Br=Lr,Rr=wa,Er=Xe;function Dr(e){return e!=null&&Er(e.length)&&!Rr(e)}var ea=Dr,Mr=Je,Ur=Br,Vr=ea;function Nr(e){return Vr(e)?Mr(e):Ur(e)}var re=Nr,Gr=V,Kr=re;function qr(e,a){return e&&Gr(a,Kr(a),e)}var Wr=qr;function Hr(e){var a=[];if(e!=null)for(var t in Object(e))a.push(t);return a}var Zr=Hr,Yr=Q,Xr=te,Jr=Zr,Qr=Object.prototype,en=Qr.hasOwnProperty;function an(e){if(!Yr(e))return Jr(e);var a=Xr(e),t=[];for(var r in e)r=="constructor"&&(a||!en.call(e,r))||t.push(r);return t}var tn=an,rn=Je,nn=tn,on=ea;function sn(e){return on(e)?rn(e,!0):nn(e)}var ne=sn,ln=V,cn=ne;function dn(e,a){return e&&ln(a,cn(a),e)}var pn=dn,U={exports:{}};U.exports;(function(e,a){var t=h,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,i=s&&s.exports===r,o=i?t.Buffer:void 0,c=o?o.allocUnsafe:void 0;function u(b,A){if(A)return b.slice();var g=b.length,$=c?c(g):new b.constructor(g);return b.copy($),$}e.exports=u})(U,U.exports);var un=U.exports;function bn(e,a){var t=-1,r=e.length;for(a||(a=Array(r));++t<r;)a[t]=e[t];return a}var fn=bn;function gn(e,a){for(var t=-1,r=e==null?0:e.length,s=0,i=[];++t<r;){var o=e[t];a(o,t,e)&&(i[s++]=o)}return i}var vn=gn;function yn(){return[]}var aa=yn,mn=vn,_n=aa,$n=Object.prototype,Tn=$n.propertyIsEnumerable,$e=Object.getOwnPropertySymbols,hn=$e?function(e){return e==null?[]:(e=Object(e),mn($e(e),function(a){return Tn.call(e,a)}))}:_n,oe=hn,An=V,zn=oe;function wn(e,a){return An(e,zn(e),a)}var Sn=wn;function Pn(e,a){for(var t=-1,r=a.length,s=e.length;++t<r;)e[s+t]=a[t];return e}var ta=Pn,jn=Qe,On=jn(Object.getPrototypeOf,Object),ra=On,xn=ta,In=ra,Cn=oe,kn=aa,Fn=Object.getOwnPropertySymbols,Ln=Fn?function(e){for(var a=[];e;)xn(a,Cn(e)),e=In(e);return a}:kn,na=Ln,Bn=V,Rn=na;function En(e,a){return Bn(e,Rn(e),a)}var Dn=En,Mn=ta,Un=J;function Vn(e,a,t){var r=a(e);return Un(e)?r:Mn(r,t(e))}var oa=Vn,Nn=oa,Gn=oe,Kn=re;function qn(e){return Nn(e,Kn,Gn)}var Wn=qn,Hn=oa,Zn=na,Yn=ne;function Xn(e){return Hn(e,Yn,Zn)}var Jn=Xn,Qn=I,eo=h,ao=Qn(eo,"DataView"),to=ao,ro=I,no=h,oo=ro(no,"Promise"),so=oo,io=I,lo=h,co=io(lo,"Set"),po=co,uo=I,bo=h,fo=uo(bo,"WeakMap"),go=fo,K=to,q=Ge,W=so,H=po,Z=go,sa=X,S=Sa,Te="[object Map]",vo="[object Object]",he="[object Promise]",Ae="[object Set]",ze="[object WeakMap]",we="[object DataView]",yo=S(K),mo=S(q),_o=S(W),$o=S(H),To=S(Z),T=sa;(K&&T(new K(new ArrayBuffer(1)))!=we||q&&T(new q)!=Te||W&&T(W.resolve())!=he||H&&T(new H)!=Ae||Z&&T(new Z)!=ze)&&(T=function(e){var a=sa(e),t=a==vo?e.constructor:void 0,r=t?S(t):"";if(r)switch(r){case yo:return we;case mo:return Te;case _o:return he;case $o:return Ae;case To:return ze}return a});var se=T,ho=Object.prototype,Ao=ho.hasOwnProperty;function zo(e){var a=e.length,t=new e.constructor(a);return a&&typeof e[0]=="string"&&Ao.call(e,"index")&&(t.index=e.index,t.input=e.input),t}var wo=zo,So=h,Po=So.Uint8Array,jo=Po,Se=jo;function Oo(e){var a=new e.constructor(e.byteLength);return new Se(a).set(new Se(e)),a}var ie=Oo,xo=ie;function Io(e,a){var t=a?xo(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.byteLength)}var Co=Io,ko=/\w*$/;function Fo(e){var a=new e.constructor(e.source,ko.exec(e));return a.lastIndex=e.lastIndex,a}var Lo=Fo,Pe=Pa,je=Pe?Pe.prototype:void 0,Oe=je?je.valueOf:void 0;function Bo(e){return Oe?Object(Oe.call(e)):{}}var Ro=Bo,Eo=ie;function Do(e,a){var t=a?Eo(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}var Mo=Do,Uo=ie,Vo=Co,No=Lo,Go=Ro,Ko=Mo,qo="[object Boolean]",Wo="[object Date]",Ho="[object Map]",Zo="[object Number]",Yo="[object RegExp]",Xo="[object Set]",Jo="[object String]",Qo="[object Symbol]",es="[object ArrayBuffer]",as="[object DataView]",ts="[object Float32Array]",rs="[object Float64Array]",ns="[object Int8Array]",os="[object Int16Array]",ss="[object Int32Array]",is="[object Uint8Array]",ls="[object Uint8ClampedArray]",cs="[object Uint16Array]",ds="[object Uint32Array]";function ps(e,a,t){var r=e.constructor;switch(a){case es:return Uo(e);case qo:case Wo:return new r(+e);case as:return Vo(e,t);case ts:case rs:case ns:case os:case ss:case is:case ls:case cs:case ds:return Ko(e,t);case Ho:return new r;case Zo:case Jo:return new r(e);case Yo:return No(e);case Xo:return new r;case Qo:return Go(e)}}var us=ps,bs=Q,xe=Object.create,fs=function(){function e(){}return function(a){if(!bs(a))return{};if(xe)return xe(a);e.prototype=a;var t=new e;return e.prototype=void 0,t}}(),gs=fs,vs=gs,ys=ra,ms=te;function _s(e){return typeof e.constructor=="function"&&!ms(e)?vs(ys(e)):{}}var $s=_s,Ts=se,hs=C,As="[object Map]";function zs(e){return hs(e)&&Ts(e)==As}var ws=zs,Ss=ws,Ps=ee,Ie=ae,Ce=Ie&&Ie.isMap,js=Ce?Ps(Ce):Ss,Os=js,xs=se,Is=C,Cs="[object Set]";function ks(e){return Is(e)&&xs(e)==Cs}var Fs=ks,Ls=Fs,Bs=ee,ke=ae,Fe=ke&&ke.isSet,Rs=Fe?Bs(Fe):Ls,Es=Rs,Ds=at,Ms=rt,Us=He,Vs=Wr,Ns=pn,Gs=un,Ks=fn,qs=Sn,Ws=Dn,Hs=Wn,Zs=Jn,Ys=se,Xs=wo,Js=us,Qs=$s,ei=J,ai=Ye,ti=Os,ri=Q,ni=Es,oi=re,si=ne,ii=1,li=2,ci=4,ia="[object Arguments]",di="[object Array]",pi="[object Boolean]",ui="[object Date]",bi="[object Error]",la="[object Function]",fi="[object GeneratorFunction]",gi="[object Map]",vi="[object Number]",ca="[object Object]",yi="[object RegExp]",mi="[object Set]",_i="[object String]",$i="[object Symbol]",Ti="[object WeakMap]",hi="[object ArrayBuffer]",Ai="[object DataView]",zi="[object Float32Array]",wi="[object Float64Array]",Si="[object Int8Array]",Pi="[object Int16Array]",ji="[object Int32Array]",Oi="[object Uint8Array]",xi="[object Uint8ClampedArray]",Ii="[object Uint16Array]",Ci="[object Uint32Array]",l={};l[ia]=l[di]=l[hi]=l[Ai]=l[pi]=l[ui]=l[zi]=l[wi]=l[Si]=l[Pi]=l[ji]=l[gi]=l[vi]=l[ca]=l[yi]=l[mi]=l[_i]=l[$i]=l[Oi]=l[xi]=l[Ii]=l[Ci]=!0;l[bi]=l[la]=l[Ti]=!1;function R(e,a,t,r,s,i){var o,c=a&ii,u=a&li,b=a&ci;if(t&&(o=s?t(e,r,s,i):t(e)),o!==void 0)return o;if(!ri(e))return e;var A=ei(e);if(A){if(o=Xs(e),!c)return Ks(e,o)}else{var g=Ys(e),$=g==la||g==fi;if(ai(e))return Gs(e,c);if(g==ca||g==ia||$&&!s){if(o=u||$?{}:Qs(e),!c)return u?Ws(e,Ns(o,e)):qs(e,Vs(o,e))}else{if(!l[g])return s?e:{};o=Js(e,g,c)}}i||(i=new Ds);var P=i.get(e);if(P)return P;i.set(e,o),ni(e)?e.forEach(function(n){o.add(R(n,a,t,n,e,i))}):ti(e)&&e.forEach(function(n,m){o.set(m,R(n,a,t,m,e,i))});var d=b?u?Zs:Hs:u?si:oi,y=A?void 0:d(e);return Ms(y||e,function(n,m){y&&(m=n,n=e[m]),Us(o,m,R(n,a,t,m,e,i))}),o}var ki=R,Fi=ki,Li=1,Bi=4;function Ri(e){return Fi(e,Li|Bi)}var Ei=Ri;const Di=Ta(Ei),da="—",Mi=100,Ui={id:"accordion-toggle",name:"",key:""},Vi={class:"pz-accordion-table-wrap"},Ni={class:"pz-accordion-table"},Gi={key:0,class:"pz-accordion-table__head"},Ki={class:"pz-accordion-table__row pz-accordion-table__row--head"},qi=["id","onClick"],Wi={key:0,class:"pz-accordion-table__toggle-cell"},Hi=["aria-expanded","aria-label","onClick"],Zi=["colspan"],E=fa({name:"PzAccordionTable",__name:"PzAccordionTable",props:{rowIdFn:{type:Function,default:({id:e})=>String(e??"")},defaultOpenedSubRowFn:{type:Function,default:()=>!1},visibleToggleBtnFn:{type:Function,default:()=>!1},fields:{},data:{},defaultValue:{default:da},visibleHeader:{type:Boolean,default:!0}},setup(e){const a=ga(),t=ma({array:[]}),r=e;va(()=>P()),ya(()=>[r.data,r.defaultOpenedSubRowFn],()=>P(),{deep:!0});const s=de(()=>t.array.some(d=>u(d))),i=de(()=>r.fields.length+(s.value?1:0)),o=({colWidth:d})=>({width:r.fields.some(({colWidth:n})=>!!n)?`${d}%`:`${Math.floor(Mi/r.fields.length)}%`}),c=d=>!!a[d],u=d=>r.visibleToggleBtnFn(d),b=d=>{u(d)&&(d.showSubRow=!d.showSubRow)},A=d=>r.rowIdFn(d)||void 0,g=d=>{const{target:y}=d;return y instanceof Element&&!!y.closest("a, button, input, select, textarea, summary, [role='button']")},$=(d,y)=>{g(y)||b(d)},P=()=>{t.array=Di(r.data||[]).map(d=>({...d,showSubRow:r.defaultOpenedSubRowFn(d)}))};return(d,y)=>(f(),_("div",Vi,[j("table",Ni,[e.visibleHeader?(f(),_("thead",Gi,[j("tr",Ki,[(f(!0),_(k,null,N(e.fields,n=>(f(),G(z(ge),{key:n.id,column:n,style:pe(o(n))},null,8,["column","style"]))),128)),s.value?(f(),G(z(ge),{key:0,column:z(Ui),class:"pz-accordion-table__toggle-head"},null,8,["column"])):O("",!0)])])):O("",!0),j("tbody",null,[(f(!0),_(k,null,N(t.array,(n,m)=>(f(),_(k,{key:n.id??m},[j("tr",{id:A(n),class:F(["pz-accordion-table__row",{expandable:u(n),open:n.showSubRow}]),onClick:v=>$(n,v)},[(f(!0),_(k,null,N(e.fields,(v,ua)=>(f(),G(z(xa),{key:`${v.id}-${v.key}`,column:v,data:n,style:pe(o(v)),"default-value":e.defaultValue,class:F({"pz-accordion-table__cell--first-col":ua===0})},_a({_:2},[c(v.key)?{name:"default",fn:ue(({value:ba})=>[be(d.$slots,v.key,{data:n,column:v,value:ba,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),key:"0"}:void 0]),1032,["column","data","style","default-value","class"]))),128)),s.value?(f(),_("td",Wi,[u(n)?(f(),_("button",{key:0,type:"button",class:F(["pz-accordion-table__toggle-button",{"pz-accordion-table__toggle-button--open":n.showSubRow}]),"aria-expanded":n.showSubRow,"aria-label":n.showSubRow?"Згорнути деталі рядка":"Розгорнути деталі рядка",onClick:$a(v=>b(n),["stop"])},[fe(z(Oa),{name:"expand_more",size:"20"})],10,Hi)):O("",!0)])):O("",!0)],10,qi),u(n)?(f(),_("tr",{key:0,class:F(["pz-accordion-table__row pz-accordion-table__row--sub-row",{"pz-accordion-table__row--sub-row-open":n.showSubRow}])},[j("td",{colspan:i.value,class:"pz-accordion-table__sub-row-cell"},[fe(z(ja),{active:n.showSubRow,"content-class":"pz-accordion-table-sub-row-surface"},{default:ue(()=>[be(d.$slots,"subRow",{data:n,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),_:2},1032,["active"])],8,Zi)],2)):O("",!0)],64))),128))])])]))}}),le=Ia(E,[["__scopeId","data-v-de5b3340"]]);E.__docgenInfo=Object.assign({displayName:E.name??E.__name},{name:"PzAccordionTable",exportName:"default",displayName:"PzAccordionTable",description:"",tags:{},props:[{name:"rowIdFn",required:!1,type:{name:"PzAccordionTableRowIdFn"},defaultValue:{func:!1,value:'({ id }: PzAccordionTableRow) => String(id ?? "")'}},{name:"defaultOpenedSubRowFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn"},defaultValue:{func:!1,value:"() => false"}},{name:"visibleToggleBtnFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn"},defaultValue:{func:!1,value:"() => false"}},{name:"fields",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn"}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"PzAccordionTableRow"}]}},{name:"defaultValue",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"PZ_ACCORDION_TABLE_DEFAULT_VALUE"}},{name:"visibleHeader",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"field.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"},{name:"column",title:"binding"},{name:"value",title:"binding"},{name:"expanded",title:"binding"},{name:"toggle",title:"binding"}]},{name:"subRow",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"expanded",title:"binding"},{name:"toggle",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzAccordionTable/PzAccordionTable.vue"]});const pa=[{id:"name",name:"Назва",key:"name",colWidth:22},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:28},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"location",name:"Місце поставки",key:"location",colWidth:22},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:14}],ce=[{id:"paper-a4",name:"Папір для друку A4",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"1 упаковка",location:"09801, Україна, Київська область, м. Тетіїв, вул. Цвіткова, 26",deliveryDate:"по 27 листопада 2026",statusLabel:"Відповідає",statusVariant:"active",details:[{id:"format",title:"1. Формат паперу",tags:["Підтверджує участь","Відноситься до предмету закупівлі"],description:"Формат паперу А4 (210x297 мм)",values:["Формат паперу (210x297 мм)","Допустиме значення: А4"]},{id:"color",title:"2. Колір паперу",tags:["Підтверджує участь","Відноситься до предмету закупівлі"],description:"Колір паперу білий",values:["Колір паперу","Допустиме значення: Білий"]}]},{id:"paper-a3",name:"Папір для друку A3",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"10 упаковок",location:"09801, Україна, Київська область, м. Тетіїв, вул. Цвіткова, 26",deliveryDate:"по 27 листопада 2026",statusLabel:"Відповідає",statusVariant:"active"},{id:"ketamine",name:"ТОПЕНТАЛ ліофілізат для розчину для ін'єкцій по 1,0 г у флаконах",classification:"ДК 021:2015: 33600000-6 — Фармацевтична продукція",quantity:"20 флаконів",location:"09801, Україна, Київська область, м. Тетіїв, вул. Цвіткова, 26",deliveryDate:"по 27 листопада 2026",statusLabel:"Потребує перевірки",statusVariant:"progress",supplier:{name:"ТОВ Медичні рішення",href:"https://prozorro.gov.ua"},details:[{id:"dosage",title:"1. Дозування та форма випуску",tags:["Підтверджує участь"],description:"Ліофілізат для розчину для ін'єкцій, по 1,0 г у флаконах",values:["Форма випуску: ліофілізат","Дозування: 1,0 г"]}]}],Yi=[{id:"supplier",name:"Постачальник",key:"supplier",colWidth:28},{id:"classification",name:"Предмет закупівлі",key:"classification",colWidth:30},{id:"quantity",name:"Обсяг",key:"quantity",colWidth:12},{id:"statusLabel",name:"Статус",key:"statusLabel",colWidth:14},{id:"deliveryDate",name:"Поставка",key:"deliveryDate",colWidth:16}],Xi=ce.map(e=>({...e,supplier:e.supplier??{name:"ТОВ Канцелярія плюс",href:"https://prozorro.gov.ua"}})),Ji=`<template>
2
- <PzAccordionTable
3
- :fields="fields"
4
- :data="data"
5
- :visible-toggle-btn-fn="visibleToggleBtnFn"
6
- >
7
- <template #subRow="{ data }">
8
- <div>{{ data.name }}</div>
9
- </template>
10
- </PzAccordionTable>
11
- </template>`,Qi=`<template>
12
- <PzAccordionTable
13
- :fields="fields"
14
- :data="data"
15
- :visible-toggle-btn-fn="visibleToggleBtnFn"
16
- >
17
- <template #supplier="{ data }">
18
- <PzLink :href="data.supplier.href" bold>
19
- {{ data.supplier.name }}
20
- </PzLink>
21
- </template>
22
-
23
- <template #statusLabel="{ data }">
24
- <PzStatus :variant="data.statusVariant">
25
- {{ data.statusLabel }}
26
- </PzStatus>
27
- </template>
28
-
29
- <template #subRow="{ data }">
30
- <div>Expanded details for {{ data.name }}</div>
31
- </template>
32
- </PzAccordionTable>
33
- </template>`,ml={title:"Components/Data/PzAccordionTable",component:le,parameters:{prototype:{caption:"PzAccordionTable",note:"Table rows can expand into a full-width details area. Figma node access was blocked by rate limits during this turn, so fine spacing was verified against the screenshot and the local prototype."},docs:{description:{component:"Use `PzAccordionTable` when most rows behave like a standard data table but some rows also reveal a nested detail surface. It reuses `PzTable` cell primitives, keeps a per-row toggle predicate, and exposes named cell slots plus a `subRow` slot for expanded content."},source:{code:Ji}}},args:{fields:pa,data:ce,defaultValue:da,visibleHeader:!0,rowIdFn:e=>String(e.id??""),defaultOpenedSubRowFn:()=>!1,visibleToggleBtnFn:e=>{var a;return!!((a=e.details)!=null&&a.length)}},argTypes:{fields:{control:!1,description:"Column configuration array based on `PzTableColumn`."},data:{control:!1,description:"Table rows. Expansion state is managed internally from the provided data."},defaultValue:{control:"text",description:"Fallback content for empty cells."},visibleHeader:{control:"boolean",description:"Shows or hides the desktop header row."},rowIdFn:{control:!1,description:"Maps a row to the rendered DOM id attribute."},defaultOpenedSubRowFn:{control:!1,description:"Sets the initial open state for matching rows."},visibleToggleBtnFn:{control:!1,description:"Determines whether a row renders the expansion control and detail section."}}},x={render:e=>({components:{pzAccordionTable:le,pzText:qe,pzTag:Ke},setup(){return{args:e}},template:`
34
- <div class="pz-accordion-table-story">
35
- <section class="pz-accordion-table-story-board">
36
- <div class="pz-accordion-table-story-header">
37
- <div class="pz-accordion-table-story-copy">
38
- <span class="pz-accordion-table-story-eyebrow">Component API</span>
39
- <pz-text variant="h4-bold">Mixed flat and expandable rows</pz-text>
40
- </div>
41
- </div>
42
-
43
- <div class="pz-accordion-table-story-preview">
44
- <pz-accordion-table v-bind="args">
45
- <template #subRow="{ data }">
46
- <div class="pz-accordion-table-story-sub-row">
47
- <div
48
- v-for="detail in data.details || []"
49
- :key="detail.id"
50
- class="pz-accordion-table-story-detail"
51
- >
52
- <div class="pz-accordion-table-story-detail-head">
53
- <strong>{{ detail.title }}</strong>
54
- <div class="pz-accordion-table-story-tags">
55
- <pz-tag
56
- v-for="tag in detail.tags"
57
- :key="tag"
58
- variant="grey-light"
59
- >
60
- {{ tag }}
61
- </pz-tag>
62
- </div>
63
- </div>
64
-
65
- <p class="pz-accordion-table-story-detail-copy">{{ detail.description }}</p>
66
-
67
- <ul class="pz-accordion-table-story-detail-list">
68
- <li
69
- v-for="value in detail.values"
70
- :key="value"
71
- >
72
- {{ value }}
73
- </li>
74
- </ul>
75
- </div>
76
- </div>
77
- </template>
78
- </pz-accordion-table>
79
- </div>
80
- </section>
81
- </div>
82
- `})},L={parameters:{docs:{source:{code:Qi}}},args:{fields:Yi,data:Xi,visibleToggleBtnFn:e=>{var a;return!!((a=e.details)!=null&&a.length)}},render:e=>({components:{pzAccordionTable:le,pzLink:Ca,pzStatus:ka,pzText:qe,pzTag:Ke},setup(){return{args:e}},template:`
83
- <div class="pz-accordion-table-story">
84
- <section class="pz-accordion-table-story-board">
85
- <div class="pz-accordion-table-story-header">
86
- <div class="pz-accordion-table-story-copy">
87
- <span class="pz-accordion-table-story-eyebrow">Usage example</span>
88
- <pz-text variant="h4-bold">Custom cells and detail content</pz-text>
89
- </div>
90
- </div>
91
-
92
- <div class="pz-accordion-table-story-preview">
93
- <pz-accordion-table v-bind="args">
94
- <template #supplier="{ data }">
95
- <pz-link
96
- :href="data.supplier.href"
97
- bold
98
- >
99
- {{ data.supplier.name }}
100
- </pz-link>
101
- </template>
102
-
103
- <template #statusLabel="{ data }">
104
- <pz-status :variant="data.statusVariant">
105
- {{ data.statusLabel }}
106
- </pz-status>
107
- </template>
108
-
109
- <template #subRow="{ data }">
110
- <div class="pz-accordion-table-story-sub-row">
111
- <div class="pz-accordion-table-story-detail-head">
112
- <strong>{{ data.name }}</strong>
113
- <pz-tag variant="blue">Додаткові умови</pz-tag>
114
- </div>
115
-
116
- <p class="pz-accordion-table-story-detail-copy">
117
- {{ data.classification }}
118
- </p>
119
-
120
- <p class="pz-accordion-table-story-detail-copy">
121
- Постачання: {{ data.location }}
122
- </p>
123
- </div>
124
- </template>
125
- </pz-accordion-table>
126
- </div>
127
- </section>
128
- </div>
129
- `})},B={args:{fields:pa,data:ce,defaultOpenedSubRowFn:e=>e.id==="paper-a4",visibleToggleBtnFn:e=>{var a;return!!((a=e.details)!=null&&a.length)}},render:x.render};var Le,Be,Re;x.parameters={...x.parameters,docs:{...(Le=x.parameters)==null?void 0:Le.docs,source:{originalSource:`{
130
- render: (args: PzAccordionTableStoryArgs) => ({
131
- components: {
132
- pzAccordionTable: PzAccordionTable,
133
- pzText: PzText,
134
- pzTag: PzTag
135
- },
136
- setup() {
137
- return {
138
- args
139
- };
140
- },
141
- template: \`
142
- <div class="pz-accordion-table-story">
143
- <section class="pz-accordion-table-story-board">
144
- <div class="pz-accordion-table-story-header">
145
- <div class="pz-accordion-table-story-copy">
146
- <span class="pz-accordion-table-story-eyebrow">Component API</span>
147
- <pz-text variant="h4-bold">Mixed flat and expandable rows</pz-text>
148
- </div>
149
- </div>
150
-
151
- <div class="pz-accordion-table-story-preview">
152
- <pz-accordion-table v-bind="args">
153
- <template #subRow="{ data }">
154
- <div class="pz-accordion-table-story-sub-row">
155
- <div
156
- v-for="detail in data.details || []"
157
- :key="detail.id"
158
- class="pz-accordion-table-story-detail"
159
- >
160
- <div class="pz-accordion-table-story-detail-head">
161
- <strong>{{ detail.title }}</strong>
162
- <div class="pz-accordion-table-story-tags">
163
- <pz-tag
164
- v-for="tag in detail.tags"
165
- :key="tag"
166
- variant="grey-light"
167
- >
168
- {{ tag }}
169
- </pz-tag>
170
- </div>
171
- </div>
172
-
173
- <p class="pz-accordion-table-story-detail-copy">{{ detail.description }}</p>
174
-
175
- <ul class="pz-accordion-table-story-detail-list">
176
- <li
177
- v-for="value in detail.values"
178
- :key="value"
179
- >
180
- {{ value }}
181
- </li>
182
- </ul>
183
- </div>
184
- </div>
185
- </template>
186
- </pz-accordion-table>
187
- </div>
188
- </section>
189
- </div>
190
- \`
191
- })
192
- }`,...(Re=(Be=x.parameters)==null?void 0:Be.docs)==null?void 0:Re.source}}};var Ee,De,Me;L.parameters={...L.parameters,docs:{...(Ee=L.parameters)==null?void 0:Ee.docs,source:{originalSource:`{
193
- parameters: {
194
- docs: {
195
- source: {
196
- code: customSlotsSource
197
- }
198
- }
199
- },
200
- args: {
201
- fields: contractFields,
202
- data: contractData,
203
- visibleToggleBtnFn: (row: PzAccordionTableRow) => Boolean((row as RequirementRow).details?.length)
204
- },
205
- render: (args: PzAccordionTableStoryArgs) => ({
206
- components: {
207
- pzAccordionTable: PzAccordionTable,
208
- pzLink: PzLink,
209
- pzStatus: PzStatus,
210
- pzText: PzText,
211
- pzTag: PzTag
212
- },
213
- setup() {
214
- return {
215
- args
216
- };
217
- },
218
- template: \`
219
- <div class="pz-accordion-table-story">
220
- <section class="pz-accordion-table-story-board">
221
- <div class="pz-accordion-table-story-header">
222
- <div class="pz-accordion-table-story-copy">
223
- <span class="pz-accordion-table-story-eyebrow">Usage example</span>
224
- <pz-text variant="h4-bold">Custom cells and detail content</pz-text>
225
- </div>
226
- </div>
227
-
228
- <div class="pz-accordion-table-story-preview">
229
- <pz-accordion-table v-bind="args">
230
- <template #supplier="{ data }">
231
- <pz-link
232
- :href="data.supplier.href"
233
- bold
234
- >
235
- {{ data.supplier.name }}
236
- </pz-link>
237
- </template>
238
-
239
- <template #statusLabel="{ data }">
240
- <pz-status :variant="data.statusVariant">
241
- {{ data.statusLabel }}
242
- </pz-status>
243
- </template>
244
-
245
- <template #subRow="{ data }">
246
- <div class="pz-accordion-table-story-sub-row">
247
- <div class="pz-accordion-table-story-detail-head">
248
- <strong>{{ data.name }}</strong>
249
- <pz-tag variant="blue">Додаткові умови</pz-tag>
250
- </div>
251
-
252
- <p class="pz-accordion-table-story-detail-copy">
253
- {{ data.classification }}
254
- </p>
255
-
256
- <p class="pz-accordion-table-story-detail-copy">
257
- Постачання: {{ data.location }}
258
- </p>
259
- </div>
260
- </template>
261
- </pz-accordion-table>
262
- </div>
263
- </section>
264
- </div>
265
- \`
266
- })
267
- }`,...(Me=(De=L.parameters)==null?void 0:De.docs)==null?void 0:Me.source}}};var Ue,Ve,Ne;B.parameters={...B.parameters,docs:{...(Ue=B.parameters)==null?void 0:Ue.docs,source:{originalSource:`{
268
- args: {
269
- fields: requirementFields,
270
- data: requirementData,
271
- defaultOpenedSubRowFn: (row: PzAccordionTableRow) => row.id === "paper-a4",
272
- visibleToggleBtnFn: (row: PzAccordionTableRow) => Boolean((row as RequirementRow).details?.length)
273
- },
274
- render: Playground.render
275
- }`,...(Ne=(Ve=B.parameters)==null?void 0:Ve.docs)==null?void 0:Ne.source}}};const _l=["Playground","CustomSlots","DefaultOpenedRows"];export{L as CustomSlots,B as DefaultOpenedRows,x as Playground,_l as __namedExportsOrder,ml as default};
@@ -1 +0,0 @@
1
- import{d as i,e as a,l as o,y as l,f as p,o as t}from"./iframe-C0Tj7XHr.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d=["type","disabled"],f={key:0,class:"pz-btn-prefix"},c={key:1,class:"pz-btn-content"},m={key:2,class:"pz-btn-suffix"},s=i({name:"PzBtn",__name:"PzBtn",props:{variant:{default:"primary"},type:{default:"button"},disabled:{type:Boolean,default:!1}},setup(r){const n=r;return(e,y)=>(t(),a("button",{type:n.type,disabled:n.disabled,class:p(["pz-btn",`pz-btn--${n.variant}`])},[e.$slots.prefix?(t(),a("span",f,[o(e.$slots,"prefix",{},void 0,!0)])):l("",!0),e.$slots.default?(t(),a("span",c,[o(e.$slots,"default",{},void 0,!0)])):l("",!0),e.$slots.suffix?(t(),a("span",m,[o(e.$slots,"suffix",{},void 0,!0)])):l("",!0)],10,d))}}),z=u(s,[["__scopeId","data-v-7cce5a5f"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzBtn",exportName:"default",displayName:"PzBtn",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzBtnVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"type",required:!1,type:{name:"PzBtnType"},defaultValue:{func:!1,value:'"button"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzBtn/PzBtn.vue"]});export{z as P};
@@ -1 +0,0 @@
1
- .pz-btn[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-white);--pz-btn-disabled-bg: var(--pz-color-button-disabled);--pz-btn-disabled-border-color: var(--pz-color-button-disabled);--pz-btn-active-color: var(--pz-btn-color);--pz-btn-active-bg: var(--pz-btn-bg);--pz-btn-active-border-color: var(--pz-btn-border-color);--pz-btn-radius: var(--pz-space-4);--pz-btn-padding-block: var(--pz-space-8);--pz-btn-padding-inline: var(--pz-space-12);--pz-btn-gap: var(--pz-space-8);display:inline-flex;align-items:center;gap:var(--pz-btn-gap);padding:var(--pz-btn-padding-block) var(--pz-btn-padding-inline);border:1px solid var(--pz-btn-border-color);border-radius:var(--pz-btn-radius);background:var(--pz-btn-bg);color:var(--pz-btn-color);cursor:pointer;text-decoration:none;outline:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;font-size:var(--pz-btn-font-size, var(--pz-font-size-14));font-weight:var(--pz-btn-font-weight, 600);line-height:var(--pz-btn-line-height, 1.5)}.pz-btn[data-v-7cce5a5f]:not(:disabled):hover,.pz-btn[data-v-7cce5a5f]:not(:disabled):focus-visible{color:var(--pz-btn-hover-color);background:var(--pz-btn-hover-bg);border-color:var(--pz-btn-hover-border-color)}.pz-btn[data-v-7cce5a5f]:not(:disabled):active{color:var(--pz-btn-active-color);background:var(--pz-btn-active-bg);border-color:var(--pz-btn-active-border-color)}.pz-btn[data-v-7cce5a5f]:not(:disabled):focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-btn-hover-bg) 28%,transparent)}.pz-btn[data-v-7cce5a5f]:disabled{color:var(--pz-btn-disabled-color);background:var(--pz-btn-disabled-bg);border-color:var(--pz-btn-disabled-border-color);cursor:not-allowed}.pz-btn--primary[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-primary);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-primary-hover);--pz-btn-border-color: var(--pz-color-button-primary);--pz-btn-hover-border-color: var(--pz-color-button-primary-hover)}.pz-btn--primary-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-primary);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-primary-hover);--pz-btn-border-color: var(--pz-color-button-primary);--pz-btn-hover-border-color: var(--pz-color-button-primary-hover);--pz-btn-active-color: var(--pz-color-white);--pz-btn-active-bg: var(--pz-color-button-primary);--pz-btn-active-border-color: var(--pz-color-button-primary);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--danger[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-danger);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-danger-hover);--pz-btn-border-color: var(--pz-color-button-danger);--pz-btn-hover-border-color: var(--pz-color-button-danger-hover)}.pz-btn--danger-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-danger);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-danger-hover);--pz-btn-border-color: var(--pz-color-button-danger);--pz-btn-hover-border-color: var(--pz-color-button-danger-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--alert[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-alert);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-alert-hover);--pz-btn-border-color: var(--pz-color-button-alert);--pz-btn-hover-border-color: var(--pz-color-button-alert-hover)}.pz-btn--alert-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-alert);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-alert-hover);--pz-btn-border-color: var(--pz-color-button-alert);--pz-btn-hover-border-color: var(--pz-color-button-alert-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--success[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-success);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-success-hover);--pz-btn-border-color: var(--pz-color-button-success);--pz-btn-hover-border-color: var(--pz-color-button-success-hover)}.pz-btn--success-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-success);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-success-hover);--pz-btn-border-color: var(--pz-color-button-success);--pz-btn-hover-border-color: var(--pz-color-button-success-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--pink[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-pink);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-pink-hover);--pz-btn-border-color: var(--pz-color-button-pink);--pz-btn-hover-border-color: var(--pz-color-button-pink-hover)}.pz-btn--pink-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-pink);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-pink-hover);--pz-btn-border-color: var(--pz-color-button-pink);--pz-btn-hover-border-color: var(--pz-color-button-pink-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--link[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-text-primary);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-text-link-hover);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: transparent;--pz-btn-radius: 0}.pz-btn--transparent[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-text-link);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-text-link-hover);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: transparent;--pz-btn-padding-block: var(--pz-space-4);--pz-btn-padding-inline: 0}.pz-btn-prefix[data-v-7cce5a5f],.pz-btn-suffix[data-v-7cce5a5f]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-btn-prefix[data-v-7cce5a5f]:empty,.pz-btn-suffix[data-v-7cce5a5f]:empty,.pz-btn-content[data-v-7cce5a5f]:empty{display:none}.pz-btn-prefix[data-v-7cce5a5f] .pz-icon,.pz-btn-suffix[data-v-7cce5a5f] .pz-icon{--pz-icon-color: currentcolor}
@@ -1 +0,0 @@
1
- .pz-checkbox[data-v-f78db6fd]{--pz-checkbox-border-color: var(--pz-color-grey-60);--pz-checkbox-mark-color: var(--pz-color-white);--pz-checkbox-active-color: var(--pz-color-button-success);--pz-checkbox-label-color: var(--pz-color-text-primary);position:relative;display:inline-flex;align-items:flex-start;gap:var(--pz-space-12);max-width:100%;color:var(--pz-checkbox-label-color);cursor:pointer}.pz-checkbox-input[data-v-f78db6fd]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-checkbox-control[data-v-f78db6fd]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:var(--pz-space-16);block-size:var(--pz-space-16);margin-top:2px;border:3px solid var(--pz-checkbox-border-color);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:transparent;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.pz-checkbox-input:focus-visible+.pz-checkbox-control[data-v-f78db6fd]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-checkbox-input:checked+.pz-checkbox-control[data-v-f78db6fd]{border-color:var(--pz-checkbox-active-color);background:var(--pz-checkbox-active-color);color:var(--pz-checkbox-mark-color)}.pz-checkbox-icon[data-v-f78db6fd]{inline-size:12px;block-size:12px}.pz-checkbox-label[data-v-f78db6fd]{min-width:0;font-size:var(--pz-checkbox-label-font-size, var(--pz-font-size-14));font-weight:var(--pz-checkbox-label-font-weight, 400);line-height:var(--pz-checkbox-label-line-height, 1.5)}.pz-checkbox.switch .pz-checkbox-control[data-v-f78db6fd]{inline-size:40px;block-size:23px;margin-top:0;border-radius:999px;border-color:var(--pz-checkbox-active-color);background:var(--pz-color-background-primary);color:transparent}.pz-checkbox-thumb[data-v-f78db6fd]{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:14px;block-size:14px;border-radius:50%;background:var(--pz-checkbox-active-color);transition:transform .16s ease}.pz-checkbox.switch .pz-checkbox-input:checked+.pz-checkbox-control[data-v-f78db6fd]{background:var(--pz-color-background-primary);color:transparent}.pz-checkbox.switch .pz-checkbox-input:checked+.pz-checkbox-control .pz-checkbox-thumb[data-v-f78db6fd]{transform:translate(16px)}.pz-checkbox.disabled[data-v-f78db6fd]{--pz-checkbox-border-color: var(--pz-color-grey-40);--pz-checkbox-active-color: var(--pz-color-button-disabled);--pz-checkbox-label-color: var(--pz-color-text-secondary);cursor:not-allowed}.pz-checkbox.disabled .pz-checkbox-control[data-v-f78db6fd]{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white))}.pz-checkbox.disabled .pz-checkbox-input:focus-visible+.pz-checkbox-control[data-v-f78db6fd]{box-shadow:none}
@@ -1 +0,0 @@
1
- .pz-clamp[data-v-e02c4b6a]{font-size:var(--pz-clamp-font-size, var(--pz-font-size-14));font-weight:var(--pz-clamp-font-weight, 400);line-height:var(--pz-clamp-line-height, 1.5)}.pz-clamp__btn[data-v-e02c4b6a]{--pz-btn-padding-block: 0;--pz-btn-padding-inline: 0;margin-left:var(--pz-space-4)}
@@ -1 +0,0 @@
1
- import{d as f,B as i,D as s,u as l,o as r,M as y,E as _,t as g,y as C}from"./iframe-C0Tj7XHr.js";import{y as P}from"./text-clamp.esm-Dv0GEKqA.js";import{P as b}from"./PzBtn-DcyqEb3Q.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const a=f({name:"PzClamp",__name:"PzClamp",props:{text:{},maxContentLines:{default:3},clampPostfix:{default:"... "},collapseText:{default:"collapse"},yetText:{default:"yet"}},setup(o){const e=o;return(T,q)=>(r(),i(l(P),{"auto-resize":"",text:e.text,"max-lines":e.maxContentLines,ellipsis:e.clampPostfix,class:"pz-clamp"},{after:s(({toggle:d,expanded:n,clamped:x})=>[x||n?(r(),i(l(b),{key:0,variant:"transparent",type:"button",class:"pz-clamp__btn",onClick:y(d,["stop"])},{default:s(()=>[_(g(n?e.collapseText:e.yetText),1)]),_:2},1032,["onClick"])):C("",!0)]),_:1},8,["text","max-lines","ellipsis"]))}}),m=v(a,[["__scopeId","data-v-e02c4b6a"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzClamp",exportName:"default",displayName:"PzClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"3"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"... "'}},{name:"collapseText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"collapse"'}},{name:"yetText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"yet"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzClamp/PzClamp.vue"]});const z="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",k={title:"Components/Display/PzClamp",component:m,args:{text:z,maxContentLines:3,clampPostfix:"... ",collapseText:"collapse",yetText:"yet"},argTypes:{text:{control:"text",description:"Text content to display and clamp."},maxContentLines:{control:"number",description:"Maximum lines shown before clamping."},clampPostfix:{control:"text",description:"Ellipsis suffix at the clamp point."},collapseText:{control:"text",description:"Button label when content is expanded."},yetText:{control:"text",description:"Button label when content is clamped."}},render:o=>({components:{pzClamp:m},setup(){return{args:o}},template:'<pz-clamp v-bind="args" />'})},t={};var p,u,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(c=(u=t.parameters)==null?void 0:u.docs)==null?void 0:c.source}}};const w=["Playground"];export{t as Playground,w as __namedExportsOrder,k as default};
@@ -1 +0,0 @@
1
- .pz-copy-to-clipboard-story{display:grid;gap:var(--pz-space-20);max-width:560px;color:var(--pz-color-text-primary)}.pz-copy-to-clipboard-story-header,.pz-copy-to-clipboard-story-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-eyebrow{display:block;margin-bottom:var(--pz-space-4);color:var(--pz-color-text-secondary);text-transform:uppercase;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-chip{padding:var(--pz-space-4) var(--pz-space-8);border:1px solid var(--pz-color-blue-30);border-radius:var(--pz-space-4);background:var(--pz-color-blue-10);color:var(--pz-color-text-link);font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-preview,.pz-copy-to-clipboard-story-examples{padding:var(--pz-space-20);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-8);background:var(--pz-color-background-primary)}.pz-copy-to-clipboard-story-examples{display:grid;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-row{padding-bottom:var(--pz-space-16);border-bottom:1px solid var(--pz-color-grey-30)}.pz-copy-to-clipboard-story-row:last-child{padding-bottom:0;border-bottom:0}.pz-copy-to-clipboard[data-v-b6d0efa4]{display:inline-flex;vertical-align:middle}.pz-copy-to-clipboard-button[data-v-b6d0efa4]{display:inline-flex;align-items:center;gap:var(--pz-space-4);max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:color .16s ease,box-shadow .16s ease}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:hover,.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px;border-radius:var(--pz-space-4)}.pz-copy-to-clipboard-content[data-v-b6d0efa4]{min-width:0}.pz-copy-to-clipboard-icon[data-v-b6d0efa4]{flex:0 0 auto}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-button[data-v-b6d0efa4]{justify-content:center;width:24px;height:24px;color:var(--pz-color-icon-primary)}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-content[data-v-b6d0efa4]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@@ -1,45 +0,0 @@
1
- import{P}from"./PzText-BQZq8EVF.js";import{d as w,a1 as V,e as d,Z as k,u as I,f as u,k as q,l as A,B,y as S,r as _,o as i,E as N,t as O}from"./iframe-C0Tj7XHr.js";import{O as U}from"./floating-vue-n4D6Ru3Z.js";import"./floating-vue-bEyZEONw.js";import{P as E}from"./PzDomHandler-BU7iMNnt.js";import{_ as D}from"./PzIcon-DtHaOlhQ.js";import{_ as $}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j=["aria-label"],F={class:"pz-copy-to-clipboard-content"},r=w({name:"PzCopyToClipboard",__name:"PzCopyToClipboard",props:{content:{},popupText:{default:"Скопійовано"},label:{default:"Скопіювати в буфер обміну"},timeout:{default:1e3},placement:{default:"top"},variant:{default:"text"},buttonClass:{default:""},showIcon:{type:Boolean,default:!0},stopPropagation:{type:Boolean,default:!0}},emits:["copied","error"],setup(e,{emit:x}){const t=e,s=_(!1);let o;const l=x,C=()=>{s.value=!1,o=void 0},h=()=>{o&&clearTimeout(o),s.value=!0,o=setTimeout(C,t.timeout)},T=async p=>{t.stopPropagation&&p.stopPropagation();try{await E.copyToClipboard(t.content),h(),l("copied",t.content)}catch(c){l("error",c)}};return V(()=>{o&&clearTimeout(o)}),(p,c)=>(i(),d("span",{class:u(["pz-copy-to-clipboard",`pz-copy-to-clipboard--${e.variant}`])},[k((i(),d("button",{type:"button",class:u(["pz-copy-to-clipboard-button",e.buttonClass]),"aria-label":e.label,onClick:T},[q("span",F,[A(p.$slots,"default",{},()=>[N(O(e.content),1)],!0)]),e.showIcon||e.variant==="icon"?(i(),B(D,{key:0,class:"pz-copy-to-clipboard-icon",name:"content_copy",size:"16"})):S("",!0)],10,j)),[[I(U),{shown:s.value,content:e.popupText,placement:e.placement,theme:"dark-tooltip",triggers:[]}]])],2))}}),m=$(r,[["__scopeId","data-v-b6d0efa4"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzCopyToClipboard",exportName:"default",displayName:"PzCopyToClipboard",description:"",tags:{},props:[{name:"content",required:!0,type:{name:"string"}},{name:"popupText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопійовано"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопіювати в буфер обміну"'}},{name:"timeout",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}},{name:"variant",required:!1,type:{name:"PzCopyToClipboardVariant"},defaultValue:{func:!1,value:'"text"'}},{name:"buttonClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"showIcon",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"stopPropagation",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"copied",type:{names:["string"]}},{name:"error",type:{names:["unknown"]}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue"]});const Q={title:"Components/Actions/PzCopyToClipboard",component:m,args:{content:"UA-2026-05-07-000001-a",text:"UA-2026-05-07-000001-a",popupText:"Скопійовано",label:"Скопіювати ідентифікатор",timeout:1e3,placement:"top",variant:"text",buttonClass:"",showIcon:!0,stopPropagation:!0},argTypes:{content:{control:"text",description:"Value copied to the clipboard."},text:{control:"text",description:"Slot text shown in the preview.",table:{category:"Slots"}},popupText:{control:"text",description:"Tooltip text shown after a successful copy."},label:{control:"text",description:"Accessible button label."},timeout:{control:"number",description:"Tooltip visibility duration in milliseconds."},placement:{control:"select",options:["top","top-start","bottom","bottom-start"],description:"Tooltip placement relative to the trigger."},variant:{control:"inline-radio",options:["text","icon"],description:"Visual trigger treatment."},buttonClass:{control:"text",description:"Additional class applied to the native button."},showIcon:{control:"boolean",description:"Shows the copy icon next to text variants."},stopPropagation:{control:"boolean",description:"Stops click propagation before copying."}},render:e=>({components:{pzCopyToClipboard:m,pzText:P},setup(){return{args:e}},template:`
2
- <section class="pz-copy-to-clipboard-story">
3
- <div class="pz-copy-to-clipboard-story-header">
4
- <div>
5
- <span class="pz-copy-to-clipboard-story-eyebrow">Component API</span>
6
- <pz-text variant="h4-bold">Copy trigger</pz-text>
7
- </div>
8
- <span class="pz-copy-to-clipboard-story-chip">{{ args.variant }}</span>
9
- </div>
10
-
11
- <div class="pz-copy-to-clipboard-story-preview">
12
- <pz-copy-to-clipboard v-bind="args">
13
- {{ args.text }}
14
- </pz-copy-to-clipboard>
15
- </div>
16
-
17
- <div class="pz-copy-to-clipboard-story-examples">
18
- <div class="pz-copy-to-clipboard-story-row">
19
- <span>UA-2026-05-07-000001-a</span>
20
- <pz-copy-to-clipboard
21
- content="UA-2026-05-07-000001-a"
22
- label="Скопіювати ідентифікатор закупівлі"
23
- popup-text="Код скопійовано"
24
- variant="icon"
25
- />
26
- </div>
27
-
28
- <div class="pz-copy-to-clipboard-story-row">
29
- <pz-copy-to-clipboard
30
- content="prozorro@example.gov.ua"
31
- popup-text="Email скопійовано"
32
- label="Скопіювати email"
33
- :show-icon="false"
34
- >
35
- prozorro@example.gov.ua
36
- </pz-copy-to-clipboard>
37
- </div>
38
- </div>
39
- </section>
40
- `})},a={},n={args:{variant:"icon",text:"Copy"}};var y,b,f;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:"{}",...(f=(b=a.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};var v,g,z;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
41
- args: {
42
- variant: "icon",
43
- text: "Copy"
44
- }
45
- }`,...(z=(g=n.parameters)==null?void 0:g.docs)==null?void 0:z.source}}};const R=["Playground","IconOnly"];export{n as IconOnly,a as Playground,R as __namedExportsOrder,Q as default};
@@ -1 +0,0 @@
1
- .pz-date[data-v-1141ae7b]{display:inline-flex;align-items:center;color:var(--pz-color-text-primary);font-size:var(--pz-date-font-size, var(--pz-font-size-14));font-weight:var(--pz-date-font-weight, 400);line-height:var(--pz-date-line-height, 1.5)}.pz-date__separator[data-v-1141ae7b]{width:5px;height:5px;border-radius:50%;margin-inline:var(--pz-space-8);background-color:var(--pz-color-blue-50)}
@@ -1 +0,0 @@
1
- import{d as D,e as n,t as l,y as p,F as g,k as f,g as s,o}from"./iframe-C0Tj7XHr.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const y=["datetime"],z={key:0,class:"pz-date__date"},P={class:"pz-date__time"},m=2,r=D({name:"PzDate",__name:"PzDate",props:{date:{},format:{default:"DD MM YYYY HH:mm"}},setup(Y){const t=Y,i=s(()=>{if(!t.date)return null;const e=new Date(t.date.replace(" ","T"));return isNaN(e.getTime())?null:e}),u=s(()=>{const e=i.value;return e?t.format==="YYYY"?new Intl.DateTimeFormat("uk-UA",{year:"numeric"}).format(e):t.format==="MM YYYY"?new Intl.DateTimeFormat("uk-UA",{month:"long",year:"numeric"}).format(e):new Intl.DateTimeFormat("uk-UA",{day:"numeric",month:"long",year:"numeric"}).format(e):""}),c=s(()=>{const e=i.value;if(!e||t.format!=="DD MM YYYY HH:mm"&&t.format!=="DD MM YYYY HH:mm:ss")return"";const a=String(e.getHours()).padStart(m,"0"),d=String(e.getMinutes()).padStart(m,"0");if(t.format==="DD MM YYYY HH:mm:ss"){const _=String(e.getSeconds()).padStart(m,"0");return`${a}:${d}:${_}`}return`${a}:${d}`});return(e,a)=>(o(),n("time",{class:"pz-date",datetime:t.date},[u.value?(o(),n("span",z,l(u.value),1)):p("",!0),c.value?(o(),n(g,{key:1},[a[0]||(a[0]=f("i",{class:"pz-date__separator","aria-hidden":"true"},null,-1)),f("span",P,l(c.value),1)],64)):p("",!0)],8,y))}}),k=M(r,[["__scopeId","data-v-1141ae7b"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzDate",exportName:"default",displayName:"PzDate",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"string"}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDate/PzDate.vue"]});export{k as P};