@prozorro/prozorro-ui 0.0.18-beta → 0.0.19-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 (206) hide show
  1. package/dist/app/assets/{Color-FRDS63T2-BzWYtFMz.js → Color-FRDS63T2-C2IBn4nF.js} +1 -1
  2. package/dist/app/assets/{Colors.stories-nhKxNhBA.js → Colors.stories-BbUO1MdL.js} +1 -1
  3. package/dist/app/assets/{DocsRenderer-LL677BLK-B34qcR97.js → DocsRenderer-LL677BLK-BhBRMgEh.js} +5 -5
  4. package/dist/app/assets/{Grid.stories-v2euRVgx.js → Grid.stories-D1aeoazc.js} +1 -1
  5. package/dist/app/assets/PzAccordion-CJcM-9ym.css +1 -0
  6. package/dist/app/assets/{PzAccordion-ChXTPL78.css → PzAccordion-DKtMpe35.css} +1 -1
  7. package/dist/app/assets/PzAccordion-_OF2zZ2I.js +1 -0
  8. package/dist/app/assets/{PzAccordion.stories-DJ_HT9fk.js → PzAccordion.stories-CdySuguf.js} +8 -7
  9. package/dist/app/assets/PzAccordionTable-C5s89sJN.css +1 -0
  10. package/dist/app/assets/PzAccordionTable.stories-U0zYpPbZ.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-CcHfpoGZ.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-CRgmW35D.js} +6 -6
  15. package/dist/app/assets/PzBtn-916mU0oY.css +1 -0
  16. package/dist/app/assets/PzBtn-Bg1IBOBz.js +1 -0
  17. package/dist/app/assets/{PzBtn.stories-CYGLKqc3.js → PzBtn.stories-uXLdobJ2.js} +5 -4
  18. package/dist/app/assets/{PzCheckbox-rwLDdHDy.js → PzCheckbox-Co7cXLcc.js} +1 -1
  19. package/dist/app/assets/PzCheckbox-D2lG-G61.css +1 -0
  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-DDANwWNi.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-QxhAKj0w.js} +3 -3
  24. package/dist/app/assets/PzCopyToClipboard-DOtO0RBq.css +1 -0
  25. package/dist/app/assets/PzCopyToClipboard.stories-Pj5slaUz.js +45 -0
  26. package/dist/app/assets/PzDate-Aqy8E-pf.css +1 -0
  27. package/dist/app/assets/PzDate-DU33aQfR.js +1 -0
  28. package/dist/app/assets/{PzDate.stories-B00KT0Z3.js → PzDate.stories-Bi9TCxxD.js} +6 -5
  29. package/dist/app/assets/PzDateRange-BiJOokbK.css +1 -0
  30. package/dist/app/assets/PzDateRange.stories-BBp0mnSd.js +9 -0
  31. package/dist/app/assets/{PzDomHandler.stories-ZmoUgZpO.js → PzDomHandler.stories-CRahV-Wb.js} +1 -1
  32. package/dist/app/assets/{PzDropdown.stories-ADCvYGy6.js → PzDropdown.stories-B0mTkKc2.js} +1 -1
  33. package/dist/app/assets/PzFileInput-BOG2rn9_.css +1 -0
  34. package/dist/app/assets/{PzFileInput.stories-C8jaYuqu.js → PzFileInput.stories-CnppW9wz.js} +3 -3
  35. package/dist/app/assets/{PzGrid.stories-COAFHJ1W.js → PzGrid.stories-Cw4sZzsk.js} +3 -3
  36. package/dist/app/assets/{PzHint-C_J-NgV5.js → PzHint-Bn0Ztwlp.js} +1 -1
  37. package/dist/app/assets/{PzHint.stories-DE3Jaybz.js → PzHint.stories-CQH1ALO7.js} +1 -1
  38. package/dist/app/assets/{PzIcon-DtHaOlhQ.js → PzIcon-DVzy4Ojp.js} +1 -1
  39. package/dist/app/assets/{PzIcon.stories-C_oYU4SD.js → PzIcon.stories-CYj7Sa9-.js} +1 -1
  40. package/dist/app/assets/{PzImage.stories-DzlwKuwT.js → PzImage.stories-D9ZKsKu-.js} +1 -1
  41. package/dist/app/assets/PzImageInput-Dpxr8tsf.css +1 -0
  42. package/dist/app/assets/{PzImageInput.stories-OocNgTF2.js → PzImageInput.stories-Dd0KAYA-.js} +4 -4
  43. package/dist/app/assets/{PzInfoBlockLayout.stories-BY3P0fbt.js → PzInfoBlockLayout.stories-D2Qvvgw3.js} +2 -2
  44. package/dist/app/assets/{PzInfoHint-2M1N5-8H.js → PzInfoHint-DF7WmJtZ.js} +1 -1
  45. package/dist/app/assets/{PzInfoHint.stories-8vdsE657.js → PzInfoHint.stories-DUNQFUoC.js} +1 -1
  46. package/dist/app/assets/PzInput-BCMo6PmT.css +1 -0
  47. package/dist/app/assets/{PzInput.stories-C3jn5y4z.js → PzInput.stories-BoPwxyIb.js} +5 -5
  48. package/dist/app/assets/PzInputDate-DajGwKjI.css +1 -0
  49. package/dist/app/assets/{PzInputDate.stories-DZmyNFFO.js → PzInputDate.stories-B6v4pDb6.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-CFfeS2dZ.js} +3 -3
  52. package/dist/app/assets/PzKeyValue-77OwsVir.css +1 -0
  53. package/dist/app/assets/{PzKeyValue.stories-DC6ls3DF.js → PzKeyValue.stories-a9bwmOR5.js} +4 -4
  54. package/dist/app/assets/{PzLabel-De4xOP9y.js → PzLabel-CXXbE-ej.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-isksv8v2.js} +1 -1
  58. package/dist/app/assets/PzLink-BO5pzUA8.css +1 -0
  59. package/dist/app/assets/PzLink-nu58zHCW.js +1 -0
  60. package/dist/app/assets/{PzLink.stories-C3F89V5M.js → PzLink.stories--WsBG0BU.js} +4 -3
  61. package/dist/app/assets/{PzListNav.stories-CDlZUHY5.js → PzListNav.stories-B_mDXZmO.js} +3 -3
  62. package/dist/app/assets/PzLoader.stories-qKeABC3D.js +9 -0
  63. package/dist/app/assets/PzModal-Da1AKItx.css +1 -0
  64. package/dist/app/assets/{PzModal.stories-Mx8xHWMO.js → PzModal.stories-BS4DR-WI.js} +4 -4
  65. package/dist/app/assets/PzMultiSelect-kijICuQ3.css +1 -0
  66. package/dist/app/assets/{PzMultiSelect.stories-BFoMHVkN.js → PzMultiSelect.stories-C4DSSspN.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-C1vtQBH8.js} +9 -9
  69. package/dist/app/assets/{PzNumberFormat.stories-B_eYrwc4.js → PzNumberFormat.stories-BIVqlHdJ.js} +1 -1
  70. package/dist/app/assets/{PzPagination-ohvV8gN-.css → PzPagination-BF-U8BNg.css} +1 -1
  71. package/dist/app/assets/{PzPagination-Bw11L7YO.js → PzPagination-CteZncwH.js} +1 -1
  72. package/dist/app/assets/PzPagination-DsLCoCA7.css +1 -0
  73. package/dist/app/assets/{PzPagination.stories-CZV0Q_-k.js → PzPagination.stories-DXY3LZY7.js} +1 -1
  74. package/dist/app/assets/{PzPriceFormat.stories-0KN52A9w.js → PzPriceFormat.stories-Ci2VRO5E.js} +1 -1
  75. package/dist/app/assets/PzRadioGroup-DfOusdQ3.css +1 -0
  76. package/dist/app/assets/{PzRadioGroup.stories-A26PEqyR.js → PzRadioGroup.stories--nDBlsqT.js} +2 -2
  77. package/dist/app/assets/PzRouterLink.stories-D6uN485o.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-BWHmbtT2.js} +1 -1
  80. package/dist/app/assets/{PzSearchResultItemLayout.stories-CPFjtSNv.js → PzSearchResultItemLayout.stories-D9aZo5UR.js} +1 -1
  81. package/dist/app/assets/{PzSelect-Cn9BkSfg.js → PzSelect-DSjSzV-3.js} +1 -1
  82. package/dist/app/assets/PzSelect-kuxLgX5-.css +1 -0
  83. package/dist/app/assets/{PzSelect-BwhRsTZd.css → PzSelect-qGupIZIz.css} +1 -1
  84. package/dist/app/assets/{PzSelect.stories-CgwCMZd-.js → PzSelect.stories-DVwaAJgQ.js} +1 -1
  85. package/dist/app/assets/{PzSkeleton-BwC2svLL.js → PzSkeleton-m8_ixzBO.js} +1 -1
  86. package/dist/app/assets/{PzSkeleton.stories-DsurBEj4.js → PzSkeleton.stories-BXgNWkRa.js} +1 -1
  87. package/dist/app/assets/{PzStatus-B_H5z0YP.css → PzStatus--2NXUTlv.css} +1 -1
  88. package/dist/app/assets/PzStatus-Br47Wf2p.js +1 -0
  89. package/dist/app/assets/PzStatus-CrMtYbRR.css +1 -0
  90. package/dist/app/assets/{PzStatus.stories-Df25pJr9.js → PzStatus.stories-PPIMQWmC.js} +4 -3
  91. package/dist/app/assets/{PzTable-BNMYmoRd.css → PzTable-BOVqN6WA.css} +1 -1
  92. package/dist/app/assets/PzTable-CMrM0T_5.css +1 -0
  93. package/dist/app/assets/PzTable-Dpgs6nnE.js +1 -0
  94. package/dist/app/assets/{PzTable.stories-BLvcQ6Rw.js → PzTable.stories-DQFCM8Ie.js} +1 -1
  95. package/dist/app/assets/{PzTabs.stories-b4hlFEwl.js → PzTabs.stories-B3uKeAUs.js} +4 -4
  96. package/dist/app/assets/PzTag-B34ohfe6.js +1 -0
  97. package/dist/app/assets/PzTag-BU4Nffdd.css +1 -0
  98. package/dist/app/assets/{PzTag.stories-Ujqwci2O.js → PzTag.stories-BbcggvmR.js} +7 -6
  99. package/dist/app/assets/{PzText-BQZq8EVF.js → PzText-BE3sGQje.js} +1 -1
  100. package/dist/app/assets/PzText-uPzrIzSU.css +1 -0
  101. package/dist/app/assets/{PzText.stories-BuvdtkFm.js → PzText.stories-C6WoUrwS.js} +16 -16
  102. package/dist/app/assets/{PzTextClamp-B1WSxo7S.css → PzTextClamp-sinphphZ.css} +1 -1
  103. package/dist/app/assets/PzTextClamp.stories-DTMYKzSM.js +150 -0
  104. package/dist/app/assets/PzTextarea-DlC8K0sa.css +1 -0
  105. package/dist/app/assets/{PzTextarea.stories-DOG1qi1P.js → PzTextarea.stories-Chk-d2kz.js} +5 -5
  106. package/dist/app/assets/{PzValidatorXSS.stories-DscJMjuB.js → PzValidatorXSS.stories-ChgBpRB1.js} +1 -1
  107. package/dist/app/assets/{Spacing.stories-DBSqX1Hj.js → Spacing.stories-DYrJNcDz.js} +1 -1
  108. package/dist/app/assets/{Typography.stories-DMvAqFvP.js → Typography.stories-DKGJUwRl.js} +1 -1
  109. package/dist/app/assets/{WithTooltip-65CFNBJE-ByDyVRbq.js → WithTooltip-65CFNBJE-DBM3Ls4x.js} +1 -1
  110. package/dist/app/assets/configs-B15JgQZ-.js +1 -0
  111. package/dist/app/assets/{floating-vue-bEyZEONw.js → floating-vue-CfaCgnk9.js} +1 -1
  112. package/dist/app/assets/{floating-vue-n4D6Ru3Z.js → floating-vue-vY2FayZJ.js} +1 -1
  113. package/dist/app/assets/{formatter-EIJCOSYU-Cy8KDV6A.js → formatter-EIJCOSYU-D7FeXb5h.js} +1 -1
  114. package/dist/app/assets/{iframe-C0Tj7XHr.js → iframe-DnNEraC8.js} +75 -75
  115. package/dist/app/assets/{iframe-CAy7Hju8.css → iframe-ujC0K8xu.css} +1 -1
  116. package/dist/app/assets/{index-DcEnsmNU.js → index-DDhCZz39.js} +1 -1
  117. package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-DaMG7TRH.js → syntaxhighlighter-OH4MV7E3-ufeUsxKV.js} +1 -1
  118. package/dist/app/iframe.html +2 -2
  119. package/dist/app/index.json +1 -1
  120. package/dist/app/project.json +1 -1
  121. package/dist/components/Actions/PzBtn/types.d.ts +2 -0
  122. package/dist/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue.d.ts +1 -1
  123. package/dist/components/Actions/PzLink/PzLink.vue.d.ts +1 -1
  124. package/dist/components/Actions/PzLink/types.d.ts +2 -0
  125. package/dist/components/Actions/PzRouterLink/PzRouterLink.vue.d.ts +1 -1
  126. package/dist/components/Display/PzDate/types.d.ts +2 -0
  127. package/dist/components/Display/PzDateRange/types.d.ts +2 -0
  128. package/dist/components/Display/PzIcon/PzIcon.vue.d.ts +1 -1
  129. package/dist/components/Display/PzLoader/PzLoader.vue.d.ts +1 -1
  130. package/dist/components/Display/PzStatus/configs.d.ts +1 -1
  131. package/dist/components/Display/PzStatus/types.d.ts +2 -0
  132. package/dist/components/Display/PzTag/configs.d.ts +1 -1
  133. package/dist/components/Display/PzTag/types.d.ts +2 -0
  134. package/dist/components/Form/PzFileInput/PzFileInput.vue.d.ts +1 -1
  135. package/dist/components/Form/PzImageInput/PzImageInput.vue.d.ts +1 -1
  136. package/dist/components/Form/PzInput/PzInput.vue.d.ts +2 -2
  137. package/dist/components/Form/PzInputDate/PzInputDate.vue.d.ts +1 -1
  138. package/dist/components/Form/PzInputNumber/PzInputNumber.vue.d.ts +2 -2
  139. package/dist/components/Form/PzLabel/PzLabel.vue.d.ts +1 -1
  140. package/dist/components/Form/PzMultiSelect/PzMultiSelect.vue.d.ts +1 -1
  141. package/dist/components/Form/PzSelect/PzSelect.vue.d.ts +2 -2
  142. package/dist/components/Form/PzTextarea/PzTextarea.vue.d.ts +1 -1
  143. package/dist/components/Layouts/PzAccordion/PzAccordion.vue.d.ts +1 -1
  144. package/dist/components/Layouts/PzAccordion/types.d.ts +2 -0
  145. package/dist/components/Layouts/PzGrid/PzGrid.vue.d.ts +1 -1
  146. package/dist/components/Layouts/PzGrid/PzGridItem.vue.d.ts +1 -1
  147. package/dist/components/Layouts/PzGrid/configs.d.ts +1 -1
  148. package/dist/components/Navigation/PzNav/types.d.ts +2 -0
  149. package/dist/components/Text/PzArrayClamp/PzArrayClamp.vue.d.ts +1 -1
  150. package/dist/components/Text/PzArrayClamp/types.d.ts +2 -0
  151. package/dist/components/Text/PzText/configs.d.ts +2 -2
  152. package/dist/components/Text/PzTextClamp/PzTextClamp.vue.d.ts +3 -3
  153. package/dist/components/Text/PzTextClamp/types.d.ts +2 -0
  154. package/dist/index.d.ts +1 -1
  155. package/dist/package.json +1 -1
  156. package/dist/prozorro-ui.cjs +6 -6
  157. package/dist/prozorro-ui.js +2405 -2420
  158. package/dist/style.css +1 -1
  159. package/package.json +1 -1
  160. package/src/styles/abstract/_typography.scss +5 -3
  161. package/src/styles/base/_typography.scss +125 -0
  162. package/src/styles/main.scss +1 -0
  163. package/dist/app/assets/PzAccordion-B0I9gAH8.js +0 -1
  164. package/dist/app/assets/PzAccordion-C0TpPK-x.css +0 -1
  165. package/dist/app/assets/PzAccordionTable-BAkuTUT5.css +0 -1
  166. package/dist/app/assets/PzAccordionTable.stories-DxKqjo-e.js +0 -275
  167. package/dist/app/assets/PzBtn-DcyqEb3Q.js +0 -1
  168. package/dist/app/assets/PzBtn-jjH45VOr.css +0 -1
  169. package/dist/app/assets/PzCheckbox-CMoU-kLD.css +0 -1
  170. package/dist/app/assets/PzClamp-DQz8TA5G.css +0 -1
  171. package/dist/app/assets/PzClamp.stories-Cy07si4i.js +0 -1
  172. package/dist/app/assets/PzCopyToClipboard-DYvP-lFq.css +0 -1
  173. package/dist/app/assets/PzCopyToClipboard.stories-C8ifzOzW.js +0 -45
  174. package/dist/app/assets/PzDate-Bsbb_VSV.css +0 -1
  175. package/dist/app/assets/PzDate-C90nxGrj.js +0 -1
  176. package/dist/app/assets/PzDateRange-D51oBNib.css +0 -1
  177. package/dist/app/assets/PzDateRange.stories-CvIYNizv.js +0 -9
  178. package/dist/app/assets/PzFileInput-DbN-ooyB.css +0 -1
  179. package/dist/app/assets/PzImageInput-dWKF820O.css +0 -1
  180. package/dist/app/assets/PzInput-CJA3u8GT.css +0 -1
  181. package/dist/app/assets/PzInputDate-pqxv_Osl.css +0 -1
  182. package/dist/app/assets/PzInputNumber-Bo159ZgO.css +0 -1
  183. package/dist/app/assets/PzKeyValue--VZbtZaU.css +0 -1
  184. package/dist/app/assets/PzLabel-b7WCTEW3.css +0 -1
  185. package/dist/app/assets/PzLink-BgMOL5GA.css +0 -1
  186. package/dist/app/assets/PzLink-C34ePoHR.js +0 -1
  187. package/dist/app/assets/PzLoader.stories-Ctqutr_i.js +0 -9
  188. package/dist/app/assets/PzModal-CFz3X4Lh.css +0 -1
  189. package/dist/app/assets/PzMultiSelect-JrKh7BA8.css +0 -1
  190. package/dist/app/assets/PzPagination-B4-GW3ZR.css +0 -1
  191. package/dist/app/assets/PzRadioGroup-BeXU451M.css +0 -1
  192. package/dist/app/assets/PzRouterLink.stories-CmmyRt54.js +0 -54
  193. package/dist/app/assets/PzSelect-Cc3jbYPS.css +0 -1
  194. package/dist/app/assets/PzStatus-B8fDQ3ZX.js +0 -1
  195. package/dist/app/assets/PzStatus-BJklUof0.css +0 -1
  196. package/dist/app/assets/PzTable-C1EasZ6G.css +0 -1
  197. package/dist/app/assets/PzTable-DuU8JAt1.js +0 -1
  198. package/dist/app/assets/PzTag-DkBbAhaD.css +0 -1
  199. package/dist/app/assets/PzTag-F76Pw53L.js +0 -1
  200. package/dist/app/assets/PzText-BwoHBjGs.css +0 -1
  201. package/dist/app/assets/PzTextClamp.stories-Dc67q_-y.js +0 -149
  202. package/dist/app/assets/PzTextarea-B3skmX1A.css +0 -1
  203. package/dist/app/assets/text-clamp.esm-Dv0GEKqA.js +0 -1
  204. package/dist/components/Display/PzClamp/PzClamp.vue.d.ts +0 -8
  205. package/dist/components/Display/PzClamp/index.d.ts +0 -2
  206. package/dist/components/Display/PzClamp/types.d.ts +0 -7
