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