@prozorro/prozorro-ui 0.0.18 → 0.0.20-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (207) hide show
  1. package/dist/app/assets/{Color-FRDS63T2-BzWYtFMz.js → Color-FRDS63T2-BCwbAC62.js} +1 -1
  2. package/dist/app/assets/{Colors.stories-nhKxNhBA.js → Colors.stories-CtzTTuaw.js} +1 -1
  3. package/dist/app/assets/{DocsRenderer-LL677BLK-B34qcR97.js → DocsRenderer-LL677BLK-DKKPj_O9.js} +5 -5
  4. package/dist/app/assets/{Grid.stories-v2euRVgx.js → Grid.stories-jNLiuP5v.js} +1 -1
  5. package/dist/app/assets/PzAccordion-BE5pfsji.js +1 -0
  6. package/dist/app/assets/PzAccordion-CJcM-9ym.css +1 -0
  7. package/dist/app/assets/{PzAccordion-ChXTPL78.css → PzAccordion-DKtMpe35.css} +1 -1
  8. package/dist/app/assets/{PzAccordion.stories-DJ_HT9fk.js → PzAccordion.stories-CmwUyxgn.js} +8 -7
  9. package/dist/app/assets/PzAccordionTable-C5s89sJN.css +1 -0
  10. package/dist/app/assets/PzAccordionTable.stories-CuWPb-K3.js +275 -0
  11. package/dist/app/assets/{PzArrayClamp-CsVVAZeZ.css → PzArrayClamp-BLTRNBbk.css} +1 -1
  12. package/dist/app/assets/{PzArrayClamp.stories-DfNrdeZo.js → PzArrayClamp.stories-CFGb8iDZ.js} +7 -6
  13. package/dist/app/assets/{PzBreadcrumb-DkQH4zmx.css → PzBreadcrumb-HHnQHkds.css} +1 -1
  14. package/dist/app/assets/{PzBreadcrumb.stories-DaOHQHgW.js → PzBreadcrumb.stories-CbMCWY_D.js} +6 -6
  15. package/dist/app/assets/PzBtn-916mU0oY.css +1 -0
  16. package/dist/app/assets/PzBtn-B6FfMKnt.js +1 -0
  17. package/dist/app/assets/{PzBtn.stories-CYGLKqc3.js → PzBtn.stories-CB3V5RIg.js} +5 -4
  18. package/dist/app/assets/PzCheckbox-D2lG-G61.css +1 -0
  19. package/dist/app/assets/{PzCheckbox-rwLDdHDy.js → PzCheckbox-DOo3G1X1.js} +1 -1
  20. package/dist/app/assets/{PzCheckbox-AjI7DN-X.css → PzCheckbox-DorABAyu.css} +1 -1
  21. package/dist/app/assets/{PzCheckbox.stories-DeT3ACPx.js → PzCheckbox.stories-DidDblqz.js} +1 -1
  22. package/dist/app/assets/{PzCheckboxGroup-BbrrL6mA.css → PzCheckboxGroup-D7y05FyD.css} +1 -1
  23. package/dist/app/assets/{PzCheckboxGroup.stories-B7EJ8z_H.js → PzCheckboxGroup.stories-x2GASZVJ.js} +3 -3
  24. package/dist/app/assets/PzCopyToClipboard-DOtO0RBq.css +1 -0
  25. package/dist/app/assets/PzCopyToClipboard.stories-194irny1.js +45 -0
  26. package/dist/app/assets/PzDate-Aqy8E-pf.css +1 -0
  27. package/dist/app/assets/PzDate-nABPu9YL.js +1 -0
  28. package/dist/app/assets/{PzDate.stories-B00KT0Z3.js → PzDate.stories-COyd-5io.js} +6 -5
  29. package/dist/app/assets/PzDateRange-BiJOokbK.css +1 -0
  30. package/dist/app/assets/PzDateRange.stories-DfskPbOd.js +9 -0
  31. package/dist/app/assets/{PzDomHandler.stories-ZmoUgZpO.js → PzDomHandler.stories-DsM3ECo5.js} +1 -1
  32. package/dist/app/assets/{PzDropdown.stories-ADCvYGy6.js → PzDropdown.stories-CZuAeRbp.js} +1 -1
  33. package/dist/app/assets/PzFileInput-BOG2rn9_.css +1 -0
  34. package/dist/app/assets/{PzFileInput.stories-C8jaYuqu.js → PzFileInput.stories-BL0Tc3gt.js} +3 -3
  35. package/dist/app/assets/{PzGrid.stories-COAFHJ1W.js → PzGrid.stories-BOBFdUIq.js} +3 -3
  36. package/dist/app/assets/{PzHint-C_J-NgV5.js → PzHint-4Fot3oSD.js} +1 -1
  37. package/dist/app/assets/{PzHint.stories-DE3Jaybz.js → PzHint.stories-CglItPHb.js} +1 -1
  38. package/dist/app/assets/{PzIcon-DtHaOlhQ.js → PzIcon-poIOHVO1.js} +1 -1
  39. package/dist/app/assets/{PzIcon.stories-C_oYU4SD.js → PzIcon.stories-D3H69ZNb.js} +1 -1
  40. package/dist/app/assets/{PzImage.stories-DzlwKuwT.js → PzImage.stories-Dr5q7WPt.js} +1 -1
  41. package/dist/app/assets/PzImageInput-Dpxr8tsf.css +1 -0
  42. package/dist/app/assets/{PzImageInput.stories-OocNgTF2.js → PzImageInput.stories-C_IwemtR.js} +4 -4
  43. package/dist/app/assets/{PzInfoBlockLayout.stories-BY3P0fbt.js → PzInfoBlockLayout.stories-CAul1FJQ.js} +2 -2
  44. package/dist/app/assets/{PzInfoHint-2M1N5-8H.js → PzInfoHint-m4sypHCu.js} +1 -1
  45. package/dist/app/assets/{PzInfoHint.stories-8vdsE657.js → PzInfoHint.stories-Bp-VVeGv.js} +1 -1
  46. package/dist/app/assets/PzInput-BCMo6PmT.css +1 -0
  47. package/dist/app/assets/{PzInput.stories-C3jn5y4z.js → PzInput.stories-CSv2zeeK.js} +5 -5
  48. package/dist/app/assets/PzInputDate-DajGwKjI.css +1 -0
  49. package/dist/app/assets/{PzInputDate.stories-DZmyNFFO.js → PzInputDate.stories-C5N12fHj.js} +3 -3
  50. package/dist/app/assets/PzInputNumber-D-YWl_V4.css +1 -0
  51. package/dist/app/assets/{PzInputNumber.stories-CK8e-Ve8.js → PzInputNumber.stories-BWMl9xMs.js} +3 -3
  52. package/dist/app/assets/PzKeyValue-77OwsVir.css +1 -0
  53. package/dist/app/assets/{PzKeyValue.stories-DC6ls3DF.js → PzKeyValue.stories-DBdiUEg8.js} +4 -4
  54. package/dist/app/assets/{PzLabel-De4xOP9y.js → PzLabel-BAPh5yk-.js} +1 -1
  55. package/dist/app/assets/{PzLabel-CNUgfkly.css → PzLabel-Cm_pZbcB.css} +1 -1
  56. package/dist/app/assets/PzLabel-ShA-3tPi.css +1 -0
  57. package/dist/app/assets/{PzLabel.stories-xnARVoWF.js → PzLabel.stories-Ha9WPtao.js} +1 -1
  58. package/dist/app/assets/PzLink-BO5pzUA8.css +1 -0
  59. package/dist/app/assets/PzLink-Q1NpV_QJ.js +1 -0
  60. package/dist/app/assets/{PzLink.stories-C3F89V5M.js → PzLink.stories-hIyGbNoM.js} +4 -3
  61. package/dist/app/assets/{PzListNav.stories-CDlZUHY5.js → PzListNav.stories-D7q3d-8H.js} +3 -3
  62. package/dist/app/assets/PzLoader.stories-BI9WG9-O.js +9 -0
  63. package/dist/app/assets/PzModal-Da1AKItx.css +1 -0
  64. package/dist/app/assets/{PzModal.stories-Mx8xHWMO.js → PzModal.stories-BG9V1Q5u.js} +4 -4
  65. package/dist/app/assets/PzMultiSelect-kijICuQ3.css +1 -0
  66. package/dist/app/assets/{PzMultiSelect.stories-BFoMHVkN.js → PzMultiSelect.stories-C19obsVM.js} +7 -7
  67. package/dist/app/assets/{PzNav-rSxiOk6V.css → PzNav-De1tcVxU.css} +1 -1
  68. package/dist/app/assets/{PzNav.stories-BfBh_I0D.js → PzNav.stories-C5O8_B-7.js} +9 -9
  69. package/dist/app/assets/{PzNumberFormat.stories-B_eYrwc4.js → PzNumberFormat.stories-CbaBSOl1.js} +1 -1
  70. package/dist/app/assets/{PzPagination-ohvV8gN-.css → PzPagination-BF-U8BNg.css} +1 -1
  71. package/dist/app/assets/PzPagination-DsLCoCA7.css +1 -0
  72. package/dist/app/assets/{PzPagination-Bw11L7YO.js → PzPagination-isThZsEU.js} +1 -1
  73. package/dist/app/assets/{PzPagination.stories-CZV0Q_-k.js → PzPagination.stories-BvCbYxR9.js} +1 -1
  74. package/dist/app/assets/{PzPriceFormat.stories-0KN52A9w.js → PzPriceFormat.stories-Btgv2UfV.js} +1 -1
  75. package/dist/app/assets/PzRadioGroup-DfOusdQ3.css +1 -0
  76. package/dist/app/assets/{PzRadioGroup.stories-A26PEqyR.js → PzRadioGroup.stories-BDptT0Zt.js} +2 -2
  77. package/dist/app/assets/PzRouterLink.stories-D10ABe6z.js +55 -0
  78. package/dist/app/assets/{PzScrollTo-GAEPiQFO.css → PzScrollTo-DC2p3qx8.css} +1 -1
  79. package/dist/app/assets/{PzScrollTo.stories-DzubaggF.js → PzScrollTo.stories-BJlLBIwI.js} +1 -1
  80. package/dist/app/assets/{PzSearchResultItemLayout-B3s9Usmb.css → PzSearchResultItemLayout-DPNsOBqN.css} +1 -1
  81. package/dist/app/assets/{PzSearchResultItemLayout.stories-CPFjtSNv.js → PzSearchResultItemLayout.stories-BEoAgmcx.js} +1 -1
  82. package/dist/app/assets/{PzSelect-Cn9BkSfg.js → PzSelect-Dvm9WLeL.js} +1 -1
  83. package/dist/app/assets/PzSelect-kuxLgX5-.css +1 -0
  84. package/dist/app/assets/{PzSelect-BwhRsTZd.css → PzSelect-qGupIZIz.css} +1 -1
  85. package/dist/app/assets/{PzSelect.stories-CgwCMZd-.js → PzSelect.stories-CFfqe1eq.js} +1 -1
  86. package/dist/app/assets/{PzSkeleton-BwC2svLL.js → PzSkeleton-Bf3tDBUe.js} +1 -1
  87. package/dist/app/assets/{PzSkeleton.stories-DsurBEj4.js → PzSkeleton.stories-C1EGR_pz.js} +1 -1
  88. package/dist/app/assets/{PzStatus-B_H5z0YP.css → PzStatus--2NXUTlv.css} +1 -1
  89. package/dist/app/assets/PzStatus-CrMtYbRR.css +1 -0
  90. package/dist/app/assets/PzStatus-QcYI0uS9.js +1 -0
  91. package/dist/app/assets/{PzStatus.stories-Df25pJr9.js → PzStatus.stories-DMUAfPRV.js} +4 -3
  92. package/dist/app/assets/{PzTable-BNMYmoRd.css → PzTable-BOVqN6WA.css} +1 -1
  93. package/dist/app/assets/PzTable-CMrM0T_5.css +1 -0
  94. package/dist/app/assets/PzTable-CmJiR0G9.js +1 -0
  95. package/dist/app/assets/{PzTable.stories-BLvcQ6Rw.js → PzTable.stories-CaJjJF9B.js} +1 -1
  96. package/dist/app/assets/{PzTabs.stories-b4hlFEwl.js → PzTabs.stories-DoOhgnnG.js} +4 -4
  97. package/dist/app/assets/PzTag-BU4Nffdd.css +1 -0
  98. package/dist/app/assets/PzTag-DQn6tX-W.js +1 -0
  99. package/dist/app/assets/{PzTag.stories-Ujqwci2O.js → PzTag.stories-BeTLgPu9.js} +7 -6
  100. package/dist/app/assets/{PzText-BQZq8EVF.js → PzText-OlPU47Sz.js} +1 -1
  101. package/dist/app/assets/PzText-uPzrIzSU.css +1 -0
  102. package/dist/app/assets/{PzText.stories-BuvdtkFm.js → PzText.stories-DnRec827.js} +16 -16
  103. package/dist/app/assets/{PzTextClamp-B1WSxo7S.css → PzTextClamp-sinphphZ.css} +1 -1
  104. package/dist/app/assets/PzTextClamp.stories-DfWH1f4J.js +150 -0
  105. package/dist/app/assets/PzTextarea-DlC8K0sa.css +1 -0
  106. package/dist/app/assets/{PzTextarea.stories-DOG1qi1P.js → PzTextarea.stories-CCqwYmNv.js} +5 -5
  107. package/dist/app/assets/{PzValidatorXSS.stories-DscJMjuB.js → PzValidatorXSS.stories-CinnvE3j.js} +1 -1
  108. package/dist/app/assets/{Spacing.stories-DBSqX1Hj.js → Spacing.stories-BDxnAaOa.js} +1 -1
  109. package/dist/app/assets/{Typography.stories-DMvAqFvP.js → Typography.stories-CjEk87CA.js} +1 -1
  110. package/dist/app/assets/{WithTooltip-65CFNBJE-ByDyVRbq.js → WithTooltip-65CFNBJE-CbbvshsF.js} +1 -1
  111. package/dist/app/assets/configs-B15JgQZ-.js +1 -0
  112. package/dist/app/assets/{floating-vue-n4D6Ru3Z.js → floating-vue-SZH28boQ.js} +1 -1
  113. package/dist/app/assets/{floating-vue-bEyZEONw.js → floating-vue-Xnl0QKgi.js} +1 -1
  114. package/dist/app/assets/{formatter-EIJCOSYU-Cy8KDV6A.js → formatter-EIJCOSYU-p1Msusj6.js} +1 -1
  115. package/dist/app/assets/{iframe-CAy7Hju8.css → iframe-ujC0K8xu.css} +1 -1
  116. package/dist/app/assets/{iframe-C0Tj7XHr.js → iframe-yhLt8Lok.js} +75 -75
  117. package/dist/app/assets/{index-DcEnsmNU.js → index-DW75gAYJ.js} +1 -1
  118. package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-DaMG7TRH.js → syntaxhighlighter-OH4MV7E3-DdpEs6av.js} +1 -1
  119. package/dist/app/iframe.html +2 -2
  120. package/dist/app/index.json +1 -1
  121. package/dist/app/project.json +1 -1
  122. package/dist/components/Actions/PzBtn/types.d.ts +2 -0
  123. package/dist/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue.d.ts +1 -1
  124. package/dist/components/Actions/PzLink/PzLink.vue.d.ts +1 -1
  125. package/dist/components/Actions/PzLink/types.d.ts +2 -0
  126. package/dist/components/Actions/PzRouterLink/PzRouterLink.vue.d.ts +1 -1
  127. package/dist/components/Display/PzDate/types.d.ts +2 -0
  128. package/dist/components/Display/PzDateRange/types.d.ts +2 -0
  129. package/dist/components/Display/PzIcon/PzIcon.vue.d.ts +1 -1
  130. package/dist/components/Display/PzLoader/PzLoader.vue.d.ts +1 -1
  131. package/dist/components/Display/PzStatus/configs.d.ts +1 -1
  132. package/dist/components/Display/PzStatus/types.d.ts +2 -0
  133. package/dist/components/Display/PzTag/configs.d.ts +1 -1
  134. package/dist/components/Display/PzTag/types.d.ts +2 -0
  135. package/dist/components/Form/PzFileInput/PzFileInput.vue.d.ts +1 -1
  136. package/dist/components/Form/PzImageInput/PzImageInput.vue.d.ts +1 -1
  137. package/dist/components/Form/PzInput/PzInput.vue.d.ts +2 -2
  138. package/dist/components/Form/PzInputDate/PzInputDate.vue.d.ts +1 -1
  139. package/dist/components/Form/PzInputNumber/PzInputNumber.vue.d.ts +2 -2
  140. package/dist/components/Form/PzLabel/PzLabel.vue.d.ts +1 -1
  141. package/dist/components/Form/PzMultiSelect/PzMultiSelect.vue.d.ts +1 -1
  142. package/dist/components/Form/PzSelect/PzSelect.vue.d.ts +2 -2
  143. package/dist/components/Form/PzTextarea/PzTextarea.vue.d.ts +1 -1
  144. package/dist/components/Layouts/PzAccordion/PzAccordion.vue.d.ts +1 -1
  145. package/dist/components/Layouts/PzAccordion/types.d.ts +2 -0
  146. package/dist/components/Layouts/PzGrid/PzGrid.vue.d.ts +1 -1
  147. package/dist/components/Layouts/PzGrid/PzGridItem.vue.d.ts +1 -1
  148. package/dist/components/Layouts/PzGrid/configs.d.ts +1 -1
  149. package/dist/components/Navigation/PzNav/types.d.ts +2 -0
  150. package/dist/components/Text/PzArrayClamp/PzArrayClamp.vue.d.ts +1 -1
  151. package/dist/components/Text/PzArrayClamp/types.d.ts +2 -0
  152. package/dist/components/Text/PzText/configs.d.ts +2 -2
  153. package/dist/components/Text/PzTextClamp/PzTextClamp.vue.d.ts +3 -3
  154. package/dist/components/Text/PzTextClamp/types.d.ts +2 -0
  155. package/dist/index.d.ts +1 -1
  156. package/dist/package.json +1 -1
  157. package/dist/prozorro-ui.cjs +6 -6
  158. package/dist/prozorro-ui.js +2405 -2420
  159. package/dist/style.css +1 -1
  160. package/package.json +1 -1
  161. package/src/styles/abstract/_typography.scss +5 -3
  162. package/src/styles/base/_typography.scss +125 -0
  163. package/src/styles/main.scss +1 -0
  164. package/dist/app/assets/PzAccordion-B0I9gAH8.js +0 -1
  165. package/dist/app/assets/PzAccordion-C0TpPK-x.css +0 -1
  166. package/dist/app/assets/PzAccordionTable-BAkuTUT5.css +0 -1
  167. package/dist/app/assets/PzAccordionTable.stories-DxKqjo-e.js +0 -275
  168. package/dist/app/assets/PzBtn-DcyqEb3Q.js +0 -1
  169. package/dist/app/assets/PzBtn-jjH45VOr.css +0 -1
  170. package/dist/app/assets/PzCheckbox-CMoU-kLD.css +0 -1
  171. package/dist/app/assets/PzClamp-DQz8TA5G.css +0 -1
  172. package/dist/app/assets/PzClamp.stories-Cy07si4i.js +0 -1
  173. package/dist/app/assets/PzCopyToClipboard-DYvP-lFq.css +0 -1
  174. package/dist/app/assets/PzCopyToClipboard.stories-C8ifzOzW.js +0 -45
  175. package/dist/app/assets/PzDate-Bsbb_VSV.css +0 -1
  176. package/dist/app/assets/PzDate-C90nxGrj.js +0 -1
  177. package/dist/app/assets/PzDateRange-D51oBNib.css +0 -1
  178. package/dist/app/assets/PzDateRange.stories-CvIYNizv.js +0 -9
  179. package/dist/app/assets/PzFileInput-DbN-ooyB.css +0 -1
  180. package/dist/app/assets/PzImageInput-dWKF820O.css +0 -1
  181. package/dist/app/assets/PzInput-CJA3u8GT.css +0 -1
  182. package/dist/app/assets/PzInputDate-pqxv_Osl.css +0 -1
  183. package/dist/app/assets/PzInputNumber-Bo159ZgO.css +0 -1
  184. package/dist/app/assets/PzKeyValue--VZbtZaU.css +0 -1
  185. package/dist/app/assets/PzLabel-b7WCTEW3.css +0 -1
  186. package/dist/app/assets/PzLink-BgMOL5GA.css +0 -1
  187. package/dist/app/assets/PzLink-C34ePoHR.js +0 -1
  188. package/dist/app/assets/PzLoader.stories-Ctqutr_i.js +0 -9
  189. package/dist/app/assets/PzModal-CFz3X4Lh.css +0 -1
  190. package/dist/app/assets/PzMultiSelect-JrKh7BA8.css +0 -1
  191. package/dist/app/assets/PzPagination-B4-GW3ZR.css +0 -1
  192. package/dist/app/assets/PzRadioGroup-BeXU451M.css +0 -1
  193. package/dist/app/assets/PzRouterLink.stories-CmmyRt54.js +0 -54
  194. package/dist/app/assets/PzSelect-Cc3jbYPS.css +0 -1
  195. package/dist/app/assets/PzStatus-B8fDQ3ZX.js +0 -1
  196. package/dist/app/assets/PzStatus-BJklUof0.css +0 -1
  197. package/dist/app/assets/PzTable-C1EasZ6G.css +0 -1
  198. package/dist/app/assets/PzTable-DuU8JAt1.js +0 -1
  199. package/dist/app/assets/PzTag-DkBbAhaD.css +0 -1
  200. package/dist/app/assets/PzTag-F76Pw53L.js +0 -1
  201. package/dist/app/assets/PzText-BwoHBjGs.css +0 -1
  202. package/dist/app/assets/PzTextClamp.stories-Dc67q_-y.js +0 -149
  203. package/dist/app/assets/PzTextarea-B3skmX1A.css +0 -1
  204. package/dist/app/assets/text-clamp.esm-Dv0GEKqA.js +0 -1
  205. package/dist/components/Display/PzClamp/PzClamp.vue.d.ts +0 -8
  206. package/dist/components/Display/PzClamp/index.d.ts +0 -2
  207. package/dist/components/Display/PzClamp/types.d.ts +0 -7
