@prozorro/prozorro-ui 0.0.28-beta → 0.0.30-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/app/assets/{Color-FRDS63T2-Dd704kcZ.js → Color-FRDS63T2-CKOPK7JY.js} +1 -1
  2. package/dist/app/assets/{Colors.stories-C49Jdn11.js → Colors.stories-CvkK10uO.js} +1 -1
  3. package/dist/app/assets/{DocsRenderer-LL677BLK-BL_R3uhu.js → DocsRenderer-LL677BLK-DqBVMebG.js} +5 -5
  4. package/dist/app/assets/{Grid.stories-jwVLa1O3.js → Grid.stories-C1B2MCTY.js} +1 -1
  5. package/dist/app/assets/{PzAccordion-CZh368dO.js → PzAccordion-DoHC4MvO.js} +1 -1
  6. package/dist/app/assets/{PzAccordion.stories-BScXmPId.js → PzAccordion.stories-BbFpclsY.js} +1 -1
  7. package/dist/app/assets/{PzAccordionTable.stories-m5rCM5SN.js → PzAccordionTable.stories-DudErN7D.js} +1 -1
  8. package/dist/app/assets/{PzArrayClamp.stories-Ry5Dkwk5.js → PzArrayClamp.stories-BC25Allj.js} +3 -3
  9. package/dist/app/assets/{PzBreadcrumb.stories-CDbw_Ssz.js → PzBreadcrumb.stories-CTMmV8EN.js} +3 -3
  10. package/dist/app/assets/{PzBtn-k_UUIy0S.js → PzBtn-CtzgQtPT.js} +1 -1
  11. package/dist/app/assets/{PzBtn.stories-Bman4k-O.js → PzBtn.stories-DZtokZxl.js} +1 -1
  12. package/dist/app/assets/{PzCheckbox-QqhfHlB9.js → PzCheckbox-DMPmd-lS.js} +1 -1
  13. package/dist/app/assets/{PzCheckbox.stories-yBkDVL1C.js → PzCheckbox.stories-Cf9p5ISo.js} +1 -1
  14. package/dist/app/assets/{PzCheckboxGroup.stories-KQxjM_Cj.js → PzCheckboxGroup.stories-DZ5MDbed.js} +1 -1
  15. package/dist/app/assets/{PzCopyToClipboard.stories-DybnCJte.js → PzCopyToClipboard.stories-B-9reYL8.js} +3 -3
  16. package/dist/app/assets/{PzDate-CKXwz5_k.js → PzDate-CMNYXH-J.js} +1 -1
  17. package/dist/app/assets/PzDate-CjW2fw1X.css +1 -0
  18. package/dist/app/assets/{PzDate.stories-DtiQtCRI.js → PzDate.stories-B5fCkAnE.js} +1 -1
  19. package/dist/app/assets/{PzDateRange.stories-DA1PkQa9.js → PzDateRange.stories-CkOMRqau.js} +1 -1
  20. package/dist/app/assets/{PzDomHandler.stories-DIBW-SMr.js → PzDomHandler.stories-CM5l3cOz.js} +1 -1
  21. package/dist/app/assets/{PzDropdown.stories-DYl4tBFT.js → PzDropdown.stories-B1ghm6HL.js} +1 -1
  22. package/dist/app/assets/{PzFileInput.stories-CBbfMqeh.js → PzFileInput.stories-Dc0kHJel.js} +1 -1
  23. package/dist/app/assets/{PzGrid.stories-Cjhd89Rj.js → PzGrid.stories-BzgVLwJw.js} +1 -1
  24. package/dist/app/assets/{PzHint-BduXv8_9.js → PzHint-fPmDJyN-.js} +1 -1
  25. package/dist/app/assets/{PzHint.stories-ChfWxbFE.js → PzHint.stories-DiVq_TW9.js} +1 -1
  26. package/dist/app/assets/{PzIcon-MCV-dGW3.js → PzIcon-BdbVjL0H.js} +1 -1
  27. package/dist/app/assets/{PzIcon.stories-DhfzFkwj.js → PzIcon.stories-Btu0iypS.js} +1 -1
  28. package/dist/app/assets/{PzImage.stories-T3CvKE0f.js → PzImage.stories-DmOLfXjg.js} +1 -1
  29. package/dist/app/assets/{PzImageInput.stories-At6RmPU5.js → PzImageInput.stories-ChMhPk9Y.js} +2 -2
  30. package/dist/app/assets/{PzInfoBlockLayout.stories-CqIQf5VP.js → PzInfoBlockLayout.stories-CrcBGk77.js} +3 -3
  31. package/dist/app/assets/{PzInfoHint-DF9t6di5.js → PzInfoHint-CnIPovvR.js} +1 -1
  32. package/dist/app/assets/{PzInfoHint.stories-BuYocN41.js → PzInfoHint.stories-BWDcnV-N.js} +1 -1
  33. package/dist/app/assets/{PzInput.stories-C-ieWR1U.js → PzInput.stories-D-jOqCE7.js} +2 -2
  34. package/dist/app/assets/{PzInputDate.stories-D4XxfW70.js → PzInputDate.stories-BojQgiyx.js} +3 -3
  35. package/dist/app/assets/{PzInputNumber.stories-C8gsDfQn.js → PzInputNumber.stories-DPu5lUX3.js} +2 -2
  36. package/dist/app/assets/PzKeyValue-B_F78Oa_.css +1 -0
  37. package/dist/app/assets/PzKeyValue-DE_5MwOU.js +1 -0
  38. package/dist/app/assets/{PzKeyValue-DMKzKVDz.css → PzKeyValue-EPKiMoJ_.css} +1 -1
  39. package/dist/app/assets/PzKeyValue.stories-Ch7rIohv.js +270 -0
  40. package/dist/app/assets/{PzLabel-DPSvIY3K.js → PzLabel-Gzu6PYek.js} +1 -1
  41. package/dist/app/assets/{PzLabel.stories-Cf7SxNnZ.js → PzLabel.stories-sU44kjkl.js} +1 -1
  42. package/dist/app/assets/{PzLink-DA5z5j3V.js → PzLink-2i4WT3xP.js} +1 -1
  43. package/dist/app/assets/{PzLink.stories-CilCNgEy.js → PzLink.stories-CIlQFKmI.js} +1 -1
  44. package/dist/app/assets/PzListNav-CXXZQEhr.css +1 -0
  45. package/dist/app/assets/PzListNav-Crese7l7.css +1 -0
  46. package/dist/app/assets/PzListNav-DL5w2QO1.js +1 -0
  47. package/dist/app/assets/PzListNav.stories-Vy2pvzcF.js +37 -0
  48. package/dist/app/assets/PzLoader.stories-fYXrYBnU.js +9 -0
  49. package/dist/app/assets/{PzModal.stories-DydDykCD.js → PzModal.stories-BgV1cln1.js} +4 -4
  50. package/dist/app/assets/{PzMultiSelect.stories-DhS2MGWw.js → PzMultiSelect.stories-D1cXlPuB.js} +3 -3
  51. package/dist/app/assets/{PzNav.stories-BLzjKEPZ.js → PzNav.stories-06NpLdFq.js} +5 -5
  52. package/dist/app/assets/{PzNumberFormat.stories-C9JM7BId.js → PzNumberFormat.stories-B0hgoW2t.js} +1 -1
  53. package/dist/app/assets/{PzPagination-DG1AHfKf.js → PzPagination-CZaMx9WU.js} +1 -1
  54. package/dist/app/assets/{PzPagination.stories-Bz_RHJis.js → PzPagination.stories-C2DVYleV.js} +1 -1
  55. package/dist/app/assets/PzPaginationProvider.stories-CwQH5PY-.js +82 -0
  56. package/dist/app/assets/{PzPriceFormat.stories-DwBA8RKo.js → PzPriceFormat.stories-CCAQMOOa.js} +1 -1
  57. package/dist/app/assets/{PzRadioGroup.stories-ctysa4zU.js → PzRadioGroup.stories-BrWxtBVa.js} +2 -2
  58. package/dist/app/assets/{PzRouterLink.stories-ON1893ha.js → PzRouterLink.stories-BwkWGEsn.js} +2 -2
  59. package/dist/app/assets/PzScrollTo-KuzwcV-o.js +1 -0
  60. package/dist/app/assets/{PzScrollTo.stories-BoFQTMWv.js → PzScrollTo.stories-CGQMejEn.js} +6 -6
  61. package/dist/app/assets/{PzSearchResultItemLayout.stories-DQhAx4Zo.js → PzSearchResultItemLayout.stories-DSuGh0y8.js} +1 -1
  62. package/dist/app/assets/{PzSelect-DQG4TsOy.js → PzSelect-RbDy3aSL.js} +1 -1
  63. package/dist/app/assets/{PzSelect.stories-7RJXivhF.js → PzSelect.stories-DsZN8zgO.js} +1 -1
  64. package/dist/app/assets/{PzSkeleton-Bj06OhMO.js → PzSkeleton-CAFgMJpB.js} +1 -1
  65. package/dist/app/assets/{PzSkeleton.stories-C3oEq_VU.js → PzSkeleton.stories-C2xEUWUB.js} +1 -1
  66. package/dist/app/assets/PzStatus-BAANjGNZ.js +1 -0
  67. package/dist/app/assets/{PzStatus.stories-3cVjp4CB.js → PzStatus.stories-Cq7HXr8w.js} +1 -1
  68. package/dist/app/assets/PzTable-DfkZeSKE.js +1 -0
  69. package/dist/app/assets/{PzTable.stories-CXBQ_GAt.js → PzTable.stories-BX99lCIl.js} +1 -1
  70. package/dist/app/assets/PzTablePaginationProvider.stories-D2PVnmym.js +32 -0
  71. package/dist/app/assets/{PzTabs.stories-oQHCFe01.js → PzTabs.stories-DYSuP3gJ.js} +3 -3
  72. package/dist/app/assets/PzTag-CAGZAy4m.js +1 -0
  73. package/dist/app/assets/{PzTag.stories-CjpBttWo.js → PzTag.stories-DDKo9LVA.js} +1 -1
  74. package/dist/app/assets/{PzText-BT7AGrPb.js → PzText-wVfv1pWv.js} +1 -1
  75. package/dist/app/assets/{PzText.stories-Cv-pXCFb.js → PzText.stories-Cbjiu4wR.js} +1 -1
  76. package/dist/app/assets/{PzTextClamp.stories-BP79QbN2.js → PzTextClamp.stories-C45ZJSNG.js} +2 -2
  77. package/dist/app/assets/{PzTextarea.stories-DBs784w8.js → PzTextarea.stories-B8AwmKlM.js} +3 -3
  78. package/dist/app/assets/{PzValidatorXSS.stories-B807Ww2_.js → PzValidatorXSS.stories-AfDspiE4.js} +1 -1
  79. package/dist/app/assets/{Spacing.stories-DFcOsREL.js → Spacing.stories-BUYW6nhY.js} +1 -1
  80. package/dist/app/assets/StaticPagination.composable-HjC3V8oE.js +1 -0
  81. package/dist/app/assets/{Typography.stories-DgBmq0vO.js → Typography.stories-BBRytD8w.js} +1 -1
  82. package/dist/app/assets/{WithTooltip-65CFNBJE-Dz7V0K3L.js → WithTooltip-65CFNBJE-BC83oSO9.js} +1 -1
  83. package/dist/app/assets/{floating-vue-BFh4npJ3.js → floating-vue-C3YQ4ztE.js} +1 -1
  84. package/dist/app/assets/{floating-vue-wDudfl6h.js → floating-vue-DNwAdjS6.js} +1 -1
  85. package/dist/app/assets/{formatter-EIJCOSYU-BeaOg5sT.js → formatter-EIJCOSYU-oRsfMJQm.js} +1 -1
  86. package/dist/app/assets/{iframe-BDUXsDwQ.js → iframe-DnMxidy5.js} +75 -75
  87. package/dist/app/assets/{index-Jyn3aWU4.js → index-BChZP_pX.js} +1 -1
  88. package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-CFtcIfy3.js → syntaxhighlighter-OH4MV7E3-DuNL3Rlp.js} +1 -1
  89. package/dist/app/iframe.html +1 -1
  90. package/dist/app/index.json +1 -1
  91. package/dist/app/project.json +1 -1
  92. package/dist/components/Navigation/PzPaginationProvider/PzPaginationProvider.vue.d.ts +20 -0
  93. package/dist/components/Navigation/PzPaginationProvider/index.d.ts +2 -0
  94. package/dist/components/Navigation/PzPaginationProvider/types.d.ts +2 -0
  95. package/dist/components/Navigation/PzTablePaginationProvider/PzTablePaginationProvider.vue.d.ts +18 -0
  96. package/dist/components/Navigation/PzTablePaginationProvider/index.d.ts +2 -0
  97. package/dist/components/Navigation/PzTablePaginationProvider/types.d.ts +2 -0
  98. package/dist/components/Navigation/shared/StaticPagination.composable.d.ts +2 -0
  99. package/dist/components/Navigation/shared/types.d.ts +14 -0
  100. package/dist/index.d.ts +2 -0
  101. package/dist/package.json +1 -1
  102. package/dist/prozorro-ui.cjs +6 -6
  103. package/dist/prozorro-ui.js +2586 -2521
  104. package/dist/style.css +1 -1
  105. package/package.json +1 -1
  106. package/dist/app/assets/PzDate-I6Dz7zBB.css +0 -1
  107. package/dist/app/assets/PzKeyValue.stories-BfNMtQt6.js +0 -270
  108. package/dist/app/assets/PzListNav-DRMKw6wp.css +0 -1
  109. package/dist/app/assets/PzListNav.stories-wldoof1r.js +0 -37
  110. package/dist/app/assets/PzLoader.stories-DF_32eFy.js +0 -9
  111. package/dist/app/assets/PzStatus-CGDtOh05.js +0 -1
  112. package/dist/app/assets/PzTable-9MtujWyE.js +0 -1
  113. package/dist/app/assets/PzTag-CrMM4o3T.js +0 -1
