@prozorro/prozorro-ui 0.0.48-beta → 0.1.0-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 (140) hide show
  1. package/dist/app/assets/{Color-FRDS63T2-DGwiyhGG.js → Color-FRDS63T2-BVz2f00d.js} +1 -1
  2. package/dist/app/assets/{Colors.stories-C6tRL3RE.js → Colors.stories-Bqj7ISVt.js} +1 -1
  3. package/dist/app/assets/{Display.stories-oXy9YHbm.js → Display.stories-B5gIRakW.js} +1 -1
  4. package/dist/app/assets/{DocsRenderer-LL677BLK-DR0VDCnO.js → DocsRenderer-LL677BLK-BW6aJ_1X.js} +5 -5
  5. package/dist/app/assets/{Gap.stories-OcBZ5Obx.js → Gap.stories-CniqkF0M.js} +1 -1
  6. package/dist/app/assets/{Grid.stories-ORthsqGP.js → Grid.stories-FIukTec9.js} +1 -1
  7. package/dist/app/assets/{PzAccordion-ZGZtmY6Z.js → PzAccordion-j2KPhxkl.js} +1 -1
  8. package/dist/app/assets/{PzAccordion.stories-COdzTmcx.js → PzAccordion.stories-De5BvfSm.js} +1 -1
  9. package/dist/app/assets/PzAccordionTable.stories-CsWj-bBP.js +275 -0
  10. package/dist/app/assets/{PzArrayClamp-BzUXHyXV.css → PzArrayClamp-6pCo87AW.css} +1 -1
  11. package/dist/app/assets/{PzArrayClamp.stories-y4qdcbs2.js → PzArrayClamp.stories-BSyz8B47.js} +7 -7
  12. package/dist/app/assets/{PzBreadcrumb-CubvofiN.css → PzBreadcrumb-5IRljnPN.css} +1 -1
  13. package/dist/app/assets/{PzBreadcrumb.stories-C-Gnxhmj.js → PzBreadcrumb.stories-WrKsdOW9.js} +7 -7
  14. package/dist/app/assets/{PzBtn-3ZvQQBuK.js → PzBtn-Drnbf-hv.js} +1 -1
  15. package/dist/app/assets/{PzBtn.stories-GnJlWqFg.js → PzBtn.stories-DpKdGB3_.js} +1 -1
  16. package/dist/app/assets/{PzCheckbox-Cec3yT-X.js → PzCheckbox-BgVA2A5K.js} +1 -1
  17. package/dist/app/assets/{PzCheckbox.stories-ChNV6Fg0.js → PzCheckbox.stories-Bdu2y_6p.js} +1 -1
  18. package/dist/app/assets/{PzCheckboxGroup.stories-C43yzZyL.js → PzCheckboxGroup.stories-_ZK_xrjB.js} +3 -3
  19. package/dist/app/assets/PzCopyToClipboard-B2LO9HwW.css +1 -0
  20. package/dist/app/assets/PzCopyToClipboard-CtQGvRub.js +1 -0
  21. package/dist/app/assets/{PzCopyToClipboard-DofnjMUH.css → PzCopyToClipboard-DL0w8b6k.css} +1 -1
  22. package/dist/app/assets/PzCopyToClipboard.stories-oJRz-OBl.js +45 -0
  23. package/dist/app/assets/{PzDate-C8z_woUV.js → PzDate-C4NsinNg.js} +1 -1
  24. package/dist/app/assets/{PzDate.stories-CGqVByJ2.js → PzDate.stories-CQAvMqYX.js} +1 -1
  25. package/dist/app/assets/PzDateRange.stories-BmJVrmmM.js +9 -0
  26. package/dist/app/assets/{PzDomHandler.stories-22JWi4Pk.js → PzDomHandler.stories-CO1-Bgjp.js} +1 -1
  27. package/dist/app/assets/{PzDropdown.stories-COSplwRg.js → PzDropdown.stories-BncdFzYA.js} +3 -3
  28. package/dist/app/assets/{PzFileInput-Gac6BDfH.css → PzFileInput-rnctoVro.css} +1 -1
  29. package/dist/app/assets/{PzFileInput.stories-CzE1HF_5.js → PzFileInput.stories-AJDqwbJJ.js} +4 -4
  30. package/dist/app/assets/{PzGrid.stories-ByIb2SfH.js → PzGrid.stories-Cb67hM-g.js} +1 -1
  31. package/dist/app/assets/{PzHint-K4f9bbv4.js → PzHint-MA6f7oIU.js} +1 -1
  32. package/dist/app/assets/{PzHint.stories-CYPoWmOd.js → PzHint.stories-Dzn1mJDu.js} +1 -1
  33. package/dist/app/assets/{PzIcon-D_M29Jem.js → PzIcon-B6DKI9jR.js} +1 -1
  34. package/dist/app/assets/{PzIcon.stories-D-1U9HzF.js → PzIcon.stories-BprUm_Rr.js} +1 -1
  35. package/dist/app/assets/{PzImage.stories-Cyqp9_Ts.js → PzImage.stories-DzkaXp9y.js} +1 -1
  36. package/dist/app/assets/{PzImageInput-Xn8tHgIu.css → PzImageInput-DbgEYyxQ.css} +1 -1
  37. package/dist/app/assets/{PzImageInput.stories-Cv9hiX3A.js → PzImageInput.stories-B3lBLZ95.js} +4 -4
  38. package/dist/app/assets/{PzInfoBlockLayout.stories-mLOZ2BUl.js → PzInfoBlockLayout.stories-BVDKrECL.js} +2 -2
  39. package/dist/app/assets/PzInfoHint-CJq5yECH.css +1 -0
  40. package/dist/app/assets/PzInfoHint-DqQNQxBD.js +1 -0
  41. package/dist/app/assets/{PzInfoHint.stories-DGDVX4Vl.js → PzInfoHint.stories-D-C_-yH2.js} +3 -3
  42. package/dist/app/assets/{PzInput.stories-DRzqfsxV.js → PzInput.stories-DdHwlzhn.js} +3 -3
  43. package/dist/app/assets/{PzInputDate.stories-Cx-o9L-B.js → PzInputDate.stories-DjWamRsZ.js} +2 -2
  44. package/dist/app/assets/{PzInputNumber.stories-UPBL99Te.js → PzInputNumber.stories-BtBZRw3_.js} +3 -3
  45. package/dist/app/assets/PzKeyValue-CZOOY--K.js +1 -0
  46. package/dist/app/assets/{PzKeyValue.stories-DNKUjpj6.js → PzKeyValue.stories-BZmHYazM.js} +1 -1
  47. package/dist/app/assets/{PzLabel-Sk7Zfnxm.js → PzLabel-BDpZH4kX.js} +1 -1
  48. package/dist/app/assets/{PzLabel.stories-h137KH6Z.js → PzLabel.stories-C_lElhhL.js} +1 -1
  49. package/dist/app/assets/{PzLink-DUfO673p.js → PzLink-DpFdQYYh.js} +1 -1
  50. package/dist/app/assets/{PzLink.stories-Bal23npH.js → PzLink.stories-DaRb3tYd.js} +1 -1
  51. package/dist/app/assets/{PzListNav-fzVCtoPb.js → PzListNav-Cd3sDdJJ.js} +1 -1
  52. package/dist/app/assets/{PzListNav.stories-CjOGwy2_.js → PzListNav.stories-BW5mTNNu.js} +2 -2
  53. package/dist/app/assets/PzLoader-CwFuPxgP.css +1 -0
  54. package/dist/app/assets/PzLoader.stories-bZF_OC5v.js +9 -0
  55. package/dist/app/assets/PzMessages-B-LKEjuh.js +1 -0
  56. package/dist/app/assets/PzMessages.stories-D357hVjI.js +15 -0
  57. package/dist/app/assets/{PzModal-CnBWmDSc.css → PzModal-CrAwJgjU.css} +1 -1
  58. package/dist/app/assets/{PzModal.stories-DNr1FYLX.js → PzModal.stories-BBik0MMz.js} +8 -8
  59. package/dist/app/assets/{PzMultiSelect-Cfb6evRy.css → PzMultiSelect-BEXt5IOi.css} +1 -1
  60. package/dist/app/assets/{PzMultiSelect.stories-DdABvYVV.js → PzMultiSelect.stories-CmMH-lZl.js} +13 -13
  61. package/dist/app/assets/{PzNav.stories-DssZV4Fn.js → PzNav.stories-B9fCLP7H.js} +4 -4
  62. package/dist/app/assets/{PzNumberFormat.stories-DCzc0PDa.js → PzNumberFormat.stories-DwMjhEp5.js} +1 -1
  63. package/dist/app/assets/{PzPagination-DrdBvKcE.css → PzPagination-B1-6uy7o.css} +1 -1
  64. package/dist/app/assets/PzPagination-Cjrdt8eD.js +1 -0
  65. package/dist/app/assets/{PzPagination.stories-lo_0kD77.js → PzPagination.stories-DF06-Z_g.js} +2 -2
  66. package/dist/app/assets/{PzPaginationProvider.stories-C5CrTPLC.js → PzPaginationProvider.stories-BsxcJ4Gw.js} +2 -2
  67. package/dist/app/assets/{PzPriceFormat.stories-CNCQQ9FB.js → PzPriceFormat.stories-Dwbd5NWP.js} +1 -1
  68. package/dist/app/assets/{PzRadioGroup.stories-BB1uAgGt.js → PzRadioGroup.stories-C6ut-aeX.js} +2 -2
  69. package/dist/app/assets/{PzRouterLink.stories-CUKyZFlv.js → PzRouterLink.stories-CrO16wW6.js} +3 -3
  70. package/dist/app/assets/{PzScrollTo.stories-p19ZARL7.js → PzScrollTo.stories-mL--WFXj.js} +1 -1
  71. package/dist/app/assets/{PzSearchResultItemLayout.stories-BjEYwCDt.js → PzSearchResultItemLayout.stories-B8wizn8U.js} +1 -1
  72. package/dist/app/assets/PzSelect-Bf-GWA7x.js +1 -0
  73. package/dist/app/assets/{PzSelect.stories-Dr8u6y0g.js → PzSelect.stories-CVbDST1l.js} +1 -1
  74. package/dist/app/assets/{PzSkeleton-hGMlIe1N.js → PzSkeleton-djLtPALS.js} +1 -1
  75. package/dist/app/assets/{PzSkeleton.stories-Bu6iTcDi.js → PzSkeleton.stories-Cg9CmgiB.js} +1 -1
  76. package/dist/app/assets/{PzStatus-CZtMdZaT.js → PzStatus-DBgvFPIT.js} +1 -1
  77. package/dist/app/assets/{PzStatus.stories-BHuiK8zy.js → PzStatus.stories-Cm1S0Mck.js} +1 -1
  78. package/dist/app/assets/PzTable-Cwro4jnD.js +1 -0
  79. package/dist/app/assets/{PzTable-C59sd8hh.css → PzTable-DCIfmtm8.css} +1 -1
  80. package/dist/app/assets/{PzTable.stories-B2pVMF6l.js → PzTable.stories-DLcBKDhp.js} +3 -3
  81. package/dist/app/assets/PzTablePaginationProvider.stories-B0HDUohI.js +32 -0
  82. package/dist/app/assets/{PzTabs.stories-C1UH6KxI.js → PzTabs.stories-4bBKN-ug.js} +2 -2
  83. package/dist/app/assets/{PzTag-BdWYHSYV.js → PzTag-VsavdTWa.js} +1 -1
  84. package/dist/app/assets/{PzTag.stories-KF2LEV9t.js → PzTag.stories-zvomqWhr.js} +1 -1
  85. package/dist/app/assets/{PzText-D28wm55Y.js → PzText-BoQ90zAW.js} +1 -1
  86. package/dist/app/assets/{PzText.stories-Ax8x9D14.js → PzText.stories-sdVXnwKv.js} +1 -1
  87. package/dist/app/assets/{PzTextClamp-D9MjEcfh.css → PzTextClamp-DpdwWXt9.css} +1 -1
  88. package/dist/app/assets/PzTextClamp.stories-DCG6vgz5.js +150 -0
  89. package/dist/app/assets/{PzTextarea.stories-YtyiPANf.js → PzTextarea.stories-BMRUE73i.js} +5 -5
  90. package/dist/app/assets/{PzValidatorXSS.stories-iy7ESRaV.js → PzValidatorXSS.stories-aDwsXWzG.js} +1 -1
  91. package/dist/app/assets/{Spacing.stories-D1adSb8d.js → Spacing.stories-BX_Vc1F9.js} +1 -1
  92. package/dist/app/assets/{StaticPagination.composable-B65l6eaY.js → StaticPagination.composable-Ck7EHnzo.js} +1 -1
  93. package/dist/app/assets/{Typography.stories-CY9u_j9S.js → Typography.stories-DMi76uSN.js} +1 -1
  94. package/dist/app/assets/{WithTooltip-65CFNBJE-CxghxT7L.js → WithTooltip-65CFNBJE-D-QzTy-o.js} +1 -1
  95. package/dist/app/assets/configs-D5Kdbqb7.js +1 -0
  96. package/dist/app/assets/{floating-vue-BJ2OXy_O.js → floating-vue-DVoT3Xpy.js} +1 -1
  97. package/dist/app/assets/{floating-vue-C_PX9A2b.js → floating-vue-OkqMh8FV.js} +1 -1
  98. package/dist/app/assets/{formatter-EIJCOSYU-CdXcwTt0.js → formatter-EIJCOSYU-esurYlwa.js} +1 -1
  99. package/dist/app/assets/{iframe-Do6fIq0O.js → iframe-DU_JVmy2.js} +4 -4
  100. package/dist/app/assets/{index-xSygHBWW.js → index-Dh-7SPEm.js} +1 -1
  101. package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-BoFCZ4Nr.js → syntaxhighlighter-OH4MV7E3-NRwygmmB.js} +1 -1
  102. package/dist/app/iframe.html +1 -1
  103. package/dist/app/index.json +1 -1
  104. package/dist/app/project.json +1 -1
  105. package/dist/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue.d.ts +0 -2
  106. package/dist/components/Display/PzLoader/PzLoader.vue.d.ts +0 -1
  107. package/dist/components/Form/PzFileInput/PzFileInput.vue.d.ts +0 -1
  108. package/dist/components/Form/PzImageInput/PzImageInput.vue.d.ts +0 -1
  109. package/dist/components/Form/PzMultiSelect/PzMultiSelect.vue.d.ts +0 -1
  110. package/dist/components/Form/shared/configs.d.ts +0 -15
  111. package/dist/components/Navigation/PzBreadcrumb/PzBreadcrumb.vue.d.ts +3 -3
  112. package/dist/components/Popups/PzModal/PzModal.vue.d.ts +0 -1
  113. package/dist/components/Popups/PzModal/constants.d.ts +0 -2
  114. package/dist/components/Text/PzArrayClamp/PzArrayClamp.vue.d.ts +0 -2
  115. package/dist/components/Text/PzTextClamp/PzTextClamp.vue.d.ts +0 -2
  116. package/dist/index.d.ts +1 -0
  117. package/dist/package.json +1 -1
  118. package/dist/prozorro-ui.cjs +14 -14
  119. package/dist/prozorro-ui.js +4595 -4477
  120. package/dist/services/PzMessages/PzMessages.d.ts +21 -0
  121. package/dist/services/PzMessages/constants.d.ts +11 -0
  122. package/dist/services/PzMessages/index.d.ts +2 -0
  123. package/dist/services/PzMessages/types.d.ts +95 -0
  124. package/dist/style.css +1 -1
  125. package/package.json +1 -1
  126. package/dist/app/assets/PzAccordionTable.stories-7XMDsSUZ.js +0 -275
  127. package/dist/app/assets/PzCopyToClipboard.stories-BeoHUszf.js +0 -45
  128. package/dist/app/assets/PzDateRange.stories-DTEKUrii.js +0 -9
  129. package/dist/app/assets/PzInfoHint-BotCQ26a.js +0 -1
  130. package/dist/app/assets/PzInfoHint-CWG8xkDj.css +0 -1
  131. package/dist/app/assets/PzKeyValue-C4V_BBbW.js +0 -1
  132. package/dist/app/assets/PzLoader-J7_Govh3.css +0 -1
  133. package/dist/app/assets/PzLoader.stories-CkmSVpVi.js +0 -9
  134. package/dist/app/assets/PzPagination-B_K2ZW4F.js +0 -1
  135. package/dist/app/assets/PzSelect-DtTfIM1x.js +0 -1
  136. package/dist/app/assets/PzTable-DgKlWdrk.js +0 -1
  137. package/dist/app/assets/PzTablePaginationProvider.stories-CN6uZcf6.js +0 -32
  138. package/dist/app/assets/PzTextClamp.stories-BsC8cDUD.js +0 -150
  139. package/dist/app/assets/configs-CZIaFchr.js +0 -1
  140. package/dist/components/Navigation/PzBreadcrumb/constants.d.ts +0 -4