@@ -1,6 +1,6 @@
1
- import{P as R}from"./PzText-BQZq8EVF.js";import"./iframe-C0Tj7XHr.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const De=["h1-bold","h1-regular","h2-bold","h3-bold","h3-regular","h4-regular","h4-semibold","h4-bold","subtitle","body-regular","body-semibold","body-bold","capitalized","hint","line-through","small-regular","small-semibold","small-bold","link","document"],Pe=["h1","h2","h3","h4","h5","h6","p","span","div","a","label"],$e=r=>r.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),Ae={title:"Components/Text/PzText",component:R,parameters:{prototype:{caption:"Text component",note:"Component-level playground for semantic tag overrides and text variant rendering."},docs:{description:{component:"Vue text primitive for rendering the shared typography variants. Use `Foundation/Typography` for the full type-scale reference and `Components/Text/PzText` for the component API."},source:{transform:(r,e)=>{const a=e.args??{};return`<template>
1
+ import{a as De,p as Pe}from"./configs-B15JgQZ-.js";import{P as R}from"./PzText-OlPU47Sz.js";import"./iframe-yhLt8Lok.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const $e=r=>r.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),Ee={title:"Components/Text/PzText",component:R,parameters:{prototype:{caption:"Text component",note:"Component-level playground for semantic tag overrides and text variant rendering."},docs:{description:{component:"Vue text primitive for rendering the shared typography variants. Use `Foundation/Typography` for the full type-scale reference and `Components/Text/PzText` for the component API."},source:{transform:(r,e)=>{const a=e.args??{};return`<template>
2
2
  <PzText ${[a.variant?`variant="${a.variant}"`:null,a.as?`as="${a.as}"`:null,a.content?`content="${a.content}"`:null].filter(Boolean).join(" ")} />