@@ -1,4 +1,4 @@
1
- import{P as c}from"./PzText-BQZq8EVF.js";import{_ as n}from"./PzIcon-DtHaOlhQ.js";import"./iframe-C0Tj7XHr.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l=["filled","outlined"],p=["12","16","18","20","24","32","44"],d=[{name:"info",label:"Informational state",tone:"primary"},{name:"check_circle",label:"Successful outcome",tone:"success"},{name:"warning",label:"Attention required",tone:"alert"}],m=e=>`<template>
1
+ import{P as c}from"./PzText-BE3sGQje.js";import{_ as n}from"./PzIcon-DVzy4Ojp.js";import"./iframe-DnNEraC8.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l=["filled","outlined"],p=["12","16","18","20","24","32","44"],d=[{name:"info",label:"Informational state",tone:"primary"},{name:"check_circle",label:"Successful outcome",tone:"success"},{name:"warning",label:"Attention required",tone:"alert"}],m=e=>`<template>
2
2
  <PzIcon ${[`name="${e.name}"`,e.variant!=="outlined"?`variant="${e.variant}"`:null,e.size!=="16"?`size="${e.size}"`:null,e.label?`label="${e.label}"`:null].filter(r=>!!r).join(" ")} />
3
3
  </template>`,z={title:"Components/Display/PzIcon",component:n,parameters:{prototype:{caption:"Icon component",note:"Material icon ligatures wrapped in a small Vue API with token-backed sizing and easy CSS overrides."},docs:{description:{component:"Use `PzIcon` for Material icons in design-system UI. The component keeps the API small, inherits custom classes and styles, and exposes CSS custom properties for size and color overrides. Find available icon names in the [Material Icons catalog](https://fonts.google.com/icons)."},source:{transform:(e,t)=>m(t.args??z.args)}}},args:{name:"account_balance",variant:"outlined",size:"24",label:"Procurement entity"},argTypes:{name:{control:"text",description:"Material icon ligature name."},variant:{control:"inline-radio",options:l,description:"Material icon font family variant."},size:{control:"select",options:p,description:"Token-backed font size for the icon."},label:{control:"text",description:"Accessible label. Leave empty for decorative icons."}},render:e=>({components:{pzIcon:n,pzText:c},setup(){return{args:e,iconReferenceItems:d}},template:`
4
4
  <div class="pz-icon-story">