@@ -1,4 +1,4 @@
1
- import{_ as i}from"./PzIcon-MCV-dGW3.js";import{P as l}from"./PzText-BT7AGrPb.js";import{P as r}from"./PzHint-BduXv8_9.js";import"./iframe-BDUXsDwQ.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-vue-BFh4npJ3.js";import"./floating-vue-wDudfl6h.js";const c=t=>`<template>
1
+ import{_ as i}from"./PzIcon-BdbVjL0H.js";import{P as l}from"./PzText-wVfv1pWv.js";import{P as r}from"./PzHint-fPmDJyN-.js";import"./iframe-DnMxidy5.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-vue-C3YQ4ztE.js";import"./floating-vue-DNwAdjS6.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{d as t,e as r,t as c,n as u,f as d,g as a,o as m}from"./iframe-BDUXsDwQ.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-DnMxidy5.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-BT7AGrPb.js";import{_ as n}from"./PzIcon-MCV-dGW3.js";import"./iframe-BDUXsDwQ.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-wVfv1pWv.js";import{_ as n}from"./PzIcon-BdbVjL0H.js";import"./iframe-DnMxidy5.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-BT7AGrPb.js";import{d as l,e as d,n as g,g as m,o as u}from"./iframe-BDUXsDwQ.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const z=["contain","cover","fill","none","scale-down"],y=["eager","lazy"],v=["auto","async","sync"],h=["src","alt","loading","decoding"],i=l({name:"PzImage",__name:"PzImage",props:{src:{},alt:{},fit:{default:"contain"},loading:{default:void 0},decoding:{default:"async"}},setup(e){const a=e,o=m(()=>({"--pz-image-fit":a.fit}));return(P,b)=>(u(),d("img",{class:"pz-image",src:a.src,alt:a.alt,loading:a.loading,decoding:a.decoding,style:g(o.value)},null,12,h))}}),s=f(i,[["__scopeId","data-v-d597634d"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzImage",exportName:"default",displayName:"PzImage",description:"",tags:{},props:[{name:"src",required:!0,type:{name:"string"}},{name:"alt",required:!0,type:{name:"string"}},{name:"fit",required:!1,type:{name:"PzImageFit"},defaultValue:{func:!1,value:'"contain"'}},{name:"loading",required:!1,type:{name:"PzImageLoading"},defaultValue:{func:!1,value:"undefined"}},{name:"decoding",required:!1,type:{name:"PzImageDecoding"},defaultValue:{func:!1,value:'"async"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzImage/PzImage.vue"]});const I=e=>`<template>
1
+ import{P as p}from"./PzText-wVfv1pWv.js";import{e as l,f as d,n as m,c as g,o as u}from"./iframe-DnMxidy5.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,4 +1,4 @@
1
- import{d as H,w as k,e as b,u as q,A as C,v as V,f as G,g as d,o as f,q as z,y as J,C as K,t as P,p as y,r as s}from"./iframe-BDUXsDwQ.js";import{P as Q}from"./PzText-BT7AGrPb.js";import{P as X}from"./PzBtn-k_UUIy0S.js";import{_ as Y}from"./PzIcon-MCV-dGW3.js";import{P as Z}from"./PzLabel-DPSvIY3K.js";import{c as B,d as x}from"./configs-CZIaFchr.js";import{_ as ee}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ae={class:"pz-image-input-wrap"},te={key:1,class:"pz-image-input-preview"},le=["src","alt"],ie=["aria-label"],ne=["id","name","accept","disabled"],re={class:"pz-image-input-helper"},se={key:0,class:"pz-image-input-error"},I=H({name:"PzImageInput",__name:"PzImageInput",props:{name:{},modelValue:{default:null},label:{default:""},extensions:{default:()=>[...x.acceptedExtensions]},maxSizeBytes:{default:x.maxSizeBytes},imageWidth:{default:x.imageWidth},imageHeight:{default:x.imageHeight},textConfig:{default:()=>({...B})},previewUrl:{default:""},errorMessage:{default:""},hasServerValidations:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},emits:["focus","blur","update:modelValue"],setup(e,{emit:o}){const a=e,m=o,v=s(null),p=s(""),c=s(""),u=d(()=>a.textConfig??B),E=d(()=>a.modelValue instanceof File),M=d(()=>!!a.previewUrl),U=d(()=>E.value||M.value),j=d(()=>p.value||a.previewUrl||""),T=d(()=>a.extensions.join(",")),w=d(()=>a.errorMessage||c.value);k(()=>a.modelValue,t=>{t instanceof File||(p.value="")});const F=()=>{var t;(t=v.value)==null||t.click()},A=(t,l,n)=>new Promise(i=>{if(!l&&!n){i(!0);return}const r=URL.createObjectURL(t),g=new Image;g.onload=()=>{URL.revokeObjectURL(r);const W=!l||g.naturalWidth===l,_=!n||g.naturalHeight===n;i(W&&_)},g.onerror=()=>{URL.revokeObjectURL(r),i(!1)},g.src=r}),N=t=>new Promise((l,n)=>{const i=new FileReader;i.onload=()=>{l(typeof i.result=="string"?i.result:"")},i.onerror=()=>n(i.error),i.readAsDataURL(t)}),$=async t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(r=>l.endsWith(r.toLowerCase()))?t.size>a.maxSizeBytes?u.value.fileTooLargeMessage:await A(t,a.imageWidth,a.imageHeight)?"":u.value.invalidDimensionsMessage:u.value.invalidExtensionMessage},O=async t=>{var r;const l=t.target,n=(r=l.files)==null?void 0:r[0];if(l.value="",c.value="",!n)return;const i=await $(n);if(i){c.value=i,p.value="",a.modelValue instanceof File&&m("update:modelValue",null);return}p.value=await N(n),m("update:modelValue",n)};return(t,l)=>(f(),b("div",{class:G(["pz-image-input",{error:!!w.value,disabled:e.disabled}])},[q(V(Z),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:C(()=>[z("div",ae,[e.editable&&!U.value?(f(),J(V(X),{key:0,variant:"primary-outline",type:"button",disabled:e.disabled,onClick:F},{default:C(()=>[K(P(u.value.buttonLabel),1)]),_:1},8,["disabled"])):y("",!0),U.value?(f(),b("div",te,[z("img",{src:j.value,alt:e.label||u.value.buttonLabel,class:"pz-image-input-preview-img"},null,8,le),e.editable&&!e.disabled?(f(),b("button",{key:0,type:"button",class:"pz-image-input-preview-edit","aria-label":u.value.editButtonLabel,onClick:F},[q(V(Y),{name:"edit",size:"16"})],8,ie)):y("",!0)])):y("",!0),z("input",{id:e.name,ref_key:"imageInputRef",ref:v,class:"pz-image-input-native",type:"file",name:e.name,accept:T.value,disabled:e.disabled||!e.editable,onChange:O,onFocus:l[0]||(l[0]=n=>m("focus")),onBlur:l[1]||(l[1]=n=>m("blur"))},null,40,ne)]),z("span",re,P(u.value.helperText),1),w.value?(f(),b("span",se,P(w.value),1)):y("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),D=ee(I,[["__scopeId","data-v-19081aea"]]);I.__docgenInfo=Object.assign({displayName:I.name??I.__name},{name:"PzImageInput",exportName:"default",displayName:"PzImageInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzImageInputValue"},defaultValue:{func:!1,value:"null"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormImageUploadRules.acceptedExtensions]"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.maxSizeBytes"}},{name:"imageWidth",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageWidth"}},{name:"imageHeight",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageHeight"}},{name:"textConfig",required:!1,type:{name:"PzFormImageInputTextConfig"},defaultValue:{func:!1,value:"() => ({ ...pzFormImageUploadTexts })"}},{name:"previewUrl",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"hasServerValidations",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzImageInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzImageInput/PzImageInput.vue"]});const oe=e=>`<template>
1
+ import{e as H,w as k,f as b,z as q,B,v as V,g as G,c as d,o as f,q as z,x as J,C as K,t as P,p as x,r as s}from"./iframe-DnMxidy5.js";import{P as Q}from"./PzText-wVfv1pWv.js";import{P as X}from"./PzBtn-CtzgQtPT.js";import{_ as Y}from"./PzIcon-BdbVjL0H.js";import{P as Z}from"./PzLabel-Gzu6PYek.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>
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(" ")}
@@ -106,4 +106,4 @@ import{d as H,w as k,e as b,u as q,A as C,v as V,f as G,g as d,o as f,q as z,y a
106
106
  }
107
107
  }
108
108
  }
109
- }`,...(S=(R=h.parameters)==null?void 0:R.docs)==null?void 0:S.source}}};const ye=["Playground"];export{h as Playground,ye as __namedExportsOrder,de as default};
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};
@@ -1,4 +1,4 @@
1
- import{_ as b}from"./PzIcon-MCV-dGW3.js";import{P as f}from"./PzText-BT7AGrPb.js";import{d as h,e as s,q as r,u as k,A as z,v as w,B as t,p as c,f as g,o as l,C as x,t as _}from"./iframe-BDUXsDwQ.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={class:"pz-info-block-layout-header"},T={key:0,class:"pz-info-block-layout-actions"},B={key:0,class:"pz-info-block-layout-helper"},i=h({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",P,[k(w(f),{variant:"h4-bold"},{default:z(()=>[t(o.$slots,"title",{},()=>[x(_(e.title),1)],!0)]),_:3}),o.$slots.right_section?(l(),s("div",T,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)]),o.$slots.heading?(l(),s("div",B,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:g(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),d=I(i,[["__scopeId","data-v-8ae473ea"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const A=["","tight"],L=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],R=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],N=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],O=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],S=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],$=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],D=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],H=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(v=>!!v).join(`
1
+ import{_ as b}from"./PzIcon-BdbVjL0H.js";import{P as f}from"./PzText-wVfv1pWv.js";import{e as h,f as s,q as r,z as k,B as z,v as w,y as t,p as c,g,o as l,C as x,t as _}from"./iframe-DnMxidy5.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={class:"pz-info-block-layout-header"},T={key:0,class:"pz-info-block-layout-actions"},B={key:0,class:"pz-info-block-layout-helper"},i=h({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",P,[k(w(f),{variant:"h4-bold"},{default:z(()=>[t(o.$slots,"title",{},()=>[x(_(e.title),1)],!0)]),_:3}),o.$slots.right_section?(l(),s("div",T,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)]),o.$slots.heading?(l(),s("div",B,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:g(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),p=I(i,[["__scopeId","data-v-8ae473ea"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const L=["","tight"],A=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],R=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],N=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],O=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],S=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],$=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],D=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],H=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(v=>!!v).join(`
2
2
  `),n=e.showHelper?`
3
3
  <template #heading>
4
4
  <a href="#" class="custom-helper-link">
@@ -23,7 +23,7 @@ import{_ as b}from"./PzIcon-MCV-dGW3.js";import{P as f}from"./PzText-BT7AGrPb.js
23
23
  </div>
24
24
  </div>
25
25
  </PzInfoBlockLayout>
26
- </template>`},U={title:"Components/Layouts/PzInfoBlockLayout",component:d,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>H(o.args??U.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:A,description:"Content spacing mode. Use `tight` for denser sections."},showActions:{control:"boolean",description:"Shows the `right_section` slot in the live preview.",table:{category:"Slots"}},showHelper:{control:"boolean",description:"Shows the `heading` slot in the live preview.",table:{category:"Slots"}},helperText:{control:"text",description:"Helper link copy used in the live preview.",table:{category:"Slots"}}},render:e=>({components:{pzIcon:b,pzInfoBlockLayout:d,pzText:f},setup(){return{args:e,customerInfoRows:R,deliveryColumns:$,deliveryRows:D,previewRows:L,purchaseColumns:O,purchaseInfoRows:N,purchaseRows:S}},template:`
26
+ </template>`},U={title:"Components/Layouts/PzInfoBlockLayout",component:p,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>H(o.args??U.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:L,description:"Content spacing mode. Use `tight` for denser sections."},showActions:{control:"boolean",description:"Shows the `right_section` slot in the live preview.",table:{category:"Slots"}},showHelper:{control:"boolean",description:"Shows the `heading` slot in the live preview.",table:{category:"Slots"}},helperText:{control:"text",description:"Helper link copy used in the live preview.",table:{category:"Slots"}}},render:e=>({components:{pzIcon:b,pzInfoBlockLayout:p,pzText:f},setup(){return{args:e,customerInfoRows:R,deliveryColumns:$,deliveryRows:D,previewRows:A,purchaseColumns:O,purchaseInfoRows:N,purchaseRows:S}},template:`
27
27
  <section class="pz-info-block-layout-story">
28
28
  <div class="pz-info-block-layout-story-hero">
29
29
  <div>
@@ -245,4 +245,4 @@ import{_ as b}from"./PzIcon-MCV-dGW3.js";import{P as f}from"./PzText-BT7AGrPb.js
245
245
  </section>
246
246
  </div>
247
247
  </section>
248
- `})},a={};var p,u,y;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(y=(u=a.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};const J=["Playground"];export{a as Playground,J as __namedExportsOrder,U as default};
248
+ `})},a={};var d,u,y;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(y=(u=a.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};const J=["Playground"];export{a as Playground,J as __namedExportsOrder,U as default};
@@ -1 +1 @@
1
- import{d as i,y as p,A as r,o as n,q as s,u as c,e as o,x as m,t as l,C as f,F as u}from"./iframe-BDUXsDwQ.js";import{_ as d}from"./PzIcon-MCV-dGW3.js";import{P as _}from"./PzHint-BduXv8_9.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z={type:"button","aria-label":"Information",class:"pz-info-hint-trigger"},a=i({name:"PzInfoHint",__name:"PzInfoHint",props:{infoContent:{},wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"}},setup(e){return(C,y)=>(n(),p(_,{"wrapper-class":e.wrapperClass,"container-wrapper-class":e.containerWrapperClass,placement:e.placement,theme:"dark-tooltip"},{content:r(()=>[(n(!0),o(u,null,m(e.infoContent,t=>(n(),o("p",{key:t.id},[s("b",null,l(t.title??""),1),f(" "+l(t.text??""),1)]))),128))]),default:r(()=>[s("button",z,[c(d,{name:"help",size:"16",class:"pz-info-hint-icon"})])]),_:1},8,["wrapper-class","container-wrapper-class","placement"]))}}),x=P(a,[["__scopeId","data-v-d7b247cb"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzInfoHint",exportName:"default",displayName:"PzInfoHint",description:"",tags:{},props:[{name:"infoContent",required:!0,type:{name:"Array",elements:[{name:"PzInfoHintContent"}]}},{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzInfoHint/PzInfoHint.vue"]});export{x as P};
1
+ import{e as i,x as p,B as r,o as n,q as s,z as c,f as o,u as m,t as l,C as f,F as u}from"./iframe-DnMxidy5.js";import{_ as d}from"./PzIcon-BdbVjL0H.js";import{P as _}from"./PzHint-fPmDJyN-.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const P={type:"button","aria-label":"Information",class:"pz-info-hint-trigger"},a=i({name:"PzInfoHint",__name:"PzInfoHint",props:{infoContent:{},wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"}},setup(e){return(C,I)=>(n(),p(_,{"wrapper-class":e.wrapperClass,"container-wrapper-class":e.containerWrapperClass,placement:e.placement,theme:"dark-tooltip"},{content:r(()=>[(n(!0),o(u,null,m(e.infoContent,t=>(n(),o("p",{key:t.id},[s("b",null,l(t.title??""),1),f(" "+l(t.text??""),1)]))),128))]),default:r(()=>[s("button",P,[c(d,{name:"help",size:"16",class:"pz-info-hint-icon"})])]),_:1},8,["wrapper-class","container-wrapper-class","placement"]))}}),x=z(a,[["__scopeId","data-v-d7b247cb"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzInfoHint",exportName:"default",displayName:"PzInfoHint",description:"",tags:{},props:[{name:"infoContent",required:!0,type:{name:"Array",elements:[{name:"PzInfoHintContent"}]}},{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzInfoHint/PzInfoHint.vue"]});export{x as P};
@@ -1,4 +1,4 @@
1
- import{P as a}from"./PzText-BT7AGrPb.js";import{P as e}from"./PzInfoHint-DF9t6di5.js";import"./iframe-BDUXsDwQ.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-MCV-dGW3.js";import"./PzHint-BduXv8_9.js";import"./floating-vue-BFh4npJ3.js";import"./floating-vue-wDudfl6h.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
1
+ import{P as a}from"./PzText-wVfv1pWv.js";import{P as e}from"./PzInfoHint-CnIPovvR.js";import"./iframe-DnMxidy5.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-BdbVjL0H.js";import"./PzHint-fPmDJyN-.js";import"./floating-vue-C3YQ4ztE.js";import"./floating-vue-DNwAdjS6.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
2
2
  <PzInfoHint