3
- </template>`}}}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},argTypes:{variant:{control:"select",options:De,description:"Text style variant from the Design System."},as:{control:"select",options:Pe,description:"HTML tag to render. Defaults to a semantic tag based on variant."},content:{control:"text",description:"Text content.",table:{category:"Slots"}}},render:r=>({components:{pzText:R},setup(){const e=$e(r.variant);return{args:r,currentLabel:e}},template:`
3
+ </template>`}}}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},argTypes:{variant:{control:"select",options:Pe,description:"Text style variant from the Design System."},as:{control:"select",options:De,description:"HTML tag to render. Defaults to a semantic tag based on variant."},content:{control:"text",description:"Text content.",table:{category:"Slots"}}},render:r=>({components:{pzText:R},setup(){const e=$e(r.variant);return{args:r,currentLabel:e}},template:`
4
4
  <section class="pz-text-demo">
5
5
  <div class="pz-text-demo-header">
6
6
  <div>
@@ -14,13 +14,13 @@ import{P as R}from"./PzText-BQZq8EVF.js";import"./iframe-C0Tj7XHr.js";import"./p
14
14
  <pz-text :variant="args.variant" :as="args.as">{{ args.content }}</pz-text>
15
15
  </div>
16
16
  </section>
17
- `})},t={name:"H1 Bold",args:{variant:"h1-bold",content:"Headline Bold 1"}},n={name:"H1 Regular",args:{variant:"h1-regular",content:"Headline Regular 1"}},o={name:"H2 Bold",args:{variant:"h2-bold",content:"Headline Bold 2"}},s={name:"H3 Bold",args:{variant:"h3-bold",content:"Headline Bold 3"}},l={name:"H3 Regular",args:{variant:"h3-regular",content:"Headline Regular 3"}},c={name:"H4 Regular",args:{variant:"h4-regular",content:"Headline Regular 4"}},i={name:"H4 Semibold",args:{variant:"h4-semibold",content:"Headline Semibold 4"}},d={name:"H4 Bold",args:{variant:"h4-bold",content:"Headline Bold 4"}},m={args:{variant:"subtitle",content:"Subtitle"}},u={name:"Body Regular",args:{variant:"body-regular",content:"Body text regular"}},p={name:"Body Semibold",args:{variant:"body-semibold",content:"Body text semibold"}},g={name:"Body Bold",args:{variant:"body-bold",content:"Body text bold"}},b={args:{variant:"capitalized",content:"Capitalized text"}},v={args:{variant:"hint",content:"Hint text"}},h={name:"Line Through",args:{variant:"line-through",content:"Line through text"}},S={name:"Small Regular",args:{variant:"small-regular",content:"Small text regular"}},H={name:"Small Semibold",args:{variant:"small-semibold",content:"Small text semibold"}},B={name:"Small Bold",args:{variant:"small-bold",content:"Small text bold"}},x={name:"Link",args:{variant:"link",content:"Link text"}},y={args:{variant:"document",content:"Document text"}};var z,T,L;t.parameters={...t.parameters,docs:{...(z=t.parameters)==null?void 0:z.docs,source:{originalSource:`{
17
+ `})},t={name:"H1 Bold",args:{variant:"h1-bold",content:"Headline Bold 1"}},n={name:"H1 Regular",args:{variant:"h1-regular",content:"Headline Regular 1"}},o={name:"H2 Bold",args:{variant:"h2-bold",content:"Headline Bold 2"}},s={name:"H3 Bold",args:{variant:"h3-bold",content:"Headline Bold 3"}},l={name:"H3 Regular",args:{variant:"h3-regular",content:"Headline Regular 3"}},c={name:"H4 Regular",args:{variant:"h4-regular",content:"Headline Regular 4"}},i={name:"H4 Semibold",args:{variant:"h4-semibold",content:"Headline Semibold 4"}},d={name:"H4 Bold",args:{variant:"h4-bold",content:"Headline Bold 4"}},m={args:{variant:"subtitle",content:"Subtitle"}},p={name:"Body Regular",args:{variant:"body-regular",content:"Body text regular"}},u={name:"Body Semibold",args:{variant:"body-semibold",content:"Body text semibold"}},g={name:"Body Bold",args:{variant:"body-bold",content:"Body text bold"}},v={args:{variant:"capitalized",content:"Capitalized text"}},b={args:{variant:"hint",content:"Hint text"}},S={name:"Line Through",args:{variant:"line-through",content:"Line through text"}},H={name:"Small Regular",args:{variant:"small-regular",content:"Small text regular"}},B={name:"Small Semibold",args:{variant:"small-semibold",content:"Small text semibold"}},x={name:"Small Bold",args:{variant:"small-bold",content:"Small text bold"}},h={name:"Link",args:{variant:"link",content:"Link text"}},y={args:{variant:"document",content:"Document text"}};var z,T,f;t.parameters={...t.parameters,docs:{...(z=t.parameters)==null?void 0:z.docs,source:{originalSource:`{
18
18
  name: "H1 Bold",
19
19
  args: {
20
20
  variant: "h1-bold",
21
21
  content: "Headline Bold 1"
22
22
  }
23
- }`,...(L=(T=t.parameters)==null?void 0:T.docs)==null?void 0:L.source}}};var f,k,C;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`{
23
+ }`,...(f=(T=t.parameters)==null?void 0:T.docs)==null?void 0:f.source}}};var L,k,C;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`{
24
24
  name: "H1 Regular",
25
25
  args: {
26
26
  variant: "h1-regular",
@@ -67,67 +67,67 @@ import{P as R}from"./PzText-BQZq8EVF.js";import"./iframe-C0Tj7XHr.js";import"./p
67
67
  variant: "subtitle",
68
68
  content: "Subtitle"
69
69
  }
70
- }`,...(W=(Q=m.parameters)==null?void 0:Q.docs)==null?void 0:W.source}}};var X,Y,Z;u.parameters={...u.parameters,docs:{...(X=u.parameters)==null?void 0:X.docs,source:{originalSource:`{
70
+ }`,...(W=(Q=m.parameters)==null?void 0:Q.docs)==null?void 0:W.source}}};var X,Y,Z;p.parameters={...p.parameters,docs:{...(X=p.parameters)==null?void 0:X.docs,source:{originalSource:`{
71
71
  name: "Body Regular",
72
72
  args: {
73
73
  variant: "body-regular",
74
74
  content: "Body text regular"
75
75
  }
76
- }`,...(Z=(Y=u.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var ee,ae,re;p.parameters={...p.parameters,docs:{...(ee=p.parameters)==null?void 0:ee.docs,source:{originalSource:`{
76
+ }`,...(Z=(Y=p.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var ee,ae,re;u.parameters={...u.parameters,docs:{...(ee=u.parameters)==null?void 0:ee.docs,source:{originalSource:`{
77
77
  name: "Body Semibold",
78
78
  args: {
79
79
  variant: "body-semibold",
80
80
  content: "Body text semibold"
81
81
  }
82
- }`,...(re=(ae=p.parameters)==null?void 0:ae.docs)==null?void 0:re.source}}};var te,ne,oe;g.parameters={...g.parameters,docs:{...(te=g.parameters)==null?void 0:te.docs,source:{originalSource:`{
82
+ }`,...(re=(ae=u.parameters)==null?void 0:ae.docs)==null?void 0:re.source}}};var te,ne,oe;g.parameters={...g.parameters,docs:{...(te=g.parameters)==null?void 0:te.docs,source:{originalSource:`{
83
83
  name: "Body Bold",
84
84
  args: {
85
85
  variant: "body-bold",
86
86
  content: "Body text bold"
87
87
  }
88
- }`,...(oe=(ne=g.parameters)==null?void 0:ne.docs)==null?void 0:oe.source}}};var se,le,ce;b.parameters={...b.parameters,docs:{...(se=b.parameters)==null?void 0:se.docs,source:{originalSource:`{
88
+ }`,...(oe=(ne=g.parameters)==null?void 0:ne.docs)==null?void 0:oe.source}}};var se,le,ce;v.parameters={...v.parameters,docs:{...(se=v.parameters)==null?void 0:se.docs,source:{originalSource:`{
89
89
  args: {
90
90
  variant: "capitalized",
91
91
  content: "Capitalized text"
92
92
  }
93
- }`,...(ce=(le=b.parameters)==null?void 0:le.docs)==null?void 0:ce.source}}};var ie,de,me;v.parameters={...v.parameters,docs:{...(ie=v.parameters)==null?void 0:ie.docs,source:{originalSource:`{
93
+ }`,...(ce=(le=v.parameters)==null?void 0:le.docs)==null?void 0:ce.source}}};var ie,de,me;b.parameters={...b.parameters,docs:{...(ie=b.parameters)==null?void 0:ie.docs,source:{originalSource:`{
94
94
  args: {
95
95
  variant: "hint",
96
96
  content: "Hint text"
97
97
  }
98
- }`,...(me=(de=v.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var ue,pe,ge;h.parameters={...h.parameters,docs:{...(ue=h.parameters)==null?void 0:ue.docs,source:{originalSource:`{
98
+ }`,...(me=(de=b.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var pe,ue,ge;S.parameters={...S.parameters,docs:{...(pe=S.parameters)==null?void 0:pe.docs,source:{originalSource:`{
99
99
  name: "Line Through",
100
100
  args: {
101
101
  variant: "line-through",
102
102
  content: "Line through text"
103
103
  }
104
- }`,...(ge=(pe=h.parameters)==null?void 0:pe.docs)==null?void 0:ge.source}}};var be,ve,he;S.parameters={...S.parameters,docs:{...(be=S.parameters)==null?void 0:be.docs,source:{originalSource:`{
104
+ }`,...(ge=(ue=S.parameters)==null?void 0:ue.docs)==null?void 0:ge.source}}};var ve,be,Se;H.parameters={...H.parameters,docs:{...(ve=H.parameters)==null?void 0:ve.docs,source:{originalSource:`{
105
105
  name: "Small Regular",
106
106
  args: {
107
107
  variant: "small-regular",
108
108
  content: "Small text regular"
109
109
  }
110
- }`,...(he=(ve=S.parameters)==null?void 0:ve.docs)==null?void 0:he.source}}};var Se,He,Be;H.parameters={...H.parameters,docs:{...(Se=H.parameters)==null?void 0:Se.docs,source:{originalSource:`{
110
+ }`,...(Se=(be=H.parameters)==null?void 0:be.docs)==null?void 0:Se.source}}};var He,Be,xe;B.parameters={...B.parameters,docs:{...(He=B.parameters)==null?void 0:He.docs,source:{originalSource:`{
111
111
  name: "Small Semibold",
112
112
  args: {
113
113
  variant: "small-semibold",
114
114
  content: "Small text semibold"
115
115
  }
116
- }`,...(Be=(He=H.parameters)==null?void 0:He.docs)==null?void 0:Be.source}}};var xe,ye,Re;B.parameters={...B.parameters,docs:{...(xe=B.parameters)==null?void 0:xe.docs,source:{originalSource:`{
116
+ }`,...(xe=(Be=B.parameters)==null?void 0:Be.docs)==null?void 0:xe.source}}};var he,ye,Re;x.parameters={...x.parameters,docs:{...(he=x.parameters)==null?void 0:he.docs,source:{originalSource:`{
117
117
  name: "Small Bold",
118
118
  args: {
119
119
  variant: "small-bold",
120
120
  content: "Small text bold"
121
121
  }
122
- }`,...(Re=(ye=B.parameters)==null?void 0:ye.docs)==null?void 0:Re.source}}};var ze,Te,Le;x.parameters={...x.parameters,docs:{...(ze=x.parameters)==null?void 0:ze.docs,source:{originalSource:`{
122
+ }`,...(Re=(ye=x.parameters)==null?void 0:ye.docs)==null?void 0:Re.source}}};var ze,Te,fe;h.parameters={...h.parameters,docs:{...(ze=h.parameters)==null?void 0:ze.docs,source:{originalSource:`{
123
123
  name: "Link",
124
124
  args: {
125
125
  variant: "link",
126
126
  content: "Link text"
127
127
  }
128
- }`,...(Le=(Te=x.parameters)==null?void 0:Te.docs)==null?void 0:Le.source}}};var fe,ke,Ce;y.parameters={...y.parameters,docs:{...(fe=y.parameters)==null?void 0:fe.docs,source:{originalSource:`{
128
+ }`,...(fe=(Te=h.parameters)==null?void 0:Te.docs)==null?void 0:fe.source}}};var Le,ke,Ce;y.parameters={...y.parameters,docs:{...(Le=y.parameters)==null?void 0:Le.docs,source:{originalSource:`{
129
129
  args: {
130
130
  variant: "document",
131
131
  content: "Document text"
132
132
  }
133
- }`,...(Ce=(ke=y.parameters)==null?void 0:ke.docs)==null?void 0:Ce.source}}};const Ee=["H1Bold","H1Regular","H2Bold","H3Bold","H3Regular","H4Regular","H4Semibold","H4Bold","Subtitle","BodyRegular","BodySemibold","BodyBold","Capitalized","Hint","LineThroughStory","SmallRegular","SmallSemibold","SmallBold","LinkStory","Document"];export{g as BodyBold,u as BodyRegular,p as BodySemibold,b as Capitalized,y as Document,t as H1Bold,n as H1Regular,o as H2Bold,s as H3Bold,l as H3Regular,d as H4Bold,c as H4Regular,i as H4Semibold,v as Hint,h as LineThroughStory,x as LinkStory,B as SmallBold,S as SmallRegular,H as SmallSemibold,m as Subtitle,Ee as __namedExportsOrder,Ae as default};
133
+ }`,...(Ce=(ke=y.parameters)==null?void 0:ke.docs)==null?void 0:Ce.source}}};const Ue=["H1Bold","H1Regular","H2Bold","H3Bold","H3Regular","H4Regular","H4Semibold","H4Bold","Subtitle","BodyRegular","BodySemibold","BodyBold","Capitalized","Hint","LineThroughStory","SmallRegular","SmallSemibold","SmallBold","LinkStory","Document"];export{g as BodyBold,p as BodyRegular,u as BodySemibold,v as Capitalized,y as Document,t as H1Bold,n as H1Regular,o as H2Bold,s as H3Bold,l as H3Regular,d as H4Bold,c as H4Regular,i as H4Semibold,b as Hint,S as LineThroughStory,h as LinkStory,x as SmallBold,H as SmallRegular,B as SmallSemibold,m as Subtitle,Ue as __namedExportsOrder,Ee as default};
@@ -1 +1 @@
1
- .pz-text-clamp-story{display:grid;gap:24px}.pz-text-clamp-story-hero,.pz-text-clamp-story-card{border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-text-clamp-story-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:20px;padding:clamp(22px,2vw,30px)}.pz-text-clamp-story-copy,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{display:grid;gap:16px}.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-text-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-text-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pz-text-clamp-story-card{min-height:220px}.pz-text-clamp-story-card-header{display:grid;gap:8px}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker,.pz-text-clamp-story-chip{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker{color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-chip{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-custom-toggle{padding:8px 12px;border:1px solid color-mix(in srgb,var(--pz-color-blue-50) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);color:var(--pz-color-text-link-hover);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text-clamp-story-custom-toggle:hover,.pz-text-clamp-story-custom-toggle:focus-visible{border-color:color-mix(in srgb,var(--pz-color-text-link-hover) 24%,transparent);background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);outline:none}@media (width <= 1024px){.pz-text-clamp-story-hero,.pz-text-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-clamp-story-hero,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:20px;border-radius:22px}}.pz-text-clamp[data-v-16c196a9]{color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-text-clamp-font-size, var(--pz-font-size-14));font-weight:var(--pz-text-clamp-font-weight, 400);line-height:var(--pz-text-clamp-line-height, 1.5)}.pz-text-clamp__toggle[data-v-16c196a9]{padding:0;margin-inline-start:var(--pz-space-4);border:0;background:transparent;color:var(--pz-color-text-link);cursor:pointer;outline:none;transition:color .16s ease}.pz-text-clamp__toggle[data-v-16c196a9]:hover,.pz-text-clamp__toggle[data-v-16c196a9]:focus-visible{color:var(--pz-color-text-link-hover)}
1
+ .pz-text-clamp-story{display:grid;gap:24px}.pz-text-clamp-story-hero,.pz-text-clamp-story-card{border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-text-clamp-story-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:20px;padding:clamp(22px,2vw,30px)}.pz-text-clamp-story-copy,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{display:grid;gap:16px}.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-text-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-text-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pz-text-clamp-story-card{min-height:220px}.pz-text-clamp-story-card-header{display:grid;gap:8px}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker,.pz-text-clamp-story-chip{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker{color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-chip{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-custom-toggle{padding:8px 12px;border:1px solid color-mix(in srgb,var(--pz-color-blue-50) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);color:var(--pz-color-text-link-hover);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text-clamp-story-custom-toggle:hover,.pz-text-clamp-story-custom-toggle:focus-visible{border-color:color-mix(in srgb,var(--pz-color-text-link-hover) 24%,transparent);background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);outline:none}@media (width <= 1024px){.pz-text-clamp-story-hero,.pz-text-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-clamp-story-hero,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:20px;border-radius:22px}}.pz-text-clamp[data-v-82381675]{color:var(--pz-color-text-primary);overflow-wrap:anywhere;overflow-wrap:break-word;font-size:var(--pz-text-clamp-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-clamp-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-clamp-line-height, var(--pz-typography-line-height, 1.5))}.pz-text-clamp__btn[data-v-82381675]{--pz-btn-padding-block: 0;--pz-btn-padding-inline: 0;margin-left:var(--pz-space-4)}
@@ -0,0 +1,150 @@
1
+ import{d as se,a3 as xe,w as x,a4 as fe,h as _e,o as q,e as ge,q as U,B as H,v as g,n as he,r as C,g as v,i as X,y as Y,A as G,f as ve,Y as ze,C as ye,t as be,p as we}from"./iframe-yhLt8Lok.js";import{P as oe}from"./PzText-OlPU47Sz.js";import{p as Ce}from"./configs-B15JgQZ-.js";import{P as Le}from"./PzBtn-B6FfMKnt.js";import{_ as Te}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";var R=null;function Se(e){return R||(R=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){return setTimeout(a,16)}).bind(window)),R(e)}var N=null;function Pe(e){N||(N=(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(a){clearTimeout(a)}).bind(window)),N(e)}function Ee(e){var a=document.createElement("style");return a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e)),(document.querySelector("head")||document.body).appendChild(a),a}function z(e,a){a===void 0&&(a={});var t=document.createElement(e);return Object.keys(a).forEach(function(r){t[r]=a[r]}),t}function ie(e,a,t){var r=window.getComputedStyle(e,null)||{display:"none"};return r[a]}function O(e){if(!document.documentElement.contains(e))return{detached:!0,rendered:!1};for(var a=e;a!==document;){if(ie(a,"display")==="none")return{detached:!1,rendered:!1};a=a.parentNode}return{detached:!1,rendered:!0}}var ke='.resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:"";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}',A=0,L=null;function Re(e,a){e.__resize_mutation_handler__||(e.__resize_mutation_handler__=He.bind(e));var t=e.__resize_listeners__;if(!t){if(e.__resize_listeners__=[],window.ResizeObserver){var r=e.offsetWidth,i=e.offsetHeight,o=new ResizeObserver(function(){!e.__resize_observer_triggered__&&(e.__resize_observer_triggered__=!0,e.offsetWidth===r&&e.offsetHeight===i)||S(e)}),n=O(e),p=n.detached,d=n.rendered;e.__resize_observer_triggered__=p===!1&&d===!1,e.__resize_observer__=o,o.observe(e)}else if(e.attachEvent&&e.addEventListener)e.__resize_legacy_resize_handler__=function(){S(e)},e.attachEvent("onresize",e.__resize_legacy_resize_handler__),document.addEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);else if(A||(L=Ee(ke)),Oe(e),e.__resize_rendered__=O(e).rendered,window.MutationObserver){var l=new MutationObserver(e.__resize_mutation_handler__);l.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.__resize_mutation_observer__=l}}e.__resize_listeners__.push(a),A++}function Ne(e,a){var t=e.__resize_listeners__;if(t){if(a&&t.splice(t.indexOf(a),1),!t.length||!a){if(e.detachEvent&&e.removeEventListener){e.detachEvent("onresize",e.__resize_legacy_resize_handler__),document.removeEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);return}e.__resize_observer__?(e.__resize_observer__.unobserve(e),e.__resize_observer__.disconnect(),e.__resize_observer__=null):(e.__resize_mutation_observer__&&(e.__resize_mutation_observer__.disconnect(),e.__resize_mutation_observer__=null),e.removeEventListener("scroll",B),e.removeChild(e.__resize_triggers__.triggers),e.__resize_triggers__=null),e.__resize_listeners__=null}!--A&&L&&L.parentNode.removeChild(L)}}function qe(e){var a=e.__resize_last__,t=a.width,r=a.height,i=e.offsetWidth,o=e.offsetHeight;return i!==t||o!==r?{width:i,height:o}:null}function He(){var e=O(this),a=e.rendered,t=e.detached;a!==this.__resize_rendered__&&(!t&&this.__resize_triggers__&&(F(this),this.addEventListener("scroll",B,!0)),this.__resize_rendered__=a,S(this))}function B(){var e=this;F(this),this.__resize_raf__&&Pe(this.__resize_raf__),this.__resize_raf__=Se(function(){var a=qe(e);a&&(e.__resize_last__=a,S(e))})}function S(e){!e||!e.__resize_listeners__||e.__resize_listeners__.forEach(function(a){a.call(e,e)})}function Oe(e){var a=ie(e,"position");(!a||a==="static")&&(e.style.position="relative"),e.__resize_old_position__=a,e.__resize_last__={};var t=z("div",{className:"resize-triggers"}),r=z("div",{className:"resize-expand-trigger"}),i=z("div"),o=z("div",{className:"resize-contract-trigger"});r.appendChild(i),t.appendChild(r),t.appendChild(o),e.appendChild(t),e.__resize_triggers__={triggers:t,expand:r,expandChild:i,contract:o},F(e),e.addEventListener("scroll",B,!0),e.__resize_last__={width:e.offsetWidth,height:e.offsetHeight}}function F(e){var a=e.__resize_triggers__,t=a.expand,r=a.expandChild,i=a.contract,o=i.scrollWidth,n=i.scrollHeight,p=t.offsetWidth,d=t.offsetHeight,l=t.scrollWidth,f=t.scrollHeight;i.scrollLeft=o,i.scrollTop=n,r.style.width=p+1+"px",r.style.height=d+1+"px",t.scrollLeft=l,t.scrollTop=f}const Ae=["aria-label"];var le=se({__name:"text-clamp",props:{text:{type:String,required:!0},maxHeight:{type:[String,Number],required:!1},maxLines:{type:Number,required:!1},expanded:{type:Boolean,required:!1,default:!1},location:{type:String,required:!1,default:"end"},ellipsis:{type:String,required:!1,default:"…"},autoResize:{type:Boolean,required:!1,default:!1}},emits:["clamp-change","update:expanded"],setup(e,{emit:a}){const t=e,r=C(null),i=C(null),o=C(null),n=xe({offset:0,localExpanded:!!t.expanded,unregisterResizeCallback:null}),p=v(()=>{if(!n.localExpanded&&t.maxHeight)return typeof(t==null?void 0:t.maxHeight)=="number"?`${t==null?void 0:t.maxHeight}px`:t==null?void 0:t.maxHeight}),d=()=>{o.value&&(o.value.textContent=ue.value)},l=()=>{n.localExpanded||(d(),(h()||c.value)&&E())},f=()=>{t.text&&(n.offset=t.text.length,V(),t.autoResize&&r.value&&(Re(r.value,l),n.unregisterResizeCallback=()=>{r.value&&Ne(r.value,l)}),l())},V=()=>{var s;(s=n.unregisterResizeCallback)==null||s.call(n)},h=()=>!(!t.maxLines&&!t.maxHeight)&&!!r.value&&(!!(t.maxLines&&P()>t.maxLines)||!!(t.maxHeight&&r.value.scrollHeight>r.value.offsetHeight)),P=()=>i.value?Object.keys(Array.prototype.slice.call(i.value.getClientRects()).reduce((s,{top:u,bottom:_})=>{const m=`${u}/${_}`;return s[m]||(s[m]=!0),s},{})).length:0,E=(...s)=>{const[u=0,_=n.offset]=s;if(_-u<=3)return void de();const m=Math.floor((_+u)/2);k(m),h()?E(u,m):E(m,_)},k=s=>{n.offset=s,d()},de=()=>{pe(),ce()},pe=()=>{for(;(!h()||P()<2)&&n.offset<t.text.length;)j(1)},ce=()=>{for(;h()&&P()>1&&n.offset>0;)j(-1)},j=s=>{k(n.offset+s)},c=v(()=>!!t.text&&n.offset!==t.text.length);x(()=>c.value,s=>{setTimeout(()=>{a("clamp-change",s)},0)},{immediate:!0});const ue=v(()=>c.value?me.value:t.text),me=v(()=>{if(t.location==="start")return t.ellipsis+(t.text.slice(-n.offset)||"").trim();if(t.location==="middle"){const s=Math.floor(n.offset/2);return(t.text.slice(0,s)||"").trim()+t.ellipsis+(t.text.slice(-s)||"").trim()}return(t.text.slice(0,n.offset)||"").trim()+t.ellipsis}),D=()=>{n.localExpanded=!0},W=()=>{n.localExpanded=!1},I=()=>{n.localExpanded=!n.localExpanded};return x(()=>t.expanded,s=>{n.localExpanded=s}),x(()=>n.localExpanded,s=>{s?k(t.text.length):l(),t.expanded!==s&&a("update:expanded",s)}),x(()=>[t.maxLines,t.maxHeight,t.ellipsis,t.location,c.value].join(),()=>{X(()=>{l()})}),x(()=>[t.text,t.autoResize].join(),()=>{X(()=>{f()})}),fe(()=>{V()}),_e(()=>{f()}),(s,u)=>(q(),ge("div",{ref_key:"textClampRef",ref:r,class:"text-clamp",style:he({overflow:"hidden",maxHeight:g(p)})},[U("span",{ref_key:"contentRef",ref:i},[H(s.$slots,"before",{expand:D,collapse:W,toggle:I,clamped:g(c),expanded:n.localExpanded}),U("span",{ref_key:"textRef",ref:o,"aria-label":e.text},null,8,Ae),H(s.$slots,"after",{expand:D,collapse:W,toggle:I,clamped:g(c),expanded:n.localExpanded})],512)],4))}});le.__file="package/text-clamp.vue";const Me=e=>(e.install=function(a){a.component(e.__name,e)},e),$e=Me(le),Be=3,Fe="... ",T=se({name:"PzTextClamp",__name:"PzTextClamp",props:{text:{},maxContentLines:{default:Be},clampPostfix:{default:Fe},btnClass:{default:""},autoResize:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},expandLabel:{default:"Show more"},collapseLabel:{default:"Collapse"},typography:{}},emits:["update:expanded","clamp-change"],setup(e,{emit:a}){const t=a,r=o=>{t("update:expanded",o)},i=o=>{t("clamp-change",o)};return(o,n)=>(q(),Y(g($e),{text:e.text,"max-lines":e.maxContentLines,ellipsis:e.clampPostfix,expanded:e.expanded,"auto-resize":e.autoResize,class:ve(["pz-text-clamp",e.typography?`pz-typography--${e.typography}`:null]),"onUpdate:expanded":r,onClampChange:i},{after:G(({toggle:p,expanded:d,clamped:l})=>[H(o.$slots,"toggle",{toggle:p,expanded:d,clamped:l},()=>[l||d?(q(),Y(g(Le),{key:0,variant:"transparent",type:"button",typography:e.typography??"body-regular",class:"pz-text-clamp__btn",onClick:ze(p,["stop"])},{default:G(()=>[ye(be(d?e.collapseLabel:e.expandLabel),1)]),_:2},1032,["typography","onClick"])):we("",!0)],!0)]),_:3},8,["text","max-lines","ellipsis","expanded","auto-resize","class"]))}}),M=Te(T,[["__scopeId","data-v-82381675"]]);T.__docgenInfo=Object.assign({displayName:T.name??T.__name},{name:"PzTextClamp",exportName:"default",displayName:"PzTextClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"MAX_CONTENT_LINES"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"DEFAULT_CLAMP_POSTFIX"}},{name:"btnClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"autoResize",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expandLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Show more"'}},{name:"collapseLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Collapse"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],events:[{name:"update:expanded",type:{names:["boolean"]}},{name:"clamp-change",type:{names:["boolean"]}}],slots:[{name:"toggle",scoped:!0,bindings:[{name:"toggle",title:"binding"},{name:"expanded",title:"binding"},{name:"clamped",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzTextClamp/PzTextClamp.vue"]});const $=[{kicker:"News teaser",title:"Two lines with default toggle",text:"The procurement framework for recovery projects should remain readable even when editors add dense context, supporting details, and legal clarifications into a single preview paragraph.",maxContentLines:2},{kicker:"Tender summary",title:"Three lines with longer body copy",text:"Prozorro teams often need the first block of text to stay compact inside cards, while still giving visitors a way to reveal the full explanation, deadlines, and rationale without leaving the page context.",maxContentLines:3},{kicker:"Always expanded",title:"Controlled expanded state",text:"This example starts opened to show that the wrapper supports v-model style control through update:expanded and still keeps the same text treatment as the collapsed variant.",maxContentLines:2,expanded:!0}],Ve=e=>`<template>
2
+ <PzTextClamp ${[`text="${e.text}"`,e.maxContentLines!==3?`:max-content-lines="${e.maxContentLines}"`:null,e.clampPostfix!=="... "?`clamp-postfix="${e.clampPostfix}"`:null,e.expandLabel!=="Show more"?`expand-label="${e.expandLabel}"`:null,e.collapseLabel!=="Collapse"?`collapse-label="${e.collapseLabel}"`:null,e.expanded?':expanded="true"':null].filter(t=>!!t).join(" ")} />
3
+ </template>`,je=()=>`<template>
4
+ <PzTextClamp
5
+ text="Long procurement summary that needs a custom action."
6
+ :max-content-lines="2"
7
+ >
8
+ <template #toggle="{ toggle, expanded, clamped }">
9
+ <button
10
+ v-if="clamped || expanded"
11
+ type="button"
12
+ class="custom-toggle"
13
+ @click="toggle"
14
+ >
15
+ {{ expanded ? "Hide details" : "Open full text" }}
16
+ </button>
17
+ </template>
18
+ </PzTextClamp>
19
+ </template>`,De={title:"Components/Text/PzTextClamp",component:M,parameters:{prototype:{caption:"Text clamp component",note:"Built as a thin wrapper over vue3-text-clamp, reusing the old text/max-lines/postfix/button-class contract and replacing app-specific translations with explicit labels and a toggle slot."},docs:{description:{component:"Use `PzTextClamp` for compact previews of long copy. It defaults to the `body-regular` text style, exposes the old clamp props, and supports toggle customization through `v-model:expanded` and the `toggle` slot."},source:{transform:(e,a)=>Ve(a.args??De.args)}}},args:{text:$[1].text,maxContentLines:3,clampPostfix:"... ",btnClass:"",autoResize:!0,expanded:!1,expandLabel:"Show more",collapseLabel:"Collapse",typography:void 0,title:"Long-form card description"},argTypes:{text:{control:"text",description:"Source text rendered by the clamp component."},maxContentLines:{control:{type:"number",min:1,max:8,step:1},description:"Maximum number of visible lines before the text is clamped."},clampPostfix:{control:"text",description:"String appended to the truncated text."},btnClass:{control:"text",description:"Additional class names applied to the default toggle button."},autoResize:{control:"boolean",description:"Recalculates clamping on layout changes."},expanded:{control:"boolean",description:"Controlled expanded state."},expandLabel:{control:"text",description:"Default label shown while the text is collapsed."},collapseLabel:{control:"text",description:"Default label shown while the text is expanded."},typography:{control:"select",options:[void 0,...Ce],description:"Overrides typography using a PzText variant."},title:{control:"text",description:"Preview heading used in the story only.",table:{category:"Story"}}},render:e=>({components:{pzText:oe,pzTextClamp:M},setup(){const a=C(!!e.expanded);return x(()=>e.expanded,t=>{a.value=!!t}),{args:e,expanded:a,clampStories:$}},template:`
20
+ <div class="pz-text-clamp-story">
21
+ <section class="pz-text-clamp-story-hero">
22
+ <div class="pz-text-clamp-story-copy">
23
+ <span class="pz-text-clamp-story-eyebrow">Body Regular by default</span>
24
+ <pz-text variant="h4-bold">{{ args.title }}</pz-text>
25
+ <pz-text variant="body-regular">
26
+ Clamp long editorial or procurement copy without creating new typography rules for each surface.
27
+ </pz-text>
28
+ </div>
29
+
30
+ <div class="pz-text-clamp-story-preview">
31
+ <pz-text variant="small-semibold" as="span" class="pz-text-clamp-story-chip">
32
+ {{ expanded ? "expanded" : "collapsed" }}
33
+ </pz-text>
34
+
35
+ <pz-text-clamp
36
+ :text="args.text"
37
+ :max-content-lines="args.maxContentLines"
38
+ :clamp-postfix="args.clampPostfix"
39
+ :btn-class="args.btnClass"
40
+ :auto-resize="args.autoResize"
41
+ :expanded="expanded"
42
+ :expand-label="args.expandLabel"
43
+ :collapse-label="args.collapseLabel"
44
+ :typography="args.typography"
45
+ @update:expanded="expanded = $event"
46
+ />
47
+ </div>
48
+ </section>
49
+
50
+ <section class="pz-text-clamp-story-grid">
51
+ <article
52
+ v-for="item in clampStories"
53
+ :key="item.title"
54
+ class="pz-text-clamp-story-card"
55
+ >
56
+ <div class="pz-text-clamp-story-card-header">
57
+ <span class="pz-text-clamp-story-kicker">{{ item.kicker }}</span>
58
+ <pz-text variant="body-semibold">{{ item.title }}</pz-text>
59
+ </div>
60
+
61
+ <pz-text-clamp
62
+ :text="item.text"
63
+ :max-content-lines="item.maxContentLines"
64
+ :expanded="item.expanded"
65
+ />
66
+ </article>
67
+ </section>
68
+ </div>
69
+ `})},y={},b={args:{text:$[0].text,maxContentLines:2,title:"News teaser"}},w={parameters:{docs:{source:{code:je()}}},render:()=>({components:{pzText:oe,pzTextClamp:M},setup(){return{text:"Publishing teams can replace the default inline action with a branded control while keeping the same clamp behavior and the same underlying library implementation."}},template:`
70
+ <div class="pz-text-clamp-story">
71
+ <section class="pz-text-clamp-story-hero">
72
+ <div class="pz-text-clamp-story-copy">
73
+ <span class="pz-text-clamp-story-eyebrow">Toggle slot</span>
74
+ <pz-text variant="h4-bold">Custom action content</pz-text>
75
+ </div>
76
+
77
+ <div class="pz-text-clamp-story-preview">
78
+ <pz-text-clamp
79
+ :text="text"
80
+ :max-content-lines="2"
81
+ >
82
+ <template #toggle="{ toggle, expanded, clamped }">
83
+ <button
84
+ v-if="clamped || expanded"
85
+ type="button"
86
+ class="pz-text-clamp-story-custom-toggle"
87
+ @click="toggle"
88
+ >
89
+ {{ expanded ? "Hide details" : "Open full text" }}
90
+ </button>
91
+ </template>
92
+ </pz-text-clamp>
93
+ </div>
94
+ </section>
95
+ </div>
96
+ `})};var J,K,Q;y.parameters={...y.parameters,docs:{...(J=y.parameters)==null?void 0:J.docs,source:{originalSource:"{}",...(Q=(K=y.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var Z,ee,te;b.parameters={...b.parameters,docs:{...(Z=b.parameters)==null?void 0:Z.docs,source:{originalSource:`{
97
+ args: {
98
+ text: clampStories[0].text,
99
+ maxContentLines: 2,
100
+ title: "News teaser"
101
+ }
102
+ }`,...(te=(ee=b.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,ne,re;w.parameters={...w.parameters,docs:{...(ae=w.parameters)==null?void 0:ae.docs,source:{originalSource:`{
103
+ parameters: {
104
+ docs: {
105
+ source: {
106
+ code: buildSlotSource()
107
+ }
108
+ }
109
+ },
110
+ render: () => ({
111
+ components: {
112
+ pzText: PzText,
113
+ pzTextClamp: PzTextClamp
114
+ },
115
+ setup() {
116
+ const text = "Publishing teams can replace the default inline action with a branded control while keeping the same clamp behavior and the same underlying library implementation.";
117
+ return {
118
+ text
119
+ };
120
+ },
121
+ template: \`
122
+ <div class="pz-text-clamp-story">
123
+ <section class="pz-text-clamp-story-hero">
124
+ <div class="pz-text-clamp-story-copy">
125
+ <span class="pz-text-clamp-story-eyebrow">Toggle slot</span>
126
+ <pz-text variant="h4-bold">Custom action content</pz-text>
127
+ </div>
128
+
129
+ <div class="pz-text-clamp-story-preview">
130
+ <pz-text-clamp
131
+ :text="text"
132
+ :max-content-lines="2"
133
+ >
134
+ <template #toggle="{ toggle, expanded, clamped }">
135
+ <button
136
+ v-if="clamped || expanded"
137
+ type="button"
138
+ class="pz-text-clamp-story-custom-toggle"
139
+ @click="toggle"
140
+ >
141
+ {{ expanded ? "Hide details" : "Open full text" }}
142
+ </button>
143
+ </template>
144
+ </pz-text-clamp>
145
+ </div>
146
+ </section>
147
+ </div>
148
+ \`
149
+ })
150
+ }`,...(re=(ne=w.parameters)==null?void 0:ne.docs)==null?void 0:re.source}}};const Je=["Playground","TwoLines","CustomToggle"];export{w as CustomToggle,y as Playground,b as TwoLines,Je as __namedExportsOrder,De as default};
@@ -0,0 +1 @@
1
+ .pz-textarea[data-v-2c726136]{--pz-textarea-background: var(--pz-color-white);--pz-textarea-border: var(--pz-color-grey-30);--pz-textarea-text: var(--pz-color-text-primary);--pz-textarea-placeholder: var(--pz-color-grey-50);--pz-textarea-counter: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-textarea-text);overflow-wrap:break-word;font-size:var(--pz-textarea-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-textarea-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-textarea-line-height, var(--pz-typography-line-height, 1.5))}.pz-textarea-wrap[data-v-2c726136]{position:relative;display:block}.pz-textarea-control[data-v-2c726136]{display:block;width:100%;padding:var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-textarea-border);background-color:var(--pz-textarea-background);color:var(--pz-textarea-text);font:inherit;resize:none}.pz-textarea-control[data-v-2c726136]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-textarea-control[data-v-2c726136]::placeholder{color:var(--pz-textarea-placeholder)}.pz-textarea-control[data-v-2c726136]:disabled{--pz-textarea-background: transparent;--pz-textarea-text: var(--pz-color-grey-40);--pz-textarea-placeholder: var(--pz-color-grey-40);--pz-textarea-counter: var(--pz-color-grey-40);cursor:default;resize:none}.pz-textarea-control--counted[data-v-2c726136]{padding-bottom:var(--pz-space-32)}.pz-textarea-readonly[data-v-2c726136]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none}.pz-textarea-counter[data-v-2c726136]{position:absolute;right:var(--pz-space-12);bottom:var(--pz-space-12);color:var(--pz-textarea-counter);overflow-wrap:break-word;font-size:var(--pz-textarea-counter-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-textarea-counter-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-textarea-counter-line-height, var(--pz-typography-line-height, 1.5))}.pz-textarea-error[data-v-2c726136]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);overflow-wrap:break-word;font-size:var(--pz-textarea-error-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-textarea-error-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-textarea-error-line-height, var(--pz-typography-line-height, 1.5))}.pz-textarea.error .pz-textarea-control[data-v-2c726136]{border-color:var(--pz-color-red-50)}
@@ -1,9 +1,9 @@
1
- import{d as q,X as P,e as n,z as _,D as T,u as M,f as x,Y as b,o as d,Z as S,k as B,a0 as $,t as u,y as z,g as k,r,w as N}from"./iframe-C0Tj7XHr.js";import{P as C}from"./PzText-BQZq8EVF.js";import{P as I}from"./PzLabel-De4xOP9y.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const F={key:0,class:"pz-textarea-wrap"},j=["id","placeholder","disabled","maxlength","required","rows"],A={key:0,class:"pz-textarea-counter"},E=["id"],L={key:2,class:"pz-textarea-error"},c=q({name:"PzTextarea",__name:"PzTextarea",props:b({name:{},modelValue:{},label:{default:""},placeholder:{default:""},errorMessage:{default:""},counted:{type:Boolean,default:!1},maxSize:{default:1e3},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},rows:{default:4}},{modelValue:{default:""},modelModifiers:{}}),emits:b(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:l}){const a=e,i=l,o=P(e,"modelValue"),m=k(()=>o.value.length);return(f,t)=>(d(),n("div",{class:x(["pz-textarea",{error:!!a.errorMessage,disabled:a.disabled}])},[_(M(I),{label:a.label,for:a.name,required:a.required,disabled:a.disabled},{default:T(()=>[a.editable?(d(),n("span",F,[S(B("textarea",{id:a.name,"onUpdate:modelValue":t[0]||(t[0]=s=>o.value=s),placeholder:a.placeholder,disabled:a.disabled,maxlength:a.counted?a.maxSize:void 0,required:a.required,rows:a.rows,class:x(["pz-textarea-control",{"pz-textarea-control--counted":a.counted}]),onBlur:t[1]||(t[1]=s=>i("blur")),onFocus:t[2]||(t[2]=s=>i("focus"))},null,42,j),[[$,o.value]]),a.counted?(d(),n("span",A,u(m.value)+"/"+u(a.maxSize),1)):z("",!0)])):(d(),n("div",{key:1,id:a.name,class:"pz-textarea-readonly"},u(o.value),9,E)),a.errorMessage?(d(),n("span",L,u(a.errorMessage),1)):z("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),v=D(c,[["__scopeId","data-v-2c726136"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzTextarea",exportName:"default",displayName:"PzTextarea",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"rows",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"4"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzTextarea/PzTextarea.vue"]});const V=2,O=e=>`<template>
1
+ import{d as q,U as P,e as n,u as _,A as T,v as M,f as x,V as b,o as d,W as S,q as B,Z as $,t as u,p as v,g as k,r,w as N}from"./iframe-yhLt8Lok.js";import{P as C}from"./PzText-OlPU47Sz.js";import{P as I}from"./PzLabel-BAPh5yk-.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j={key:0,class:"pz-textarea-wrap"},A=["id","placeholder","disabled","maxlength","required","rows"],D={key:0,class:"pz-textarea-counter"},U=["id"],E={key:2,class:"pz-textarea-error"},c=q({name:"PzTextarea",__name:"PzTextarea",props:b({name:{},modelValue:{},label:{default:""},placeholder:{default:""},errorMessage:{default:""},counted:{type:Boolean,default:!1},maxSize:{default:1e3},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},rows:{default:4}},{modelValue:{default:""},modelModifiers:{}}),emits:b(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:l}){const a=e,i=l,o=P(e,"modelValue"),m=k(()=>o.value.length);return(f,t)=>(d(),n("div",{class:x(["pz-textarea",{error:!!a.errorMessage,disabled:a.disabled}])},[_(M(I),{label:a.label,for:a.name,required:a.required,disabled:a.disabled},{default:T(()=>[a.editable?(d(),n("span",j,[S(B("textarea",{id:a.name,"onUpdate:modelValue":t[0]||(t[0]=s=>o.value=s),placeholder:a.placeholder,disabled:a.disabled,maxlength:a.counted?a.maxSize:void 0,required:a.required,rows:a.rows,class:x(["pz-textarea-control",{"pz-textarea-control--counted":a.counted}]),onBlur:t[1]||(t[1]=s=>i("blur")),onFocus:t[2]||(t[2]=s=>i("focus"))},null,42,A),[[$,o.value]]),a.counted?(d(),n("span",D,u(m.value)+"/"+u(a.maxSize),1)):v("",!0)])):(d(),n("div",{key:1,id:a.name,class:"pz-textarea-readonly"},u(o.value),9,U)),a.errorMessage?(d(),n("span",E,u(a.errorMessage),1)):v("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),z=F(c,[["__scopeId","data-v-2c726136"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzTextarea",exportName:"default",displayName:"PzTextarea",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"rows",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"4"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzTextarea/PzTextarea.vue"]});const w=2,L=e=>`<template>
2
2
  <PzTextarea