@@ -1 +1 @@
1
- import{e as r,f as t,y as o,p as l,g as i,o as s}from"./iframe-Do6fIq0O.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u=["type","disabled"],d={key:0,class:"pz-btn-prefix"},f={key:1,class:"pz-btn-content"},m={key:2,class:"pz-btn-suffix"},n=r({name:"PzBtn",__name:"PzBtn",props:{variant:{default:"primary"},type:{default:"button"},disabled:{type:Boolean,default:!1},typography:{}},setup(a){return(e,y)=>(s(),t("button",{type:a.type,disabled:a.disabled,class:i(["pz-btn",[`pz-btn--${a.variant}`,a.typography?`pz-typography--${a.typography}`:null]])},[e.$slots.prefix?(s(),t("span",d,[o(e.$slots,"prefix",{},void 0,!0)])):l("",!0),e.$slots.default?(s(),t("span",f,[o(e.$slots,"default",{},void 0,!0)])):l("",!0),e.$slots.suffix?(s(),t("span",m,[o(e.$slots,"suffix",{},void 0,!0)])):l("",!0)],10,u))}}),b=p(n,[["__scopeId","data-v-e1d0a607"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzBtn",exportName:"default",displayName:"PzBtn",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzBtnVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"type",required:!1,type:{name:"PzBtnType"},defaultValue:{func:!1,value:'"button"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{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/PzBtn/PzBtn.vue"]});export{b as P};
1
+ import{e as r,f as t,z as o,q as l,g as i,o as s}from"./iframe-DU_JVmy2.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u=["type","disabled"],d={key:0,class:"pz-btn-prefix"},f={key:1,class:"pz-btn-content"},m={key:2,class:"pz-btn-suffix"},n=r({name:"PzBtn",__name:"PzBtn",props:{variant:{default:"primary"},type:{default:"button"},disabled:{type:Boolean,default:!1},typography:{}},setup(a){return(e,c)=>(s(),t("button",{type:a.type,disabled:a.disabled,class:i(["pz-btn",[`pz-btn--${a.variant}`,a.typography?`pz-typography--${a.typography}`:null]])},[e.$slots.prefix?(s(),t("span",d,[o(e.$slots,"prefix",{},void 0,!0)])):l("",!0),e.$slots.default?(s(),t("span",f,[o(e.$slots,"default",{},void 0,!0)])):l("",!0),e.$slots.suffix?(s(),t("span",m,[o(e.$slots,"suffix",{},void 0,!0)])):l("",!0)],10,u))}}),b=p(n,[["__scopeId","data-v-e1d0a607"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzBtn",exportName:"default",displayName:"PzBtn",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzBtnVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"type",required:!1,type:{name:"PzBtnType"},defaultValue:{func:!1,value:'"button"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{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/PzBtn/PzBtn.vue"]});export{b as P};
@@ -1,4 +1,4 @@
1
- import{_ as p}from"./PzIcon-D_M29Jem.js";import{P as c}from"./PzText-D28wm55Y.js";import{p as f}from"./configs-B15JgQZ-.js";import{P as n}from"./PzBtn-3ZvQQBuK.js";import"./iframe-Do6fIq0O.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const m=["primary","primary-outline","danger","danger-outline","alert","alert-outline","success","success-outline","pink","pink-outline","link","transparent"],b=["button","submit","reset"],d=[{variant:"primary",label:"Підтвердити",prefix:"check"},{variant:"primary-outline",label:"Редагувати",prefix:"edit"},{variant:"danger",label:"Видалити",prefix:"delete"},{variant:"danger-outline",label:"Скасувати",suffix:"close"},{variant:"alert",label:"Попередження",prefix:"warning"},{variant:"alert-outline",label:"Зверніть увагу"},{variant:"success",label:"Підтвердити",prefix:"check"},{variant:"success-outline",label:"Скасувати",suffix:"close"},{variant:"pink",label:"Відгук",prefix:"star"},{variant:"pink-outline",label:"Відгук",prefix:"star"},{variant:"link",label:"Перейти до деталей"},{variant:"transparent",label:"Показати більше"}],u=t=>{const e=[t.variant!=="primary"?`variant="${t.variant}"`:null,t.type!=="button"?`type="${t.type}"`:null,t.disabled?':disabled="true"':null].filter(i=>!!i).join(" "),l=[t.showPrefix?` <template #prefix>
1
+ import{_ as p}from"./PzIcon-B6DKI9jR.js";import{P as c}from"./PzText-BoQ90zAW.js";import{p as f}from"./configs-B15JgQZ-.js";import{P as n}from"./PzBtn-Drnbf-hv.js";import"./iframe-DU_JVmy2.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const m=["primary","primary-outline","danger","danger-outline","alert","alert-outline","success","success-outline","pink","pink-outline","link","transparent"],b=["button","submit","reset"],d=[{variant:"primary",label:"Підтвердити",prefix:"check"},{variant:"primary-outline",label:"Редагувати",prefix:"edit"},{variant:"danger",label:"Видалити",prefix:"delete"},{variant:"danger-outline",label:"Скасувати",suffix:"close"},{variant:"alert",label:"Попередження",prefix:"warning"},{variant:"alert-outline",label:"Зверніть увагу"},{variant:"success",label:"Підтвердити",prefix:"check"},{variant:"success-outline",label:"Скасувати",suffix:"close"},{variant:"pink",label:"Відгук",prefix:"star"},{variant:"pink-outline",label:"Відгук",prefix:"star"},{variant:"link",label:"Перейти до деталей"},{variant:"transparent",label:"Показати більше"}],u=t=>{const e=[t.variant!=="primary"?`variant="${t.variant}"`:null,t.type!=="button"?`type="${t.type}"`:null,t.disabled?':disabled="true"':null].filter(i=>!!i).join(" "),l=[t.showPrefix?` <template #prefix>
2
2
  <PzIcon name="add" size="16" />
3
3
  </template>`:null,` ${t.label}`,t.showSuffix?` <template #suffix>
4
4
  <PzIcon name="arrow_forward" size="16" />
@@ -1 +1 @@
1
- import{e as m,f as n,q as a,y as f,g as b,c as p,o,B as h,t as k}from"./iframe-Do6fIq0O.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const x=["id","name","checked","disabled","value"],y={class:"pz-checkbox-control","aria-hidden":"true"},z={key:0,class:"pz-checkbox-icon",viewBox:"0 0 16 16",fill:"none"},V={key:1,class:"pz-checkbox-thumb"},g={class:"pz-checkbox-label"},l=m({name:"PzCheckbox",__name:"PzCheckbox",props:{name:{},label:{},id:{default:void 0},modelValue:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},variant:{default:"checkbox"},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:c}){const s=e,u=c,i=p(()=>s.value===void 0?void 0:String(s.value)),r=({target:{checked:t}})=>u("update:modelValue",t);return(t,d)=>(o(),n("label",{class:b(["pz-checkbox",[{disabled:e.disabled},e.variant]])},[a("input",{id:e.id??e.name,name:e.name,checked:e.modelValue,disabled:e.disabled,value:i.value,type:"checkbox",class:"pz-checkbox-input",onChange:r},null,40,x),a("span",y,[e.variant==="checkbox"?(o(),n("svg",z,[...d[0]||(d[0]=[a("path",{d:"M4 8.25L6.75 11L12 5.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])):(o(),n("span",V))]),a("span",g,[f(t.$slots,"default",{},()=>[h(k(e.label),1)],!0)])],2))}}),q=v(l,[["__scopeId","data-v-f78db6fd"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzCheckbox",exportName:"default",displayName:"PzCheckbox",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"label",required:!0,type:{name:"string"}},{name:"id",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"modelValue",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"value",required:!1,type:{name:"PzFormCheckboxValue"},defaultValue:{func:!1,value:"undefined"}},{name:"variant",required:!1,type:{name:"PzFormCheckboxVariant"},defaultValue:{func:!1,value:'"checkbox"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzCheckbox/PzCheckbox.vue"]});export{q as P};
1
+ import{e as m,f as n,u as a,z as f,g as b,c as p,o,D as h,t as k}from"./iframe-DU_JVmy2.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const x=["id","name","checked","disabled","value"],z={class:"pz-checkbox-control","aria-hidden":"true"},y={key:0,class:"pz-checkbox-icon",viewBox:"0 0 16 16",fill:"none"},V={key:1,class:"pz-checkbox-thumb"},g={class:"pz-checkbox-label"},l=m({name:"PzCheckbox",__name:"PzCheckbox",props:{name:{},label:{},id:{default:void 0},modelValue:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},variant:{default:"checkbox"},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:c}){const s=e,u=c,i=p(()=>s.value===void 0?void 0:String(s.value)),r=({target:{checked:t}})=>u("update:modelValue",t);return(t,d)=>(o(),n("label",{class:b(["pz-checkbox",[{disabled:e.disabled},e.variant]])},[a("input",{id:e.id??e.name,name:e.name,checked:e.modelValue,disabled:e.disabled,value:i.value,type:"checkbox",class:"pz-checkbox-input",onChange:r},null,40,x),a("span",z,[e.variant==="checkbox"?(o(),n("svg",y,[...d[0]||(d[0]=[a("path",{d:"M4 8.25L6.75 11L12 5.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])):(o(),n("span",V))]),a("span",g,[f(t.$slots,"default",{},()=>[h(k(e.label),1)],!0)])],2))}}),q=v(l,[["__scopeId","data-v-f78db6fd"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzCheckbox",exportName:"default",displayName:"PzCheckbox",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"label",required:!0,type:{name:"string"}},{name:"id",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"modelValue",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"value",required:!1,type:{name:"PzFormCheckboxValue"},defaultValue:{func:!1,value:"undefined"}},{name:"variant",required:!1,type:{name:"PzFormCheckboxVariant"},defaultValue:{func:!1,value:'"checkbox"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzCheckbox/PzCheckbox.vue"]});export{q as P};
@@ -1,4 +1,4 @@
1
- import{r as n,w as l}from"./iframe-Do6fIq0O.js";import{P as p}from"./PzText-D28wm55Y.js";import{p as d}from"./configs-CZIaFchr.js";import{P as a}from"./PzCheckbox-Cec3yT-X.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h=e=>`<template>
1
+ import{r as n,w as l}from"./iframe-DU_JVmy2.js";import{P as p}from"./PzText-BoQ90zAW.js";import{p as d}from"./configs-D5Kdbqb7.js";import{P as a}from"./PzCheckbox-BgVA2A5K.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h=e=>`<template>
2
2
  <PzCheckbox ${[e.variant!=="checkbox"?`variant="${e.variant}"`:null,e.id?`id="${e.id}"`:null,e.name?`name="${e.name}"`:null,e.disabled?':disabled="true"':null,e.modelValue?':model-value="true"':null].filter(c=>!!c).join(" ")}>