3
3
  :info-content="[
4
4
  { id: 'deadline', title: 'Deadline', text: 'Shown in local time and aligned with the procurement schedule.' },
@@ -1,9 +1,9 @@
1
- import{d as P,U as I,e as u,u as M,A as $,v as y,f as h,V as z,o as r,q as B,W as L,X as E,t as c,y as N,p as v,r as l,w as T}from"./iframe-BDUXsDwQ.js";import{P as w}from"./PzText-BT7AGrPb.js";import{_ as D}from"./PzIcon-MCV-dGW3.js";import{P as U}from"./PzLabel-DPSvIY3K.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const O={class:"pz-input-wrap"},j=["id","placeholder","disabled","maxlength","type","required"],A=["id"],W={key:3,class:"pz-input-counter"},X={key:0,class:"pz-input-error"},f=P({name:"PzInput",__name:"PzInput",props:z({name:{},modelValue:{},label:{default:""},icon:{default:""},inputClass:{default:""},errorMessage:{default:""},placeholder:{default:""},type:{default:"text"},counted:{type:Boolean,default:!1},maxSize:{default:255},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:z(["focus","blur","icon-click","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=t,o=I(e,"modelValue");return(s,a)=>(r(),u("div",{class:h(["pz-input",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[M(y(U),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:$(()=>{var d;return[B("span",O,[e.editable?L((r(),u("input",{key:0,id:e.name,"onUpdate:modelValue":a[0]||(a[0]=i=>o.value=i),placeholder:e.placeholder,disabled:e.disabled,maxlength:e.counted?e.maxSize:void 0,type:e.type,required:e.required,class:h(["pz-input-control",[{"pz-input-control--with-icon":e.icon,"pz-input-control--counted":e.counted},e.inputClass]]),onBlur:a[1]||(a[1]=i=>n("blur")),onFocus:a[2]||(a[2]=i=>n("focus"))},null,42,j)),[[E,o.value]]):(r(),u("span",{key:1,id:e.name,class:"pz-input-readonly"},c(o.value),9,A)),e.icon?(r(),N(y(D),{key:2,name:e.icon,class:"pz-input-icon",onClick:a[3]||(a[3]=i=>n("icon-click",i))},null,8,["name"])):v("",!0),e.counted?(r(),u("span",W,c(((d=o.value)==null?void 0:d.length)||0)+"/"+c(e.maxSize),1)):v("",!0)]),e.errorMessage?(r(),u("span",X,c(e.errorMessage),1)):v("",!0)]}),_:1},8,["label","for","required","disabled"])],2))}}),b=F(f,[["__scopeId","data-v-d1a46012"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzInput",exportName:"default",displayName:"PzInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"icon",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"inputClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputType"},defaultValue:{func:!1,value:'"text"'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"255"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"icon-click",type:{names:["MouseEvent"]}},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInput/PzInput.vue"]});const Y=e=>`<template>
1
+ import{e as P,V as I,f as u,z as M,B as $,v as y,g as z,W as h,o as r,q as B,X as L,Y as E,t as c,x as N,p as v,r as l,w as T}from"./iframe-DnMxidy5.js";import{P as w}from"./PzText-wVfv1pWv.js";import{_ as D}from"./PzIcon-BdbVjL0H.js";import{P as F}from"./PzLabel-Gzu6PYek.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const U={class:"pz-input-wrap"},j=["id","placeholder","disabled","maxlength","type","required"],W=["id"],X={key:3,class:"pz-input-counter"},Y={key:0,class:"pz-input-error"},f=P({name:"PzInput",__name:"PzInput",props:h({name:{},modelValue:{},label:{default:""},icon:{default:""},inputClass:{default:""},errorMessage:{default:""},placeholder:{default:""},type:{default:"text"},counted:{type:Boolean,default:!1},maxSize:{default:255},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:h(["focus","blur","icon-click","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=t,o=I(e,"modelValue");return(s,a)=>(r(),u("div",{class:z(["pz-input",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[M(y(F),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:$(()=>{var d;return[B("span",U,[e.editable?L((r(),u("input",{key:0,id:e.name,"onUpdate:modelValue":a[0]||(a[0]=i=>o.value=i),placeholder:e.placeholder,disabled:e.disabled,maxlength:e.counted?e.maxSize:void 0,type:e.type,required:e.required,class:z(["pz-input-control",[{"pz-input-control--with-icon":e.icon,"pz-input-control--counted":e.counted},e.inputClass]]),onBlur:a[1]||(a[1]=i=>n("blur")),onFocus:a[2]||(a[2]=i=>n("focus"))},null,42,j)),[[E,o.value]]):(r(),u("span",{key:1,id:e.name,class:"pz-input-readonly"},c(o.value),9,W)),e.icon?(r(),N(y(D),{key:2,name:e.icon,class:"pz-input-icon",onClick:a[3]||(a[3]=i=>n("icon-click",i))},null,8,["name"])):v("",!0),e.counted?(r(),u("span",X,c(((d=o.value)==null?void 0:d.length)||0)+"/"+c(e.maxSize),1)):v("",!0)]),e.errorMessage?(r(),u("span",Y,c(e.errorMessage),1)):v("",!0)]}),_:1},8,["label","for","required","disabled"])],2))}}),b=O(f,[["__scopeId","data-v-d1a46012"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzInput",exportName:"default",displayName:"PzInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"icon",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"inputClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputType"},defaultValue:{func:!1,value:'"text"'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"255"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"icon-click",type:{names:["MouseEvent"]}},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInput/PzInput.vue"]});const A=e=>`<template>
2
2
  <PzInput
3
3
  v-model="value"
4
4
  ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.type&&e.type!=="text"?`type="${e.type}"`:null,e.icon?`icon="${e.icon}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.counted?':counted="true"':null,e.maxSize?`:max-size="${e.maxSize}"`:null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(n=>!!n).join(" ")}
5
5
  />
6
- </template>`,R={title:"Components/Form/PzInput",component:b,parameters:{docs:{description:{component:"Use `PzInput` for text-based form controls. It wraps a native `<input>` with `PzLabel`, supports icons, character counting, a readonly preview mode, and the standard disabled/error states."},source:{transform:(e,t)=>Y(t.args??R.args)}}},args:{name:"pz-input-story",label:"Назва поля",modelValue:"",placeholder:"Введіть значення...",type:"text",errorMessage:"",icon:"",required:!1,disabled:!1,editable:!0,counted:!1,maxSize:255,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["text","email","password"],description:"Native input type."},icon:{control:"text",description:"Optional `PzIcon` name rendered inside the input."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the value as readonly text instead of an input."},counted:{control:"boolean",description:"Shows a `length/maxSize` counter next to the input."},maxSize:{control:"number",description:"Maximum character length used by the counter and `maxlength`. Only enforced when `counted` is true."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInput:b,pzText:w},setup(){const t=l(e.modelValue??""),n=l(""),o=l(""),s=l(""),a=l(""),d=l(""),i=l("");return T(()=>e.modelValue,S=>{t.value=S??""}),{args:e,value:t,sharedValue:n,defaultValue:o,requiredValue:s,countedValue:a,iconValue:d,errorValue:i}},template:`
6
+ </template>`,R={title:"Components/Form/PzInput",component:b,parameters:{docs:{description:{component:"Use `PzInput` for text-based form controls. It wraps a native `<input>` with `PzLabel`, supports icons, character counting, a readonly preview mode, and the standard disabled/error states."},source:{transform:(e,t)=>A(t.args??R.args)}}},args:{name:"pz-input-story",label:"Назва поля",modelValue:"",placeholder:"Введіть значення...",type:"text",errorMessage:"",icon:"",required:!1,disabled:!1,editable:!0,counted:!1,maxSize:255,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["text","email","password"],description:"Native input type."},icon:{control:"text",description:"Optional `PzIcon` name rendered inside the input."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the value as readonly text instead of an input."},counted:{control:"boolean",description:"Shows a `length/maxSize` counter next to the input."},maxSize:{control:"number",description:"Maximum character length used by the counter and `maxlength`. Only enforced when `counted` is true."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInput:b,pzText:w},setup(){const t=l(e.modelValue??""),n=l(""),o=l(""),s=l(""),a=l(""),d=l(""),i=l("");return T(()=>e.modelValue,S=>{t.value=S??""}),{args:e,value:t,sharedValue:n,defaultValue:o,requiredValue:s,countedValue:a,iconValue:d,errorValue:i}},template:`
7
7
  <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
8
8
  <section>
9
9
  <pz-text variant="h4-bold">Component API</pz-text>
@@ -1,9 +1,9 @@
1
- import{d as Y,U as $,e as i,u as h,A as B,v as y,f as g,V as x,o as s,Y as C,t as z,p as L,r as t,i as T,w as N}from"./iframe-BDUXsDwQ.js";import{P as O}from"./PzText-BT7AGrPb.js";import{_ as R}from"./PzIcon-MCV-dGW3.js";import{P as E}from"./PzLabel-DPSvIY3K.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const A={key:0,class:"pz-input-date-wrap"},j=["id","value","placeholder","disabled","required","min","max"],U=["id","value","placeholder","disabled","required"],W=["id"],G={key:2,class:"pz-input-date-error"},p=Y({name:"PzInputDate",__name:"PzInputDate",props:x({name:{},modelValue:{},label:{default:""},errorMessage:{default:""},placeholder:{default:""},min:{default:void 0},max:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:x(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:r}){const d=r,a=$(e,"modelValue"),o=t(!1),f=t(null),u=t(null),b=/^(\d{4})-(\d{2})-(\d{2})$/,c=n=>{if(!n)return"";const l=b.exec(n);return l?`${l[3]}.${l[2]}.${l[1]}`:n},v=async()=>{var n,l;o.value||(o.value=!0,await T(),(n=u.value)==null||n.focus(),(l=u.value)==null||l.showPicker())},I=()=>{d("focus"),v()},D=()=>{v()},M=()=>{o.value=!1,d("blur")},P=n=>{const l=n.target;a.value=l.value||null},S=()=>{if(a.value){a.value=null;return}v()};return(n,l)=>(s(),i("div",{class:g(["pz-input-date",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[h(y(E),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[e.editable?(s(),i("span",A,[o.value?(s(),i("input",{key:0,id:e.name,ref_key:"dateInputRef",ref:u,type:"date",value:a.value??"",placeholder:e.placeholder,disabled:e.disabled,required:e.required,min:e.min,max:e.max,class:"pz-input-date-control",onInput:P,onBlur:M},null,40,j)):(s(),i("input",{key:1,id:e.name,ref_key:"textInputRef",ref:f,type:"text",readonly:"",value:c(a.value),placeholder:e.placeholder,disabled:e.disabled,required:e.required,class:"pz-input-date-control",onFocus:I,onClick:D},null,40,U)),h(y(R),{name:a.value?"close":"event",class:g(["pz-input-date-icon",{"pz-input-date-icon--clear":a.value}]),onClick:C(S,["prevent"])},null,8,["name","class"])])):(s(),i("span",{key:1,id:e.name,class:"pz-input-date-readonly"},z(c(a.value)),9,W)),e.errorMessage?(s(),i("span",G,z(e.errorMessage),1)):L("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),V=F(p,[["__scopeId","data-v-13e3fa69"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputDate",exportName:"default",displayName:"PzInputDate",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"union",elements:[{name:"string"},{name:"null"}]}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"min",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"max",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["union"],elements:[{name:"string"},{name:"null"}]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputDate/PzInputDate.vue"]});const H=e=>`<template>
1
+ import{e as B,V as Y,f as i,z as h,B as $,v as y,g,W as x,o as s,Z as C,t as z,p as L,r as t,i as T,w as N}from"./iframe-DnMxidy5.js";import{P as O}from"./PzText-wVfv1pWv.js";import{_ as R}from"./PzIcon-BdbVjL0H.js";import{P as E}from"./PzLabel-Gzu6PYek.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j={key:0,class:"pz-input-date-wrap"},A=["id","value","placeholder","disabled","required","min","max"],W=["id","value","placeholder","disabled","required"],U=["id"],Z={key:2,class:"pz-input-date-error"},p=B({name:"PzInputDate",__name:"PzInputDate",props:x({name:{},modelValue:{},label:{default:""},errorMessage:{default:""},placeholder:{default:""},min:{default:void 0},max:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:x(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:r}){const d=r,a=Y(e,"modelValue"),o=t(!1),f=t(null),u=t(null),b=/^(\d{4})-(\d{2})-(\d{2})$/,c=n=>{if(!n)return"";const l=b.exec(n);return l?`${l[3]}.${l[2]}.${l[1]}`:n},v=async()=>{var n,l;o.value||(o.value=!0,await T(),(n=u.value)==null||n.focus(),(l=u.value)==null||l.showPicker())},I=()=>{d("focus"),v()},D=()=>{v()},M=()=>{o.value=!1,d("blur")},P=n=>{const l=n.target;a.value=l.value||null},S=()=>{if(a.value){a.value=null;return}v()};return(n,l)=>(s(),i("div",{class:g(["pz-input-date",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[h(y(E),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:$(()=>[e.editable?(s(),i("span",j,[o.value?(s(),i("input",{key:0,id:e.name,ref_key:"dateInputRef",ref:u,type:"date",value:a.value??"",placeholder:e.placeholder,disabled:e.disabled,required:e.required,min:e.min,max:e.max,class:"pz-input-date-control",onInput:P,onBlur:M},null,40,A)):(s(),i("input",{key:1,id:e.name,ref_key:"textInputRef",ref:f,type:"text",readonly:"",value:c(a.value),placeholder:e.placeholder,disabled:e.disabled,required:e.required,class:"pz-input-date-control",onFocus:I,onClick:D},null,40,W)),h(y(R),{name:a.value?"close":"event",class:g(["pz-input-date-icon",{"pz-input-date-icon--clear":a.value}]),onClick:C(S,["prevent"])},null,8,["name","class"])])):(s(),i("span",{key:1,id:e.name,class:"pz-input-date-readonly"},z(c(a.value)),9,U)),e.errorMessage?(s(),i("span",Z,z(e.errorMessage),1)):L("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),V=F(p,[["__scopeId","data-v-13e3fa69"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputDate",exportName:"default",displayName:"PzInputDate",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"union",elements:[{name:"string"},{name:"null"}]}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"min",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"max",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["union"],elements:[{name:"string"},{name:"null"}]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputDate/PzInputDate.vue"]});const G=e=>`<template>
2
2
  <PzInputDate
3
3
  v-model="value"
4
4
  ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.min?`min="${e.min}"`:null,e.max?`max="${e.max}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(d=>!!d).join(" ")}
5
5
  />
6
- </template>`,J={title:"Components/Form/PzInputDate",component:V,parameters:{docs:{description:{component:"Use `PzInputDate` for date picking. Blurred values render as `dd.mm.yyyy` text and switch to the native date picker on focus, with a clear/calendar icon toggle. `v-model` operates on ISO `yyyy-mm-dd` strings."},source:{transform:(e,r)=>H(r.args??J.args)}}},args:{name:"pz-input-date-story",label:"Дата",modelValue:"",placeholder:"дд.мм.рррр",errorMessage:"",min:void 0,max:void 0,required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current ISO-format value (`YYYY-MM-DD`). Required."},placeholder:{control:"text",description:"Placeholder shown when no date is selected."},min:{control:"text",description:"Earliest allowed date (`YYYY-MM-DD`)."},max:{control:"text",description:"Latest allowed date (`YYYY-MM-DD`)."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, blocks focus/picker/clear interactions and keeps the value read-only."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputDate:V,pzText:O},setup(){const r=t(e.modelValue??""),d=t("2026-04-21"),a=t(""),o=t(""),f=t("2026-04-21"),u=t(""),b=t("");return N(()=>e.modelValue,c=>{r.value=c??""}),{args:e,value:r,sharedValue:d,defaultValue:a,requiredValue:o,presetValue:f,rangeValue:u,errorValue:b}},template:`
6
+ </template>`,H={title:"Components/Form/PzInputDate",component:V,parameters:{docs:{description:{component:"Use `PzInputDate` for date picking. Blurred values render as `dd.mm.yyyy` text and switch to the native date picker on focus, with a clear/calendar icon toggle. `v-model` operates on ISO `yyyy-mm-dd` strings."},source:{transform:(e,r)=>G(r.args??H.args)}}},args:{name:"pz-input-date-story",label:"Дата",modelValue:"",placeholder:"дд.мм.рррр",errorMessage:"",min:void 0,max:void 0,required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current ISO-format value (`YYYY-MM-DD`). Required."},placeholder:{control:"text",description:"Placeholder shown when no date is selected."},min:{control:"text",description:"Earliest allowed date (`YYYY-MM-DD`)."},max:{control:"text",description:"Latest allowed date (`YYYY-MM-DD`)."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, blocks focus/picker/clear interactions and keeps the value read-only."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputDate:V,pzText:O},setup(){const r=t(e.modelValue??""),d=t("2026-04-21"),a=t(""),o=t(""),f=t("2026-04-21"),u=t(""),b=t("");return N(()=>e.modelValue,c=>{r.value=c??""}),{args:e,value:r,sharedValue:d,defaultValue:a,requiredValue:o,presetValue:f,rangeValue:u,errorValue:b}},template:`
7
7
  <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
8
8
  <section>
9
9
  <pz-text variant="h4-bold">Component API</pz-text>
@@ -52,4 +52,4 @@ import{d as Y,U as $,e as i,u as h,A as B,v as y,f as g,V as x,o as s,Y as C,t a
52
52
  }
53
53
  }
54
54
  }
55
- }`,...(w=(k=m.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const ae=["Playground"];export{m as Playground,ae as __namedExportsOrder,J as default};
55
+ }`,...(w=(k=m.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const ae=["Playground"];export{m as Playground,ae as __namedExportsOrder,H as default};
@@ -1,9 +1,9 @@
1
- import{d as S,U as L,e as i,u as B,A as F,v as $,f as C,V as z,o as d,t as V,p as O,g as x,r,w as T}from"./iframe-BDUXsDwQ.js";import{P as A}from"./PzText-BT7AGrPb.js";import{P as D}from"./PzLabel-DPSvIY3K.js";import{P as E}from"./PzNumberFormat-D5xYsZ3A.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";const U=["id","value","placeholder","disabled","required"],W=["id"],K={key:2,class:"pz-input-number-error"},p=S({name:"PzInputNumber",__name:"PzInputNumber",props:z({name:{},modelValue:{},label:{default:""},placeholder:{default:""},errorMessage:{default:""},type:{default:"integer"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:z(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=e,o=t,u=L(e,"modelValue"),c=x(()=>n.type==="integer"?0:void 0),s=x(()=>new E(u.value??null,c.value).number),b=l=>{const a=l.match(/^-?\d+(\.\d+)?/);return a?a[0]:l},f=l=>{const a=b(l.replace(/\s+/g,""));return a==="-"?a:a!==""?Number(a):null},y=l=>{var h;const a=l.target,g=isFinite(Number(l.key)),k=n.type==="decimal"&&/\./g.test(l.key)&&!/\./g.test(a.value),M=/-/g.test(l.key)&&!/-/g.test(a.value)&&!((h=a.value)!=null&&h.length);g||k||M||l.preventDefault()},I=l=>{const a=l.target;u.value=f(a.value)};return(l,a)=>(d(),i("div",{class:C(["pz-input-number",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[B($(D),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:F(()=>[e.editable?(d(),i("input",{key:0,id:e.name,value:s.value,placeholder:e.placeholder,disabled:e.disabled,required:e.required,type:"text",class:"pz-input-number-control",onInput:I,onBlur:a[0]||(a[0]=g=>o("blur")),onFocus:a[1]||(a[1]=g=>o("focus")),onKeypress:y},null,40,U)):(d(),i("span",{key:1,id:e.name,class:"pz-input-number-readonly"},V(s.value),9,W)),e.errorMessage?(d(),i("span",K,V(e.errorMessage),1)):O("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),q=j(p,[["__scopeId","data-v-0104f54f"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputNumber",exportName:"default",displayName:"PzInputNumber",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"PzInputNumberValue"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputNumberType"},defaultValue:{func:!1,value:'"integer"'}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzInputNumberValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputNumber/PzInputNumber.vue"]});const v=15e5,R=e=>`<template>
1
+ import{e as S,V as B,f as i,z as L,B as F,v as $,g as C,W as z,o as d,t as V,p as O,c as x,r,w as T}from"./iframe-DnMxidy5.js";import{P as D}from"./PzText-wVfv1pWv.js";import{P as A}from"./PzLabel-Gzu6PYek.js";import{P as E}from"./PzNumberFormat-D5xYsZ3A.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";const W=["id","value","placeholder","disabled","required"],U=["id"],K={key:2,class:"pz-input-number-error"},p=S({name:"PzInputNumber",__name:"PzInputNumber",props:z({name:{},modelValue:{},label:{default:""},placeholder:{default:""},errorMessage:{default:""},type:{default:"integer"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:z(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=e,o=t,u=B(e,"modelValue"),c=x(()=>n.type==="integer"?0:void 0),s=x(()=>new E(u.value??null,c.value).number),b=l=>{const a=l.match(/^-?\d+(\.\d+)?/);return a?a[0]:l},f=l=>{const a=b(l.replace(/\s+/g,""));return a==="-"?a:a!==""?Number(a):null},y=l=>{var h;const a=l.target,g=isFinite(Number(l.key)),k=n.type==="decimal"&&/\./g.test(l.key)&&!/\./g.test(a.value),M=/-/g.test(l.key)&&!/-/g.test(a.value)&&!((h=a.value)!=null&&h.length);g||k||M||l.preventDefault()},I=l=>{const a=l.target;u.value=f(a.value)};return(l,a)=>(d(),i("div",{class:C(["pz-input-number",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[L($(A),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:F(()=>[e.editable?(d(),i("input",{key:0,id:e.name,value:s.value,placeholder:e.placeholder,disabled:e.disabled,required:e.required,type:"text",class:"pz-input-number-control",onInput:I,onBlur:a[0]||(a[0]=g=>o("blur")),onFocus:a[1]||(a[1]=g=>o("focus")),onKeypress:y},null,40,W)):(d(),i("span",{key:1,id:e.name,class:"pz-input-number-readonly"},V(s.value),9,U)),e.errorMessage?(d(),i("span",K,V(e.errorMessage),1)):O("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),q=j(p,[["__scopeId","data-v-0104f54f"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputNumber",exportName:"default",displayName:"PzInputNumber",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"PzInputNumberValue"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputNumberType"},defaultValue:{func:!1,value:'"integer"'}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzInputNumberValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputNumber/PzInputNumber.vue"]});const v=15e5,R=e=>`<template>
2
2
  <PzInputNumber
3
3
  v-model="value"
4
4
  ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.type&&e.type!=="integer"?`type="${e.type}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(n=>!!n).join(" ")}
5
5
  />
6
- </template>`,G={title:"Components/Form/PzInputNumber",component:q,parameters:{docs:{description:{component:"Use `PzInputNumber` for numeric entry. It formats the displayed value via `PzNumberFormat`, accepts only digits (plus optional decimal separator and minus), and emits a `number | null` via `v-model`."},source:{transform:(e,t)=>R(t.args??G.args)}}},args:{name:"pz-input-number-story",label:"Сума",modelValue:"",placeholder:"Введіть число...",type:"integer",errorMessage:"",required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current numeric value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["integer","decimal"],description:"`integer` rounds to whole numbers; `decimal` allows one dot separator."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the formatted value as readonly text instead of an input."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputNumber:q,pzText:A},setup(){const t=r(e.modelValue??""),n=r(v),o=r(""),u=r(""),c=r(v),s=r(""),b=r(""),f=v;return T(()=>e.modelValue,y=>{t.value=y??""}),{args:e,value:t,sharedValue:n,defaultValue:o,decimalValue:u,formattedValue:c,requiredValue:s,errorValue:b,readonlyValue:f}},template:`
6
+ </template>`,G={title:"Components/Form/PzInputNumber",component:q,parameters:{docs:{description:{component:"Use `PzInputNumber` for numeric entry. It formats the displayed value via `PzNumberFormat`, accepts only digits (plus optional decimal separator and minus), and emits a `number | null` via `v-model`."},source:{transform:(e,t)=>R(t.args??G.args)}}},args:{name:"pz-input-number-story",label:"Сума",modelValue:"",placeholder:"Введіть число...",type:"integer",errorMessage:"",required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current numeric value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["integer","decimal"],description:"`integer` rounds to whole numbers; `decimal` allows one dot separator."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the formatted value as readonly text instead of an input."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputNumber:q,pzText:D},setup(){const t=r(e.modelValue??""),n=r(v),o=r(""),u=r(""),c=r(v),s=r(""),b=r(""),f=v;return T(()=>e.modelValue,y=>{t.value=y??""}),{args:e,value:t,sharedValue:n,defaultValue:o,decimalValue:u,formattedValue:c,requiredValue:s,errorValue:b,readonlyValue:f}},template:`
7
7
  <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
8
8
  <section>
9
9
  <pz-text variant="h4-bold">Component API</pz-text>
@@ -0,0 +1 @@
1
+ .pz-key-value[data-v-9ba625f4]{--pz-key-value-item-margin-top: var(--pz-space-20);--pz-key-value-item-overall-margin-top: var(--pz-space-32);--pz-key-value-content-margin-inline-start: var(--pz-space-8);--pz-key-value-content-margin-block-start: var(--pz-space-8)}.pz-key-value[data-v-9ba625f4]:empty{margin-bottom:0}.pz-key-value--clear .pz-key-value__title[data-v-9ba625f4]:after{display:none}.pz-key-value__item[data-v-9ba625f4]{display:flex;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-key-value-item-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-key-value-item-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-key-value-item-line-height, var(--pz-typography-line-height, 1.5))}.pz-key-value__item+.pz-key-value__item[data-v-9ba625f4]:not(.pz-key-value__item--overall){margin-top:var(--pz-key-value-item-margin-top)}.pz-key-value__item--overall[data-v-9ba625f4]{margin-top:var(--pz-key-value-item-overall-margin-top)}@media (max-width: 1023.98px){.pz-key-value__item[data-v-9ba625f4]{flex-direction:column}}.pz-key-value__item--overall .pz-key-value__link[data-v-9ba625f4]{font-weight:600}.pz-key-value__title[data-v-9ba625f4]{width:var(--pz-key-value-title-width);flex:0 0 var(--pz-key-value-title-width);max-width:100%;height:fit-content;position:relative;font-size:inherit;font-weight:600;margin:0;background-color:inherit}.pz-key-value__title-box[data-v-9ba625f4]{position:relative;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:var(--pz-key-value-title-box-width);max-width:100%;z-index:2;line-height:1.5;-webkit-hyphens:initial;hyphens:initial;display:inline}.pz-key-value__title[data-v-9ba625f4]:after{content:"";display:inline-block;position:absolute;top:-5px;left:0;z-index:0;width:100%;height:100%;border-bottom:1px dotted var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-key-value__title[data-v-9ba625f4]{width:auto;flex:0 0 auto}.pz-key-value__title[data-v-9ba625f4]:after{display:none}}.pz-key-value__content[data-v-9ba625f4]{margin-left:var(--pz-key-value-content-margin-inline-start);font-size:inherit;white-space:pre-line;display:flex;justify-content:flex-end;flex-direction:column;line-height:1.5}@media (max-width: 1023.98px){.pz-key-value__content[data-v-9ba625f4]{margin-left:0;margin-top:var(--pz-key-value-content-margin-block-start)}}.pz-key-value__link[data-v-9ba625f4]{display:flex;align-items:center;font-weight:400;color:var(--pz-color-text-link);text-decoration:none}.pz-key-value__link[data-v-9ba625f4]:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value__link span[data-v-9ba625f4]{margin-left:var(--pz-space-4)}
@@ -0,0 +1 @@
1
+ import{e as x,h as E,f as c,F as _,u as D,r as v,a9 as R,o as m,q as d,n as z,y as P,C as S,t as $,g as N,p as q}from"./iframe-DnMxidy5.js";import{g as A}from"./_commonjsHelpers-Cpj98o6Y.js";import{i as I,_ as M,a as p,b as w,c as B}from"./isArray-DPUC7i9_.js";import{l}from"./lodash-CdDiHlzQ.js";import{P as F}from"./PzDomHandler-BU7iMNnt.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";var G=M,L=I,X="[object Symbol]";function Z(e){return typeof e=="symbol"||L(e)&&G(e)==X}var g=Z,j=p,H=g,U=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,W=/^\w*$/;function J(e,t){if(j(e))return!1;var a=typeof e;return a=="number"||a=="symbol"||a=="boolean"||e==null||H(e)?!0:W.test(e)||!U.test(e)||t!=null&&e in Object(t)}var Q=J,T=w,Y="Expected a function";function b(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Y);var a=function(){var n=arguments,s=t?t.apply(this,n):n[0],o=a.cache;if(o.has(s))return o.get(s);var u=e.apply(this,n);return a.cache=o.set(s,u)||o,u};return a.cache=new(b.Cache||T),a}b.Cache=T;var ee=b,te=ee,ae=500;function ne(e){var t=te(e,function(n){return a.size===ae&&a.clear(),n}),a=t.cache;return t}var re=ne,ie=re,se=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,oe=/\\(\\)?/g,le=ie(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(se,function(a,n,s,o){t.push(s?o.replace(oe,"$1"):n||a)}),t}),ue=le;function ce(e,t){for(var a=-1,n=e==null?0:e.length,s=Array(n);++a<n;)s[a]=t(e[a],a,e);return s}var me=ce,k=B,ye=me,fe=p,de=g,C=k?k.prototype:void 0,K=C?C.toString:void 0;function V(e){if(typeof e=="string")return e;if(fe(e))return ye(e,V)+"";if(de(e))return K?K.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var pe=V,ge=pe;function be(e){return e==null?"":ge(e)}var he=be,_e=p,ve=Q,ze=ue,Pe=he;function Se(e,t){return _e(e)?e:ve(e,t)?[e]:ze(Pe(e))}var $e=Se,ke=g;function Ce(e){if(typeof e=="string"||ke(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var Ke=Ce,Te=$e,Ve=Ke;function xe(e,t){t=Te(t,e);for(var a=0,n=t.length;e!=null&&a<n;)e=e[Ve(t[a++])];return a&&a==n?e:void 0}var Ee=xe,De=Ee;function Re(e,t,a){var n=e==null?void 0:De(e,t);return n===void 0?a:n}var Ne=Re;const qe=A(Ne),Ae={ref:"componentRef",class:"pz-key-value"},y=x({name:"PzKeyValue",__name:"PzKeyValue",props:{config:{},data:{},checkRequired:{type:Boolean,default:!0},flexDirection:{default:"column"},titleStyleClass:{default:""}},setup(e){const t=e,a=v([]),n=v("transparent"),s=R("componentRef");E(()=>{t.config.forEach(({key:r})=>{(!h(o(r))||!t.checkRequired)&&a.value.push(r)}),n.value=F.getParentNearestBackground(s.value)});const o=r=>{const f=qe(l.pickBy(t.data,l.identity),r.split("-"),"");return h(f)?"":f},u=r=>o(r),h=r=>l.isNumber(r)||l.isBoolean(r)?!1:l.isEmpty(r);return(r,f)=>(m(),c("div",Ae,[(m(!0),c(_,null,D(e.config,i=>(m(),c(_,null,[a.value.includes(i.key)?(m(),c("div",{key:i.id,class:"pz-key-value__item"},[d("h6",{class:N(["pz-key-value__title",[e.titleStyleClass,i.labelStyleClass]])},[d("span",{class:"pz-key-value__title-box",style:z({backgroundColor:n.value})},[P(r.$slots,`${i.key}_label`,{data:i.labelKey,source:e.data,item:i},()=>[S($(i.labelKey),1)],!0)],4)],2),d("div",{class:"pz-key-value__content",style:z({flexDirection:e.flexDirection})},[P(r.$slots,i.key,{data:u(i.key),source:e.data,item:i},()=>[S($(o(i.key)),1)],!0)],4)])):q("",!0)],64))),256))],512))}}),Ge=O(y,[["__scopeId","data-v-9ba625f4"]]);y.__docgenInfo=Object.assign({displayName:y.name??y.__name},{name:"PzKeyValue",exportName:"default",displayName:"PzKeyValue",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"ReadonlyArray",elements:[{name:"PzKeyValueViewListItem",elements:[{name:"TKey"}]}]}},{name:"data",required:!0,type:{name:"TData"}},{name:"checkRequired",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"flexDirection",required:!1,type:{name:"PzKeyValueFlexDirection"},defaultValue:{func:!1,value:'"column"'}},{name:"titleStyleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"`${item.key}_label`",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"},{name:"source",title:"binding"},{name:"item",title:"binding"}]},{name:"item.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"},{name:"source",title:"binding"},{name:"item",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzKeyValue/PzKeyValue.vue"]});export{Ge as P};
@@ -1 +1 @@
1
- .pz-key-value-story{display:grid;gap:var(--pz-space-24)}.pz-key-value-story-board{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-key-value-story-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-key-value-story-copy{display:grid;gap:var(--pz-space-8)}.pz-key-value-story-eyebrow,.pz-key-value-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-key-value-story-preview{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 180px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-gallery{display:grid;gap:var(--pz-space-24)}@media (width >= 1024px){.pz-key-value-story-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.pz-key-value-story-tile{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 160px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-tile-title{margin:0;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-key-value-story-tile-note{margin:0;color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-key-value-story-link{color:var(--pz-color-text-link);text-decoration:none}.pz-key-value-story-link:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value[data-v-9ba625f4]{--pz-key-value-item-margin-top: var(--pz-space-20);--pz-key-value-item-overall-margin-top: var(--pz-space-32);--pz-key-value-content-margin-inline-start: var(--pz-space-8);--pz-key-value-content-margin-block-start: var(--pz-space-8)}.pz-key-value[data-v-9ba625f4]:empty{margin-bottom:0}.pz-key-value--clear .pz-key-value__title[data-v-9ba625f4]:after{display:none}.pz-key-value__item[data-v-9ba625f4]{display:flex;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-key-value-item-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-key-value-item-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-key-value-item-line-height, var(--pz-typography-line-height, 1.5))}.pz-key-value__item+.pz-key-value__item[data-v-9ba625f4]:not(.pz-key-value__item--overall){margin-top:var(--pz-key-value-item-margin-top)}.pz-key-value__item--overall[data-v-9ba625f4]{margin-top:var(--pz-key-value-item-overall-margin-top)}@media (max-width: 1023.98px){.pz-key-value__item[data-v-9ba625f4]{flex-direction:column}}.pz-key-value__item--overall .pz-key-value__link[data-v-9ba625f4]{font-weight:600}.pz-key-value__title[data-v-9ba625f4]{width:var(--pz-key-value-title-width);flex:0 0 var(--pz-key-value-title-width);max-width:100%;height:fit-content;position:relative;font-size:inherit;font-weight:600;margin:0;background-color:inherit}.pz-key-value__title-box[data-v-9ba625f4]{position:relative;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:var(--pz-key-value-title-box-width);max-width:100%;z-index:2;line-height:1.5;-webkit-hyphens:initial;hyphens:initial;display:inline}.pz-key-value__title[data-v-9ba625f4]:after{content:"";display:inline-block;position:absolute;top:-5px;left:0;z-index:0;width:100%;height:100%;border-bottom:1px dotted var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-key-value__title[data-v-9ba625f4]{width:auto;flex:0 0 auto}.pz-key-value__title[data-v-9ba625f4]:after{display:none}}.pz-key-value__content[data-v-9ba625f4]{margin-left:var(--pz-key-value-content-margin-inline-start);font-size:inherit;white-space:pre-line;display:flex;justify-content:flex-end;flex-direction:column;line-height:1.5}@media (max-width: 1023.98px){.pz-key-value__content[data-v-9ba625f4]{margin-left:0;margin-top:var(--pz-key-value-content-margin-block-start)}}.pz-key-value__link[data-v-9ba625f4]{display:flex;align-items:center;font-weight:400;color:var(--pz-color-text-link);text-decoration:none}.pz-key-value__link[data-v-9ba625f4]:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value__link span[data-v-9ba625f4]{margin-left:var(--pz-space-4)}
1
+ .pz-key-value-story{display:grid;gap:var(--pz-space-24)}.pz-key-value-story-board{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-key-value-story-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-key-value-story-copy{display:grid;gap:var(--pz-space-8)}.pz-key-value-story-eyebrow,.pz-key-value-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-key-value-story-preview{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 180px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-gallery{display:grid;gap:var(--pz-space-24)}@media (width >= 1024px){.pz-key-value-story-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.pz-key-value-story-tile{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 160px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-tile-title{margin:0;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-key-value-story-tile-note{margin:0;color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-key-value-story-link{color:var(--pz-color-text-link);text-decoration:none}.pz-key-value-story-link:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}