@@ -1,4 +1,4 @@
1
- import{P as p}from"./PzText-BQZq8EVF.js";import{d as l,e as d,n as g,g as m,o as u}from"./iframe-C0Tj7XHr.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const z=["contain","cover","fill","none","scale-down"],y=["eager","lazy"],v=["auto","async","sync"],h=["src","alt","loading","decoding"],i=l({name:"PzImage",__name:"PzImage",props:{src:{},alt:{},fit:{default:"contain"},loading:{default:void 0},decoding:{default:"async"}},setup(e){const a=e,o=m(()=>({"--pz-image-fit":a.fit}));return(P,b)=>(u(),d("img",{class:"pz-image",src:a.src,alt:a.alt,loading:a.loading,decoding:a.decoding,style:g(o.value)},null,12,h))}}),s=f(i,[["__scopeId","data-v-d597634d"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzImage",exportName:"default",displayName:"PzImage",description:"",tags:{},props:[{name:"src",required:!0,type:{name:"string"}},{name:"alt",required:!0,type:{name:"string"}},{name:"fit",required:!1,type:{name:"PzImageFit"},defaultValue:{func:!1,value:'"contain"'}},{name:"loading",required:!1,type:{name:"PzImageLoading"},defaultValue:{func:!1,value:"undefined"}},{name:"decoding",required:!1,type:{name:"PzImageDecoding"},defaultValue:{func:!1,value:'"async"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzImage/PzImage.vue"]});const I=e=>`<template>
1
+ import{P as p}from"./PzText-BE3sGQje.js";import{d as l,e as d,n as g,g as m,o as u}from"./iframe-DnNEraC8.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const z=["contain","cover","fill","none","scale-down"],y=["eager","lazy"],v=["auto","async","sync"],h=["src","alt","loading","decoding"],i=l({name:"PzImage",__name:"PzImage",props:{src:{},alt:{},fit:{default:"contain"},loading:{default:void 0},decoding:{default:"async"}},setup(e){const a=e,o=m(()=>({"--pz-image-fit":a.fit}));return(P,b)=>(u(),d("img",{class:"pz-image",src:a.src,alt:a.alt,loading:a.loading,decoding:a.decoding,style:g(o.value)},null,12,h))}}),s=f(i,[["__scopeId","data-v-d597634d"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzImage",exportName:"default",displayName:"PzImage",description:"",tags:{},props:[{name:"src",required:!0,type:{name:"string"}},{name:"alt",required:!0,type:{name:"string"}},{name:"fit",required:!1,type:{name:"PzImageFit"},defaultValue:{func:!1,value:'"contain"'}},{name:"loading",required:!1,type:{name:"PzImageLoading"},defaultValue:{func:!1,value:"undefined"}},{name:"decoding",required:!1,type:{name:"PzImageDecoding"},defaultValue:{func:!1,value:'"async"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzImage/PzImage.vue"]});const I=e=>`<template>
2
2
  <PzImage ${[`src="${e.src}"`,`alt="${e.alt}"`,e.fit!=="contain"?`fit="${e.fit}"`:null,e.loading?`loading="${e.loading}"`:null,e.decoding!=="async"?`decoding="${e.decoding}"`:null].filter(o=>!!o).join(" ")} />
3
3
  </template>`,_={title:"Components/Display/PzImage",component:s,parameters:{prototype:{caption:"Image component",note:"Minimal image primitive with basic responsive defaults and CSS custom properties for easy visual overrides."},docs:{description:{component:"Use `PzImage` when you want a predictable image primitive with responsive defaults. Styling remains easy to customize through inherited classes, inline styles, and the `--pz-image-*` custom properties."},source:{transform:(e,a)=>I(a.args??_.args)}}},args:{src:"/prozorro_logo.png",alt:"Prozorro logotype",fit:"contain",loading:"lazy",decoding:"async"},argTypes:{src:{control:"text",description:"Image source URL."},alt:{control:"text",description:"Alternative text for the image."},fit:{control:"select",options:z,description:"Object-fit behavior for framed image layouts."},loading:{control:"inline-radio",options:y,description:"Native browser loading hint."},decoding:{control:"inline-radio",options:v,description:"Native image decoding mode."}},render:e=>({components:{pzImage:s,pzText:p},setup(){return{args:e}},template:`
4
4
  <div class="pz-image-story">
@@ -0,0 +1 @@
1
+ .pz-image-input[data-v-19081aea]{--pz-image-input-text: var(--pz-color-text-primary);--pz-image-input-helper: var(--pz-color-text-secondary);--pz-image-input-error: var(--pz-color-red-50);--pz-image-input-preview-border: var(--pz-color-grey-30);--pz-image-input-preview-size: 120px;display:block;color:var(--pz-image-input-text);overflow-wrap:break-word;font-size:var(--pz-image-input-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-image-input-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-image-input-line-height, var(--pz-typography-line-height, 1.5))}.pz-image-input-wrap[data-v-19081aea]{display:block}.pz-image-input-preview[data-v-19081aea]{display:inline-flex;align-items:flex-start;gap:var(--pz-space-16);margin-top:var(--pz-space-8)}.pz-image-input-preview-img[data-v-19081aea]{width:var(--pz-image-input-preview-size);height:var(--pz-image-input-preview-size);border-radius:var(--pz-space-4);border:1px solid var(--pz-image-input-preview-border);background-color:var(--pz-color-white);object-fit:cover}.pz-image-input-preview-edit[data-v-19081aea]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--pz-color-text-primary);cursor:pointer}.pz-image-input-preview-edit[data-v-19081aea]:focus-visible{outline:2px solid var(--pz-color-blue-30);outline-offset:2px}.pz-image-input-native[data-v-19081aea]{display:none}.pz-image-input-helper[data-v-19081aea]{display:block;margin-top:var(--pz-space-8);color:var(--pz-image-input-helper);overflow-wrap:break-word;font-size:var(--pz-image-input-helper-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-image-input-helper-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-image-input-helper-line-height, var(--pz-typography-line-height, 1.5))}.pz-image-input-error[data-v-19081aea]{display:block;margin-top:var(--pz-space-8);color:var(--pz-image-input-error);overflow-wrap:break-word;font-size:var(--pz-image-input-error-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-image-input-error-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-image-input-error-line-height, var(--pz-typography-line-height, 1.5))}.pz-image-input.disabled[data-v-19081aea]{--pz-image-input-text: var(--pz-color-grey-40);--pz-image-input-helper: var(--pz-color-grey-40)}.pz-image-input.error .pz-image-input-preview-img[data-v-19081aea]{border-color:var(--pz-image-input-error)}
@@ -1,9 +1,9 @@
1
- import{d as H,w as E,e as b,z as q,D as B,u as V,f as G,g as d,o as f,k as z,B as J,E as K,t as P,y,r as s}from"./iframe-C0Tj7XHr.js";import{P as Q}from"./PzText-BQZq8EVF.js";import{P as X}from"./PzBtn-DcyqEb3Q.js";import{_ as Y}from"./PzIcon-DtHaOlhQ.js";import{P as Z}from"./PzLabel-De4xOP9y.js";import{c as C,d as x}from"./configs-CZIaFchr.js";import{_ as ee}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ae={class:"pz-image-input-wrap"},te={key:1,class:"pz-image-input-preview"},le=["src","alt"],ie=["aria-label"],ne=["id","name","accept","disabled"],re={class:"pz-image-input-helper"},se={key:0,class:"pz-image-input-error"},I=H({name:"PzImageInput",__name:"PzImageInput",props:{name:{},modelValue:{default:null},label:{default:""},extensions:{default:()=>[...x.acceptedExtensions]},maxSizeBytes:{default:x.maxSizeBytes},imageWidth:{default:x.imageWidth},imageHeight:{default:x.imageHeight},textConfig:{default:()=>({...C})},previewUrl:{default:""},errorMessage:{default:""},hasServerValidations:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},emits:["focus","blur","update:modelValue"],setup(e,{emit:o}){const a=e,m=o,v=s(null),p=s(""),c=s(""),u=d(()=>a.textConfig??C),S=d(()=>a.modelValue instanceof File),M=d(()=>!!a.previewUrl),U=d(()=>S.value||M.value),j=d(()=>p.value||a.previewUrl||""),T=d(()=>a.extensions.join(",")),w=d(()=>a.errorMessage||c.value);E(()=>a.modelValue,t=>{t instanceof File||(p.value="")});const F=()=>{var t;(t=v.value)==null||t.click()},N=(t,l,n)=>new Promise(i=>{if(!l&&!n){i(!0);return}const r=URL.createObjectURL(t),g=new Image;g.onload=()=>{URL.revokeObjectURL(r);const W=!l||g.naturalWidth===l,_=!n||g.naturalHeight===n;i(W&&_)},g.onerror=()=>{URL.revokeObjectURL(r),i(!1)},g.src=r}),A=t=>new Promise((l,n)=>{const i=new FileReader;i.onload=()=>{l(typeof i.result=="string"?i.result:"")},i.onerror=()=>n(i.error),i.readAsDataURL(t)}),$=async t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(r=>l.endsWith(r.toLowerCase()))?t.size>a.maxSizeBytes?u.value.fileTooLargeMessage:await N(t,a.imageWidth,a.imageHeight)?"":u.value.invalidDimensionsMessage:u.value.invalidExtensionMessage},O=async t=>{var r;const l=t.target,n=(r=l.files)==null?void 0:r[0];if(l.value="",c.value="",!n)return;const i=await $(n);if(i){c.value=i,p.value="",a.modelValue instanceof File&&m("update:modelValue",null);return}p.value=await A(n),m("update:modelValue",n)};return(t,l)=>(f(),b("div",{class:G(["pz-image-input",{error:!!w.value,disabled:e.disabled}])},[q(V(Z),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[z("div",ae,[e.editable&&!U.value?(f(),J(V(X),{key:0,variant:"primary-outline",type:"button",disabled:e.disabled,onClick:F},{default:B(()=>[K(P(u.value.buttonLabel),1)]),_:1},8,["disabled"])):y("",!0),U.value?(f(),b("div",te,[z("img",{src:j.value,alt:e.label||u.value.buttonLabel,class:"pz-image-input-preview-img"},null,8,le),e.editable&&!e.disabled?(f(),b("button",{key:0,type:"button",class:"pz-image-input-preview-edit","aria-label":u.value.editButtonLabel,onClick:F},[q(V(Y),{name:"edit",size:"16"})],8,ie)):y("",!0)])):y("",!0),z("input",{id:e.name,ref_key:"imageInputRef",ref:v,class:"pz-image-input-native",type:"file",name:e.name,accept:T.value,disabled:e.disabled||!e.editable,onChange:O,onFocus:l[0]||(l[0]=n=>m("focus")),onBlur:l[1]||(l[1]=n=>m("blur"))},null,40,ne)]),z("span",re,P(u.value.helperText),1),w.value?(f(),b("span",se,P(w.value),1)):y("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),D=ee(I,[["__scopeId","data-v-19081aea"]]);I.__docgenInfo=Object.assign({displayName:I.name??I.__name},{name:"PzImageInput",exportName:"default",displayName:"PzImageInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzImageInputValue"},defaultValue:{func:!1,value:"null"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormImageUploadRules.acceptedExtensions]"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.maxSizeBytes"}},{name:"imageWidth",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageWidth"}},{name:"imageHeight",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageHeight"}},{name:"textConfig",required:!1,type:{name:"PzFormImageInputTextConfig"},defaultValue:{func:!1,value:"() => ({ ...pzFormImageUploadTexts })"}},{name:"previewUrl",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"hasServerValidations",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzImageInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzImageInput/PzImageInput.vue"]});const oe=e=>`<template>
1
+ import{d as H,w as k,e as b,u as q,A as C,v as V,f as G,g as d,o as f,q as z,y as J,C as K,t as P,p as y,r as s}from"./iframe-DnNEraC8.js";import{P as Q}from"./PzText-BE3sGQje.js";import{P as X}from"./PzBtn-Bg1IBOBz.js";import{_ as Y}from"./PzIcon-DVzy4Ojp.js";import{P as Z}from"./PzLabel-CXXbE-ej.js";import{c as B,d as x}from"./configs-CZIaFchr.js";import{_ as ee}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ae={class:"pz-image-input-wrap"},te={key:1,class:"pz-image-input-preview"},le=["src","alt"],ie=["aria-label"],ne=["id","name","accept","disabled"],re={class:"pz-image-input-helper"},se={key:0,class:"pz-image-input-error"},I=H({name:"PzImageInput",__name:"PzImageInput",props:{name:{},modelValue:{default:null},label:{default:""},extensions:{default:()=>[...x.acceptedExtensions]},maxSizeBytes:{default:x.maxSizeBytes},imageWidth:{default:x.imageWidth},imageHeight:{default:x.imageHeight},textConfig:{default:()=>({...B})},previewUrl:{default:""},errorMessage:{default:""},hasServerValidations:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},emits:["focus","blur","update:modelValue"],setup(e,{emit:o}){const a=e,m=o,v=s(null),p=s(""),c=s(""),u=d(()=>a.textConfig??B),E=d(()=>a.modelValue instanceof File),M=d(()=>!!a.previewUrl),U=d(()=>E.value||M.value),j=d(()=>p.value||a.previewUrl||""),T=d(()=>a.extensions.join(",")),w=d(()=>a.errorMessage||c.value);k(()=>a.modelValue,t=>{t instanceof File||(p.value="")});const F=()=>{var t;(t=v.value)==null||t.click()},A=(t,l,n)=>new Promise(i=>{if(!l&&!n){i(!0);return}const r=URL.createObjectURL(t),g=new Image;g.onload=()=>{URL.revokeObjectURL(r);const W=!l||g.naturalWidth===l,_=!n||g.naturalHeight===n;i(W&&_)},g.onerror=()=>{URL.revokeObjectURL(r),i(!1)},g.src=r}),N=t=>new Promise((l,n)=>{const i=new FileReader;i.onload=()=>{l(typeof i.result=="string"?i.result:"")},i.onerror=()=>n(i.error),i.readAsDataURL(t)}),$=async t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(r=>l.endsWith(r.toLowerCase()))?t.size>a.maxSizeBytes?u.value.fileTooLargeMessage:await A(t,a.imageWidth,a.imageHeight)?"":u.value.invalidDimensionsMessage:u.value.invalidExtensionMessage},O=async t=>{var r;const l=t.target,n=(r=l.files)==null?void 0:r[0];if(l.value="",c.value="",!n)return;const i=await $(n);if(i){c.value=i,p.value="",a.modelValue instanceof File&&m("update:modelValue",null);return}p.value=await N(n),m("update:modelValue",n)};return(t,l)=>(f(),b("div",{class:G(["pz-image-input",{error:!!w.value,disabled:e.disabled}])},[q(V(Z),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:C(()=>[z("div",ae,[e.editable&&!U.value?(f(),J(V(X),{key:0,variant:"primary-outline",type:"button",disabled:e.disabled,onClick:F},{default:C(()=>[K(P(u.value.buttonLabel),1)]),_:1},8,["disabled"])):y("",!0),U.value?(f(),b("div",te,[z("img",{src:j.value,alt:e.label||u.value.buttonLabel,class:"pz-image-input-preview-img"},null,8,le),e.editable&&!e.disabled?(f(),b("button",{key:0,type:"button",class:"pz-image-input-preview-edit","aria-label":u.value.editButtonLabel,onClick:F},[q(V(Y),{name:"edit",size:"16"})],8,ie)):y("",!0)])):y("",!0),z("input",{id:e.name,ref_key:"imageInputRef",ref:v,class:"pz-image-input-native",type:"file",name:e.name,accept:T.value,disabled:e.disabled||!e.editable,onChange:O,onFocus:l[0]||(l[0]=n=>m("focus")),onBlur:l[1]||(l[1]=n=>m("blur"))},null,40,ne)]),z("span",re,P(u.value.helperText),1),w.value?(f(),b("span",se,P(w.value),1)):y("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),D=ee(I,[["__scopeId","data-v-19081aea"]]);I.__docgenInfo=Object.assign({displayName:I.name??I.__name},{name:"PzImageInput",exportName:"default",displayName:"PzImageInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzImageInputValue"},defaultValue:{func:!1,value:"null"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormImageUploadRules.acceptedExtensions]"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.maxSizeBytes"}},{name:"imageWidth",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageWidth"}},{name:"imageHeight",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageHeight"}},{name:"textConfig",required:!1,type:{name:"PzFormImageInputTextConfig"},defaultValue:{func:!1,value:"() => ({ ...pzFormImageUploadTexts })"}},{name:"previewUrl",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"hasServerValidations",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzImageInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzImageInput/PzImageInput.vue"]});const oe=e=>`<template>
2
2
  <PzImageInput
3
3
  v-model="image"
4
4
  ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.previewUrl?`preview-url="${e.previewUrl}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.hasServerValidations?':has-server-validations="true"':null].filter(a=>!!a).join(" ")}
5
5
  />
6
- </template>`,ue="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20800%20800'%3E%3Crect%20width%3D'800'%20height%3D'800'%20fill%3D'%23E7F1FF'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20fill%3D'%231B4DAF'%20font-family%3D'Arial'%20font-size%3D'96'%3EPreview%20800%C3%97800%3C%2Ftext%3E%3C%2Fsvg%3E",de={title:"Components/Form/PzImageInput",component:D,parameters:{docs:{description:{component:"Use `PzImageInput` to collect a single image. It validates the picked file against extension, size and expected dimensions (defaults 800×800 px, .png/.jpg/.jpeg, up to 1 МБ) and renders a preview with a replace action. Pass `previewUrl` to pre-fill the preview from an existing URL and `textConfig` to override the labels/messages for reuse in other projects."},source:{transform:(e,o)=>oe(o.args??de.args)}}},args:{name:"pz-image-input-story",label:"Логотип",modelValue:null,previewUrl:"",errorMessage:"",hasServerValidations:!1,required:!1,disabled:!1,editable:!0},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},previewUrl:{control:"text",description:"URL існуючого зображення для попереднього перегляду."},errorMessage:{control:"text",description:"Зовнішнє повідомлення про помилку; вмикає error-стан."},hasServerValidations:{control:"boolean",description:"Прапорець, що сигналізує про наявність серверних помилок валідації; текст передається через `errorMessage`."},required:{control:"boolean",description:"Позначає поле як обов'язкове."},disabled:{control:"boolean",description:"Блокує взаємодію з контролом."},editable:{control:"boolean",description:"Коли `false`, приховує кнопки додавання та редагування — компонент працює у режимі прев'ю."}},render:e=>({components:{pzImageInput:D,pzText:Q},setup(){const o=s(e.modelValue??null),a=s(null),m=s(null),v=s(null),p=s(null);return E(()=>e.modelValue,c=>{o.value=c??null}),{args:e,image:o,defaultImage:a,errorImage:m,disabledImage:v,customImage:p,samplePreviewUrl:ue}},template:`
6
+ </template>`,ue="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20800%20800'%3E%3Crect%20width%3D'800'%20height%3D'800'%20fill%3D'%23E7F1FF'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20fill%3D'%231B4DAF'%20font-family%3D'Arial'%20font-size%3D'96'%3EPreview%20800%C3%97800%3C%2Ftext%3E%3C%2Fsvg%3E",de={title:"Components/Form/PzImageInput",component:D,parameters:{docs:{description:{component:"Use `PzImageInput` to collect a single image. It validates the picked file against extension, size and expected dimensions (defaults 800×800 px, .png/.jpg/.jpeg, up to 1 МБ) and renders a preview with a replace action. Pass `previewUrl` to pre-fill the preview from an existing URL and `textConfig` to override the labels/messages for reuse in other projects."},source:{transform:(e,o)=>oe(o.args??de.args)}}},args:{name:"pz-image-input-story",label:"Логотип",modelValue:null,previewUrl:"",errorMessage:"",hasServerValidations:!1,required:!1,disabled:!1,editable:!0},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},previewUrl:{control:"text",description:"URL існуючого зображення для попереднього перегляду."},errorMessage:{control:"text",description:"Зовнішнє повідомлення про помилку; вмикає error-стан."},hasServerValidations:{control:"boolean",description:"Прапорець, що сигналізує про наявність серверних помилок валідації; текст передається через `errorMessage`."},required:{control:"boolean",description:"Позначає поле як обов'язкове."},disabled:{control:"boolean",description:"Блокує взаємодію з контролом."},editable:{control:"boolean",description:"Коли `false`, приховує кнопки додавання та редагування — компонент працює у режимі прев'ю."}},render:e=>({components:{pzImageInput:D,pzText:Q},setup(){const o=s(e.modelValue??null),a=s(null),m=s(null),v=s(null),p=s(null);return k(()=>e.modelValue,c=>{o.value=c??null}),{args:e,image:o,defaultImage:a,errorImage:m,disabledImage:v,customImage:p,samplePreviewUrl:ue}},template:`
7
7
  <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 560px;">
8
8
  <section>
9
9
  <pz-text variant="h4-bold">API компонента</pz-text>
@@ -98,7 +98,7 @@ import{d as H,w as E,e as b,z as q,D as B,u as V,f as G,g as d,o as f,k as z,B a
98
98
  </div>
99
99
  </section>
100
100
  </div>
101
- `})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzImageInput` з порожнім станом, прев'ю з `previewUrl`, readonly, disabled, помилками та власними правилами валідації."}}}};var L,R,k;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.docs,source:{originalSource:`{
101
+ `})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzImageInput` з порожнім станом, прев'ю з `previewUrl`, readonly, disabled, помилками та власними правилами валідації."}}}};var L,R,S;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.docs,source:{originalSource:`{
102
102
  parameters: {
103
103
  docs: {
104
104
  description: {
@@ -106,4 +106,4 @@ import{d as H,w as E,e as b,z as q,D as B,u as V,f as G,g as d,o as f,k as z,B a
106
106
  }
107
107
  }
108
108
  }
109
- }`,...(k=(R=h.parameters)==null?void 0:R.docs)==null?void 0:k.source}}};const ye=["Playground"];export{h as Playground,ye as __namedExportsOrder,de as default};
109
+ }`,...(S=(R=h.parameters)==null?void 0:R.docs)==null?void 0:S.source}}};const ye=["Playground"];export{h as Playground,ye as __namedExportsOrder,de as default};
@@ -1,4 +1,4 @@
1
- import{_ as b}from"./PzIcon-DtHaOlhQ.js";import{P as f}from"./PzText-BQZq8EVF.js";import{d as h,e as s,k as r,z as k,D as z,u as w,l as t,y as c,f as g,o as l,E as x,t as _}from"./iframe-C0Tj7XHr.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={class:"pz-info-block-layout-header"},T={key:0,class:"pz-info-block-layout-actions"},B={key:0,class:"pz-info-block-layout-helper"},i=h({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",P,[k(w(f),{variant:"h4-bold"},{default:z(()=>[t(o.$slots,"title",{},()=>[x(_(e.title),1)],!0)]),_:3}),o.$slots.right_section?(l(),s("div",T,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)]),o.$slots.heading?(l(),s("div",B,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:g(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),d=I(i,[["__scopeId","data-v-ad6e2a06"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}},{name:"spacing",defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const L=["","tight"],A=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],R=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],N=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],O=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],D=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],S=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],$=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],H=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(v=>!!v).join(`
1
+ import{_ as b}from"./PzIcon-DVzy4Ojp.js";import{P as f}from"./PzText-BE3sGQje.js";import{d as h,e as s,q as r,u as k,A as z,v as w,B as t,p as c,f as g,o as l,C as x,t as _}from"./iframe-DnNEraC8.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={class:"pz-info-block-layout-header"},T={key:0,class:"pz-info-block-layout-actions"},B={key:0,class:"pz-info-block-layout-helper"},i=h({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",P,[k(w(f),{variant:"h4-bold"},{default:z(()=>[t(o.$slots,"title",{},()=>[x(_(e.title),1)],!0)]),_:3}),o.$slots.right_section?(l(),s("div",T,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)]),o.$slots.heading?(l(),s("div",B,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:g(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),d=I(i,[["__scopeId","data-v-ad6e2a06"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}},{name:"spacing",defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const A=["","tight"],L=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],R=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],N=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],O=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],S=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],$=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],D=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],H=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(v=>!!v).join(`
2
2
  `),n=e.showHelper?`
3
3
  <template #heading>
4
4
  <a href="#" class="custom-helper-link">
@@ -23,7 +23,7 @@ import{_ as b}from"./PzIcon-DtHaOlhQ.js";import{P as f}from"./PzText-BQZq8EVF.js
23
23
  </div>
24
24
  </div>
25
25
  </PzInfoBlockLayout>
26
- </template>`},U={title:"Components/Layouts/PzInfoBlockLayout",component:d,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>H(o.args??U.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:L,description:"Content spacing mode. Use `tight` for denser sections."},showActions:{control:"boolean",description:"Shows the `right_section` slot in the live preview.",table:{category:"Slots"}},showHelper:{control:"boolean",description:"Shows the `heading` slot in the live preview.",table:{category:"Slots"}},helperText:{control:"text",description:"Helper link copy used in the live preview.",table:{category:"Slots"}}},render:e=>({components:{pzIcon:b,pzInfoBlockLayout:d,pzText:f},setup(){return{args:e,customerInfoRows:R,deliveryColumns:S,deliveryRows:$,previewRows:A,purchaseColumns:O,purchaseInfoRows:N,purchaseRows:D}},template:`
26
+ </template>`},U={title:"Components/Layouts/PzInfoBlockLayout",component:d,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>H(o.args??U.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:A,description:"Content spacing mode. Use `tight` for denser sections."},showActions:{control:"boolean",description:"Shows the `right_section` slot in the live preview.",table:{category:"Slots"}},showHelper:{control:"boolean",description:"Shows the `heading` slot in the live preview.",table:{category:"Slots"}},helperText:{control:"text",description:"Helper link copy used in the live preview.",table:{category:"Slots"}}},render:e=>({components:{pzIcon:b,pzInfoBlockLayout:d,pzText:f},setup(){return{args:e,customerInfoRows:R,deliveryColumns:$,deliveryRows:D,previewRows:L,purchaseColumns:O,purchaseInfoRows:N,purchaseRows:S}},template:`
27
27
  <section class="pz-info-block-layout-story">
28
28
  <div class="pz-info-block-layout-story-hero">
29
29
  <div>
@@ -1 +1 @@
1
- import{d as i,B as p,D as r,o as n,k as s,z as c,e as o,A as m,t as l,E as f,F as u}from"./iframe-C0Tj7XHr.js";import{_ as d}from"./PzIcon-DtHaOlhQ.js";import{P as _}from"./PzHint-C_J-NgV5.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const P={type:"button","aria-label":"Information",class:"pz-info-hint-trigger"},a=i({name:"PzInfoHint",__name:"PzInfoHint",props:{infoContent:{},wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"}},setup(e){return(C,I)=>(n(),p(_,{"wrapper-class":e.wrapperClass,"container-wrapper-class":e.containerWrapperClass,placement:e.placement,theme:"dark-tooltip"},{content:r(()=>[(n(!0),o(u,null,m(e.infoContent,t=>(n(),o("p",{key:t.id},[s("b",null,l(t.title??""),1),f(" "+l(t.text??""),1)]))),128))]),default:r(()=>[s("button",P,[c(d,{name:"help",size:"16",class:"pz-info-hint-icon"})])]),_:1},8,["wrapper-class","container-wrapper-class","placement"]))}}),h=z(a,[["__scopeId","data-v-d7b247cb"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzInfoHint",exportName:"default",displayName:"PzInfoHint",description:"",tags:{},props:[{name:"infoContent",required:!0,type:{name:"Array",elements:[{name:"PzInfoHintContent"}]}},{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzInfoHint/PzInfoHint.vue"]});export{h as P};
1
+ import{d as i,y as p,A as r,o as n,q as s,u as c,e as o,x as m,t as l,C as f,F as u}from"./iframe-DnNEraC8.js";import{_ as d}from"./PzIcon-DVzy4Ojp.js";import{P as _}from"./PzHint-Bn0Ztwlp.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z={type:"button","aria-label":"Information",class:"pz-info-hint-trigger"},a=i({name:"PzInfoHint",__name:"PzInfoHint",props:{infoContent:{},wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"}},setup(e){return(C,y)=>(n(),p(_,{"wrapper-class":e.wrapperClass,"container-wrapper-class":e.containerWrapperClass,placement:e.placement,theme:"dark-tooltip"},{content:r(()=>[(n(!0),o(u,null,m(e.infoContent,t=>(n(),o("p",{key:t.id},[s("b",null,l(t.title??""),1),f(" "+l(t.text??""),1)]))),128))]),default:r(()=>[s("button",z,[c(d,{name:"help",size:"16",class:"pz-info-hint-icon"})])]),_:1},8,["wrapper-class","container-wrapper-class","placement"]))}}),x=P(a,[["__scopeId","data-v-d7b247cb"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzInfoHint",exportName:"default",displayName:"PzInfoHint",description:"",tags:{},props:[{name:"infoContent",required:!0,type:{name:"Array",elements:[{name:"PzInfoHintContent"}]}},{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzInfoHint/PzInfoHint.vue"]});export{x as P};
@@ -1,4 +1,4 @@
1
- import{P as a}from"./PzText-BQZq8EVF.js";import{P as e}from"./PzInfoHint-2M1N5-8H.js";import"./iframe-C0Tj7XHr.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-DtHaOlhQ.js";import"./PzHint-C_J-NgV5.js";import"./floating-vue-n4D6Ru3Z.js";import"./floating-vue-bEyZEONw.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
1
+ import{P as a}from"./PzText-BE3sGQje.js";import{P as e}from"./PzInfoHint-DF7WmJtZ.js";import"./iframe-DnNEraC8.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-DVzy4Ojp.js";import"./PzHint-Bn0Ztwlp.js";import"./floating-vue-vY2FayZJ.js";import"./floating-vue-CfaCgnk9.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
2
2
  <PzInfoHint