3
3
  Text checkbox
4
4
  </PzCheckbox>
@@ -1,4 +1,4 @@
1
- import{e as P,f as b,F as V,A as C,o as u,u as w,x as G,y as T,B as _,t as S,J as O,C as F,r as m,w as L}from"./iframe-Do6fIq0O.js";import{P as A}from"./PzLabel-Sk7Zfnxm.js";import{P as $}from"./PzText-D28wm55Y.js";import{p as B}from"./configs-CZIaFchr.js";import{P as q}from"./PzCheckbox-Cec3yT-X.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const N=["aria-disabled"],p=P({name:"PzCheckboxGroup",__name:"PzCheckboxGroup",props:{name:{},options:{default:()=>[]},modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},variant:{default:"checkbox"}},emits:["update:modelValue"],setup(a,{emit:l}){const o=a,i=l,d=e=>o.modelValue.includes(e),z=(e,s)=>{const t=s?[...o.modelValue,e]:o.modelValue.filter(r=>r!==e);i("update:modelValue",t)},f=(e,s)=>e.id??`${o.name??"pz-checkbox-group"}-${String(s+1)}`,c=(e,s)=>({option:e,value:e.value,checked:d(e.value),disabled:!!(o.disabled||e.disabled),id:f(e,s),name:o.name});return(e,s)=>(u(),b("div",{class:"pz-checkbox-group","aria-disabled":a.disabled,role:"group"},[(u(!0),b(V,null,C(a.options,(t,r)=>(u(),w(F(q),{id:c(t,r).id,key:c(t,r).id,name:o.name,value:t.value,variant:o.variant,label:t.label,disabled:c(t,r).disabled,"model-value":d(t.value),"onUpdate:modelValue":y=>z(t.value,y)},{default:G(()=>[T(e.$slots,"default",O({ref_for:!0},c(t,r)),()=>[_(S(t.label),1)],!0)]),_:2},1032,["id","name","value","variant","label","disabled","model-value","onUpdate:modelValue"]))),128))],8,N))}}),h=I(p,[["__scopeId","data-v-7ed24052"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzCheckboxGroup",exportName:"default",displayName:"PzCheckboxGroup",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormCheckboxOption"}]},defaultValue:{func:!1,value:"() => []"}},{name:"modelValue",required:!0,type:{name:"Array",elements:[{name:"PzFormCheckboxValue"}]},defaultValue:{func:!1,value:"() => []"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzFormCheckboxVariant"},defaultValue:{func:!1,value:'"checkbox"'}}],slots:[{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzCheckboxGroup/PzCheckboxGroup.vue"]});const x=[{label:"Text checkbox",value:"one"},{label:"Text checkbox",value:"two"},{label:"Text checkbox",value:"three"},{label:"Text checkbox",value:"four"}],U=[{label:"Text checkbox",value:"alpha"},{label:"Text checkbox Text checkbox Text checkbox Text checkbox",value:"beta"},{label:"Text checkbox",value:"gamma"},{label:"Text checkbox",value:"delta"}],j=a=>{const l=a.variant!=="checkbox"?` variant="${a.variant}"`:"",o=a.disabled?' :disabled="true"':"";return`<template>
1
+ import{e as P,f as b,F as V,G as C,o as d,v as w,y as G,z as T,D as _,t as S,L as O,C as L,r as m,w as F}from"./iframe-DU_JVmy2.js";import{P as A}from"./PzLabel-BDpZH4kX.js";import{P as $}from"./PzText-BoQ90zAW.js";import{p as q}from"./configs-D5Kdbqb7.js";import{P as B}from"./PzCheckbox-BgVA2A5K.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const N=["aria-disabled"],p=P({name:"PzCheckboxGroup",__name:"PzCheckboxGroup",props:{name:{},options:{default:()=>[]},modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},variant:{default:"checkbox"}},emits:["update:modelValue"],setup(a,{emit:l}){const o=a,i=l,u=e=>o.modelValue.includes(e),z=(e,s)=>{const t=s?[...o.modelValue,e]:o.modelValue.filter(r=>r!==e);i("update:modelValue",t)},f=(e,s)=>e.id??`${o.name??"pz-checkbox-group"}-${String(s+1)}`,c=(e,s)=>({option:e,value:e.value,checked:u(e.value),disabled:!!(o.disabled||e.disabled),id:f(e,s),name:o.name});return(e,s)=>(d(),b("div",{class:"pz-checkbox-group","aria-disabled":a.disabled,role:"group"},[(d(!0),b(V,null,C(a.options,(t,r)=>(d(),w(L(B),{id:c(t,r).id,key:c(t,r).id,name:o.name,value:t.value,variant:o.variant,label:t.label,disabled:c(t,r).disabled,"model-value":u(t.value),"onUpdate:modelValue":y=>z(t.value,y)},{default:G(()=>[T(e.$slots,"default",O({ref_for:!0},c(t,r)),()=>[_(S(t.label),1)],!0)]),_:2},1032,["id","name","value","variant","label","disabled","model-value","onUpdate:modelValue"]))),128))],8,N))}}),h=I(p,[["__scopeId","data-v-7ed24052"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzCheckboxGroup",exportName:"default",displayName:"PzCheckboxGroup",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormCheckboxOption"}]},defaultValue:{func:!1,value:"() => []"}},{name:"modelValue",required:!0,type:{name:"Array",elements:[{name:"PzFormCheckboxValue"}]},defaultValue:{func:!1,value:"() => []"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzFormCheckboxVariant"},defaultValue:{func:!1,value:'"checkbox"'}}],slots:[{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzCheckboxGroup/PzCheckboxGroup.vue"]});const x=[{label:"Text checkbox",value:"one"},{label:"Text checkbox",value:"two"},{label:"Text checkbox",value:"three"},{label:"Text checkbox",value:"four"}],U=[{label:"Text checkbox",value:"alpha"},{label:"Text checkbox Text checkbox Text checkbox Text checkbox",value:"beta"},{label:"Text checkbox",value:"gamma"},{label:"Text checkbox",value:"delta"}],D=a=>{const l=a.variant!=="checkbox"?` variant="${a.variant}"`:"",o=a.disabled?' :disabled="true"':"";return`<template>
2
2
  <PzLabel label="${a.heading}">
3
3
  <PzCheckboxGroup
4
4
  v-model="selectedValues"
@@ -21,7 +21,7 @@ const options = [
21
21
  ];
22
22
 
23
23
  const selectedValues = ref(["two"]);
24
- <\/script>`},D={title:"Components/Form/PzCheckboxGroup",component:h,parameters:{docs:{description:{component:"Use `PzCheckboxGroup` for multi-select lists backed by an array of primitive `value`s. The group composes `PzCheckbox`, keeps the preserved `switch` variant, and expects semantic `options` instead of the older `config` or `slug` prototype naming."},source:{transform:(a,l)=>j(l.args??D.args)}}},args:{heading:"Назва поля",modelValue:["two"],options:x,name:"checkbox-group-story",variant:"checkbox",disabled:!1},argTypes:{variant:{control:"inline-radio",options:B,description:"Applies the same checkbox or switch presentation to every item in the group."},disabled:{control:"boolean",description:"Disables every option in the group."},name:{control:"text",description:"Optional shared native input name."},heading:{control:"text",description:"Story-only label shown through `PzLabel` in the usage example.",table:{category:"Story"}},options:{control:!1,description:"Array of checkbox options with `label`, `value`, and optional `disabled`/`id`."},modelValue:{control:!1,description:"Selected option values."}},render:a=>({components:{pzCheckboxGroup:h,pzLabel:A,pzText:$},setup(){const l=m([...a.modelValue??[]]),o=m(["two"]);return L(()=>a.modelValue,i=>{l.value=[...i??[]]}),{args:a,checkboxOptions:x,longLabelOptions:U,selectedValues:l,slotSelectedValues:o}},template:`
24
+ <\/script>`},j={title:"Components/Form/PzCheckboxGroup",component:h,parameters:{docs:{description:{component:"Use `PzCheckboxGroup` for multi-select lists backed by an array of primitive `value`s. The group composes `PzCheckbox`, keeps the preserved `switch` variant, and expects semantic `options` instead of the older `config` or `slug` prototype naming."},source:{transform:(a,l)=>D(l.args??j.args)}}},args:{heading:"Назва поля",modelValue:["two"],options:x,name:"checkbox-group-story",variant:"checkbox",disabled:!1},argTypes:{variant:{control:"inline-radio",options:q,description:"Applies the same checkbox or switch presentation to every item in the group."},disabled:{control:"boolean",description:"Disables every option in the group."},name:{control:"text",description:"Optional shared native input name."},heading:{control:"text",description:"Story-only label shown through `PzLabel` in the usage example.",table:{category:"Story"}},options:{control:!1,description:"Array of checkbox options with `label`, `value`, and optional `disabled`/`id`."},modelValue:{control:!1,description:"Selected option values."}},render:a=>({components:{pzCheckboxGroup:h,pzLabel:A,pzText:$},setup(){const l=m([...a.modelValue??[]]),o=m(["two"]);return F(()=>a.modelValue,i=>{l.value=[...i??[]]}),{args:a,checkboxOptions:x,longLabelOptions:U,selectedValues:l,slotSelectedValues:o}},template:`
25
25
  <div class="pz-checkbox-group-story">
26
26
  <section class="pz-checkbox-group-story-board">
27
27
  <div class="pz-checkbox-group-story-header">
@@ -112,4 +112,4 @@ const selectedValues = ref(["two"]);
112
112
  }
113
113
  }
114
114
  }