3
3
  v-model="value"
4
- ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.counted?':counted="true"':null,e.maxSize?`:max-size="${e.maxSize}"`:null,e.rows&&e.rows!==V?`:rows="${e.rows}"`:null,e.errorMessage?`error-message="${e.errorMessage}"`:null].filter(a=>!!a).join(" ")}
4
+ ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.counted?':counted="true"':null,e.maxSize?`:max-size="${e.maxSize}"`:null,e.rows&&e.rows!==w?`:rows="${e.rows}"`:null,e.errorMessage?`error-message="${e.errorMessage}"`:null].filter(a=>!!a).join(" ")}
5
5
  />
6
- </template>`,U={title:"Components/Form/PzTextarea",component:v,parameters:{docs:{description:{component:"Use `PzTextarea` for multi-line text input. It follows the shared form patterns in the library, wraps the control with `PzLabel`, supports counters, validation feedback, and a display-only presentation mode."},source:{transform:(e,l)=>O(l.args??U.args)}}},args:{name:"pz-textarea-story",label:"Опис",modelValue:"",placeholder:"Введiть детальний опис...",errorMessage:"",counted:!1,maxSize:1e3,required:!1,disabled:!1,editable:!0,rows:V},argTypes:{name:{control:"text",description:"Native textarea `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},modelValue:{control:"text",description:"Поточне значення, прив'язане через `v-model`."},placeholder:{control:"text",description:"Пiдказка для порожнього поля."},errorMessage:{control:"text",description:"Повiдомлення про помилку пiд полем; одночасно вмикає error-стан."},counted:{control:"boolean",description:"Показує лiчильник символiв у правому нижньому кутi."},maxSize:{control:"number",description:"Максимальна довжина тексту для лiчильника та `maxlength`, коли `counted=true`."},required:{control:"boolean",description:"Позначає поле як обов'язкове."},disabled:{control:"boolean",description:"Блокує введення та застосовує приглушений стиль."},editable:{control:"boolean",description:"Коли `false`, компонент показує display-only представлення замiсть textarea."},rows:{control:"number",description:"Кiлькiсть рядкiв textarea."}},render:e=>({components:{pzTextarea:v,pzText:C},setup(){const l=r(e.modelValue??""),a=r("Спiльне значення для двох текстових полiв."),i=r(""),o=r(""),m=r("Короткий опис для прикладу лiчильника."),f=r("Текст, який потребує перевiрки."),t=r(`Перший рядок.
6
+ </template>`,O={title:"Components/Form/PzTextarea",component:z,parameters:{docs:{description:{component:"Use `PzTextarea` for multi-line text input. It follows the shared form patterns in the library, wraps the control with `PzLabel`, supports counters, validation feedback, and a display-only presentation mode."},source:{transform:(e,l)=>L(l.args??O.args)}}},args:{name:"pz-textarea-story",label:"Опис",modelValue:"",placeholder:"Введiть детальний опис...",errorMessage:"",counted:!1,maxSize:1e3,required:!1,disabled:!1,editable:!0,rows:w},argTypes:{name:{control:"text",description:"Native textarea `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},modelValue:{control:"text",description:"Поточне значення, прив'язане через `v-model`."},placeholder:{control:"text",description:"Пiдказка для порожнього поля."},errorMessage:{control:"text",description:"Повiдомлення про помилку пiд полем; одночасно вмикає error-стан."},counted:{control:"boolean",description:"Показує лiчильник символiв у правому нижньому кутi."},maxSize:{control:"number",description:"Максимальна довжина тексту для лiчильника та `maxlength`, коли `counted=true`."},required:{control:"boolean",description:"Позначає поле як обов'язкове."},disabled:{control:"boolean",description:"Блокує введення та застосовує приглушений стиль."},editable:{control:"boolean",description:"Коли `false`, компонент показує display-only представлення замiсть textarea."},rows:{control:"number",description:"Кiлькiсть рядкiв textarea."}},render:e=>({components:{pzTextarea:z,pzText:C},setup(){const l=r(e.modelValue??""),a=r("Спiльне значення для двох текстових полiв."),i=r(""),o=r(""),m=r("Короткий опис для прикладу лiчильника."),f=r("Текст, який потребує перевiрки."),t=r(`Перший рядок.
7
7
  Другий рядок.
8
8
  Третiй рядок.`),s=r("Просимо детально описати контекст звернення.");return N(()=>e.modelValue,g=>{l.value=g??""}),{args:e,value:l,sharedValue:a,defaultValue:i,requiredValue:o,countedValue:m,errorValue:f,previewValue:t,patternValue:s}},template:`
9
9
  <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 640px;">
@@ -62,7 +62,7 @@ import{d as q,X as P,e as n,z as _,D as T,u as M,f as x,Y as b,o as d,Z as S,k a
62
62
  </div>
63
63
  </section>
64
64
  </div>
65
- `})},p={parameters:{docs:{description:{story:"Iнтерактивний приклад `PzTextarea` з двостороннiм зв'язком, базовими станами та display-only представленням через `editable=false`."}}}};var y,h,w;p.parameters={...p.parameters,docs:{...(y=p.parameters)==null?void 0:y.docs,source:{originalSource:`{
65
+ `})},p={parameters:{docs:{description:{story:"Iнтерактивний приклад `PzTextarea` з двостороннiм зв'язком, базовими станами та display-only представленням через `editable=false`."}}}};var y,h,V;p.parameters={...p.parameters,docs:{...(y=p.parameters)==null?void 0:y.docs,source:{originalSource:`{
66
66
  parameters: {
67
67
  docs: {
68
68
  description: {
@@ -70,4 +70,4 @@ import{d as q,X as P,e as n,z as _,D as T,u as M,f as x,Y as b,o as d,Z as S,k a
70
70
  }
71
71
  }
72
72
  }
73
- }`,...(w=(h=p.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};const G=["Playground"];export{p as Playground,G as __namedExportsOrder,U as default};
73
+ }`,...(V=(h=p.parameters)==null?void 0:h.docs)==null?void 0:V.source}}};const J=["Playground"];export{p as Playground,J as __namedExportsOrder,O as default};
@@ -1,4 +1,4 @@
1
- import{r as c,g as z}from"./iframe-C0Tj7XHr.js";import{P as u}from"./PzText-BQZq8EVF.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";class s{static validQuery(t){const i={};return Object.keys(t).forEach(e=>{const a=t[e];Array.isArray(a)?i[e]=a.map(n=>s.validString(n)):i[e]=s.validString(a)}),i}static validString(t){return t==null?"":String(t).replace(/<[^>]*>/gim,"").trim()}}const m=o=>`<script setup lang="ts">
1
+ import{r as c,g as z}from"./iframe-yhLt8Lok.js";import{P as u}from"./PzText-OlPU47Sz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";class s{static validQuery(t){const i={};return Object.keys(t).forEach(e=>{const a=t[e];Array.isArray(a)?i[e]=a.map(n=>s.validString(n)):i[e]=s.validString(a)}),i}static validString(t){return t==null?"":String(t).replace(/<[^>]*>/gim,"").trim()}}const m=o=>`<script setup lang="ts">
2
2
  import { PzValidatorXSS } from "@prozorro/prozorro-ui";
3
3
 
4
4
  const input = "${o.testInput}";
@@ -1,4 +1,4 @@
1
- import{P as n}from"./PzText-BQZq8EVF.js";import"./iframe-C0Tj7XHr.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const p=[{token:"4",value:"4px",variable:"--pz-space-4",utility:"pz-m-4 / pz-p-4",note:"Gap between a title and its supporting text."},{token:"8",value:"8px",variable:"--pz-space-8",utility:"pz-m-8 / pz-p-8",note:"Gap between dependent text rows."},{token:"16",value:"16px",variable:"--pz-space-16",utility:"pz-m-16 / pz-p-16",note:"Spacing for title blocks, table content, and link groups."},{token:"20",value:"20px",variable:"--pz-space-20",utility:"pz-m-20 / pz-p-20",note:"Gap between equal elements."},{token:"24",value:"24px",variable:"--pz-space-24",utility:"pz-m-24 / pz-p-24",note:"Spacing for docs, dividers, and tab padding."},{token:"32",value:"32px",variable:"--pz-space-32",utility:"pz-m-32 / pz-p-32",note:"Inset from content to nested background edges."},{token:"40",value:"40px",variable:"--pz-space-40",utility:"pz-m-40 / pz-p-40",note:"Large inset inside nested content areas."},{token:"44",value:"44px",variable:"--pz-space-44",utility:"pz-m-44 / pz-p-44",note:"Gap between a header and content in cabinet layouts."},{token:"60",value:"60px",variable:"--pz-space-60",utility:"pz-m-60 / pz-p-60",note:"Gap between equal large blocks."}],s=[{title:"Margin utilities",note:"Outer spacing",items:[{name:".pz-m-*",description:"Margin on all sides."},{name:".pz-mt-* / .pz-mr-* / .pz-mb-* / .pz-ml-*",description:"Single-side margin utilities."},{name:".pz-mx-* / .pz-my-*",description:"Inline and block axis margin utilities."},{name:".pz-m-auto / .pz-mx-auto / .pz-my-auto",description:"Auto alignment helpers."}]},{title:"Padding utilities",note:"Inner spacing",items:[{name:".pz-p-*",description:"Padding on all sides."},{name:".pz-pt-* / .pz-pr-* / .pz-pb-* / .pz-pl-*",description:"Single-side padding utilities."},{name:".pz-px-* / .pz-py-*",description:"Inline and block axis padding utilities."}]}],o=[{name:"sm",prefix:".pz-{prop}-sm-{value}",minWidth:"≥ 576px",description:"Small viewports and up."},{name:"md",prefix:".pz-{prop}-md-{value}",minWidth:"≥ 768px",description:"Tablet breakpoint and up."},{name:"lg",prefix:".pz-{prop}-lg-{value}",minWidth:"≥ 1024px",description:"Large viewports and up."},{name:"xl",prefix:".pz-{prop}-xl-{value}",minWidth:"≥ 1200px",description:"Desktop breakpoint and up."},{name:"xxl",prefix:".pz-{prop}-xxl-{value}",minWidth:"≥ 1400px",description:"Wide displays and up."}],u={title:"Foundation/Spacing",parameters:{prototype:{caption:"Spacing scale",note:"Spacing token and utility reference for margin and padding helpers."},docs:{description:{component:"Spacing foundation for `@prozorro/prozorro-ui`. The utility module emits `pz-m-*` and `pz-p-*` classes backed by the shared `--pz-space-*` token scale aligned with the visible Figma spacing board."}}},render:()=>({components:{pzText:n},setup(){return{spacingTokens:p,utilityGroups:s,spacingBreakpoints:o}},template:`
1
+ import{P as n}from"./PzText-OlPU47Sz.js";import"./iframe-yhLt8Lok.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const p=[{token:"4",value:"4px",variable:"--pz-space-4",utility:"pz-m-4 / pz-p-4",note:"Gap between a title and its supporting text."},{token:"8",value:"8px",variable:"--pz-space-8",utility:"pz-m-8 / pz-p-8",note:"Gap between dependent text rows."},{token:"16",value:"16px",variable:"--pz-space-16",utility:"pz-m-16 / pz-p-16",note:"Spacing for title blocks, table content, and link groups."},{token:"20",value:"20px",variable:"--pz-space-20",utility:"pz-m-20 / pz-p-20",note:"Gap between equal elements."},{token:"24",value:"24px",variable:"--pz-space-24",utility:"pz-m-24 / pz-p-24",note:"Spacing for docs, dividers, and tab padding."},{token:"32",value:"32px",variable:"--pz-space-32",utility:"pz-m-32 / pz-p-32",note:"Inset from content to nested background edges."},{token:"40",value:"40px",variable:"--pz-space-40",utility:"pz-m-40 / pz-p-40",note:"Large inset inside nested content areas."},{token:"44",value:"44px",variable:"--pz-space-44",utility:"pz-m-44 / pz-p-44",note:"Gap between a header and content in cabinet layouts."},{token:"60",value:"60px",variable:"--pz-space-60",utility:"pz-m-60 / pz-p-60",note:"Gap between equal large blocks."}],s=[{title:"Margin utilities",note:"Outer spacing",items:[{name:".pz-m-*",description:"Margin on all sides."},{name:".pz-mt-* / .pz-mr-* / .pz-mb-* / .pz-ml-*",description:"Single-side margin utilities."},{name:".pz-mx-* / .pz-my-*",description:"Inline and block axis margin utilities."},{name:".pz-m-auto / .pz-mx-auto / .pz-my-auto",description:"Auto alignment helpers."}]},{title:"Padding utilities",note:"Inner spacing",items:[{name:".pz-p-*",description:"Padding on all sides."},{name:".pz-pt-* / .pz-pr-* / .pz-pb-* / .pz-pl-*",description:"Single-side padding utilities."},{name:".pz-px-* / .pz-py-*",description:"Inline and block axis padding utilities."}]}],o=[{name:"sm",prefix:".pz-{prop}-sm-{value}",minWidth:"≥ 576px",description:"Small viewports and up."},{name:"md",prefix:".pz-{prop}-md-{value}",minWidth:"≥ 768px",description:"Tablet breakpoint and up."},{name:"lg",prefix:".pz-{prop}-lg-{value}",minWidth:"≥ 1024px",description:"Large viewports and up."},{name:"xl",prefix:".pz-{prop}-xl-{value}",minWidth:"≥ 1200px",description:"Desktop breakpoint and up."},{name:"xxl",prefix:".pz-{prop}-xxl-{value}",minWidth:"≥ 1400px",description:"Wide displays and up."}],u={title:"Foundation/Spacing",parameters:{prototype:{caption:"Spacing scale",note:"Spacing token and utility reference for margin and padding helpers."},docs:{description:{component:"Spacing foundation for `@prozorro/prozorro-ui`. The utility module emits `pz-m-*` and `pz-p-*` classes backed by the shared `--pz-space-*` token scale aligned with the visible Figma spacing board."}}},render:()=>({components:{pzText:n},setup(){return{spacingTokens:p,utilityGroups:s,spacingBreakpoints:o}},template:`
2
2
  <div class="spacing-foundation">
3
3
  <section class="spacing-foundation-board">
4
4
  <header class="spacing-foundation-hero">
@@ -1,4 +1,4 @@
1
- import{P as p}from"./PzText-BQZq8EVF.js";import"./iframe-C0Tj7XHr.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const a=[{variant:"h1-bold",label:"Headline Bold 1",spec:"44px / 700 / 1.5"},{variant:"h1-regular",label:"Headline Regular 1",spec:"44px / 400 / 1.5"},{variant:"h2-bold",label:"Headline Bold 2",spec:"32px / 700 / 1.5"},{variant:"h3-bold",label:"Headline Bold 3",spec:"24px / 700 / 1.5"},{variant:"h3-regular",label:"Headline Regular 3",spec:"24px / 400 / 1.5"},{variant:"h4-regular",label:"Headline Regular 4",spec:"18px / 400 / 1.5"},{variant:"h4-semibold",label:"Headline Semibold 4",spec:"18px / 600 / 1.5"},{variant:"h4-bold",label:"Headline Bold 4",spec:"18px / 700 / 1.5"},{variant:"subtitle",label:"Subtitle",spec:"16px / 600 / 1.5"},{variant:"body-regular",label:"Body text regular",spec:"14px / 400 / 1.5"},{variant:"body-semibold",label:"Body text semibold",spec:"14px / 600 / 1.5"},{variant:"body-bold",label:"Body text bold",spec:"14px / 700 / 1.5"},{variant:"capitalized",label:"Capitalized text",spec:"14px / 400 / uppercase"},{variant:"hint",label:"Hint text",spec:"14px / 400 / muted"},{variant:"line-through",label:"Archived value",spec:"14px / 400 / strike"},{variant:"small-regular",label:"Small text regular",spec:"12px / 400 / 1.5"},{variant:"small-semibold",label:"Small text semibold",spec:"12px / 600 / 1.5"},{variant:"small-bold",label:"Small text bold",spec:"12px / 700 / 1.5"},{variant:"link",label:"Review procurement details",spec:"14px / 400 / underline"},{variant:"document",label:"Document text",spec:"14px / 400 / default"}],t=8,r=15,n=[{title:"Headlines",description:"Primary hierarchy for pages, sections and table headers.",items:a.slice(0,t)},{title:"Reading text",description:"Core editorial styles for descriptions, summaries and UI copy.",items:a.slice(t,r)},{title:"Utility styles",description:"Compact text styles for metadata, helpers and document references.",items:a.slice(r)}],x={title:"Foundation/Typography",parameters:{prototype:{caption:"Typography reference",note:"Foundation board for validating hierarchy, weight, and text semantics against the shared design-system scale."},docs:{description:{component:"Typography foundation reference. Use this page to review the full type scale and variant grouping; use `Components/Text/PzText` for the component API."}}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},render:o=>({components:{pzText:p},setup(){return{args:o,typographyReferenceGroups:n}},template:`
1
+ import{P as p}from"./PzText-OlPU47Sz.js";import"./iframe-yhLt8Lok.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const a=[{variant:"h1-bold",label:"Headline Bold 1",spec:"44px / 700 / 1.5"},{variant:"h1-regular",label:"Headline Regular 1",spec:"44px / 400 / 1.5"},{variant:"h2-bold",label:"Headline Bold 2",spec:"32px / 700 / 1.5"},{variant:"h3-bold",label:"Headline Bold 3",spec:"24px / 700 / 1.5"},{variant:"h3-regular",label:"Headline Regular 3",spec:"24px / 400 / 1.5"},{variant:"h4-regular",label:"Headline Regular 4",spec:"18px / 400 / 1.5"},{variant:"h4-semibold",label:"Headline Semibold 4",spec:"18px / 600 / 1.5"},{variant:"h4-bold",label:"Headline Bold 4",spec:"18px / 700 / 1.5"},{variant:"subtitle",label:"Subtitle",spec:"16px / 600 / 1.5"},{variant:"body-regular",label:"Body text regular",spec:"14px / 400 / 1.5"},{variant:"body-semibold",label:"Body text semibold",spec:"14px / 600 / 1.5"},{variant:"body-bold",label:"Body text bold",spec:"14px / 700 / 1.5"},{variant:"capitalized",label:"Capitalized text",spec:"14px / 400 / uppercase"},{variant:"hint",label:"Hint text",spec:"14px / 400 / muted"},{variant:"line-through",label:"Archived value",spec:"14px / 400 / strike"},{variant:"small-regular",label:"Small text regular",spec:"12px / 400 / 1.5"},{variant:"small-semibold",label:"Small text semibold",spec:"12px / 600 / 1.5"},{variant:"small-bold",label:"Small text bold",spec:"12px / 700 / 1.5"},{variant:"link",label:"Review procurement details",spec:"14px / 400 / underline"},{variant:"document",label:"Document text",spec:"14px / 400 / default"}],t=8,r=15,n=[{title:"Headlines",description:"Primary hierarchy for pages, sections and table headers.",items:a.slice(0,t)},{title:"Reading text",description:"Core editorial styles for descriptions, summaries and UI copy.",items:a.slice(t,r)},{title:"Utility styles",description:"Compact text styles for metadata, helpers and document references.",items:a.slice(r)}],x={title:"Foundation/Typography",parameters:{prototype:{caption:"Typography reference",note:"Foundation board for validating hierarchy, weight, and text semantics against the shared design-system scale."},docs:{description:{component:"Typography foundation reference. Use this page to review the full type scale and variant grouping; use `Components/Text/PzText` for the component API."}}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},render:o=>({components:{pzText:p},setup(){return{args:o,typographyReferenceGroups:n}},template:`
2
2
  <div class="pz-text-board">
3
3
  <section class="pz-text-board-hero">
4
4
  <div class="pz-text-board-hero-copy">