3
3
  :info-content="[
4
4
  { id: 'deadline', title: 'Deadline', text: 'Shown in local time and aligned with the procurement schedule.' },
@@ -0,0 +1 @@
1
+ .pz-input[data-v-d1a46012]{--pz-input-background: var(--pz-color-white);--pz-input-border: var(--pz-color-grey-30);--pz-input-text: var(--pz-color-text-primary);--pz-input-placeholder: var(--pz-color-grey-50);--pz-input-icon-color: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-text);overflow-wrap:break-word;font-size:var(--pz-input-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-input-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-input-line-height, var(--pz-typography-line-height, 1.5))}.pz-input-wrap[data-v-d1a46012]{position:relative;display:block}.pz-input-control[data-v-d1a46012]{display:block;width:100%;padding:var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-input-border);background-color:var(--pz-input-background);color:var(--pz-input-text);font:inherit}.pz-input-control[data-v-d1a46012]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-control[data-v-d1a46012]::placeholder{color:var(--pz-input-placeholder)}.pz-input-control[data-v-d1a46012]:disabled{--pz-input-background: transparent;--pz-input-text: var(--pz-color-grey-40);--pz-input-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-control--with-icon[data-v-d1a46012]{padding-right:var(--pz-space-32)}.pz-input-control--counted[data-v-d1a46012]{padding-right:var(--pz-space-60)}.pz-input-readonly[data-v-d1a46012]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-icon[data-v-d1a46012]{position:absolute;bottom:var(--pz-space-8);right:var(--pz-space-4);font-size:var(--pz-font-size-20);color:var(--pz-input-icon-color)}.pz-input-counter[data-v-d1a46012]{position:absolute;top:50%;right:var(--pz-space-8);transform:translateY(-50%);color:var(--pz-input-icon-color);overflow-wrap:break-word;font-size:var(--pz-input-counter-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-input-counter-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-input-counter-line-height, var(--pz-typography-line-height, 1.5))}.pz-input-error[data-v-d1a46012]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);overflow-wrap:break-word;font-size:var(--pz-input-error-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-input-error-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-input-error-line-height, var(--pz-typography-line-height, 1.5))}.pz-input.light .pz-input-control[data-v-d1a46012]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input.error .pz-input-control[data-v-d1a46012]{border-color:var(--pz-color-red-50)}
@@ -1,9 +1,9 @@
1
- import{d as P,X as I,e as u,z as M,D as $,u as y,f as z,Y as h,o as r,k as B,Z as L,$ as E,t as c,B as N,y as b,r as l,w as T}from"./iframe-C0Tj7XHr.js";import{P as w}from"./PzText-BQZq8EVF.js";import{_ as D}from"./PzIcon-DtHaOlhQ.js";import{P as F}from"./PzLabel-De4xOP9y.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const U={class:"pz-input-wrap"},j=["id","placeholder","disabled","maxlength","type","required"],X=["id"],Y={key:3,class:"pz-input-counter"},A={key:0,class:"pz-input-error"},f=P({name:"PzInput",__name:"PzInput",props:h({name:{},modelValue:{},label:{default:""},icon:{default:""},inputClass:{default:""},errorMessage:{default:""},placeholder:{default:""},type:{default:"text"},counted:{type:Boolean,default:!1},maxSize:{default:255},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:h(["focus","blur","icon-click","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=t,o=I(e,"modelValue");return(s,a)=>(r(),u("div",{class:z(["pz-input",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[M(y(F),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:$(()=>{var d;return[B("span",U,[e.editable?L((r(),u("input",{key:0,id:e.name,"onUpdate:modelValue":a[0]||(a[0]=i=>o.value=i),placeholder:e.placeholder,disabled:e.disabled,maxlength:e.counted?e.maxSize:void 0,type:e.type,required:e.required,class:z(["pz-input-control",[{"pz-input-control--with-icon":e.icon,"pz-input-control--counted":e.counted},e.inputClass]]),onBlur:a[1]||(a[1]=i=>n("blur")),onFocus:a[2]||(a[2]=i=>n("focus"))},null,42,j)),[[E,o.value]]):(r(),u("span",{key:1,id:e.name,class:"pz-input-readonly"},c(o.value),9,X)),e.icon?(r(),N(y(D),{key:2,name:e.icon,class:"pz-input-icon",onClick:a[3]||(a[3]=i=>n("icon-click",i))},null,8,["name"])):b("",!0),e.counted?(r(),u("span",Y,c(((d=o.value)==null?void 0:d.length)||0)+"/"+c(e.maxSize),1)):b("",!0)]),e.errorMessage?(r(),u("span",A,c(e.errorMessage),1)):b("",!0)]}),_:1},8,["label","for","required","disabled"])],2))}}),v=O(f,[["__scopeId","data-v-d1a46012"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzInput",exportName:"default",displayName:"PzInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"icon",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"inputClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputType"},defaultValue:{func:!1,value:'"text"'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"255"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"icon-click",type:{names:["MouseEvent"]}},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInput/PzInput.vue"]});const W=e=>`<template>
1
+ import{d as P,U as I,e as u,u as M,A as $,v as y,f as h,V as z,o as r,q as B,W as L,X as E,t as c,y as N,p as v,r as l,w as T}from"./iframe-DnNEraC8.js";import{P as w}from"./PzText-BE3sGQje.js";import{_ as D}from"./PzIcon-DVzy4Ojp.js";import{P as U}from"./PzLabel-CXXbE-ej.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const O={class:"pz-input-wrap"},j=["id","placeholder","disabled","maxlength","type","required"],A=["id"],W={key:3,class:"pz-input-counter"},X={key:0,class:"pz-input-error"},f=P({name:"PzInput",__name:"PzInput",props:z({name:{},modelValue:{},label:{default:""},icon:{default:""},inputClass:{default:""},errorMessage:{default:""},placeholder:{default:""},type:{default:"text"},counted:{type:Boolean,default:!1},maxSize:{default:255},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:z(["focus","blur","icon-click","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=t,o=I(e,"modelValue");return(s,a)=>(r(),u("div",{class:h(["pz-input",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[M(y(U),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:$(()=>{var d;return[B("span",O,[e.editable?L((r(),u("input",{key:0,id:e.name,"onUpdate:modelValue":a[0]||(a[0]=i=>o.value=i),placeholder:e.placeholder,disabled:e.disabled,maxlength:e.counted?e.maxSize:void 0,type:e.type,required:e.required,class:h(["pz-input-control",[{"pz-input-control--with-icon":e.icon,"pz-input-control--counted":e.counted},e.inputClass]]),onBlur:a[1]||(a[1]=i=>n("blur")),onFocus:a[2]||(a[2]=i=>n("focus"))},null,42,j)),[[E,o.value]]):(r(),u("span",{key:1,id:e.name,class:"pz-input-readonly"},c(o.value),9,A)),e.icon?(r(),N(y(D),{key:2,name:e.icon,class:"pz-input-icon",onClick:a[3]||(a[3]=i=>n("icon-click",i))},null,8,["name"])):v("",!0),e.counted?(r(),u("span",W,c(((d=o.value)==null?void 0:d.length)||0)+"/"+c(e.maxSize),1)):v("",!0)]),e.errorMessage?(r(),u("span",X,c(e.errorMessage),1)):v("",!0)]}),_:1},8,["label","for","required","disabled"])],2))}}),b=F(f,[["__scopeId","data-v-d1a46012"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzInput",exportName:"default",displayName:"PzInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"icon",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"inputClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputType"},defaultValue:{func:!1,value:'"text"'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"255"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"icon-click",type:{names:["MouseEvent"]}},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInput/PzInput.vue"]});const Y=e=>`<template>
2
2
  <PzInput
3
3
  v-model="value"
4
4
  ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.type&&e.type!=="text"?`type="${e.type}"`:null,e.icon?`icon="${e.icon}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.counted?':counted="true"':null,e.maxSize?`:max-size="${e.maxSize}"`:null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(n=>!!n).join(" ")}
5
5
  />
6
- </template>`,R={title:"Components/Form/PzInput",component:v,parameters:{docs:{description:{component:"Use `PzInput` for text-based form controls. It wraps a native `<input>` with `PzLabel`, supports icons, character counting, a readonly preview mode, and the standard disabled/error states."},source:{transform:(e,t)=>W(t.args??R.args)}}},args:{name:"pz-input-story",label:"Назва поля",modelValue:"",placeholder:"Введіть значення...",type:"text",errorMessage:"",icon:"",required:!1,disabled:!1,editable:!0,counted:!1,maxSize:255,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["text","email","password"],description:"Native input type."},icon:{control:"text",description:"Optional `PzIcon` name rendered inside the input."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the value as readonly text instead of an input."},counted:{control:"boolean",description:"Shows a `length/maxSize` counter next to the input."},maxSize:{control:"number",description:"Maximum character length used by the counter and `maxlength`. Only enforced when `counted` is true."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInput:v,pzText:w},setup(){const t=l(e.modelValue??""),n=l(""),o=l(""),s=l(""),a=l(""),d=l(""),i=l("");return T(()=>e.modelValue,S=>{t.value=S??""}),{args:e,value:t,sharedValue:n,defaultValue:o,requiredValue:s,countedValue:a,iconValue:d,errorValue:i}},template:`
6
+ </template>`,R={title:"Components/Form/PzInput",component:b,parameters:{docs:{description:{component:"Use `PzInput` for text-based form controls. It wraps a native `<input>` with `PzLabel`, supports icons, character counting, a readonly preview mode, and the standard disabled/error states."},source:{transform:(e,t)=>Y(t.args??R.args)}}},args:{name:"pz-input-story",label:"Назва поля",modelValue:"",placeholder:"Введіть значення...",type:"text",errorMessage:"",icon:"",required:!1,disabled:!1,editable:!0,counted:!1,maxSize:255,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["text","email","password"],description:"Native input type."},icon:{control:"text",description:"Optional `PzIcon` name rendered inside the input."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the value as readonly text instead of an input."},counted:{control:"boolean",description:"Shows a `length/maxSize` counter next to the input."},maxSize:{control:"number",description:"Maximum character length used by the counter and `maxlength`. Only enforced when `counted` is true."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInput:b,pzText:w},setup(){const t=l(e.modelValue??""),n=l(""),o=l(""),s=l(""),a=l(""),d=l(""),i=l("");return T(()=>e.modelValue,S=>{t.value=S??""}),{args:e,value:t,sharedValue:n,defaultValue:o,requiredValue:s,countedValue:a,iconValue:d,errorValue:i}},template:`
7
7
  <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
8
8
  <section>
9
9
  <pz-text variant="h4-bold">Component API</pz-text>
@@ -46,7 +46,7 @@ import{d as P,X as I,e as u,z as M,D as $,u as y,f as z,Y as h,o as r,k as B,Z a
46
46
  <pz-input model-value="Текст, який не можна редагувати" name="input-readonly" label="Readonly" :editable="false" />
47
47
  </section>
48
48
  </div>
49
- `})},p={parameters:{docs:{description:{story:"Інтерактивний приклад текстового інпуту. Нижче показано two-way binding та базові стани: required, counted, з іконкою, помилка, disabled і readonly."}}}},m={name:"Click event",parameters:{docs:{description:{story:"PzInput emits a `click` event with the native `MouseEvent`. Useful for triggering popovers, pickers, or read-only flows on input click."}}},render:()=>({components:{pzInput:v,pzText:w},setup(){const e=l(""),t=l(0),n=l("—");return{clickValue:e,clickCount:t,lastCoords:n,onClick:s=>{t.value+=1,n.value=`x: ${String(s.clientX)}, y: ${String(s.clientY)}`}}},template:`
49
+ `})},p={parameters:{docs:{description:{story:"Інтерактивний приклад текстового інпуту. Нижче показано two-way binding та базові стани: required, counted, з іконкою, помилка, disabled і readonly."}}}},m={name:"Click event",parameters:{docs:{description:{story:"PzInput emits a `click` event with the native `MouseEvent`. Useful for triggering popovers, pickers, or read-only flows on input click."}}},render:()=>({components:{pzInput:b,pzText:w},setup(){const e=l(""),t=l(0),n=l("—");return{clickValue:e,clickCount:t,lastCoords:n,onClick:s=>{t.value+=1,n.value=`x: ${String(s.clientX)}, y: ${String(s.clientY)}`}}},template:`
50
50
  <div style="display: flex; flex-direction: column; gap: var(--pz-space-16); max-width: 480px;">
51
51
  <pz-text variant="h4-bold">@click</pz-text>
52
52
  <pz-input
@@ -69,7 +69,7 @@ import{d as P,X as I,e as u,z as M,D as $,u as y,f as z,Y as h,o as r,k as B,Z a
69
69
  }
70
70
  }
71
71
  }
72
- }`,...(k=(x=p.parameters)==null?void 0:x.docs)==null?void 0:k.source}}};var V,C,q;m.parameters={...m.parameters,docs:{...(V=m.parameters)==null?void 0:V.docs,source:{originalSource:`{
72
+ }`,...(k=(x=p.parameters)==null?void 0:x.docs)==null?void 0:k.source}}};var V,q,C;m.parameters={...m.parameters,docs:{...(V=m.parameters)==null?void 0:V.docs,source:{originalSource:`{
73
73
  name: "Click event",
74
74
  parameters: {
75
75
  docs: {
@@ -115,4 +115,4 @@ import{d as P,X as I,e as u,z as M,D as $,u as y,f as z,Y as h,o as r,k as B,Z a
115
115
  </div>
116
116
  \`
117
117
  })
118
- }`,...(q=(C=m.parameters)==null?void 0:C.docs)==null?void 0:q.source}}};const _=["Playground","ClickEvent"];export{m as ClickEvent,p as Playground,_ as __namedExportsOrder,R as default};
118
+ }`,...(C=(q=m.parameters)==null?void 0:q.docs)==null?void 0:C.source}}};const _=["Playground","ClickEvent"];export{m as ClickEvent,p as Playground,_ as __namedExportsOrder,R as default};
@@ -0,0 +1 @@
1
+ .pz-input-date[data-v-13e3fa69]{--pz-input-date-background: var(--pz-color-white);--pz-input-date-text: var(--pz-color-text-primary);--pz-input-date-placeholder: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-date-text);overflow-wrap:break-word;font-size:var(--pz-input-date-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-input-date-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-input-date-line-height, var(--pz-typography-line-height, 1.5))}.pz-input-date-wrap[data-v-13e3fa69]{position:relative;display:block}.pz-input-date-control[data-v-13e3fa69]{display:block;width:100%;padding:var(--pz-space-8) var(--pz-space-32) var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-color-grey-30);background-color:var(--pz-input-date-background);color:var(--pz-input-date-text);font:inherit;cursor:pointer}.pz-input-date-control[data-v-13e3fa69]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-date-control[data-v-13e3fa69]::placeholder{color:var(--pz-input-date-placeholder)}.pz-input-date-control[data-v-13e3fa69]:disabled{--pz-input-date-background: transparent;--pz-input-date-text: var(--pz-color-grey-40);--pz-input-date-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-date-control[data-v-13e3fa69]::-webkit-calendar-picker-indicator,.pz-input-date-control[data-v-13e3fa69]::-webkit-inner-spin-button{display:none}.pz-input-date-readonly[data-v-13e3fa69]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-date-icon[data-v-13e3fa69]{position:absolute;top:50%;right:var(--pz-space-8);transform:translateY(-50%);font-size:var(--pz-font-size-20);color:var(--pz-color-grey-50);cursor:pointer}.pz-input-date-icon--clear[data-v-13e3fa69]{color:var(--pz-color-text-secondary)}.pz-input-date-error[data-v-13e3fa69]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);overflow-wrap:break-word;font-size:var(--pz-input-date-error-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-input-date-error-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-input-date-error-line-height, var(--pz-typography-line-height, 1.5))}.pz-input-date.light .pz-input-date-control[data-v-13e3fa69]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input-date.error .pz-input-date-control[data-v-13e3fa69]{border-color:var(--pz-color-red-50)}
@@ -1,9 +1,9 @@
1
- import{d as Y,X as $,e as i,z as h,D as B,u as y,f as g,Y as x,o as s,M as C,t as z,y as L,r as t,m as T,w as N}from"./iframe-C0Tj7XHr.js";import{P as O}from"./PzText-BQZq8EVF.js";import{_ as R}from"./PzIcon-DtHaOlhQ.js";import{P as E}from"./PzLabel-De4xOP9y.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j={key:0,class:"pz-input-date-wrap"},A=["id","value","placeholder","disabled","required","min","max"],W=["id","value","placeholder","disabled","required"],U=["id"],X={key:2,class:"pz-input-date-error"},p=Y({name:"PzInputDate",__name:"PzInputDate",props:x({name:{},modelValue:{},label:{default:""},errorMessage:{default:""},placeholder:{default:""},min:{default:void 0},max:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:x(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:r}){const d=r,a=$(e,"modelValue"),o=t(!1),f=t(null),u=t(null),b=/^(\d{4})-(\d{2})-(\d{2})$/,c=n=>{if(!n)return"";const l=b.exec(n);return l?`${l[3]}.${l[2]}.${l[1]}`:n},v=async()=>{var n,l;o.value||(o.value=!0,await T(),(n=u.value)==null||n.focus(),(l=u.value)==null||l.showPicker())},I=()=>{d("focus"),v()},D=()=>{v()},M=()=>{o.value=!1,d("blur")},P=n=>{const l=n.target;a.value=l.value||null},S=()=>{if(a.value){a.value=null;return}v()};return(n,l)=>(s(),i("div",{class:g(["pz-input-date",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[h(y(E),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[e.editable?(s(),i("span",j,[o.value?(s(),i("input",{key:0,id:e.name,ref_key:"dateInputRef",ref:u,type:"date",value:a.value??"",placeholder:e.placeholder,disabled:e.disabled,required:e.required,min:e.min,max:e.max,class:"pz-input-date-control",onInput:P,onBlur:M},null,40,A)):(s(),i("input",{key:1,id:e.name,ref_key:"textInputRef",ref:f,type:"text",readonly:"",value:c(a.value),placeholder:e.placeholder,disabled:e.disabled,required:e.required,class:"pz-input-date-control",onFocus:I,onClick:D},null,40,W)),h(y(R),{name:a.value?"close":"event",class:g(["pz-input-date-icon",{"pz-input-date-icon--clear":a.value}]),onClick:C(S,["prevent"])},null,8,["name","class"])])):(s(),i("span",{key:1,id:e.name,class:"pz-input-date-readonly"},z(c(a.value)),9,U)),e.errorMessage?(s(),i("span",X,z(e.errorMessage),1)):L("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),V=F(p,[["__scopeId","data-v-13e3fa69"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputDate",exportName:"default",displayName:"PzInputDate",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"union",elements:[{name:"string"},{name:"null"}]}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"min",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"max",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"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["union"],elements:[{name:"string"},{name:"null"}]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputDate/PzInputDate.vue"]});const G=e=>`<template>
1
+ import{d as Y,U as $,e as i,u as h,A as B,v as y,f as g,V as x,o as s,Y as C,t as z,p as L,r as t,i as T,w as N}from"./iframe-DnNEraC8.js";import{P as O}from"./PzText-BE3sGQje.js";import{_ as R}from"./PzIcon-DVzy4Ojp.js";import{P as E}from"./PzLabel-CXXbE-ej.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const A={key:0,class:"pz-input-date-wrap"},j=["id","value","placeholder","disabled","required","min","max"],U=["id","value","placeholder","disabled","required"],W=["id"],G={key:2,class:"pz-input-date-error"},p=Y({name:"PzInputDate",__name:"PzInputDate",props:x({name:{},modelValue:{},label:{default:""},errorMessage:{default:""},placeholder:{default:""},min:{default:void 0},max:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:x(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:r}){const d=r,a=$(e,"modelValue"),o=t(!1),f=t(null),u=t(null),b=/^(\d{4})-(\d{2})-(\d{2})$/,c=n=>{if(!n)return"";const l=b.exec(n);return l?`${l[3]}.${l[2]}.${l[1]}`:n},v=async()=>{var n,l;o.value||(o.value=!0,await T(),(n=u.value)==null||n.focus(),(l=u.value)==null||l.showPicker())},I=()=>{d("focus"),v()},D=()=>{v()},M=()=>{o.value=!1,d("blur")},P=n=>{const l=n.target;a.value=l.value||null},S=()=>{if(a.value){a.value=null;return}v()};return(n,l)=>(s(),i("div",{class:g(["pz-input-date",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[h(y(E),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[e.editable?(s(),i("span",A,[o.value?(s(),i("input",{key:0,id:e.name,ref_key:"dateInputRef",ref:u,type:"date",value:a.value??"",placeholder:e.placeholder,disabled:e.disabled,required:e.required,min:e.min,max:e.max,class:"pz-input-date-control",onInput:P,onBlur:M},null,40,j)):(s(),i("input",{key:1,id:e.name,ref_key:"textInputRef",ref:f,type:"text",readonly:"",value:c(a.value),placeholder:e.placeholder,disabled:e.disabled,required:e.required,class:"pz-input-date-control",onFocus:I,onClick:D},null,40,U)),h(y(R),{name:a.value?"close":"event",class:g(["pz-input-date-icon",{"pz-input-date-icon--clear":a.value}]),onClick:C(S,["prevent"])},null,8,["name","class"])])):(s(),i("span",{key:1,id:e.name,class:"pz-input-date-readonly"},z(c(a.value)),9,W)),e.errorMessage?(s(),i("span",G,z(e.errorMessage),1)):L("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),V=F(p,[["__scopeId","data-v-13e3fa69"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputDate",exportName:"default",displayName:"PzInputDate",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"union",elements:[{name:"string"},{name:"null"}]}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"min",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"max",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"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["union"],elements:[{name:"string"},{name:"null"}]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputDate/PzInputDate.vue"]});const H=e=>`<template>
2
2
  <PzInputDate
3
3
  v-model="value"
4
4
  ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.min?`min="${e.min}"`:null,e.max?`max="${e.max}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(d=>!!d).join(" ")}
5
5
  />
6
- </template>`,H={title:"Components/Form/PzInputDate",component:V,parameters:{docs:{description:{component:"Use `PzInputDate` for date picking. Blurred values render as `dd.mm.yyyy` text and switch to the native date picker on focus, with a clear/calendar icon toggle. `v-model` operates on ISO `yyyy-mm-dd` strings."},source:{transform:(e,r)=>G(r.args??H.args)}}},args:{name:"pz-input-date-story",label:"Дата",modelValue:"",placeholder:"дд.мм.рррр",errorMessage:"",min:void 0,max:void 0,required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current ISO-format value (`YYYY-MM-DD`). Required."},placeholder:{control:"text",description:"Placeholder shown when no date is selected."},min:{control:"text",description:"Earliest allowed date (`YYYY-MM-DD`)."},max:{control:"text",description:"Latest allowed date (`YYYY-MM-DD`)."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, blocks focus/picker/clear interactions and keeps the value read-only."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputDate:V,pzText:O},setup(){const r=t(e.modelValue??""),d=t("2026-04-21"),a=t(""),o=t(""),f=t("2026-04-21"),u=t(""),b=t("");return N(()=>e.modelValue,c=>{r.value=c??""}),{args:e,value:r,sharedValue:d,defaultValue:a,requiredValue:o,presetValue:f,rangeValue:u,errorValue:b}},template:`
6
+ </template>`,J={title:"Components/Form/PzInputDate",component:V,parameters:{docs:{description:{component:"Use `PzInputDate` for date picking. Blurred values render as `dd.mm.yyyy` text and switch to the native date picker on focus, with a clear/calendar icon toggle. `v-model` operates on ISO `yyyy-mm-dd` strings."},source:{transform:(e,r)=>H(r.args??J.args)}}},args:{name:"pz-input-date-story",label:"Дата",modelValue:"",placeholder:"дд.мм.рррр",errorMessage:"",min:void 0,max:void 0,required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current ISO-format value (`YYYY-MM-DD`). Required."},placeholder:{control:"text",description:"Placeholder shown when no date is selected."},min:{control:"text",description:"Earliest allowed date (`YYYY-MM-DD`)."},max:{control:"text",description:"Latest allowed date (`YYYY-MM-DD`)."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, blocks focus/picker/clear interactions and keeps the value read-only."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputDate:V,pzText:O},setup(){const r=t(e.modelValue??""),d=t("2026-04-21"),a=t(""),o=t(""),f=t("2026-04-21"),u=t(""),b=t("");return N(()=>e.modelValue,c=>{r.value=c??""}),{args:e,value:r,sharedValue:d,defaultValue:a,requiredValue:o,presetValue:f,rangeValue:u,errorValue:b}},template:`
7
7
  <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
8
8
  <section>
9
9
  <pz-text variant="h4-bold">Component API</pz-text>
@@ -52,4 +52,4 @@ import{d as Y,X as $,e as i,z as h,D as B,u as y,f as g,Y as x,o as s,M as C,t a
52
52
  }
53
53
  }
54
54
  }
55
- }`,...(w=(k=m.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const ae=["Playground"];export{m as Playground,ae as __namedExportsOrder,H as default};
55
+ }`,...(w=(k=m.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const ae=["Playground"];export{m as Playground,ae as __namedExportsOrder,J as default};
@@ -0,0 +1 @@
1
+ .pz-input-number[data-v-0104f54f]{--pz-input-number-background: var(--pz-color-white);--pz-input-number-border: var(--pz-color-grey-30);--pz-input-number-text: var(--pz-color-text-primary);--pz-input-number-placeholder: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-number-text);overflow-wrap:break-word;font-size:var(--pz-input-number-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-input-number-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-input-number-line-height, var(--pz-typography-line-height, 1.5))}.pz-input-number-control[data-v-0104f54f]{display:block;width:100%;padding:var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-input-number-border);background-color:var(--pz-input-number-background);color:var(--pz-input-number-text);font:inherit}.pz-input-number-control[data-v-0104f54f]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-number-control[data-v-0104f54f]::placeholder{color:var(--pz-input-number-placeholder)}.pz-input-number-control[data-v-0104f54f]:disabled{--pz-input-number-background: transparent;--pz-input-number-text: var(--pz-color-grey-40);--pz-input-number-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-number-readonly[data-v-0104f54f]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-number-error[data-v-0104f54f]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);overflow-wrap:break-word;font-size:var(--pz-input-number-error-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-input-number-error-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-input-number-error-line-height, var(--pz-typography-line-height, 1.5))}.pz-input-number.light .pz-input-number-control[data-v-0104f54f]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input-number.error .pz-input-number-control[data-v-0104f54f]{border-color:var(--pz-color-red-50)}
@@ -1,9 +1,9 @@
1
- import{d as S,X as L,e as i,z as B,D as F,u as $,f as C,Y as z,o as d,t as V,y as D,g as x,r,w as O}from"./iframe-C0Tj7XHr.js";import{P as T}from"./PzText-BQZq8EVF.js";import{P as A}from"./PzLabel-De4xOP9y.js";import{P as E}from"./PzNumberFormat-D5xYsZ3A.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";const U=["id","value","placeholder","disabled","required"],W=["id"],K={key:2,class:"pz-input-number-error"},p=S({name:"PzInputNumber",__name:"PzInputNumber",props:z({name:{},modelValue:{},label:{default:""},placeholder:{default:""},errorMessage:{default:""},type:{default:"integer"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:z(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=e,o=t,u=L(e,"modelValue"),c=x(()=>n.type==="integer"?0:void 0),s=x(()=>new E(u.value??null,c.value).number),b=l=>{const a=l.match(/^-?\d+(\.\d+)?/);return a?a[0]:l},f=l=>{const a=b(l.replace(/\s+/g,""));return a==="-"?a:a!==""?Number(a):null},y=l=>{var h;const a=l.target,g=isFinite(Number(l.key)),k=n.type==="decimal"&&/\./g.test(l.key)&&!/\./g.test(a.value),M=/-/g.test(l.key)&&!/-/g.test(a.value)&&!((h=a.value)!=null&&h.length);g||k||M||l.preventDefault()},I=l=>{const a=l.target;u.value=f(a.value)};return(l,a)=>(d(),i("div",{class:C(["pz-input-number",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[B($(A),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:F(()=>[e.editable?(d(),i("input",{key:0,id:e.name,value:s.value,placeholder:e.placeholder,disabled:e.disabled,required:e.required,type:"text",class:"pz-input-number-control",onInput:I,onBlur:a[0]||(a[0]=g=>o("blur")),onFocus:a[1]||(a[1]=g=>o("focus")),onKeypress:y},null,40,U)):(d(),i("span",{key:1,id:e.name,class:"pz-input-number-readonly"},V(s.value),9,W)),e.errorMessage?(d(),i("span",K,V(e.errorMessage),1)):D("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),q=j(p,[["__scopeId","data-v-0104f54f"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputNumber",exportName:"default",displayName:"PzInputNumber",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"PzInputNumberValue"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputNumberType"},defaultValue:{func:!1,value:'"integer"'}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzInputNumberValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputNumber/PzInputNumber.vue"]});const v=15e5,R=e=>`<template>
1
+ import{d as S,U as L,e as i,u as B,A as F,v as $,f as C,V as z,o as d,t as V,p as O,g as x,r,w as T}from"./iframe-DnNEraC8.js";import{P as A}from"./PzText-BE3sGQje.js";import{P as D}from"./PzLabel-CXXbE-ej.js";import{P as E}from"./PzNumberFormat-D5xYsZ3A.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";const U=["id","value","placeholder","disabled","required"],W=["id"],K={key:2,class:"pz-input-number-error"},p=S({name:"PzInputNumber",__name:"PzInputNumber",props:z({name:{},modelValue:{},label:{default:""},placeholder:{default:""},errorMessage:{default:""},type:{default:"integer"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:z(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=e,o=t,u=L(e,"modelValue"),c=x(()=>n.type==="integer"?0:void 0),s=x(()=>new E(u.value??null,c.value).number),b=l=>{const a=l.match(/^-?\d+(\.\d+)?/);return a?a[0]:l},f=l=>{const a=b(l.replace(/\s+/g,""));return a==="-"?a:a!==""?Number(a):null},y=l=>{var h;const a=l.target,g=isFinite(Number(l.key)),k=n.type==="decimal"&&/\./g.test(l.key)&&!/\./g.test(a.value),M=/-/g.test(l.key)&&!/-/g.test(a.value)&&!((h=a.value)!=null&&h.length);g||k||M||l.preventDefault()},I=l=>{const a=l.target;u.value=f(a.value)};return(l,a)=>(d(),i("div",{class:C(["pz-input-number",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[B($(D),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:F(()=>[e.editable?(d(),i("input",{key:0,id:e.name,value:s.value,placeholder:e.placeholder,disabled:e.disabled,required:e.required,type:"text",class:"pz-input-number-control",onInput:I,onBlur:a[0]||(a[0]=g=>o("blur")),onFocus:a[1]||(a[1]=g=>o("focus")),onKeypress:y},null,40,U)):(d(),i("span",{key:1,id:e.name,class:"pz-input-number-readonly"},V(s.value),9,W)),e.errorMessage?(d(),i("span",K,V(e.errorMessage),1)):O("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),q=j(p,[["__scopeId","data-v-0104f54f"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputNumber",exportName:"default",displayName:"PzInputNumber",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"PzInputNumberValue"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputNumberType"},defaultValue:{func:!1,value:'"integer"'}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzInputNumberValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputNumber/PzInputNumber.vue"]});const v=15e5,R=e=>`<template>
2
2
  <PzInputNumber
3
3
  v-model="value"
4
4
  ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.type&&e.type!=="integer"?`type="${e.type}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(n=>!!n).join(" ")}
5
5
  />
6
- </template>`,X={title:"Components/Form/PzInputNumber",component:q,parameters:{docs:{description:{component:"Use `PzInputNumber` for numeric entry. It formats the displayed value via `PzNumberFormat`, accepts only digits (plus optional decimal separator and minus), and emits a `number | null` via `v-model`."},source:{transform:(e,t)=>R(t.args??X.args)}}},args:{name:"pz-input-number-story",label:"Сума",modelValue:"",placeholder:"Введіть число...",type:"integer",errorMessage:"",required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current numeric value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["integer","decimal"],description:"`integer` rounds to whole numbers; `decimal` allows one dot separator."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the formatted value as readonly text instead of an input."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputNumber:q,pzText:T},setup(){const t=r(e.modelValue??""),n=r(v),o=r(""),u=r(""),c=r(v),s=r(""),b=r(""),f=v;return O(()=>e.modelValue,y=>{t.value=y??""}),{args:e,value:t,sharedValue:n,defaultValue:o,decimalValue:u,formattedValue:c,requiredValue:s,errorValue:b,readonlyValue:f}},template:`
6
+ </template>`,G={title:"Components/Form/PzInputNumber",component:q,parameters:{docs:{description:{component:"Use `PzInputNumber` for numeric entry. It formats the displayed value via `PzNumberFormat`, accepts only digits (plus optional decimal separator and minus), and emits a `number | null` via `v-model`."},source:{transform:(e,t)=>R(t.args??G.args)}}},args:{name:"pz-input-number-story",label:"Сума",modelValue:"",placeholder:"Введіть число...",type:"integer",errorMessage:"",required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current numeric value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["integer","decimal"],description:"`integer` rounds to whole numbers; `decimal` allows one dot separator."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the formatted value as readonly text instead of an input."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputNumber:q,pzText:A},setup(){const t=r(e.modelValue??""),n=r(v),o=r(""),u=r(""),c=r(v),s=r(""),b=r(""),f=v;return T(()=>e.modelValue,y=>{t.value=y??""}),{args:e,value:t,sharedValue:n,defaultValue:o,decimalValue:u,formattedValue:c,requiredValue:s,errorValue:b,readonlyValue:f}},template:`
7
7
  <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
8
8
  <section>
9
9
  <pz-text variant="h4-bold">Component API</pz-text>
@@ -51,4 +51,4 @@ import{d as S,X as L,e as i,z as B,D as F,u as $,f as C,Y as z,o as d,t as V,y a
51
51
  }
52
52
  }
53
53
  }
54
- }`,...(w=(P=m.parameters)==null?void 0:P.docs)==null?void 0:w.source}}};const ae=["Playground"];export{m as Playground,ae as __namedExportsOrder,X as default};
54
+ }`,...(w=(P=m.parameters)==null?void 0:P.docs)==null?void 0:w.source}}};const ae=["Playground"];export{m as Playground,ae as __namedExportsOrder,G as default};
@@ -0,0 +1 @@
1
+ .pz-key-value-story{display:grid;gap:var(--pz-space-24)}.pz-key-value-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-key-value-story-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-key-value-story-copy{display:grid;gap:var(--pz-space-8)}.pz-key-value-story-eyebrow,.pz-key-value-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-key-value-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-key-value-title-width: 180px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-gallery{display:grid;gap:var(--pz-space-24)}@media (width >= 1024px){.pz-key-value-story-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.pz-key-value-story-tile{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-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-key-value-title-width: 160px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-tile-title{margin:0;color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-key-value-story-tile-note{margin:0;color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-key-value-story-link{color:var(--pz-color-text-link);text-decoration:none}.pz-key-value-story-link:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value[data-v-498133c9]{--pz-key-value-margin-bottom: var(--pz-space-24);--pz-key-value-item-margin-top: var(--pz-space-20);--pz-key-value-item-overall-margin-top: var(--pz-space-32);--pz-key-value-content-margin-inline-start: var(--pz-space-8);--pz-key-value-content-margin-block-start: var(--pz-space-8);margin-bottom:var(--pz-key-value-margin-bottom)}@media (max-width: 1023.98px){.pz-key-value[data-v-498133c9]{--pz-key-value-margin-bottom: var(--pz-space-8)}}.pz-key-value[data-v-498133c9]:empty{margin-bottom:0}.pz-key-value--clear .pz-key-value__title[data-v-498133c9]:after{display:none}.pz-key-value__item[data-v-498133c9]{display:flex;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-key-value-item-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-key-value-item-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-key-value-item-line-height, var(--pz-typography-line-height, 1.5))}.pz-key-value__item+.pz-key-value__item[data-v-498133c9]:not(.pz-key-value__item--overall){margin-top:var(--pz-key-value-item-margin-top)}.pz-key-value__item--overall[data-v-498133c9]{margin-top:var(--pz-key-value-item-overall-margin-top)}@media (max-width: 1023.98px){.pz-key-value__item[data-v-498133c9]{flex-direction:column}}.pz-key-value__item--overall .pz-key-value__link[data-v-498133c9]{font-weight:600}.pz-key-value__title[data-v-498133c9]{width:var(--pz-key-value-title-width);flex:0 0 var(--pz-key-value-title-width);max-width:100%;height:fit-content;position:relative;font-size:inherit;font-weight:600;margin:0;background-color:inherit}.pz-key-value__title-box[data-v-498133c9]{position:relative;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:var(--pz-key-value-title-box-width);max-width:100%;z-index:2;line-height:1.5;-webkit-hyphens:initial;hyphens:initial;display:inline}.pz-key-value__title[data-v-498133c9]:after{content:"";display:inline-block;position:absolute;top:-5px;left:0;z-index:0;width:100%;height:100%;border-bottom:1px dotted var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-key-value__title[data-v-498133c9]{width:auto;flex:0 0 auto}.pz-key-value__title[data-v-498133c9]:after{display:none}}.pz-key-value__content[data-v-498133c9]{margin-left:var(--pz-key-value-content-margin-inline-start);font-size:inherit;white-space:pre-line;display:flex;justify-content:flex-end;flex-direction:column;line-height:1.5}@media (max-width: 1023.98px){.pz-key-value__content[data-v-498133c9]{margin-left:0;margin-top:var(--pz-key-value-content-margin-block-start)}}.pz-key-value__link[data-v-498133c9]{display:flex;align-items:center;font-weight:400;color:var(--pz-color-text-link);text-decoration:none}.pz-key-value__link[data-v-498133c9]:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value__link span[data-v-498133c9]{margin-left:var(--pz-space-4)}
@@ -1,4 +1,4 @@
1
- import{P as D}from"./PzText-BQZq8EVF.js";import{d as oe,j as ie,e as d,F as R,A as le,r as q,a9 as ce,o as u,k as w,n as V,l as T,E as $,t as E,f as de,y as ue}from"./iframe-C0Tj7XHr.js";import{g as pe}from"./_commonjsHelpers-Cpj98o6Y.js";import{i as ye,_ as fe,a as S,b as me,c as ve}from"./isArray-DPUC7i9_.js";import{l as c}from"./lodash-CdDiHlzQ.js";import{P as ge}from"./PzDomHandler-BU7iMNnt.js";import{_ as ke}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";var be=fe,he=ye,ze="[object Symbol]";function xe(e){return typeof e=="symbol"||he(e)&&be(e)==ze}var _=xe,we=S,De=_,Se=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,_e=/^\w*$/;function Ce(e,t){if(we(e))return!1;var a=typeof e;return a=="number"||a=="symbol"||a=="boolean"||e==null||De(e)?!0:_e.test(e)||!Se.test(e)||t!=null&&e in Object(t)}var Pe=Ce,ne=me,Ke="Expected a function";function C(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Ke);var a=function(){var n=arguments,s=t?t.apply(this,n):n[0],o=a.cache;if(o.has(s))return o.get(s);var l=e.apply(this,n);return a.cache=o.set(s,l)||o,l};return a.cache=new(C.Cache||ne),a}C.Cache=ne;var Re=C,qe=Re,Ve=500;function Te(e){var t=qe(e,function(n){return a.size===Ve&&a.clear(),n}),a=t.cache;return t}var $e=Te,Ee=$e,Ae=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ne=/\\(\\)?/g,Oe=Ee(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(Ae,function(a,n,s,o){t.push(s?o.replace(Ne,"$1"):n||a)}),t}),Ie=Oe;function Fe(e,t){for(var a=-1,n=e==null?0:e.length,s=Array(n);++a<n;)s[a]=t(e[a],a,e);return s}var Be=Fe,A=ve,Le=Be,Me=S,We=_,N=A?A.prototype:void 0,O=N?N.toString:void 0;function re(e){if(typeof e=="string")return e;if(Me(e))return Le(e,re)+"";if(We(e))return O?O.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var Ge=re,je=Ge;function Ue(e){return e==null?"":je(e)}var Ze=Ue,He=S,Xe=Pe,Ye=Ie,Je=Ze;function Qe(e,t){return He(e)?e:Xe(e,t)?[e]:Ye(Je(e))}var et=Qe,tt=_;function at(e){if(typeof e=="string"||tt(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var nt=at,rt=et,st=nt;function ot(e,t){t=rt(t,e);for(var a=0,n=t.length;e!=null&&a<n;)e=e[st(t[a++])];return a&&a==n?e:void 0}var it=ot,lt=it;function ct(e,t,a){var n=e==null?void 0:lt(e,t);return n===void 0?a:n}var dt=ct;const ut=pe(dt),pt={ref:"componentRef",class:"pz-key-value"},k=oe({name:"PzKeyValue",__name:"PzKeyValue",props:{config:{},data:{},checkRequired:{type:Boolean,default:!0},flexDirection:{default:"column"},titleStyleClass:{default:""}},setup(e){const t=e,a=q([]),n=q("transparent"),s=ce("componentRef");ie(()=>{t.config.forEach(({key:r})=>{(!l(o(r))||!t.checkRequired)&&a.value.push(r)}),n.value=ge.getParentNearestBackground(s.value)});const o=r=>{const x=ut(c.pickBy(t.data,c.identity),r.split("-"),"");return l(x)?"":x},l=r=>c.isNumber(r)||c.isBoolean(r)?!1:c.isEmpty(r);return(r,x)=>(u(),d("div",pt,[(u(!0),d(R,null,le(e.config,i=>(u(),d(R,null,[a.value.includes(i.key)?(u(),d("div",{key:i.id,class:"pz-key-value__item"},[w("h6",{class:de(["pz-key-value__title",[e.titleStyleClass,i.labelStyleClass]])},[w("span",{class:"pz-key-value__title-box",style:V({backgroundColor:n.value})},[T(r.$slots,`${i.key}_label`,{data:i.labelKey},()=>[$(E(i.labelKey),1)],!0)],4)],2),w("div",{class:"pz-key-value__content",style:V({flexDirection:e.flexDirection})},[T(r.$slots,i.key,{data:o(i.key)},()=>[$(E(o(i.key)),1)],!0)],4)])):ue("",!0)],64))),256))],512))}}),b=ke(k,[["__scopeId","data-v-498133c9"]]);k.__docgenInfo=Object.assign({displayName:k.name??k.__name},{name:"PzKeyValue",exportName:"default",displayName:"PzKeyValue",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzKeyValueViewListItem"}]}},{name:"data",required:!0,type:{name:"Record",elements:[{name:"string"},{name:"any"}]}},{name:"checkRequired",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"flexDirection",required:!1,type:{name:"PzKeyValueFlexDirection"},defaultValue:{func:!1,value:'"column"'}},{name:"titleStyleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"`${item.key}_label`",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]},{name:"item.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzKeyValue/PzKeyValue.vue"]});const se=["column","column-reverse","row","row-reverse"],h=[{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"}],z={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"}],K={supplier:'ТОВ "ЕКО ЦЕНТР ПРОЕКТ"',amount:"98 000,00 UAH",discount:0,submittedAt:"17.04.2026 12:39",isWinner:!0},yt=e=>`<template>
1
+ import{P as D}from"./PzText-BE3sGQje.js";import{d as oe,h as ie,e as d,F as R,x as le,r as q,a9 as ce,o as u,q as w,n as V,B as T,C as $,t as E,f as de,p as ue}from"./iframe-DnNEraC8.js";import{g as pe}from"./_commonjsHelpers-Cpj98o6Y.js";import{i as ye,_ as fe,a as S,b as me,c as ve}from"./isArray-DPUC7i9_.js";import{l as c}from"./lodash-CdDiHlzQ.js";import{P as ge}from"./PzDomHandler-BU7iMNnt.js";import{_ as ke}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";var be=fe,he=ye,ze="[object Symbol]";function xe(e){return typeof e=="symbol"||he(e)&&be(e)==ze}var C=xe,we=S,De=C,Se=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Ce=/^\w*$/;function _e(e,t){if(we(e))return!1;var a=typeof e;return a=="number"||a=="symbol"||a=="boolean"||e==null||De(e)?!0:Ce.test(e)||!Se.test(e)||t!=null&&e in Object(t)}var Pe=_e,ne=me,Ke="Expected a function";function _(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Ke);var a=function(){var n=arguments,s=t?t.apply(this,n):n[0],o=a.cache;if(o.has(s))return o.get(s);var l=e.apply(this,n);return a.cache=o.set(s,l)||o,l};return a.cache=new(_.Cache||ne),a}_.Cache=ne;var Re=_,qe=Re,Ve=500;function Te(e){var t=qe(e,function(n){return a.size===Ve&&a.clear(),n}),a=t.cache;return t}var $e=Te,Ee=$e,Ae=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ne=/\\(\\)?/g,Oe=Ee(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(Ae,function(a,n,s,o){t.push(s?o.replace(Ne,"$1"):n||a)}),t}),Ie=Oe;function Be(e,t){for(var a=-1,n=e==null?0:e.length,s=Array(n);++a<n;)s[a]=t(e[a],a,e);return s}var Fe=Be,A=ve,Le=Fe,Me=S,We=C,N=A?A.prototype:void 0,O=N?N.toString:void 0;function re(e){if(typeof e=="string")return e;if(Me(e))return Le(e,re)+"";if(We(e))return O?O.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var Ge=re,Ue=Ge;function je(e){return e==null?"":Ue(e)}var Ze=je,He=S,Xe=Pe,Ye=Ie,Je=Ze;function Qe(e,t){return He(e)?e:Xe(e,t)?[e]:Ye(Je(e))}var et=Qe,tt=C;function at(e){if(typeof e=="string"||tt(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var nt=at,rt=et,st=nt;function ot(e,t){t=rt(t,e);for(var a=0,n=t.length;e!=null&&a<n;)e=e[st(t[a++])];return a&&a==n?e:void 0}var it=ot,lt=it;function ct(e,t,a){var n=e==null?void 0:lt(e,t);return n===void 0?a:n}var dt=ct;const ut=pe(dt),pt={ref:"componentRef",class:"pz-key-value"},k=oe({name:"PzKeyValue",__name:"PzKeyValue",props:{config:{},data:{},checkRequired:{type:Boolean,default:!0},flexDirection:{default:"column"},titleStyleClass:{default:""}},setup(e){const t=e,a=q([]),n=q("transparent"),s=ce("componentRef");ie(()=>{t.config.forEach(({key:r})=>{(!l(o(r))||!t.checkRequired)&&a.value.push(r)}),n.value=ge.getParentNearestBackground(s.value)});const o=r=>{const x=ut(c.pickBy(t.data,c.identity),r.split("-"),"");return l(x)?"":x},l=r=>c.isNumber(r)||c.isBoolean(r)?!1:c.isEmpty(r);return(r,x)=>(u(),d("div",pt,[(u(!0),d(R,null,le(e.config,i=>(u(),d(R,null,[a.value.includes(i.key)?(u(),d("div",{key:i.id,class:"pz-key-value__item"},[w("h6",{class:de(["pz-key-value__title",[e.titleStyleClass,i.labelStyleClass]])},[w("span",{class:"pz-key-value__title-box",style:V({backgroundColor:n.value})},[T(r.$slots,`${i.key}_label`,{data:i.labelKey},()=>[$(E(i.labelKey),1)],!0)],4)],2),w("div",{class:"pz-key-value__content",style:V({flexDirection:e.flexDirection})},[T(r.$slots,i.key,{data:o(i.key)},()=>[$(E(o(i.key)),1)],!0)],4)])):ue("",!0)],64))),256))],512))}}),b=ke(k,[["__scopeId","data-v-498133c9"]]);k.__docgenInfo=Object.assign({displayName:k.name??k.__name},{name:"PzKeyValue",exportName:"default",displayName:"PzKeyValue",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzKeyValueViewListItem"}]}},{name:"data",required:!0,type:{name:"Record",elements:[{name:"string"},{name:"any"}]}},{name:"checkRequired",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"flexDirection",required:!1,type:{name:"PzKeyValueFlexDirection"},defaultValue:{func:!1,value:'"column"'}},{name:"titleStyleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"`${item.key}_label`",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]},{name:"item.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzKeyValue/PzKeyValue.vue"]});const se=["column","column-reverse","row","row-reverse"],h=[{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"}],z={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"}],K={supplier:'ТОВ "ЕКО ЦЕНТР ПРОЕКТ"',amount:"98 000,00 UAH",discount:0,submittedAt:"17.04.2026 12:39",isWinner:!0},yt=e=>`<template>
2
2
  <PzKeyValue
3
3
  ${[':config="config"',':data="data"',e.flexDirection&&e.flexDirection!=="column"?`flex-direction="${e.flexDirection}"`:null,e.checkRequired===!1?':check-required="false"':null,e.titleStyleClass?`title-style-class="${e.titleStyleClass}"`:null].filter(a=>!!a).join(`
4
4
  `)}
@@ -107,21 +107,21 @@ import{P as D}from"./PzText-BQZq8EVF.js";import{d as oe,j as ie,e as d,F as R,A
107
107
  </article>
108
108
  </section>
109
109
  </section>
110
- `}),parameters:{docs:{description:{story:"Reference board covering every `flexDirection` value, the `checkRequired: false` fallback, and numeric/boolean preservation."}}}};var I,F,B;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:"{}",...(B=(F=p.parameters)==null?void 0:F.docs)==null?void 0:B.source}}};var L,M,W;y.parameters={...y.parameters,docs:{...(L=y.parameters)==null?void 0:L.docs,source:{originalSource:`{
110
+ `}),parameters:{docs:{description:{story:"Reference board covering every `flexDirection` value, the `checkRequired: false` fallback, and numeric/boolean preservation."}}}};var I,B,F;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:"{}",...(F=(B=p.parameters)==null?void 0:B.docs)==null?void 0:F.source}}};var L,M,W;y.parameters={...y.parameters,docs:{...(L=y.parameters)==null?void 0:L.docs,source:{originalSource:`{
111
111
  args: {
112
112
  config: tenderConfig,
113
113
  data: tenderData,
114
114
  flexDirection: "column",
115
115
  checkRequired: true
116
116
  }
117
- }`,...(W=(M=y.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};var G,j,U;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.docs,source:{originalSource:`{
117
+ }`,...(W=(M=y.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};var G,U,j;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.docs,source:{originalSource:`{
118
118
  args: {
119
119
  config: bidConfig,
120
120
  data: bidData,
121
121
  flexDirection: "row",
122
122
  checkRequired: true
123
123
  }
124
- }`,...(U=(j=f.parameters)==null?void 0:j.docs)==null?void 0:U.source}}};var Z,H,X;m.parameters={...m.parameters,docs:{...(Z=m.parameters)==null?void 0:Z.docs,source:{originalSource:`{
124
+ }`,...(j=(U=f.parameters)==null?void 0:U.docs)==null?void 0:j.source}}};var Z,H,X;m.parameters={...m.parameters,docs:{...(Z=m.parameters)==null?void 0:Z.docs,source:{originalSource:`{
125
125
  args: {
126
126
  config: tenderConfig,
127
127
  data: tenderData,
@@ -1 +1 @@
1
- import{d as i,H as f,e as l,f as c,l as t,y as n,k as p,g as m,o as s,E as b,t as _}from"./iframe-C0Tj7XHr.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v=["for"],y={key:0,class:"pz-label-required","aria-hidden":"true"},P={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,q)=>(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",P,[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
+ 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-DnNEraC8.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 +1 @@
1
- .pz-label-story{display:grid;gap:var(--pz-space-24)}.pz-label-story-board,.pz-label-story-gallery{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) 7%,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) 92%,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-label-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-label-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-label-story-preview{display:grid;place-items:center;min-height:220px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-label-story-field{width:min(100%,640px)}.pz-label-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-label-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-label-story-rich-label{display:inline-flex;align-items:baseline;gap:var(--pz-space-8);flex-wrap:wrap}.pz-label-story-rich-label-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400}.pz-label-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-label-story-input{width:100%;min-height:var(--pz-space-44);padding:var(--pz-space-12) var(--pz-space-16);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-label-story-input::placeholder{color:var(--pz-color-grey-40)}.pz-label-story-input:focus-visible{outline:2px solid color-mix(in srgb,var(--pz-color-button-primary) 28%,transparent);outline-offset:2px;border-color:var(--pz-color-blue-30)}.pz-label-story-input:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 70%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}@media (width <= 768px){.pz-label-story-grid{grid-template-columns:1fr}.pz-label-story-header{flex-direction:column}}
1
+ .pz-label-story{display:grid;gap:var(--pz-space-24)}.pz-label-story-board,.pz-label-story-gallery{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) 7%,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) 92%,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-label-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-label-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-label-story-preview{display:grid;place-items:center;min-height:220px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-label-story-field{width:min(100%,640px)}.pz-label-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-label-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-label-story-rich-label{display:inline-flex;align-items:baseline;gap:var(--pz-space-8);flex-wrap:wrap}.pz-label-story-rich-label-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400}.pz-label-story-note{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-label-story-input{width:100%;min-height:var(--pz-space-44);padding:var(--pz-space-12) var(--pz-space-16);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-label-story-input::placeholder{color:var(--pz-color-grey-40)}.pz-label-story-input:focus-visible{outline:2px solid color-mix(in srgb,var(--pz-color-button-primary) 28%,transparent);outline-offset:2px;border-color:var(--pz-color-blue-30)}.pz-label-story-input:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 70%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}@media (width <= 768px){.pz-label-story-grid{grid-template-columns:1fr}.pz-label-story-header{flex-direction:column}}
@@ -0,0 +1 @@
1
+ .pz-label[data-v-33a0a067]{display:grid;gap:var(--pz-space-8);width:100%;color:var(--pz-color-text-primary)}.pz-label-caption[data-v-33a0a067]{display:inline-flex;align-items:baseline;gap:var(--pz-space-4);width:fit-content;color:inherit;overflow-wrap:break-word;font-size:var(--pz-label-caption-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-label-caption-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-label-caption-line-height, var(--pz-typography-line-height, 1.5))}.pz-label-required[data-v-33a0a067]{color:var(--pz-color-red-50)}.pz-label-control[data-v-33a0a067]{min-width:0}.pz-label.is-disabled[data-v-33a0a067]{color:var(--pz-color-text-secondary)}
@@ -1,4 +1,4 @@
1
- import{P as d}from"./PzText-BQZq8EVF.js";import{P as r}from"./PzLabel-De4xOP9y.js";import"./iframe-C0Tj7XHr.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-BE3sGQje.js";import{P as r}from"./PzLabel-CXXbE-ej.js";import"./iframe-DnNEraC8.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>
@@ -0,0 +1 @@
1
+ .pz-link[data-v-abddfea7]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover);--pz-link-background: transparent;--pz-link-hover-background: transparent;--pz-link-border-color: transparent;--pz-link-hover-border-color: transparent;--pz-link-disabled-border-color: transparent;--pz-link-content-decoration: none;--pz-link-hover-decoration: underline;--pz-link-radius: var(--pz-space-4);--pz-link-gap: var(--pz-space-8);--pz-link-padding-inline: 0;--pz-link-padding-block: 0;--pz-link-icon-size: var(--pz-font-size-16);--pz-link-font-style: normal;align-items:center;gap:var(--pz-link-gap);width:fit-content;padding:var(--pz-link-padding-block) var(--pz-link-padding-inline);border:1px solid var(--pz-link-border-color);border-radius:var(--pz-link-radius);background:var(--pz-link-background);color:var(--pz-link-color);cursor:pointer;text-decoration:none;font-style:var(--pz-link-font-style);-webkit-hyphens:auto;hyphens:auto;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;overflow-wrap:break-word;font-size:var(--pz-link-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-link-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-link-line-height, var(--pz-typography-line-height, 1.5))}.pz-link--inline[data-v-abddfea7]{display:inline-flex}.pz-link--block[data-v-abddfea7]{display:flex}.pz-link--bold[data-v-abddfea7]{--pz-link-font-weight: 600}.pz-link--italic[data-v-abddfea7]{--pz-link-font-style: italic}.pz-link--line-through .pz-link-content[data-v-abddfea7]{text-decoration:line-through}.pz-link--primary[data-v-abddfea7]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--neutral[data-v-abddfea7]{--pz-link-color: var(--pz-color-text-primary);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--gray[data-v-abddfea7]{--pz-link-color: var(--pz-color-grey-60);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--button[data-v-abddfea7]{--pz-link-color: var(--pz-color-button-primary);--pz-link-hover-color: var(--pz-color-white);--pz-link-background: transparent;--pz-link-hover-background: var(--pz-color-button-primary-hover);--pz-link-border-color: var(--pz-color-button-primary);--pz-link-hover-border-color: var(--pz-color-button-primary-hover);--pz-link-disabled-border-color: color-mix(in srgb, var(--pz-color-button-disabled) 60%, transparent);--pz-link-hover-decoration: none;--pz-link-radius: var(--pz-space-4);--pz-link-padding-inline: var(--pz-space-8);--pz-link-padding-block: var(--pz-space-4)}.pz-link--icon[data-v-abddfea7]{--pz-link-color: var(--pz-color-icon-primary);--pz-link-hover-color: var(--pz-color-icon-hover);--pz-link-hover-decoration: none;--pz-link-icon-size: var(--pz-font-size-20)}.pz-link--icon-only[data-v-abddfea7]{--pz-link-padding-inline: var(--pz-space-4);--pz-link-padding-block: var(--pz-space-4)}.pz-link--disabled[data-v-abddfea7]{--pz-link-color: var(--pz-color-text-link-disabled);--pz-link-hover-color: var(--pz-color-text-link-disabled);--pz-link-border-color: var(--pz-link-disabled-border-color);cursor:default;pointer-events:none}.pz-link[data-v-abddfea7]:hover,.pz-link[data-v-abddfea7]:focus-visible{color:var(--pz-link-hover-color);border-color:var(--pz-link-hover-border-color);background:var(--pz-link-hover-background);outline:none}.pz-link[data-v-abddfea7]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-link-hover-color) 18%,transparent)}.pz-link-prefix[data-v-abddfea7],.pz-link-suffix[data-v-abddfea7]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-link-content[data-v-abddfea7]{min-width:0;text-decoration:var(--pz-link-content-decoration)}.pz-link-prefix[data-v-abddfea7]:empty,.pz-link-suffix[data-v-abddfea7]:empty,.pz-link-content[data-v-abddfea7]:empty{display:none}.pz-link:hover .pz-link-content[data-v-abddfea7],.pz-link:focus-visible .pz-link-content[data-v-abddfea7]{text-decoration:var(--pz-link-hover-decoration)}.pz-link-prefix[data-v-abddfea7] .pz-icon,.pz-link-suffix[data-v-abddfea7] .pz-icon{--pz-icon-size: var(--pz-link-icon-size);--pz-icon-color: currentcolor}
@@ -0,0 +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-DnNEraC8.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};