115
- }`,...(g=(v=n.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const R=["Playground"];export{n as Playground,R as __namedExportsOrder,D as default};
115
+ }`,...(g=(v=n.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const R=["Playground"];export{n as Playground,R as __namedExportsOrder,j as default};
@@ -0,0 +1 @@
1
+ .pz-copy-to-clipboard[data-v-7df8edd6]{display:inline-flex;vertical-align:middle}.pz-copy-to-clipboard-button[data-v-7df8edd6]{display:inline-flex;align-items:center;gap:var(--pz-space-4);max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:color .16s ease,box-shadow .16s ease}.pz-copy-to-clipboard-button[data-v-7df8edd6]:hover,.pz-copy-to-clipboard-button[data-v-7df8edd6]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-copy-to-clipboard-button[data-v-7df8edd6]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px;border-radius:var(--pz-space-4)}.pz-copy-to-clipboard-content[data-v-7df8edd6]{min-width:0}.pz-copy-to-clipboard-icon[data-v-7df8edd6]{flex:0 0 auto}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-button[data-v-7df8edd6]{justify-content:center;width:24px;height:24px;color:var(--pz-color-icon-primary)}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-content[data-v-7df8edd6]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@@ -0,0 +1 @@
1
+ import{e as T,A as z,f as i,B as g,C as P,g as c,u as h,z as x,v as q,q as V,c as u,r as _,D as w,t as k,o as l}from"./iframe-DU_JVmy2.js";import{O as B}from"./floating-vue-DVoT3Xpy.js";import"./floating-vue-OkqMh8FV.js";import{a as m}from"./PzMessages-B-LKEjuh.js";import{P as N}from"./PzDomHandler-BU7iMNnt.js";import{_ as I}from"./PzIcon-B6DKI9jR.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";const O=["aria-label"],$={class:"pz-copy-to-clipboard-content"},t=T({name:"PzCopyToClipboard",__name:"PzCopyToClipboard",props:{content:{},popupText:{},label:{},timeout:{default:1e3},placement:{default:"top"},variant:{default:"text"},buttonClass:{default:""},showIcon:{type:Boolean,default:!0},stopPropagation:{type:Boolean,default:!0}},emits:["copied","error"],setup(e,{emit:d}){const a=e,f=u(()=>a.popupText??m("actions.pzCopyToClipboard.popupText")),y=u(()=>a.label??m("actions.pzCopyToClipboard.label")),n=_(!1);let o;const r=d,b=()=>{n.value=!1,o=void 0},C=()=>{o&&clearTimeout(o),n.value=!0,o=setTimeout(b,a.timeout)},v=async s=>{a.stopPropagation&&s.stopPropagation();try{await N.copyToClipboard(a.content),C(),r("copied",a.content)}catch(p){r("error",p)}};return z(()=>{o&&clearTimeout(o)}),(s,p)=>(l(),i("span",{class:c(["pz-copy-to-clipboard",`pz-copy-to-clipboard--${e.variant}`])},[g((l(),i("button",{type:"button",class:c(["pz-copy-to-clipboard-button",e.buttonClass]),"aria-label":y.value,onClick:v},[h("span",$,[x(s.$slots,"default",{},()=>[w(k(e.content),1)],!0)]),e.showIcon||e.variant==="icon"?(l(),q(I,{key:0,class:"pz-copy-to-clipboard-icon",name:"content_copy",size:"16"})):V("",!0)],10,O)),[[P(B),{shown:n.value,content:f.value,placement:e.placement,theme:"dark-tooltip",triggers:[]}]])],2))}}),M=D(t,[["__scopeId","data-v-7df8edd6"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__name},{name:"PzCopyToClipboard",exportName:"default",displayName:"PzCopyToClipboard",description:"",tags:{},props:[{name:"content",required:!0,type:{name:"string"}},{name:"popupText",required:!1,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"}},{name:"timeout",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}},{name:"variant",required:!1,type:{name:"PzCopyToClipboardVariant"},defaultValue:{func:!1,value:'"text"'}},{name:"buttonClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"showIcon",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"stopPropagation",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"copied",type:{names:["string"]}},{name:"error",type:{names:["unknown"]}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue"]});export{M as P};
@@ -1 +1 @@
1
- .pz-copy-to-clipboard-story{display:grid;gap:var(--pz-space-20);max-width:560px;color:var(--pz-color-text-primary)}.pz-copy-to-clipboard-story-header,.pz-copy-to-clipboard-story-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-eyebrow{display:block;margin-bottom:var(--pz-space-4);color:var(--pz-color-text-secondary);text-transform:uppercase;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-chip{padding:var(--pz-space-4) var(--pz-space-8);border:1px solid var(--pz-color-blue-30);border-radius:var(--pz-space-4);background:var(--pz-color-blue-10);color:var(--pz-color-text-link);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-preview,.pz-copy-to-clipboard-story-examples{padding:var(--pz-space-20);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-8);background:var(--pz-color-background-primary)}.pz-copy-to-clipboard-story-examples{display:grid;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-row{padding-bottom:var(--pz-space-16);border-bottom:1px solid var(--pz-color-grey-30)}.pz-copy-to-clipboard-story-row:last-child{padding-bottom:0;border-bottom:0}.pz-copy-to-clipboard[data-v-b6d0efa4]{display:inline-flex;vertical-align:middle}.pz-copy-to-clipboard-button[data-v-b6d0efa4]{display:inline-flex;align-items:center;gap:var(--pz-space-4);max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:color .16s ease,box-shadow .16s ease}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:hover,.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px;border-radius:var(--pz-space-4)}.pz-copy-to-clipboard-content[data-v-b6d0efa4]{min-width:0}.pz-copy-to-clipboard-icon[data-v-b6d0efa4]{flex:0 0 auto}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-button[data-v-b6d0efa4]{justify-content:center;width:24px;height:24px;color:var(--pz-color-icon-primary)}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-content[data-v-b6d0efa4]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
1
+ .pz-copy-to-clipboard-story{display:grid;gap:var(--pz-space-20);max-width:560px;color:var(--pz-color-text-primary)}.pz-copy-to-clipboard-story-header,.pz-copy-to-clipboard-story-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-eyebrow{display:block;margin-bottom:var(--pz-space-4);color:var(--pz-color-text-secondary);text-transform:uppercase;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-chip{padding:var(--pz-space-4) var(--pz-space-8);border:1px solid var(--pz-color-blue-30);border-radius:var(--pz-space-4);background:var(--pz-color-blue-10);color:var(--pz-color-text-link);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-preview,.pz-copy-to-clipboard-story-examples{padding:var(--pz-space-20);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-8);background:var(--pz-color-background-primary)}.pz-copy-to-clipboard-story-examples{display:grid;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-row{padding-bottom:var(--pz-space-16);border-bottom:1px solid var(--pz-color-grey-30)}.pz-copy-to-clipboard-story-row:last-child{padding-bottom:0;border-bottom:0}
@@ -0,0 +1,45 @@
1
+ import{P as l}from"./PzText-BoQ90zAW.js";import{P as e}from"./PzCopyToClipboard-CtQGvRub.js";import"./iframe-DU_JVmy2.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-vue-DVoT3Xpy.js";import"./floating-vue-OkqMh8FV.js";import"./PzMessages-B-LKEjuh.js";import"./PzDomHandler-BU7iMNnt.js";import"./PzIcon-B6DKI9jR.js";const C={title:"Components/Actions/PzCopyToClipboard",component:e,args:{content:"UA-2026-05-07-000001-a",text:"UA-2026-05-07-000001-a",popupText:"Скопійовано",label:"Скопіювати ідентифікатор",timeout:1e3,placement:"top",variant:"text",buttonClass:"",showIcon:!0,stopPropagation:!0},argTypes:{content:{control:"text",description:"Value copied to the clipboard."},text:{control:"text",description:"Slot text shown in the preview.",table:{category:"Slots"}},popupText:{control:"text",description:"Tooltip text shown after a successful copy."},label:{control:"text",description:"Accessible button label."},timeout:{control:"number",description:"Tooltip visibility duration in milliseconds."},placement:{control:"select",options:["top","top-start","bottom","bottom-start"],description:"Tooltip placement relative to the trigger."},variant:{control:"inline-radio",options:["text","icon"],description:"Visual trigger treatment."},buttonClass:{control:"text",description:"Additional class applied to the native button."},showIcon:{control:"boolean",description:"Shows the copy icon next to text variants."},stopPropagation:{control:"boolean",description:"Stops click propagation before copying."}},render:c=>({components:{pzCopyToClipboard:e,pzText:l},setup(){return{args:c}},template:`
2
+ <section class="pz-copy-to-clipboard-story">
3
+ <div class="pz-copy-to-clipboard-story-header">
4
+ <div>
5
+ <span class="pz-copy-to-clipboard-story-eyebrow">Component API</span>
6
+ <pz-text variant="h4-bold">Copy trigger</pz-text>
7
+ </div>
8
+ <span class="pz-copy-to-clipboard-story-chip">{{ args.variant }}</span>
9
+ </div>
10
+
11
+ <div class="pz-copy-to-clipboard-story-preview">
12
+ <pz-copy-to-clipboard v-bind="args">
13
+ {{ args.text }}
14
+ </pz-copy-to-clipboard>
15
+ </div>
16
+
17
+ <div class="pz-copy-to-clipboard-story-examples">
18
+ <div class="pz-copy-to-clipboard-story-row">
19
+ <span>UA-2026-05-07-000001-a</span>
20
+ <pz-copy-to-clipboard
21
+ content="UA-2026-05-07-000001-a"
22
+ label="Скопіювати ідентифікатор закупівлі"
23
+ popup-text="Код скопійовано"
24
+ variant="icon"
25
+ />
26
+ </div>
27
+
28
+ <div class="pz-copy-to-clipboard-story-row">
29
+ <pz-copy-to-clipboard
30
+ content="prozorro@example.gov.ua"
31
+ popup-text="Email скопійовано"
32
+ label="Скопіювати email"
33
+ :show-icon="false"
34
+ >
35
+ prozorro@example.gov.ua
36
+ </pz-copy-to-clipboard>
37
+ </div>
38
+ </div>
39
+ </section>
40
+ `})},o={},t={args:{variant:"icon",text:"Copy"}};var p,r,a;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(a=(r=o.parameters)==null?void 0:r.docs)==null?void 0:a.source}}};var i,s,n;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
41
+ args: {
42
+ variant: "icon",
43
+ text: "Copy"
44
+ }
45
+ }`,...(n=(s=t.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const w=["Playground","IconOnly"];export{t as IconOnly,o as Playground,w as __namedExportsOrder,C as default};
@@ -1 +1 @@
1
- import{e as y,f as s,t as p,p as f,F as g,q as Y,g as _,c as o,o as m}from"./iframe-Do6fIq0O.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const M=["datetime"],P={key:0,class:"pz-date__date"},H={class:"pz-date__time"},i=2,n=y({name:"PzDate",__name:"PzDate",props:{date:{},format:{default:"DD MM YYYY HH:mm"},typography:{}},setup(r){const t=r,u=o(()=>{if(!t.date)return null;const e=new Date(t.date.replace(" ","T"));return isNaN(e.getTime())?null:e}),c=o(()=>{const e=u.value;return e?t.format==="YYYY"?new Intl.DateTimeFormat("uk-UA",{year:"numeric"}).format(e):t.format==="MM YYYY"?new Intl.DateTimeFormat("uk-UA",{month:"long",year:"numeric"}).format(e):new Intl.DateTimeFormat("uk-UA",{day:"numeric",month:"long",year:"numeric"}).format(e):""}),d=o(()=>{const e=u.value;if(!e||t.format!=="DD MM YYYY HH:mm"&&t.format!=="DD MM YYYY HH:mm:ss")return"";const a=String(e.getHours()).padStart(i,"0"),l=String(e.getMinutes()).padStart(i,"0");if(t.format==="DD MM YYYY HH:mm:ss"){const D=String(e.getSeconds()).padStart(i,"0");return`${a}:${l}:${D}`}return`${a}:${l}`});return(e,a)=>(m(),s("time",{class:_(["pz-date",r.typography?`pz-typography--${r.typography}`:null]),datetime:r.date},[c.value?(m(),s("span",P,p(c.value),1)):f("",!0),d.value?(m(),s(g,{key:1},[a[0]||(a[0]=Y("i",{class:"pz-date__separator","aria-hidden":"true"},null,-1)),Y("span",H,p(d.value),1)],64)):f("",!0)],10,M))}}),N=z(n,[["__scopeId","data-v-70b8e315"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzDate",exportName:"default",displayName:"PzDate",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"string"}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDate/PzDate.vue"]});export{N as P};
1
+ import{e as y,f as s,t as p,q as f,F as g,u as Y,g as _,c as o,o as m}from"./iframe-DU_JVmy2.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const M=["datetime"],P={key:0,class:"pz-date__date"},H={class:"pz-date__time"},i=2,n=y({name:"PzDate",__name:"PzDate",props:{date:{},format:{default:"DD MM YYYY HH:mm"},typography:{}},setup(r){const t=r,u=o(()=>{if(!t.date)return null;const e=new Date(t.date.replace(" ","T"));return isNaN(e.getTime())?null:e}),c=o(()=>{const e=u.value;return e?t.format==="YYYY"?new Intl.DateTimeFormat("uk-UA",{year:"numeric"}).format(e):t.format==="MM YYYY"?new Intl.DateTimeFormat("uk-UA",{month:"long",year:"numeric"}).format(e):new Intl.DateTimeFormat("uk-UA",{day:"numeric",month:"long",year:"numeric"}).format(e):""}),d=o(()=>{const e=u.value;if(!e||t.format!=="DD MM YYYY HH:mm"&&t.format!=="DD MM YYYY HH:mm:ss")return"";const a=String(e.getHours()).padStart(i,"0"),l=String(e.getMinutes()).padStart(i,"0");if(t.format==="DD MM YYYY HH:mm:ss"){const D=String(e.getSeconds()).padStart(i,"0");return`${a}:${l}:${D}`}return`${a}:${l}`});return(e,a)=>(m(),s("time",{class:_(["pz-date",r.typography?`pz-typography--${r.typography}`:null]),datetime:r.date},[c.value?(m(),s("span",P,p(c.value),1)):f("",!0),d.value?(m(),s(g,{key:1},[a[0]||(a[0]=Y("i",{class:"pz-date__separator","aria-hidden":"true"},null,-1)),Y("span",H,p(d.value),1)],64)):f("",!0)],10,M))}}),N=z(n,[["__scopeId","data-v-70b8e315"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzDate",exportName:"default",displayName:"PzDate",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"string"}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDate/PzDate.vue"]});export{N as P};
@@ -1,4 +1,4 @@
1
- import{p as r}from"./configs-B15JgQZ-.js";import{P as o}from"./PzDate-C8z_woUV.js";import"./iframe-Do6fIq0O.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i="2026-05-06T15:37:37.682718+03:00",p=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],d=["2026-01-15T10:00:00+02:00","2026-02-15T10:00:00+02:00","2026-03-15T10:00:00+02:00","2026-04-15T10:00:00+03:00","2026-05-15T10:00:00+03:00","2026-06-15T10:00:00+03:00","2026-07-15T10:00:00+03:00","2026-08-15T10:00:00+03:00","2026-09-15T10:00:00+03:00","2026-10-15T10:00:00+03:00","2026-11-15T10:00:00+02:00","2026-12-15T10:00:00+02:00"],x={title:"Components/Display/PzDate",component:o,parameters:{docs:{description:{component:"Renders an ISO 8601 datetime string as a localised Ukrainian date and time. Default output format: `6 травня 2026 • 15:37`. Uses `Intl.DateTimeFormat` with the `uk-UA` locale for correct genitive month names. When the format includes a time portion the date and time render as two visual blocks separated by a coloured dot."}}},args:{date:i,typography:void 0},argTypes:{typography:{control:"select",options:[void 0,...r],description:"Overrides typography using a PzText variant."}}},e={parameters:{docs:{description:{story:"Every supported usage of `PzDate` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."}}},render:s=>({components:{pzDate:o},setup(){return{args:s,sampleDate:i,formats:p,monthDates:d}},template:`
1
+ import{p as r}from"./configs-B15JgQZ-.js";import{P as o}from"./PzDate-C4NsinNg.js";import"./iframe-DU_JVmy2.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i="2026-05-06T15:37:37.682718+03:00",p=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],d=["2026-01-15T10:00:00+02:00","2026-02-15T10:00:00+02:00","2026-03-15T10:00:00+02:00","2026-04-15T10:00:00+03:00","2026-05-15T10:00:00+03:00","2026-06-15T10:00:00+03:00","2026-07-15T10:00:00+03:00","2026-08-15T10:00:00+03:00","2026-09-15T10:00:00+03:00","2026-10-15T10:00:00+03:00","2026-11-15T10:00:00+02:00","2026-12-15T10:00:00+02:00"],x={title:"Components/Display/PzDate",component:o,parameters:{docs:{description:{component:"Renders an ISO 8601 datetime string as a localised Ukrainian date and time. Default output format: `6 травня 2026 • 15:37`. Uses `Intl.DateTimeFormat` with the `uk-UA` locale for correct genitive month names. When the format includes a time portion the date and time render as two visual blocks separated by a coloured dot."}}},args:{date:i,typography:void 0},argTypes:{typography:{control:"select",options:[void 0,...r],description:"Overrides typography using a PzText variant."}}},e={parameters:{docs:{description:{story:"Every supported usage of `PzDate` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."}}},render:s=>({components:{pzDate:o},setup(){return{args:s,sampleDate:i,formats:p,monthDates:d}},template:`
2
2
  <div style="display: flex; flex-direction: column; gap: 32px; font-family: inherit;">
3
3
  <section>
4
4
  <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Format variants</h3>
@@ -0,0 +1,9 @@
1
+ import{p as P}from"./configs-B15JgQZ-.js";import{e as h,f as t,F as R,G as M,g as u,q as m,c as x,o as n,t as _,E as v,C as T}from"./iframe-DU_JVmy2.js";import{P as F}from"./PzDate-C4NsinNg.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const k=["startDate","endDate"],H={key:0,class:"pz-date-range__separator","aria-hidden":"true"},V={key:1,class:"pz-date-range__label"},l=h({name:"PzDateRange",__name:"PzDateRange",props:{date:{},itemClass:{default:""},format:{default:"DD MM YYYY HH:mm"},hideRangeText:{type:Boolean,default:!1},mode:{default:"default"},translateFn:{type:Function,default:e=>e},typography:{}},setup(e){const z=e,p=x(()=>k.reduce((r,d)=>{const a=z.date[d];return a&&r.push({key:d,value:a,index:r.length}),r},[]));return(r,d)=>p.value.length?(n(),t("span",{key:0,class:u(["pz-date-range",[`pz-date-range--${e.mode}`,e.typography?`pz-typography--${e.typography}`:null]])},[(n(!0),t(R,null,M(p.value,a=>(n(),t("span",{key:a.key,class:u(["pz-date-range__item",e.itemClass])},[a.index>0?(n(),t("span",H)):m("",!0),e.hideRangeText?m("",!0):(n(),t("span",V,_(e.translateFn(a.key)),1)),v(T(F),{date:a.value,format:e.format},null,8,["date","format"])],2))),128))],2)):m("",!0)}}),b=O(l,[["__scopeId","data-v-2256e8e4"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzDateRange",exportName:"default",displayName:"PzDateRange",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"PzDateRangeValue"}},{name:"itemClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}},{name:"hideRangeText",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"mode",required:!1,type:{name:"PzDateRangeMode"},defaultValue:{func:!1,value:'"default"'}},{name:"translateFn",required:!1,type:{name:"PzDateRangeTranslateFn"},defaultValue:{func:!1,value:"(key: PzDateRangeKey) => key"}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDateRange/PzDateRange.vue"]});const Y={startDate:"2026-05-06T15:37:37.682718+03:00",endDate:"2026-05-12T11:10:00+03:00"},C=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],E=["default","new-line"],N=e=>({startDate:"від",endDate:"до"})[e],G={title:"Components/Display/PzDateRange",component:b,parameters:{docs:{description:{component:"Renders start and end dates through `PzDate`, keeping the default presentation as plain body text. Empty range edges are skipped."}}},args:{date:Y,format:"DD MM YYYY HH:mm",hideRangeText:!1,mode:"new-line",translateFn:N,typography:void 0},argTypes:{format:{control:"select",options:C},hideRangeText:{control:"boolean"},itemClass:{control:"text"},mode:{control:"radio",options:E},translateFn:{table:{disable:!0}},typography:{control:"select",options:[void 0,...P],description:"Overrides typography using a PzText variant."}}},s={args:{}},o={args:{date:{startDate:Y.startDate}}};var c,i,g;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:`{
2
+ args: {}
3
+ }`,...(g=(i=s.parameters)==null?void 0:i.docs)==null?void 0:g.source}}};var f,y,D;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`{
4
+ args: {
5
+ date: {
6
+ startDate: SAMPLE_RANGE.startDate
7
+ }
8
+ }
9
+ }`,...(D=(y=o.parameters)==null?void 0:y.docs)==null?void 0:D.source}}};const K=["Playground","StartOnly"];export{s as Playground,o as StartOnly,K as __namedExportsOrder,G as default};
@@ -1,4 +1,4 @@
1
- import{r as e,h as m}from"./iframe-Do6fIq0O.js";import{P as h}from"./PzText-D28wm55Y.js";import{P as a}from"./PzDomHandler-BU7iMNnt.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const y=2e3,u=o=>`<script setup lang="ts">
1
+ import{r as e,i as m}from"./iframe-DU_JVmy2.js";import{P as h}from"./PzText-BoQ90zAW.js";import{P as a}from"./PzDomHandler-BU7iMNnt.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const y=2e3,u=o=>`<script setup lang="ts">
2
2
  import { PzDomHandler } from "@prozorro/prozorro-ui";
3
3
 
4
4
  const handleCopy = async (): Promise<void> => {
@@ -1,4 +1,4 @@
1
- import{e as C,u as E,x as h,C as c,D as U,r as m,o as A,y,s as L}from"./iframe-Do6fIq0O.js";import{P as w}from"./PzBtn-3ZvQQBuK.js";import{_ as z}from"./PzIcon-D_M29Jem.js";import{P as u}from"./PzText-D28wm55Y.js";import{k as $}from"./floating-vue-BJ2OXy_O.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const a=C({name:"PzDropdown",__name:"PzDropdown",props:{shown:{type:Boolean,default:void 0}},emits:["update:shown"],setup(n,{expose:t,emit:i}){const o=U(),k=i,l=m(null);function T(e){k("update:shown",e)}function B(){var e;(e=l.value)==null||e.show()}function R(){var e;(e=l.value)==null||e.hide()}return t({show:B,hide:R}),(e,q)=>(A(),E(c($),{id:c(o),ref_key:"dropdownRef",ref:l,class:"pz-dropdown",theme:"dropdown",container:"#"+c(o),shown:n.shown,"onUpdate:shown":T},{popper:h(()=>[y(e.$slots,"content",{},void 0,!0)]),default:h(()=>[y(e.$slots,"default",{},void 0,!0)]),_:3},8,["id","container","shown"]))}}),d=M(a,[["__scopeId","data-v-69acee1b"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzDropdown",exportName:"default",displayName:"PzDropdown",description:"",tags:{},expose:[{name:"show"},{name:"hide"}],props:[{name:"shown",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"update:shown",type:{names:["boolean"]}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzDropdown/PzDropdown.vue"]});const v=[{icon:"edit",label:"Редагувати"},{icon:"content_copy",label:"Створити копію"},{icon:"archive",label:"Архівувати"},{icon:"delete",label:"Видалити",danger:!0}],N=n=>`<template>
1
+ import{e as C,v as E,y as h,C as c,H as U,r as m,o as A,z as y,s as L}from"./iframe-DU_JVmy2.js";import{P as w}from"./PzBtn-Drnbf-hv.js";import{_ as z}from"./PzIcon-B6DKI9jR.js";import{P as u}from"./PzText-BoQ90zAW.js";import{k as $}from"./floating-vue-DVoT3Xpy.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const a=C({name:"PzDropdown",__name:"PzDropdown",props:{shown:{type:Boolean,default:void 0}},emits:["update:shown"],setup(n,{expose:t,emit:i}){const o=U(),k=i,l=m(null);function T(e){k("update:shown",e)}function B(){var e;(e=l.value)==null||e.show()}function R(){var e;(e=l.value)==null||e.hide()}return t({show:B,hide:R}),(e,j)=>(A(),E(c($),{id:c(o),ref_key:"dropdownRef",ref:l,class:"pz-dropdown",theme:"dropdown",container:"#"+c(o),shown:n.shown,"onUpdate:shown":T},{popper:h(()=>[y(e.$slots,"content",{},void 0,!0)]),default:h(()=>[y(e.$slots,"default",{},void 0,!0)]),_:3},8,["id","container","shown"]))}}),d=M(a,[["__scopeId","data-v-69acee1b"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzDropdown",exportName:"default",displayName:"PzDropdown",description:"",tags:{},expose:[{name:"show"},{name:"hide"}],props:[{name:"shown",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"update:shown",type:{names:["boolean"]}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzDropdown/PzDropdown.vue"]});const v=[{icon:"edit",label:"Редагувати"},{icon:"content_copy",label:"Створити копію"},{icon:"archive",label:"Архівувати"},{icon:"delete",label:"Видалити",danger:!0}],H=n=>`<template>
2
2
  <PzDropdown>
3
3
  <PzBtn variant="primary-outline">
4
4
  ${n.triggerLabel??"Дії"}
@@ -14,7 +14,7 @@ import{e as C,u as E,x as h,C as c,D as U,r as m,o as A,y,s as L}from"./iframe-D
14
14
  <button type="button" class="pz-dropdown-story-item pz-dropdown-story-item--danger">Видалити</button>
15
15
  </template>
16
16
  </PzDropdown>
17
- </template>`,j={title:"Components/Popups/PzDropdown",component:d,parameters:{prototype:{caption:"Dropdown component",note:"Action menu wrapper powered by floating-vue with a shared popper theme and the same trigger/content slot API as the old app-level dropdown."},docs:{description:{component:"Use `PzDropdown` for compact action menus or contextual choices. It keeps the trigger in the default slot and renders the menu body in the `content` slot."},source:{transform:(n,t)=>N(t.args??j.args)}}},args:{triggerLabel:"Дії"},argTypes:{triggerLabel:{control:"text",description:"Trigger label shown on the dropdown button.",table:{category:"Slots"}}},render:n=>({components:{pzBtn:w,pzDropdown:d,pzIcon:z,pzText:u},setup(){return{args:n,dropdownItems:v}},template:`
17
+ </template>`,N={title:"Components/Popups/PzDropdown",component:d,parameters:{prototype:{caption:"Dropdown component",note:"Action menu wrapper powered by floating-vue with a shared popper theme and the same trigger/content slot API as the old app-level dropdown."},docs:{description:{component:"Use `PzDropdown` for compact action menus or contextual choices. It keeps the trigger in the default slot and renders the menu body in the `content` slot."},source:{transform:(n,t)=>H(t.args??N.args)}}},args:{triggerLabel:"Дії"},argTypes:{triggerLabel:{control:"text",description:"Trigger label shown on the dropdown button.",table:{category:"Slots"}}},render:n=>({components:{pzBtn:w,pzDropdown:d,pzIcon:z,pzText:u},setup(){return{args:n,dropdownItems:v}},template:`
18
18
  <section class="pz-dropdown-story">
19
19
  <div class="pz-dropdown-story-header">
20
20
  <div>
@@ -296,4 +296,4 @@ import{e as C,u as E,x as h,C as c,D as U,r as m,o as A,y,s as L}from"./iframe-D
296
296
  </section>
297
297
  \`
298
298
  })
299
- }`,...(D=(S=p.parameters)==null?void 0:S.docs)==null?void 0:D.source}}};const K=["Playground","Controlled","ManualControl"];export{r as Controlled,p as ManualControl,s as Playground,K as __namedExportsOrder,j as default};
299
+ }`,...(D=(S=p.parameters)==null?void 0:S.docs)==null?void 0:D.source}}};const K=["Playground","Controlled","ManualControl"];export{r as Controlled,p as ManualControl,s as Playground,K as __namedExportsOrder,N as default};
@@ -1 +1 @@
1
- .pz-file-input[data-v-fb8c9ce8]{--pz-file-input-text: var(--pz-color-text-primary);--pz-file-input-helper: var(--pz-color-text-secondary);--pz-file-input-icon: var(--pz-color-blue-50);--pz-file-input-item-color: var(--pz-color-blue-50);--pz-file-input-error: var(--pz-color-red-50);display:block;color:var(--pz-file-input-text);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-file-input-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-list[data-v-fb8c9ce8]{display:flex;flex-direction:column;gap:var(--pz-space-8);margin:0;padding:0;list-style:none}.pz-file-input-item[data-v-fb8c9ce8]{display:flex;flex-direction:column;gap:var(--pz-space-4);color:var(--pz-file-input-item-color);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-item-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-file-input-item-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-file-input-item-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-item-body[data-v-fb8c9ce8]{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-file-input-item-icon[data-v-fb8c9ce8]{flex-shrink:0;color:var(--pz-file-input-icon)}.pz-file-input-item-name[data-v-fb8c9ce8]{overflow-wrap:anywhere}.pz-file-input-item-remove[data-v-fb8c9ce8]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);cursor:pointer;transition:color .16s ease}.pz-file-input-item-remove[data-v-fb8c9ce8]:hover{color:var(--pz-color-button-danger-hover)}.pz-file-input-item-remove[data-v-fb8c9ce8]:focus-visible{outline:2px solid var(--pz-color-blue-30);outline-offset:2px}.pz-file-input-item-error-text[data-v-fb8c9ce8]{color:var(--pz-file-input-error);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-item-error-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-file-input-item-error-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-item-error-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-item.is-error[data-v-fb8c9ce8]{--pz-file-input-item-color: var(--pz-file-input-error);--pz-file-input-icon: var(--pz-file-input-error)}.pz-file-input-actions[data-v-fb8c9ce8]{display:flex;align-items:center;gap:var(--pz-space-8);margin-top:var(--pz-space-8)}.pz-file-input-native[data-v-fb8c9ce8]{display:none}.pz-file-input-helper[data-v-fb8c9ce8]{display:block;margin-top:var(--pz-space-8);color:var(--pz-file-input-helper);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-helper-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-file-input-helper-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-helper-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-error[data-v-fb8c9ce8]{display:block;margin-top:var(--pz-space-8);color:var(--pz-file-input-error);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-error-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-file-input-error-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-error-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input.disabled[data-v-fb8c9ce8]{--pz-file-input-text: var(--pz-color-grey-40);--pz-file-input-item-color: var(--pz-color-grey-40);--pz-file-input-icon: var(--pz-color-grey-40);--pz-file-input-helper: var(--pz-color-grey-40)}
1
+ .pz-file-input[data-v-8f9e0c6d]{--pz-file-input-text: var(--pz-color-text-primary);--pz-file-input-helper: var(--pz-color-text-secondary);--pz-file-input-icon: var(--pz-color-blue-50);--pz-file-input-item-color: var(--pz-color-blue-50);--pz-file-input-error: var(--pz-color-red-50);display:block;color:var(--pz-file-input-text);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-file-input-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-list[data-v-8f9e0c6d]{display:flex;flex-direction:column;gap:var(--pz-space-8);margin:0;padding:0;list-style:none}.pz-file-input-item[data-v-8f9e0c6d]{display:flex;flex-direction:column;gap:var(--pz-space-4);color:var(--pz-file-input-item-color);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-item-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-file-input-item-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-file-input-item-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-item-body[data-v-8f9e0c6d]{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-file-input-item-icon[data-v-8f9e0c6d]{flex-shrink:0;color:var(--pz-file-input-icon)}.pz-file-input-item-name[data-v-8f9e0c6d]{overflow-wrap:anywhere}.pz-file-input-item-remove[data-v-8f9e0c6d]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);cursor:pointer;transition:color .16s ease}.pz-file-input-item-remove[data-v-8f9e0c6d]:hover{color:var(--pz-color-button-danger-hover)}.pz-file-input-item-remove[data-v-8f9e0c6d]:focus-visible{outline:2px solid var(--pz-color-blue-30);outline-offset:2px}.pz-file-input-item-error-text[data-v-8f9e0c6d]{color:var(--pz-file-input-error);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-item-error-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-file-input-item-error-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-item-error-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-item.is-error[data-v-8f9e0c6d]{--pz-file-input-item-color: var(--pz-file-input-error);--pz-file-input-icon: var(--pz-file-input-error)}.pz-file-input-actions[data-v-8f9e0c6d]{display:flex;align-items:center;gap:var(--pz-space-8);margin-top:var(--pz-space-8)}.pz-file-input-native[data-v-8f9e0c6d]{display:none}.pz-file-input-helper[data-v-8f9e0c6d]{display:block;margin-top:var(--pz-space-8);color:var(--pz-file-input-helper);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-helper-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-file-input-helper-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-helper-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-error[data-v-8f9e0c6d]{display:block;margin-top:var(--pz-space-8);color:var(--pz-file-input-error);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-file-input-error-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-file-input-error-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-error-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input.disabled[data-v-8f9e0c6d]{--pz-file-input-text: var(--pz-color-grey-40);--pz-file-input-item-color: var(--pz-color-grey-40);--pz-file-input-icon: var(--pz-color-grey-40);--pz-file-input-helper: var(--pz-color-grey-40)}
@@ -1,9 +1,9 @@
1
- import{e as _,f as o,z as g,x as B,C as y,g as C,o as r,F as j,A as O,q as F,t as f,p as v,B as W,r as u,c as m,w as G}from"./iframe-Do6fIq0O.js";import{P as H}from"./PzText-D28wm55Y.js";import{P as J}from"./PzBtn-3ZvQQBuK.js";import{_ as M}from"./PzIcon-D_M29Jem.js";import{P as K}from"./PzLabel-Sk7Zfnxm.js";import{a as S,b as I}from"./configs-CZIaFchr.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const X={key:0,class:"pz-file-input-list"},Y={class:"pz-file-input-item-body"},Z={class:"pz-file-input-item-name"},ee=["aria-label","onClick"],le={key:0,class:"pz-file-input-item-error-text"},ae={key:1,class:"pz-file-input-actions"},te=["id","name","multiple","accept","disabled"],se={class:"pz-file-input-helper"},ie={key:2,class:"pz-file-input-error"},V=_({name:"PzFileInput",__name:"PzFileInput",props:{name:{},modelValue:{default:()=>[]},label:{default:""},multiple:{type:Boolean,default:!1},extensions:{default:()=>[...I.acceptedExtensions]},maxFiles:{default:I.maxFiles},maxSizeBytes:{default:I.maxSizeBytes},textConfig:{default:()=>({...S})},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:d}){const a=e,c=d,b=u(null),p=m(()=>a.textConfig??S),n=m(()=>a.modelValue??[]),P=m(()=>n.value.length>0),z=m(()=>a.multiple?a.maxFiles:1),E=m(()=>n.value.length<z.value),L=m(()=>a.extensions.join(",")),R=t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(s=>l.endsWith(s.toLowerCase()))?t.size>a.maxSizeBytes?p.value.fileTooLargeMessage:"":p.value.invalidExtensionMessage},q=m(()=>{const t={};return n.value.forEach((l,i)=>{const s=R(l);s&&(t[i]=s)}),t}),$=()=>{var t;(t=b.value)==null||t.click()},N=t=>{const l=t.target,i=l.files?Array.from(l.files):[];if(i.length===0)return;const s=n.value.slice();let x;if(a.multiple){const A=Math.max(z.value-s.length,0);x=s.concat(i.slice(0,A))}else x=i.slice(0,1);l.value="",c("update:modelValue",x)},U=t=>{const l=n.value.slice();l.splice(t,1),c("update:modelValue",l)};return(t,l)=>(r(),o("div",{class:C(["pz-file-input",{error:!!e.errorMessage,disabled:e.disabled}])},[g(y(K),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[P.value?(r(),o("ul",X,[(r(!0),o(j,null,O(n.value,(i,s)=>(r(),o("li",{key:`${i.name}-${s}`,class:C(["pz-file-input-item",{"is-error":!!q.value[s]}])},[F("span",Y,[g(y(M),{name:"description",size:"20",class:"pz-file-input-item-icon"}),F("span",Z,f(i.name),1),e.editable&&!e.disabled?(r(),o("button",{key:0,type:"button",class:"pz-file-input-item-remove","aria-label":p.value.removeButtonLabel,onClick:x=>U(s)},[g(y(M),{name:"close",size:"14"})],8,ee)):v("",!0)]),q.value[s]?(r(),o("span",le,f(q.value[s]),1)):v("",!0)],2))),128))])):v("",!0),e.editable&&E.value?(r(),o("div",ae,[g(y(J),{variant:"primary-outline",type:"button",disabled:e.disabled,onClick:$},{default:B(()=>[W(f(p.value.buttonLabel),1)]),_:1},8,["disabled"]),F("input",{id:e.name,ref_key:"fileInputRef",ref:b,class:"pz-file-input-native",type:"file",name:e.name,multiple:e.multiple,accept:L.value,disabled:e.disabled,onChange:N,onFocus:l[0]||(l[0]=i=>c("focus")),onBlur:l[1]||(l[1]=i=>c("blur"))},null,40,te)])):v("",!0),F("span",se,f(p.value.helperText),1),e.errorMessage?(r(),o("span",ie,f(e.errorMessage),1)):v("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),k=Q(V,[["__scopeId","data-v-fb8c9ce8"]]);V.__docgenInfo=Object.assign({displayName:V.name??V.__name},{name:"PzFileInput",exportName:"default",displayName:"PzFileInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzFileInputValue"},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"multiple",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormDocumentUploadRules.acceptedExtensions]"}},{name:"maxFiles",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxFiles"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxSizeBytes"}},{name:"textConfig",required:!1,type:{name:"PzFormFileInputTextConfig"},defaultValue:{func:!1,value:"() => ({ ...pzFormDocumentUploadTexts })"}},{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:["PzFileInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzFileInput/PzFileInput.vue"]});const ne=e=>`<template>
1
+ import{e as _,f as o,E as y,y as B,C as F,g as C,o as r,F as j,G as O,u as h,t as v,q as b,D as W,r as u,c,w as G}from"./iframe-DU_JVmy2.js";import{P as H}from"./PzText-BoQ90zAW.js";import{P as J}from"./PzBtn-Drnbf-hv.js";import{_ as L}from"./PzIcon-B6DKI9jR.js";import{P as K}from"./PzLabel-BDpZH4kX.js";import{a as z}from"./PzMessages-B-LKEjuh.js";import{a as M}from"./configs-D5Kdbqb7.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const X={key:0,class:"pz-file-input-list"},Y={class:"pz-file-input-item-body"},Z={class:"pz-file-input-item-name"},ee=["aria-label","onClick"],le={key:0,class:"pz-file-input-item-error-text"},ae={key:1,class:"pz-file-input-actions"},te=["id","name","multiple","accept","disabled"],se={class:"pz-file-input-helper"},ie={key:2,class:"pz-file-input-error"},P=_({name:"PzFileInput",__name:"PzFileInput",props:{name:{},modelValue:{default:()=>[]},label:{default:""},multiple:{type:Boolean,default:!1},extensions:{default:()=>[...M.acceptedExtensions]},maxFiles:{default:M.maxFiles},maxSizeBytes:{default:M.maxSizeBytes},textConfig:{},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:d}){const a=e,f=d,g=u(null),p=c(()=>{var t,l,i,s,m;return{buttonLabel:((t=a.textConfig)==null?void 0:t.buttonLabel)??z("form.pzFileInput.buttonLabel"),helperText:((l=a.textConfig)==null?void 0:l.helperText)??z("form.pzFileInput.helperText"),removeButtonLabel:((i=a.textConfig)==null?void 0:i.removeButtonLabel)??z("form.pzFileInput.removeButtonLabel"),invalidExtensionMessage:((s=a.textConfig)==null?void 0:s.invalidExtensionMessage)??z("form.pzFileInput.invalidExtensionMessage"),fileTooLargeMessage:((m=a.textConfig)==null?void 0:m.fileTooLargeMessage)??z("form.pzFileInput.fileTooLargeMessage")}}),n=c(()=>a.modelValue??[]),I=c(()=>n.value.length>0),x=c(()=>a.multiple?a.maxFiles:1),w=c(()=>n.value.length<x.value),D=c(()=>a.extensions.join(",")),R=t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(s=>l.endsWith(s.toLowerCase()))?t.size>a.maxSizeBytes?p.value.fileTooLargeMessage:"":p.value.invalidExtensionMessage},q=c(()=>{const t={};return n.value.forEach((l,i)=>{const s=R(l);s&&(t[i]=s)}),t}),$=()=>{var t;(t=g.value)==null||t.click()},N=t=>{const l=t.target,i=l.files?Array.from(l.files):[];if(i.length===0)return;const s=n.value.slice();let m;if(a.multiple){const U=Math.max(x.value-s.length,0);m=s.concat(i.slice(0,U))}else m=i.slice(0,1);l.value="",f("update:modelValue",m)},A=t=>{const l=n.value.slice();l.splice(t,1),f("update:modelValue",l)};return(t,l)=>(r(),o("div",{class:C(["pz-file-input",{error:!!e.errorMessage,disabled:e.disabled}])},[y(F(K),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[I.value?(r(),o("ul",X,[(r(!0),o(j,null,O(n.value,(i,s)=>(r(),o("li",{key:`${i.name}-${s}`,class:C(["pz-file-input-item",{"is-error":!!q.value[s]}])},[h("span",Y,[y(F(L),{name:"description",size:"20",class:"pz-file-input-item-icon"}),h("span",Z,v(i.name),1),e.editable&&!e.disabled?(r(),o("button",{key:0,type:"button",class:"pz-file-input-item-remove","aria-label":p.value.removeButtonLabel,onClick:m=>A(s)},[y(F(L),{name:"close",size:"14"})],8,ee)):b("",!0)]),q.value[s]?(r(),o("span",le,v(q.value[s]),1)):b("",!0)],2))),128))])):b("",!0),e.editable&&w.value?(r(),o("div",ae,[y(F(J),{variant:"primary-outline",type:"button",disabled:e.disabled,onClick:$},{default:B(()=>[W(v(p.value.buttonLabel),1)]),_:1},8,["disabled"]),h("input",{id:e.name,ref_key:"fileInputRef",ref:g,class:"pz-file-input-native",type:"file",name:e.name,multiple:e.multiple,accept:D.value,disabled:e.disabled,onChange:N,onFocus:l[0]||(l[0]=i=>f("focus")),onBlur:l[1]||(l[1]=i=>f("blur"))},null,40,te)])):b("",!0),h("span",se,v(p.value.helperText),1),e.errorMessage?(r(),o("span",ie,v(e.errorMessage),1)):b("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),S=Q(P,[["__scopeId","data-v-8f9e0c6d"]]);P.__docgenInfo=Object.assign({displayName:P.name??P.__name},{name:"PzFileInput",exportName:"default",displayName:"PzFileInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzFileInputValue"},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"multiple",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormDocumentUploadRules.acceptedExtensions]"}},{name:"maxFiles",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxFiles"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxSizeBytes"}},{name:"textConfig",required:!1,type:{name:"PzFormFileInputTextConfig"}},{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:["PzFileInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzFileInput/PzFileInput.vue"]});const ne=e=>`<template>
2
2
  <PzFileInput
3
3
  v-model="files"
4
4
  ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.multiple?':multiple="true"':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>`,oe={title:"Components/Form/PzFileInput",component:k,parameters:{docs:{description:{component:"Use `PzFileInput` to collect document uploads. Supports both single and multiple file modes via the `multiple` prop, validates files against configurable extensions/size/count, and renders a file list with per-file remove actions. All labels and messages are sourced from the shared `pzFormDocumentUploadTexts` config and can be overridden with `textConfig` for reuse across projects."},source:{transform:(e,d)=>ne(d.args??oe.args)}}},args:{name:"pz-file-input-story",label:"Документи",modelValue:[],multiple:!1,errorMessage:"",hasServerValidations:!1,required:!1,disabled:!1,editable:!0},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},multiple:{control:"boolean",description:"Коли `true`, дозволяє завантажувати декілька файлів (до `maxFiles`)."},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:{pzFileInput:k,pzText:H},setup(){const d=u(e.modelValue??[]),a=u([]),c=u([]),b=u([new File(["sample pdf content"],"tender-specification.pdf",{type:"application/pdf"}),new File(["sample doc content"],"proposal.docx",{type:"application/msword"})]),p=u([new File(["contract body"],"contract.pdf",{type:"application/pdf"})]),n=u([]),P=u([]);return G(()=>e.modelValue,z=>{d.value=z??[]}),{args:e,files:d,singleFiles:a,multipleFiles:c,preloadedFiles:b,readonlyFiles:p,errorFiles:n,customRulesFiles:P}},template:`
6
+ </template>`,oe={title:"Components/Form/PzFileInput",component:S,parameters:{docs:{description:{component:"Use `PzFileInput` to collect document uploads. Supports both single and multiple file modes via the `multiple` prop, validates files against configurable extensions/size/count, and renders a file list with per-file remove actions. All labels and messages are sourced from the shared `pzFormDocumentUploadTexts` config and can be overridden with `textConfig` for reuse across projects."},source:{transform:(e,d)=>ne(d.args??oe.args)}}},args:{name:"pz-file-input-story",label:"Документи",modelValue:[],multiple:!1,errorMessage:"",hasServerValidations:!1,required:!1,disabled:!1,editable:!0},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},multiple:{control:"boolean",description:"Коли `true`, дозволяє завантажувати декілька файлів (до `maxFiles`)."},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:{pzFileInput:S,pzText:H},setup(){const d=u(e.modelValue??[]),a=u([]),f=u([]),g=u([new File(["sample pdf content"],"tender-specification.pdf",{type:"application/pdf"}),new File(["sample doc content"],"proposal.docx",{type:"application/msword"})]),p=u([new File(["contract body"],"contract.pdf",{type:"application/pdf"})]),n=u([]),I=u([]);return G(()=>e.modelValue,x=>{d.value=x??[]}),{args:e,files:d,singleFiles:a,multipleFiles:f,preloadedFiles:g,readonlyFiles:p,errorFiles:n,customRulesFiles:I}},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>
@@ -113,7 +113,7 @@ import{e as _,f as o,z as g,x as B,C as y,g as C,o as r,F as j,A as O,q as F,t a
113
113
  </div>
114
114
  </section>
115
115
  </div>
116
- `})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzFileInput` з базовими станами: single/multiple, readonly, disabled, помилки та власні обмеження з редагованими текстами."}}}};var w,D,T;h.parameters={...h.parameters,docs:{...(w=h.parameters)==null?void 0:w.docs,source:{originalSource:`{
116
+ `})},V={parameters:{docs:{description:{story:"Інтерактивний приклад `PzFileInput` з базовими станами: single/multiple, readonly, disabled, помилки та власні обмеження з редагованими текстами."}}}};var T,E,k;V.parameters={...V.parameters,docs:{...(T=V.parameters)==null?void 0:T.docs,source:{originalSource:`{
117
117
  parameters: {
118
118
  docs: {
119
119
  description: {
@@ -121,4 +121,4 @@ import{e as _,f as o,z as g,x as B,C as y,g as C,o as r,F as j,A as O,q as F,t a
121
121
  }
122
122
  }
123
123
  }
124
- }`,...(T=(D=h.parameters)==null?void 0:D.docs)==null?void 0:T.source}}};const be=["Playground"];export{h as Playground,be as __namedExportsOrder,oe as default};
124
+ }`,...(k=(E=V.parameters)==null?void 0:E.docs)==null?void 0:k.source}}};const ze=["Playground"];export{V as Playground,ze as __namedExportsOrder,oe as default};
@@ -1,4 +1,4 @@
1
- import{P as _}from"./PzText-D28wm55Y.js";import{e as b,u as v,x as G,g as h,v as I,c as C,o as $,y as L}from"./iframe-Do6fIq0O.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const c=[1,2,3,4,5,6,8,12,"full"],T=["div","section","article","main","aside","header","footer","nav","ul","ol"],o=b({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(t){const e=t,a=C(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(n,i)=>($(),v(I(e.as),{class:h(a.value)},{default:G(()=>[L(n.$slots,"default")]),_:3},8,["class"]))}});o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzGrid",exportName:"default",displayName:"PzGrid",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"container",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"fluid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"grid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"fit",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dense",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGrid.vue"]});const u=b({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(t){const e=t,a=(d,s)=>s?s==="full"?`pz-col-${d}full`:`pz-col-${d}${s}`:null,n=(d,s)=>s?`pz-start-${d}${s}`:null,i=C(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),n("",e.start),n("sm-",e.startSm),n("md-",e.startMd),n("lg-",e.startLg),n("xl-",e.startXl),n("xxl-",e.startXxl)]);return(d,s)=>($(),v(I(e.as),{class:h(i.value)},{default:G(()=>[L(d.$slots,"default")]),_:3},8,["class"]))}});u.__docgenInfo=Object.assign({displayName:u.name??u.__name},{name:"PzGridItem",exportName:"default",displayName:"PzGridItem",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"span",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"sm",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"md",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"lg",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xxl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"start",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startSm",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startMd",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startLg",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXxl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGridItem.vue"]});const f={as:"section",container:!0,grid:!0,fit:!1,dense:!1,fluid:!1,heroSpan:4,sidebarSpan:4,metricSpan:2},r={hero:{md:8,xl:7},sidebar:{md:4,xl:5},metric:{md:4,xl:3},nested:{span:4,md:8,xl:6},nestedItem:{span:4,md:4,xl:6}},q=(t,e,a)=>typeof e>"u"?null:typeof e=="boolean"?e===a?null:e?t:`:${t}="false"`:typeof e=="number"?e===a?null:`:${t}="${e}"`:e===a?null:`${t}="${e}"`,l=t=>t.map(([e,a,n])=>q(e,a,n)).filter(e=>!!e).map(e=>` ${e}`).join(`
1
+ import{P as _}from"./PzText-BoQ90zAW.js";import{e as b,v,y as G,g as h,x as I,c as C,o as $,z as L}from"./iframe-DU_JVmy2.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const c=[1,2,3,4,5,6,8,12,"full"],T=["div","section","article","main","aside","header","footer","nav","ul","ol"],o=b({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(t){const e=t,a=C(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(n,i)=>($(),v(I(e.as),{class:h(a.value)},{default:G(()=>[L(n.$slots,"default")]),_:3},8,["class"]))}});o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzGrid",exportName:"default",displayName:"PzGrid",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"container",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"fluid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"grid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"fit",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dense",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGrid.vue"]});const u=b({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(t){const e=t,a=(d,s)=>s?s==="full"?`pz-col-${d}full`:`pz-col-${d}${s}`:null,n=(d,s)=>s?`pz-start-${d}${s}`:null,i=C(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),n("",e.start),n("sm-",e.startSm),n("md-",e.startMd),n("lg-",e.startLg),n("xl-",e.startXl),n("xxl-",e.startXxl)]);return(d,s)=>($(),v(I(e.as),{class:h(i.value)},{default:G(()=>[L(d.$slots,"default")]),_:3},8,["class"]))}});u.__docgenInfo=Object.assign({displayName:u.name??u.__name},{name:"PzGridItem",exportName:"default",displayName:"PzGridItem",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"span",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"sm",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"md",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"lg",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xxl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"start",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startSm",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startMd",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startLg",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXxl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGridItem.vue"]});const f={as:"section",container:!0,grid:!0,fit:!1,dense:!1,fluid:!1,heroSpan:4,sidebarSpan:4,metricSpan:2},r={hero:{md:8,xl:7},sidebar:{md:4,xl:5},metric:{md:4,xl:3},nested:{span:4,md:8,xl:6},nestedItem:{span:4,md:4,xl:6}},q=(t,e,a)=>typeof e>"u"?null:typeof e=="boolean"?e===a?null:e?t:`:${t}="false"`:typeof e=="number"?e===a?null:`:${t}="${e}"`:e===a?null:`${t}="${e}"`,l=t=>t.map(([e,a,n])=>q(e,a,n)).filter(e=>!!e).map(e=>` ${e}`).join(`
2
2
  `),E=t=>{const e=l([["as",t.as,"div"],["container",t.container,!1],["grid",t.grid,!0],["fluid",t.fluid,!1],["fit",t.fit,!1],["dense",t.dense,!1]]),a=l([["span",t.heroSpan],["md",r.hero.md],["xl",r.hero.xl]]),n=l([["span",t.sidebarSpan],["md",r.sidebar.md],["xl",r.sidebar.xl]]),i=l([["span",t.metricSpan],["md",r.metric.md],["xl",r.metric.xl]]);return`<template>
3
3
  <PzGrid
4
4
  ${e}
@@ -1 +1 @@
1
- import{e as i,f as p,z as c,x as l,C as t,g as r,D as m,o as u,y as o}from"./iframe-Do6fIq0O.js";import{V as d}from"./floating-vue-BJ2OXy_O.js";import"./floating-vue-C_PX9A2b.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z=["id"],a=i({name:"PzHint",__name:"PzHint",props:{wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"},theme:{default:"tooltip"}},setup(e){const n=m();return(s,P)=>(u(),p("span",{id:t(n),class:r(["pz-hint-container",e.containerWrapperClass])},[c(t(d),{class:r(["pz-hint",e.wrapperClass]),theme:e.theme,placement:e.placement,container:"#"+t(n)},{popper:l(()=>[o(s.$slots,"content",{},void 0,!0)]),default:l(()=>[o(s.$slots,"default",{},void 0,!0)]),_:3},8,["class","theme","placement","container"])],10,z))}}),H=f(a,[["__scopeId","data-v-886526c8"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzHint",exportName:"default",displayName:"PzHint",description:"",tags:{},props:[{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"'}},{name:"theme",required:!1,type:{name:"PzHintTheme"},defaultValue:{func:!1,value:'"tooltip"'}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzHint/PzHint.vue"]});export{H as P};
1
+ import{e as i,f as p,E as c,y as l,C as t,g as r,H as m,o as u,z as o}from"./iframe-DU_JVmy2.js";import{V as d}from"./floating-vue-DVoT3Xpy.js";import"./floating-vue-OkqMh8FV.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z=["id"],a=i({name:"PzHint",__name:"PzHint",props:{wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"},theme:{default:"tooltip"}},setup(e){const n=m();return(s,P)=>(u(),p("span",{id:t(n),class:r(["pz-hint-container",e.containerWrapperClass])},[c(t(d),{class:r(["pz-hint",e.wrapperClass]),theme:e.theme,placement:e.placement,container:"#"+t(n)},{popper:l(()=>[o(s.$slots,"content",{},void 0,!0)]),default:l(()=>[o(s.$slots,"default",{},void 0,!0)]),_:3},8,["class","theme","placement","container"])],10,z))}}),H=f(a,[["__scopeId","data-v-886526c8"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzHint",exportName:"default",displayName:"PzHint",description:"",tags:{},props:[{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"'}},{name:"theme",required:!1,type:{name:"PzHintTheme"},defaultValue:{func:!1,value:'"tooltip"'}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzHint/PzHint.vue"]});export{H as P};
@@ -1,4 +1,4 @@
1
- import{_ as i}from"./PzIcon-D_M29Jem.js";import{P as l}from"./PzText-D28wm55Y.js";import{P as r}from"./PzHint-K4f9bbv4.js";import"./iframe-Do6fIq0O.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-vue-BJ2OXy_O.js";import"./floating-vue-C_PX9A2b.js";const c=t=>`<template>
1
+ import{_ as i}from"./PzIcon-B6DKI9jR.js";import{P as l}from"./PzText-BoQ90zAW.js";import{P as r}from"./PzHint-MA6f7oIU.js";import"./iframe-DU_JVmy2.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-vue-DVoT3Xpy.js";import"./floating-vue-OkqMh8FV.js";const c=t=>`<template>
2
2
  <PzHint
3
3
  ${[t.wrapperClass?`wrapper-class="${t.wrapperClass}"`:null,t.containerWrapperClass?`container-wrapper-class="${t.containerWrapperClass}"`:null,t.theme&&t.theme!=="tooltip"?`theme="${t.theme}"`:null,t.placement&&t.placement!=="top"?`placement="${t.placement}"`:null].filter(s=>!!s).join(`
4
4
  `)}
@@ -1 +1 @@
1
- import{e as t,f as r,t as c,n as u,g as d,c as a,o as m}from"./iframe-Do6fIq0O.js";const p=["role","aria-hidden","aria-label"],n=t({name:"PzIcon",__name:"PzIcon",props:{name:{},variant:{default:"outlined"},size:{default:"16"},label:{default:void 0}},setup(l){const e=l,o=a(()=>({"--pz-icon-size":`var(--pz-font-size-${e.size})`})),i=a(()=>e.label?"img":void 0),s=a(()=>e.label?void 0:"true");return(f,z)=>(m(),r("span",{class:d([{outlined:e.variant==="outlined"},"pz-icon pz-material-icon"]),style:u(o.value),role:i.value,"aria-hidden":s.value,"aria-label":e.label},c(e.name),15,p))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzIcon",exportName:"default",displayName:"PzIcon",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"PzIconName"}},{name:"variant",required:!1,type:{name:"PzIconVariant"},defaultValue:{func:!1,value:'"outlined"'}},{name:"size",required:!1,type:{name:"PzIconSize"},defaultValue:{func:!1,value:'"16"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzIcon/PzIcon.vue"]});export{n as _};
1
+ import{e as t,f as r,t as c,n as u,g as d,c as a,o as m}from"./iframe-DU_JVmy2.js";const p=["role","aria-hidden","aria-label"],n=t({name:"PzIcon",__name:"PzIcon",props:{name:{},variant:{default:"outlined"},size:{default:"16"},label:{default:void 0}},setup(l){const e=l,o=a(()=>({"--pz-icon-size":`var(--pz-font-size-${e.size})`})),i=a(()=>e.label?"img":void 0),s=a(()=>e.label?void 0:"true");return(f,z)=>(m(),r("span",{class:d([{outlined:e.variant==="outlined"},"pz-icon pz-material-icon"]),style:u(o.value),role:i.value,"aria-hidden":s.value,"aria-label":e.label},c(e.name),15,p))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzIcon",exportName:"default",displayName:"PzIcon",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"PzIconName"}},{name:"variant",required:!1,type:{name:"PzIconVariant"},defaultValue:{func:!1,value:'"outlined"'}},{name:"size",required:!1,type:{name:"PzIconSize"},defaultValue:{func:!1,value:'"16"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzIcon/PzIcon.vue"]});export{n as _};
@@ -1,4 +1,4 @@
1
- import{P as c}from"./PzText-D28wm55Y.js";import{_ as n}from"./PzIcon-D_M29Jem.js";import"./iframe-Do6fIq0O.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-BoQ90zAW.js";import{_ as n}from"./PzIcon-B6DKI9jR.js";import"./iframe-DU_JVmy2.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-D28wm55Y.js";import{e as l,f as d,n as m,c as g,o as u}from"./iframe-Do6fIq0O.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=g(()=>({"--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:m(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-BoQ90zAW.js";import{e as l,f as d,n as m,c as g,o as u}from"./iframe-DU_JVmy2.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=g(()=>({"--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:m(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">
@@ -1 +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);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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
+ .pz-image-input[data-v-57827bb5]{--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);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-57827bb5]{display:block}.pz-image-input-preview[data-v-57827bb5]{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-57827bb5]{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-57827bb5]{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-57827bb5]:focus-visible{outline:2px solid var(--pz-color-blue-30);outline-offset:2px}.pz-image-input-native[data-v-57827bb5]{display:none}.pz-image-input-helper[data-v-57827bb5]{display:block;margin-top:var(--pz-space-8);color:var(--pz-image-input-helper);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-57827bb5]{display:block;margin-top:var(--pz-space-8);color:var(--pz-image-input-error);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-57827bb5]{--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-57827bb5]{border-color:var(--pz-image-input-error)}
@@ -1,9 +1,9 @@
1
- import{e as H,w as k,f as b,z as q,x as B,C as V,g as G,c as d,o as f,q as z,u as J,B as K,t as P,p as x,r as s}from"./iframe-Do6fIq0O.js";import{P as Q}from"./PzText-D28wm55Y.js";import{P as X}from"./PzBtn-3ZvQQBuK.js";import{_ as Y}from"./PzIcon-D_M29Jem.js";import{P as Z}from"./PzLabel-Sk7Zfnxm.js";import{c as C,d as y}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:()=>[...y.acceptedExtensions]},maxSizeBytes:{default:y.maxSizeBytes},imageWidth:{default:y.imageWidth},imageHeight:{default:y.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),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()},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"])):x("",!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)):x("",!0)])):x("",!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)):x("",!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{e as H,w as R,f as z,E as L,y as q,C as P,g as G,c as m,o as v,u as x,v as J,D as K,t as U,q as I,r as o}from"./iframe-DU_JVmy2.js";import{P as Q}from"./PzText-BoQ90zAW.js";import{P as X}from"./PzBtn-Drnbf-hv.js";import{_ as Y}from"./PzIcon-B6DKI9jR.js";import{P as Z}from"./PzLabel-BDpZH4kX.js";import{a as g}from"./PzMessages-B-LKEjuh.js";import{b as y}from"./configs-D5Kdbqb7.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"],se={class:"pz-image-input-helper"},re={key:0,class:"pz-image-input-error"},w=H({name:"PzImageInput",__name:"PzImageInput",props:{name:{},modelValue:{default:null},label:{default:""},extensions:{default:()=>[...y.acceptedExtensions]},maxSizeBytes:{default:y.maxSizeBytes},imageWidth:{default:y.imageWidth},imageHeight:{default:y.imageHeight},textConfig:{},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:u}){const a=e,p=u,b=o(null),c=o(""),f=o(""),d=m(()=>{var t,l,n,i,s,r;return{buttonLabel:((t=a.textConfig)==null?void 0:t.buttonLabel)??g("form.pzImageInput.buttonLabel"),helperText:((l=a.textConfig)==null?void 0:l.helperText)??g("form.pzImageInput.helperText"),editButtonLabel:((n=a.textConfig)==null?void 0:n.editButtonLabel)??g("form.pzImageInput.editButtonLabel"),invalidExtensionMessage:((i=a.textConfig)==null?void 0:i.invalidExtensionMessage)??g("form.pzImageInput.invalidExtensionMessage"),fileTooLargeMessage:((s=a.textConfig)==null?void 0:s.fileTooLargeMessage)??g("form.pzImageInput.fileTooLargeMessage"),invalidDimensionsMessage:((r=a.textConfig)==null?void 0:r.invalidDimensionsMessage)??g("form.pzImageInput.invalidDimensionsMessage")}}),S=m(()=>a.modelValue instanceof File),k=m(()=>!!a.previewUrl),F=m(()=>S.value||k.value),T=m(()=>c.value||a.previewUrl||""),j=m(()=>a.extensions.join(",")),V=m(()=>a.errorMessage||f.value);R(()=>a.modelValue,t=>{t instanceof File||(c.value="")});const C=()=>{var t;(t=b.value)==null||t.click()},N=(t,l,n)=>new Promise(i=>{if(!l&&!n){i(!0);return}const s=URL.createObjectURL(t),r=new Image;r.onload=()=>{URL.revokeObjectURL(s);const W=!l||r.naturalWidth===l,_=!n||r.naturalHeight===n;i(W&&_)},r.onerror=()=>{URL.revokeObjectURL(s),i(!1)},r.src=s}),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(s=>l.endsWith(s.toLowerCase()))?t.size>a.maxSizeBytes?d.value.fileTooLargeMessage:await N(t,a.imageWidth,a.imageHeight)?"":d.value.invalidDimensionsMessage:d.value.invalidExtensionMessage},O=async t=>{var s;const l=t.target,n=(s=l.files)==null?void 0:s[0];if(l.value="",f.value="",!n)return;const i=await $(n);if(i){f.value=i,c.value="",a.modelValue instanceof File&&p("update:modelValue",null);return}c.value=await A(n),p("update:modelValue",n)};return(t,l)=>(v(),z("div",{class:G(["pz-image-input",{error:!!V.value,disabled:e.disabled}])},[L(P(Z),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:q(()=>[x("div",ae,[e.editable&&!F.value?(v(),J(P(X),{key:0,variant:"primary-outline",type:"button",disabled:e.disabled,onClick:C},{default:q(()=>[K(U(d.value.buttonLabel),1)]),_:1},8,["disabled"])):I("",!0),F.value?(v(),z("div",te,[x("img",{src:T.value,alt:e.label||d.value.buttonLabel,class:"pz-image-input-preview-img"},null,8,le),e.editable&&!e.disabled?(v(),z("button",{key:0,type:"button",class:"pz-image-input-preview-edit","aria-label":d.value.editButtonLabel,onClick:C},[L(P(Y),{name:"edit",size:"16"})],8,ie)):I("",!0)])):I("",!0),x("input",{id:e.name,ref_key:"imageInputRef",ref:b,class:"pz-image-input-native",type:"file",name:e.name,accept:j.value,disabled:e.disabled||!e.editable,onChange:O,onFocus:l[0]||(l[0]=n=>p("focus")),onBlur:l[1]||(l[1]=n=>p("blur"))},null,40,ne)]),x("span",se,U(d.value.helperText),1),V.value?(v(),z("span",re,U(V.value),1)):I("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),B=ee(w,[["__scopeId","data-v-57827bb5"]]);w.__docgenInfo=Object.assign({displayName:w.name??w.__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"}},{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 k(()=>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:B,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,u)=>oe(u.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:B,pzText:Q},setup(){const u=o(e.modelValue??null),a=o(null),p=o(null),b=o(null),c=o(null);return R(()=>e.modelValue,f=>{u.value=f??null}),{args:e,image:u,defaultImage:a,errorImage:p,disabledImage:b,customImage:c,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{e as H,w as k,f as b,z as q,x as B,C as V,g as G,c as d,o as f,q as z,u a
98
98
  </div>
99
99
  </section>
100
100
  </div>
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:`{
101
+ `})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzImageInput` з порожнім станом, прев'ю з `previewUrl`, readonly, disabled, помилками та власними правилами валідації."}}}};var M,D,E;h.parameters={...h.parameters,docs:{...(M=h.parameters)==null?void 0:M.docs,source:{originalSource:`{
102
102
  parameters: {
103
103
  docs: {
104
104
  description: {
@@ -106,4 +106,4 @@ import{e as H,w as k,f as b,z as q,x as B,C as V,g as G,c as d,o as f,q as z,u a
106
106
  }
107
107
  }
108
108
  }
109
- }`,...(S=(R=h.parameters)==null?void 0:R.docs)==null?void 0:S.source}}};const xe=["Playground"];export{h as Playground,xe as __namedExportsOrder,de as default};
109
+ }`,...(E=(D=h.parameters)==null?void 0:D.docs)==null?void 0:E.source}}};const Ie=["Playground"];export{h as Playground,Ie as __namedExportsOrder,de as default};