@prozorro/prozorro-ui 0.0.18 → 0.0.19-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/assets/{Color-FRDS63T2-BzWYtFMz.js → Color-FRDS63T2-C2IBn4nF.js} +1 -1
- package/dist/app/assets/{Colors.stories-nhKxNhBA.js → Colors.stories-BbUO1MdL.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-B34qcR97.js → DocsRenderer-LL677BLK-BhBRMgEh.js} +5 -5
- package/dist/app/assets/{Grid.stories-v2euRVgx.js → Grid.stories-D1aeoazc.js} +1 -1
- package/dist/app/assets/PzAccordion-CJcM-9ym.css +1 -0
- package/dist/app/assets/{PzAccordion-ChXTPL78.css → PzAccordion-DKtMpe35.css} +1 -1
- package/dist/app/assets/PzAccordion-_OF2zZ2I.js +1 -0
- package/dist/app/assets/{PzAccordion.stories-DJ_HT9fk.js → PzAccordion.stories-CdySuguf.js} +8 -7
- package/dist/app/assets/PzAccordionTable-C5s89sJN.css +1 -0
- package/dist/app/assets/PzAccordionTable.stories-U0zYpPbZ.js +275 -0
- package/dist/app/assets/{PzArrayClamp-CsVVAZeZ.css → PzArrayClamp-BLTRNBbk.css} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-DfNrdeZo.js → PzArrayClamp.stories-CcHfpoGZ.js} +7 -6
- package/dist/app/assets/{PzBreadcrumb-DkQH4zmx.css → PzBreadcrumb-HHnQHkds.css} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-DaOHQHgW.js → PzBreadcrumb.stories-CRgmW35D.js} +6 -6
- package/dist/app/assets/PzBtn-916mU0oY.css +1 -0
- package/dist/app/assets/PzBtn-Bg1IBOBz.js +1 -0
- package/dist/app/assets/{PzBtn.stories-CYGLKqc3.js → PzBtn.stories-uXLdobJ2.js} +5 -4
- package/dist/app/assets/{PzCheckbox-rwLDdHDy.js → PzCheckbox-Co7cXLcc.js} +1 -1
- package/dist/app/assets/PzCheckbox-D2lG-G61.css +1 -0
- package/dist/app/assets/{PzCheckbox-AjI7DN-X.css → PzCheckbox-DorABAyu.css} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-DeT3ACPx.js → PzCheckbox.stories-DDANwWNi.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup-BbrrL6mA.css → PzCheckboxGroup-D7y05FyD.css} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-B7EJ8z_H.js → PzCheckboxGroup.stories-QxhAKj0w.js} +3 -3
- package/dist/app/assets/PzCopyToClipboard-DOtO0RBq.css +1 -0
- package/dist/app/assets/PzCopyToClipboard.stories-Pj5slaUz.js +45 -0
- package/dist/app/assets/PzDate-Aqy8E-pf.css +1 -0
- package/dist/app/assets/PzDate-DU33aQfR.js +1 -0
- package/dist/app/assets/{PzDate.stories-B00KT0Z3.js → PzDate.stories-Bi9TCxxD.js} +6 -5
- package/dist/app/assets/PzDateRange-BiJOokbK.css +1 -0
- package/dist/app/assets/PzDateRange.stories-BBp0mnSd.js +9 -0
- package/dist/app/assets/{PzDomHandler.stories-ZmoUgZpO.js → PzDomHandler.stories-CRahV-Wb.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-ADCvYGy6.js → PzDropdown.stories-B0mTkKc2.js} +1 -1
- package/dist/app/assets/PzFileInput-BOG2rn9_.css +1 -0
- package/dist/app/assets/{PzFileInput.stories-C8jaYuqu.js → PzFileInput.stories-CnppW9wz.js} +3 -3
- package/dist/app/assets/{PzGrid.stories-COAFHJ1W.js → PzGrid.stories-Cw4sZzsk.js} +3 -3
- package/dist/app/assets/{PzHint-C_J-NgV5.js → PzHint-Bn0Ztwlp.js} +1 -1
- package/dist/app/assets/{PzHint.stories-DE3Jaybz.js → PzHint.stories-CQH1ALO7.js} +1 -1
- package/dist/app/assets/{PzIcon-DtHaOlhQ.js → PzIcon-DVzy4Ojp.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-C_oYU4SD.js → PzIcon.stories-CYj7Sa9-.js} +1 -1
- package/dist/app/assets/{PzImage.stories-DzlwKuwT.js → PzImage.stories-D9ZKsKu-.js} +1 -1
- package/dist/app/assets/PzImageInput-Dpxr8tsf.css +1 -0
- package/dist/app/assets/{PzImageInput.stories-OocNgTF2.js → PzImageInput.stories-Dd0KAYA-.js} +4 -4
- package/dist/app/assets/{PzInfoBlockLayout.stories-BY3P0fbt.js → PzInfoBlockLayout.stories-D2Qvvgw3.js} +2 -2
- package/dist/app/assets/{PzInfoHint-2M1N5-8H.js → PzInfoHint-DF7WmJtZ.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-8vdsE657.js → PzInfoHint.stories-DUNQFUoC.js} +1 -1
- package/dist/app/assets/PzInput-BCMo6PmT.css +1 -0
- package/dist/app/assets/{PzInput.stories-C3jn5y4z.js → PzInput.stories-BoPwxyIb.js} +5 -5
- package/dist/app/assets/PzInputDate-DajGwKjI.css +1 -0
- package/dist/app/assets/{PzInputDate.stories-DZmyNFFO.js → PzInputDate.stories-B6v4pDb6.js} +3 -3
- package/dist/app/assets/PzInputNumber-D-YWl_V4.css +1 -0
- package/dist/app/assets/{PzInputNumber.stories-CK8e-Ve8.js → PzInputNumber.stories-CFfeS2dZ.js} +3 -3
- package/dist/app/assets/PzKeyValue-77OwsVir.css +1 -0
- package/dist/app/assets/{PzKeyValue.stories-DC6ls3DF.js → PzKeyValue.stories-a9bwmOR5.js} +4 -4
- package/dist/app/assets/{PzLabel-De4xOP9y.js → PzLabel-CXXbE-ej.js} +1 -1
- package/dist/app/assets/{PzLabel-CNUgfkly.css → PzLabel-Cm_pZbcB.css} +1 -1
- package/dist/app/assets/PzLabel-ShA-3tPi.css +1 -0
- package/dist/app/assets/{PzLabel.stories-xnARVoWF.js → PzLabel.stories-isksv8v2.js} +1 -1
- package/dist/app/assets/PzLink-BO5pzUA8.css +1 -0
- package/dist/app/assets/PzLink-nu58zHCW.js +1 -0
- package/dist/app/assets/{PzLink.stories-C3F89V5M.js → PzLink.stories--WsBG0BU.js} +4 -3
- package/dist/app/assets/{PzListNav.stories-CDlZUHY5.js → PzListNav.stories-B_mDXZmO.js} +3 -3
- package/dist/app/assets/PzLoader.stories-qKeABC3D.js +9 -0
- package/dist/app/assets/PzModal-Da1AKItx.css +1 -0
- package/dist/app/assets/{PzModal.stories-Mx8xHWMO.js → PzModal.stories-BS4DR-WI.js} +4 -4
- package/dist/app/assets/PzMultiSelect-kijICuQ3.css +1 -0
- package/dist/app/assets/{PzMultiSelect.stories-BFoMHVkN.js → PzMultiSelect.stories-C4DSSspN.js} +7 -7
- package/dist/app/assets/{PzNav-rSxiOk6V.css → PzNav-De1tcVxU.css} +1 -1
- package/dist/app/assets/{PzNav.stories-BfBh_I0D.js → PzNav.stories-C1vtQBH8.js} +9 -9
- package/dist/app/assets/{PzNumberFormat.stories-B_eYrwc4.js → PzNumberFormat.stories-BIVqlHdJ.js} +1 -1
- package/dist/app/assets/{PzPagination-ohvV8gN-.css → PzPagination-BF-U8BNg.css} +1 -1
- package/dist/app/assets/{PzPagination-Bw11L7YO.js → PzPagination-CteZncwH.js} +1 -1
- package/dist/app/assets/PzPagination-DsLCoCA7.css +1 -0
- package/dist/app/assets/{PzPagination.stories-CZV0Q_-k.js → PzPagination.stories-DXY3LZY7.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-0KN52A9w.js → PzPriceFormat.stories-Ci2VRO5E.js} +1 -1
- package/dist/app/assets/PzRadioGroup-DfOusdQ3.css +1 -0
- package/dist/app/assets/{PzRadioGroup.stories-A26PEqyR.js → PzRadioGroup.stories--nDBlsqT.js} +2 -2
- package/dist/app/assets/PzRouterLink.stories-D6uN485o.js +55 -0
- package/dist/app/assets/{PzScrollTo-GAEPiQFO.css → PzScrollTo-DC2p3qx8.css} +1 -1
- package/dist/app/assets/{PzScrollTo.stories-DzubaggF.js → PzScrollTo.stories-BWHmbtT2.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-CPFjtSNv.js → PzSearchResultItemLayout.stories-D9aZo5UR.js} +1 -1
- package/dist/app/assets/{PzSelect-Cn9BkSfg.js → PzSelect-DSjSzV-3.js} +1 -1
- package/dist/app/assets/PzSelect-kuxLgX5-.css +1 -0
- package/dist/app/assets/{PzSelect-BwhRsTZd.css → PzSelect-qGupIZIz.css} +1 -1
- package/dist/app/assets/{PzSelect.stories-CgwCMZd-.js → PzSelect.stories-DVwaAJgQ.js} +1 -1
- package/dist/app/assets/{PzSkeleton-BwC2svLL.js → PzSkeleton-m8_ixzBO.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-DsurBEj4.js → PzSkeleton.stories-BXgNWkRa.js} +1 -1
- package/dist/app/assets/{PzStatus-B_H5z0YP.css → PzStatus--2NXUTlv.css} +1 -1
- package/dist/app/assets/PzStatus-Br47Wf2p.js +1 -0
- package/dist/app/assets/PzStatus-CrMtYbRR.css +1 -0
- package/dist/app/assets/{PzStatus.stories-Df25pJr9.js → PzStatus.stories-PPIMQWmC.js} +4 -3
- package/dist/app/assets/{PzTable-BNMYmoRd.css → PzTable-BOVqN6WA.css} +1 -1
- package/dist/app/assets/PzTable-CMrM0T_5.css +1 -0
- package/dist/app/assets/PzTable-Dpgs6nnE.js +1 -0
- package/dist/app/assets/{PzTable.stories-BLvcQ6Rw.js → PzTable.stories-DQFCM8Ie.js} +1 -1
- package/dist/app/assets/{PzTabs.stories-b4hlFEwl.js → PzTabs.stories-B3uKeAUs.js} +4 -4
- package/dist/app/assets/PzTag-B34ohfe6.js +1 -0
- package/dist/app/assets/PzTag-BU4Nffdd.css +1 -0
- package/dist/app/assets/{PzTag.stories-Ujqwci2O.js → PzTag.stories-BbcggvmR.js} +7 -6
- package/dist/app/assets/{PzText-BQZq8EVF.js → PzText-BE3sGQje.js} +1 -1
- package/dist/app/assets/PzText-uPzrIzSU.css +1 -0
- package/dist/app/assets/{PzText.stories-BuvdtkFm.js → PzText.stories-C6WoUrwS.js} +16 -16
- package/dist/app/assets/{PzTextClamp-B1WSxo7S.css → PzTextClamp-sinphphZ.css} +1 -1
- package/dist/app/assets/PzTextClamp.stories-DTMYKzSM.js +150 -0
- package/dist/app/assets/PzTextarea-DlC8K0sa.css +1 -0
- package/dist/app/assets/{PzTextarea.stories-DOG1qi1P.js → PzTextarea.stories-Chk-d2kz.js} +5 -5
- package/dist/app/assets/{PzValidatorXSS.stories-DscJMjuB.js → PzValidatorXSS.stories-ChgBpRB1.js} +1 -1
- package/dist/app/assets/{Spacing.stories-DBSqX1Hj.js → Spacing.stories-DYrJNcDz.js} +1 -1
- package/dist/app/assets/{Typography.stories-DMvAqFvP.js → Typography.stories-DKGJUwRl.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-ByDyVRbq.js → WithTooltip-65CFNBJE-DBM3Ls4x.js} +1 -1
- package/dist/app/assets/configs-B15JgQZ-.js +1 -0
- package/dist/app/assets/{floating-vue-bEyZEONw.js → floating-vue-CfaCgnk9.js} +1 -1
- package/dist/app/assets/{floating-vue-n4D6Ru3Z.js → floating-vue-vY2FayZJ.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-Cy8KDV6A.js → formatter-EIJCOSYU-D7FeXb5h.js} +1 -1
- package/dist/app/assets/{iframe-C0Tj7XHr.js → iframe-DnNEraC8.js} +75 -75
- package/dist/app/assets/{iframe-CAy7Hju8.css → iframe-ujC0K8xu.css} +1 -1
- package/dist/app/assets/{index-DcEnsmNU.js → index-DDhCZz39.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-DaMG7TRH.js → syntaxhighlighter-OH4MV7E3-ufeUsxKV.js} +1 -1
- package/dist/app/iframe.html +2 -2
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/components/Actions/PzBtn/types.d.ts +2 -0
- package/dist/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue.d.ts +1 -1
- package/dist/components/Actions/PzLink/PzLink.vue.d.ts +1 -1
- package/dist/components/Actions/PzLink/types.d.ts +2 -0
- package/dist/components/Actions/PzRouterLink/PzRouterLink.vue.d.ts +1 -1
- package/dist/components/Display/PzDate/types.d.ts +2 -0
- package/dist/components/Display/PzDateRange/types.d.ts +2 -0
- package/dist/components/Display/PzIcon/PzIcon.vue.d.ts +1 -1
- package/dist/components/Display/PzLoader/PzLoader.vue.d.ts +1 -1
- package/dist/components/Display/PzStatus/configs.d.ts +1 -1
- package/dist/components/Display/PzStatus/types.d.ts +2 -0
- package/dist/components/Display/PzTag/configs.d.ts +1 -1
- package/dist/components/Display/PzTag/types.d.ts +2 -0
- package/dist/components/Form/PzFileInput/PzFileInput.vue.d.ts +1 -1
- package/dist/components/Form/PzImageInput/PzImageInput.vue.d.ts +1 -1
- package/dist/components/Form/PzInput/PzInput.vue.d.ts +2 -2
- package/dist/components/Form/PzInputDate/PzInputDate.vue.d.ts +1 -1
- package/dist/components/Form/PzInputNumber/PzInputNumber.vue.d.ts +2 -2
- package/dist/components/Form/PzLabel/PzLabel.vue.d.ts +1 -1
- package/dist/components/Form/PzMultiSelect/PzMultiSelect.vue.d.ts +1 -1
- package/dist/components/Form/PzSelect/PzSelect.vue.d.ts +2 -2
- package/dist/components/Form/PzTextarea/PzTextarea.vue.d.ts +1 -1
- package/dist/components/Layouts/PzAccordion/PzAccordion.vue.d.ts +1 -1
- package/dist/components/Layouts/PzAccordion/types.d.ts +2 -0
- package/dist/components/Layouts/PzGrid/PzGrid.vue.d.ts +1 -1
- package/dist/components/Layouts/PzGrid/PzGridItem.vue.d.ts +1 -1
- package/dist/components/Layouts/PzGrid/configs.d.ts +1 -1
- package/dist/components/Navigation/PzNav/types.d.ts +2 -0
- package/dist/components/Text/PzArrayClamp/PzArrayClamp.vue.d.ts +1 -1
- package/dist/components/Text/PzArrayClamp/types.d.ts +2 -0
- package/dist/components/Text/PzText/configs.d.ts +2 -2
- package/dist/components/Text/PzTextClamp/PzTextClamp.vue.d.ts +3 -3
- package/dist/components/Text/PzTextClamp/types.d.ts +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +6 -6
- package/dist/prozorro-ui.js +2405 -2420
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/abstract/_typography.scss +5 -3
- package/src/styles/base/_typography.scss +125 -0
- package/src/styles/main.scss +1 -0
- package/dist/app/assets/PzAccordion-B0I9gAH8.js +0 -1
- package/dist/app/assets/PzAccordion-C0TpPK-x.css +0 -1
- package/dist/app/assets/PzAccordionTable-BAkuTUT5.css +0 -1
- package/dist/app/assets/PzAccordionTable.stories-DxKqjo-e.js +0 -275
- package/dist/app/assets/PzBtn-DcyqEb3Q.js +0 -1
- package/dist/app/assets/PzBtn-jjH45VOr.css +0 -1
- package/dist/app/assets/PzCheckbox-CMoU-kLD.css +0 -1
- package/dist/app/assets/PzClamp-DQz8TA5G.css +0 -1
- package/dist/app/assets/PzClamp.stories-Cy07si4i.js +0 -1
- package/dist/app/assets/PzCopyToClipboard-DYvP-lFq.css +0 -1
- package/dist/app/assets/PzCopyToClipboard.stories-C8ifzOzW.js +0 -45
- package/dist/app/assets/PzDate-Bsbb_VSV.css +0 -1
- package/dist/app/assets/PzDate-C90nxGrj.js +0 -1
- package/dist/app/assets/PzDateRange-D51oBNib.css +0 -1
- package/dist/app/assets/PzDateRange.stories-CvIYNizv.js +0 -9
- package/dist/app/assets/PzFileInput-DbN-ooyB.css +0 -1
- package/dist/app/assets/PzImageInput-dWKF820O.css +0 -1
- package/dist/app/assets/PzInput-CJA3u8GT.css +0 -1
- package/dist/app/assets/PzInputDate-pqxv_Osl.css +0 -1
- package/dist/app/assets/PzInputNumber-Bo159ZgO.css +0 -1
- package/dist/app/assets/PzKeyValue--VZbtZaU.css +0 -1
- package/dist/app/assets/PzLabel-b7WCTEW3.css +0 -1
- package/dist/app/assets/PzLink-BgMOL5GA.css +0 -1
- package/dist/app/assets/PzLink-C34ePoHR.js +0 -1
- package/dist/app/assets/PzLoader.stories-Ctqutr_i.js +0 -9
- package/dist/app/assets/PzModal-CFz3X4Lh.css +0 -1
- package/dist/app/assets/PzMultiSelect-JrKh7BA8.css +0 -1
- package/dist/app/assets/PzPagination-B4-GW3ZR.css +0 -1
- package/dist/app/assets/PzRadioGroup-BeXU451M.css +0 -1
- package/dist/app/assets/PzRouterLink.stories-CmmyRt54.js +0 -54
- package/dist/app/assets/PzSelect-Cc3jbYPS.css +0 -1
- package/dist/app/assets/PzStatus-B8fDQ3ZX.js +0 -1
- package/dist/app/assets/PzStatus-BJklUof0.css +0 -1
- package/dist/app/assets/PzTable-C1EasZ6G.css +0 -1
- package/dist/app/assets/PzTable-DuU8JAt1.js +0 -1
- package/dist/app/assets/PzTag-DkBbAhaD.css +0 -1
- package/dist/app/assets/PzTag-F76Pw53L.js +0 -1
- package/dist/app/assets/PzText-BwoHBjGs.css +0 -1
- package/dist/app/assets/PzTextClamp.stories-Dc67q_-y.js +0 -149
- package/dist/app/assets/PzTextarea-B3skmX1A.css +0 -1
- package/dist/app/assets/text-clamp.esm-Dv0GEKqA.js +0 -1
- package/dist/components/Display/PzClamp/PzClamp.vue.d.ts +0 -8
- package/dist/components/Display/PzClamp/index.d.ts +0 -2
- package/dist/components/Display/PzClamp/types.d.ts +0 -7
package/dist/app/assets/{PzBreadcrumb.stories-DaOHQHgW.js → PzBreadcrumb.stories-CRgmW35D.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as
|
|
1
|
+
import{d as V,e as m,q as B,u as L,A as x,v as c,R as P,F,x as q,g as C,o as d,B as b,C as z,t as v,y as D,J,h as j,a0 as A}from"./iframe-DnNEraC8.js";import{P as E}from"./PzText-BE3sGQje.js";import{_ as U}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const y={label:"Головна",to:"/"},W={class:"pz-breadcrumb","aria-label":"Breadcrumb"},H={class:"pz-breadcrumb__list"},G={class:"pz-breadcrumb__item"},K={key:0,class:"pz-breadcrumb__link pz-breadcrumb__link--current","aria-current":"page"},l=V({name:"PzBreadcrumb",__name:"PzBreadcrumb",props:{items:{}},setup(a){const n=J(),o=a,f=e=>typeof e!="string"?e:e.split("/").map(t=>{if(!t.startsWith(":"))return t;const r=n.params[t.slice(1)];return Array.isArray(r)?r.join("/"):r??t}).join("/"),O=C(()=>{const e=[];return n.matched.forEach(t=>{const r=t.meta,s=String(r.breadcrumb??r.name??t.name??"").trim();!s||t.path==="/"||e.push({label:s,to:f(t.path)})}),e}),_=C(()=>{var e;return(e=o.items)!=null&&e.length?o.items.map(t=>({...t,to:f(t.to)})):O.value}),g=e=>e===_.value.length-1;return(e,t)=>(d(),m("nav",W,[B("ul",H,[B("li",G,[L(c(P),{to:c(y).to,class:"pz-breadcrumb__link"},{default:x(()=>[b(e.$slots,"home",{data:c(y),index:-1,isCurrent:!1},()=>[z(v(c(y).label),1)],!0)]),_:3},8,["to"])]),(d(!0),m(F,null,q(_.value,(r,s)=>(d(),m("li",{key:`${r.label}-${s}`,class:"pz-breadcrumb__item"},[g(s)||!r.to?(d(),m("span",K,[b(e.$slots,"view",{data:r,isCurrent:g(s)||!r.to,index:s},()=>[z(v(r.label),1)],!0)])):(d(),D(c(P),{key:1,to:r.to,class:"pz-breadcrumb__link"},{default:x(()=>[b(e.$slots,"view",{data:r,isCurrent:!1,index:s},()=>[z(v(r.label),1)],!0)]),_:2},1032,["to"]))]))),128))])]))}}),h=U(l,[["__scopeId","data-v-1817047b"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzBreadcrumb",exportName:"default",displayName:"PzBreadcrumb",description:"",tags:{},props:[{name:"items",required:!1,type:{name:"Array",elements:[{name:"PzBreadcrumbItem"}]}}],slots:[{name:"home",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"index",title:"binding"},{name:"is-current",title:"binding"}]},{name:"view",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"is-current",title:"binding"},{name:"index",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzBreadcrumb/PzBreadcrumb.vue"]});const Q=[{label:"Тендери",to:"/breadcrumbs/tenders"},{label:"Транспорт",to:"/breadcrumbs/tenders/transport"},{label:"Автомобіль ВАЗ 21703"}],X=[{label:"Закупівлі",to:"/breadcrumbs/procedures"},{label:"Товари",to:"/breadcrumbs/procedures/products"},{label:"Легковий транспорт",to:"/breadcrumbs/procedures/products/cars"},{label:"Автомобіль ВАЗ 21703"}],Y=a=>{var o;return(o=a.items)!=null&&o.length?`<template>
|
|
2
2
|
<PzBreadcrumb :items='${JSON.stringify(a.items,null,2)}' />
|
|
3
3
|
</template>`:`<template>
|
|
4
4
|
<PzBreadcrumb />
|
|
@@ -12,7 +12,7 @@ import{d as O,e as m,k as B,z as V,D as P,u as c,R as x,F as D,A as F,g as w,o a
|
|
|
12
12
|
<span :style="{ opacity: isCurrent ? 0.7 : 1 }">{{ data.label }}</span>
|
|
13
13
|
</template>
|
|
14
14
|
</PzBreadcrumb>
|
|
15
|
-
</template>`,ee={title:"Components/Navigation/PzBreadcrumb",component:h,parameters:{prototype:{caption:"Breadcrumb component",note:"This version stays close to the old app breadcrumb: the home crumb is rendered first, intermediate crumbs are links, the last crumb is plain text, and route-derived breadcrumbs come from vue-router metadata."},docs:{description:{component:"Use `PzBreadcrumb` with no props to derive crumbs from `route.matched` via `route.meta.breadcrumb` or `route.meta.name`. Pass `items` only when you need to override the route-derived trail."},source:{transform:(a,n)=>Y(n.args??ee.args)}}},args:{items:void 0},argTypes:{items:{control:"object",description:"Optional manual breadcrumb override. If omitted, the component reads crumbs from vue-router."}},render:a=>({components:{pzBreadcrumb:h,pzText:
|
|
15
|
+
</template>`,ee={title:"Components/Navigation/PzBreadcrumb",component:h,parameters:{prototype:{caption:"Breadcrumb component",note:"This version stays close to the old app breadcrumb: the home crumb is rendered first, intermediate crumbs are links, the last crumb is plain text, and route-derived breadcrumbs come from vue-router metadata."},docs:{description:{component:"Use `PzBreadcrumb` with no props to derive crumbs from `route.matched` via `route.meta.breadcrumb` or `route.meta.name`. Pass `items` only when you need to override the route-derived trail."},source:{transform:(a,n)=>Y(n.args??ee.args)}}},args:{items:void 0},argTypes:{items:{control:"object",description:"Optional manual breadcrumb override. If omitted, the component reads crumbs from vue-router."}},render:a=>({components:{pzBreadcrumb:h,pzText:E},setup(){const n=A();return j(async()=>{await n.push("/breadcrumbs/tenders/transport/vaz-21703")}),{args:a,deepItems:X}},template:`
|
|
16
16
|
<div class="pz-breadcrumb-story">
|
|
17
17
|
<section class="pz-breadcrumb-story-frame">
|
|
18
18
|
<div class="pz-breadcrumb-story-header">
|
|
@@ -43,7 +43,7 @@ import{d as O,e as m,k as B,z as V,D as P,u as c,R as x,F as D,A as F,g as w,o a
|
|
|
43
43
|
</article>
|
|
44
44
|
</section>
|
|
45
45
|
</div>
|
|
46
|
-
`})},i={},u={args:{items:Q}},p={parameters:{docs:{source:{code:Z()}}},render:()=>({components:{pzBreadcrumb:h,pzText:
|
|
46
|
+
`})},i={},u={args:{items:Q}},p={parameters:{docs:{source:{code:Z()}}},render:()=>({components:{pzBreadcrumb:h,pzText:E},setup(){const a=A();return j(async()=>{await a.push("/breadcrumbs/tenders/transport/vaz-21703")}),{}},template:`
|
|
47
47
|
<div class="pz-breadcrumb-story">
|
|
48
48
|
<section class="pz-breadcrumb-story-frame">
|
|
49
49
|
<div class="pz-breadcrumb-story-header">
|
|
@@ -67,11 +67,11 @@ import{d as O,e as m,k as B,z as V,D as P,u as c,R as x,F as D,A as F,g as w,o a
|
|
|
67
67
|
</div>
|
|
68
68
|
</section>
|
|
69
69
|
</div>
|
|
70
|
-
`})};var
|
|
70
|
+
`})};var w,S,k;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(k=(S=i.parameters)==null?void 0:S.docs)==null?void 0:k.source}}};var I,N,R;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
|
|
71
71
|
args: {
|
|
72
72
|
items: manualItems
|
|
73
73
|
}
|
|
74
|
-
}`,...(R=(N=u.parameters)==null?void 0:N.docs)==null?void 0:R.source}}};var T,M
|
|
74
|
+
}`,...(R=(N=u.parameters)==null?void 0:N.docs)==null?void 0:R.source}}};var T,M,$;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
|
|
75
75
|
parameters: {
|
|
76
76
|
docs: {
|
|
77
77
|
source: {
|
|
@@ -117,4 +117,4 @@ import{d as O,e as m,k as B,z as V,D as P,u as c,R as x,F as D,A as F,g as w,o a
|
|
|
117
117
|
</div>
|
|
118
118
|
\`
|
|
119
119
|
})
|
|
120
|
-
}`,...(
|
|
120
|
+
}`,...($=(M=p.parameters)==null?void 0:M.docs)==null?void 0:$.source}}};const ne=["Playground","ManualItems","CustomSlots"];export{p as CustomSlots,u as ManualItems,i as Playground,ne as __namedExportsOrder,ee as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-btn[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-white);--pz-btn-disabled-bg: var(--pz-color-button-disabled);--pz-btn-disabled-border-color: var(--pz-color-button-disabled);--pz-btn-active-color: var(--pz-btn-color);--pz-btn-active-bg: var(--pz-btn-bg);--pz-btn-active-border-color: var(--pz-btn-border-color);--pz-btn-radius: var(--pz-space-4);--pz-btn-padding-block: var(--pz-space-8);--pz-btn-padding-inline: var(--pz-space-12);--pz-btn-gap: var(--pz-space-8);display:inline-flex;align-items:center;gap:var(--pz-btn-gap);padding:var(--pz-btn-padding-block) var(--pz-btn-padding-inline);border:1px solid var(--pz-btn-border-color);border-radius:var(--pz-btn-radius);background:var(--pz-btn-bg);color:var(--pz-btn-color);cursor:pointer;text-decoration:none;outline:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;overflow-wrap:break-word;font-size:var(--pz-btn-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-btn-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-btn-line-height, var(--pz-typography-line-height, 1.5))}.pz-btn[data-v-e1d0a607]:not(:disabled):hover,.pz-btn[data-v-e1d0a607]:not(:disabled):focus-visible{color:var(--pz-btn-hover-color);background:var(--pz-btn-hover-bg);border-color:var(--pz-btn-hover-border-color)}.pz-btn[data-v-e1d0a607]:not(:disabled):active{color:var(--pz-btn-active-color);background:var(--pz-btn-active-bg);border-color:var(--pz-btn-active-border-color)}.pz-btn[data-v-e1d0a607]:not(:disabled):focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-btn-hover-bg) 28%,transparent)}.pz-btn[data-v-e1d0a607]:disabled{color:var(--pz-btn-disabled-color);background:var(--pz-btn-disabled-bg);border-color:var(--pz-btn-disabled-border-color);cursor:not-allowed}.pz-btn--primary[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-primary);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-primary-hover);--pz-btn-border-color: var(--pz-color-button-primary);--pz-btn-hover-border-color: var(--pz-color-button-primary-hover)}.pz-btn--primary-outline[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-button-primary);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-primary-hover);--pz-btn-border-color: var(--pz-color-button-primary);--pz-btn-hover-border-color: var(--pz-color-button-primary-hover);--pz-btn-active-color: var(--pz-color-white);--pz-btn-active-bg: var(--pz-color-button-primary);--pz-btn-active-border-color: var(--pz-color-button-primary);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--danger[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-danger);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-danger-hover);--pz-btn-border-color: var(--pz-color-button-danger);--pz-btn-hover-border-color: var(--pz-color-button-danger-hover)}.pz-btn--danger-outline[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-button-danger);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-danger-hover);--pz-btn-border-color: var(--pz-color-button-danger);--pz-btn-hover-border-color: var(--pz-color-button-danger-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--alert[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-alert);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-alert-hover);--pz-btn-border-color: var(--pz-color-button-alert);--pz-btn-hover-border-color: var(--pz-color-button-alert-hover)}.pz-btn--alert-outline[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-button-alert);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-alert-hover);--pz-btn-border-color: var(--pz-color-button-alert);--pz-btn-hover-border-color: var(--pz-color-button-alert-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--success[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-success);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-success-hover);--pz-btn-border-color: var(--pz-color-button-success);--pz-btn-hover-border-color: var(--pz-color-button-success-hover)}.pz-btn--success-outline[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-button-success);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-success-hover);--pz-btn-border-color: var(--pz-color-button-success);--pz-btn-hover-border-color: var(--pz-color-button-success-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--pink[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-pink);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-pink-hover);--pz-btn-border-color: var(--pz-color-button-pink);--pz-btn-hover-border-color: var(--pz-color-button-pink-hover)}.pz-btn--pink-outline[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-button-pink);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-pink-hover);--pz-btn-border-color: var(--pz-color-button-pink);--pz-btn-hover-border-color: var(--pz-color-button-pink-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--link[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-text-primary);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-text-link-hover);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: transparent;--pz-btn-radius: 0}.pz-btn--transparent[data-v-e1d0a607]{--pz-btn-color: var(--pz-color-text-link);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-text-link-hover);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: transparent;--pz-btn-padding-block: var(--pz-space-4);--pz-btn-padding-inline: 0}.pz-btn-prefix[data-v-e1d0a607],.pz-btn-suffix[data-v-e1d0a607]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-btn-prefix[data-v-e1d0a607]:empty,.pz-btn-suffix[data-v-e1d0a607]:empty,.pz-btn-content[data-v-e1d0a607]:empty{display:none}.pz-btn-prefix[data-v-e1d0a607] .pz-icon,.pz-btn-suffix[data-v-e1d0a607] .pz-icon{--pz-icon-color: currentcolor}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as r,e as t,B as o,p as l,f as i,o as s}from"./iframe-DnNEraC8.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,13 +1,13 @@
|
|
|
1
|
-
import{_ as p}from"./PzIcon-
|
|
1
|
+
import{_ as p}from"./PzIcon-DVzy4Ojp.js";import{P as c}from"./PzText-BE3sGQje.js";import{p as f}from"./configs-B15JgQZ-.js";import{P as n}from"./PzBtn-Bg1IBOBz.js";import"./iframe-DnNEraC8.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" />
|
|
5
5
|
</template>`:null].filter(i=>!!i);return`<template>
|
|
6
6
|
${e?`<PzBtn ${e}>`:"<PzBtn>"}
|
|
7
|
-
${
|
|
7
|
+
${l.join(`
|
|
8
8
|
`)}
|
|
9
9
|
</PzBtn>
|
|
10
|
-
</template>`},
|
|
10
|
+
</template>`},v={title:"Components/Actions/PzBtn",component:n,parameters:{docs:{description:{component:"Use `PzBtn` for all button actions. Supports filled, outline, link, and transparent treatments via `variant`. Compose prefix or suffix icons through named slots."},source:{transform:(t,e)=>u(e.args??v.args)}}},args:{variant:"primary",type:"button",disabled:!1,typography:void 0,label:"Підтвердити дію",showPrefix:!0,showSuffix:!1},argTypes:{variant:{control:"select",options:m,description:"Visual button treatment."},type:{control:"inline-radio",options:b,description:"Native button type attribute."},disabled:{control:"boolean",description:"Disables the button and applies reduced-opacity styling."},typography:{control:"select",options:[void 0,...f],description:"Overrides typography using a PzText variant."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:t=>({components:{pzBtn:n,pzIcon:p,pzText:c},setup(){return{args:t,btnReferenceItems:d}},template:`
|
|
11
11
|
<div class="pz-btn-story">
|
|
12
12
|
<section class="pz-btn-story-board">
|
|
13
13
|
<div class="pz-btn-story-header">
|
|
@@ -23,6 +23,7 @@ ${o.join(`
|
|
|
23
23
|
:variant="args.variant"
|
|
24
24
|
:type="args.type"
|
|
25
25
|
:disabled="args.disabled"
|
|
26
|
+
:typography="args.typography"
|
|
26
27
|
>
|
|
27
28
|
<template v-if="args.showPrefix" #prefix>
|
|
28
29
|
<pz-icon name="add" size="16" label="Button prefix icon" />
|
|
@@ -81,4 +82,4 @@ ${o.join(`
|
|
|
81
82
|
</div>
|
|
82
83
|
</section>
|
|
83
84
|
</div>
|
|
84
|
-
`})},a={};var r,s,
|
|
85
|
+
`})},a={};var r,s,o;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(o=(s=a.parameters)==null?void 0:s.docs)==null?void 0:o.source}}};const S=["Playground"];export{a as Playground,S as __namedExportsOrder,v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as m,e as n,
|
|
1
|
+
import{d as m,e as n,q as a,B as f,f as b,g as p,o,C as h,t as k}from"./iframe-DnNEraC8.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"},C={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",C,[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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-checkbox[data-v-f78db6fd]{--pz-checkbox-border-color: var(--pz-color-grey-60);--pz-checkbox-mark-color: var(--pz-color-white);--pz-checkbox-active-color: var(--pz-color-button-success);--pz-checkbox-label-color: var(--pz-color-text-primary);position:relative;display:inline-flex;align-items:flex-start;gap:var(--pz-space-12);max-width:100%;color:var(--pz-checkbox-label-color);cursor:pointer}.pz-checkbox-input[data-v-f78db6fd]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-checkbox-control[data-v-f78db6fd]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:var(--pz-space-16);block-size:var(--pz-space-16);margin-top:2px;border:3px solid var(--pz-checkbox-border-color);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:transparent;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.pz-checkbox-input:focus-visible+.pz-checkbox-control[data-v-f78db6fd]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-checkbox-input:checked+.pz-checkbox-control[data-v-f78db6fd]{border-color:var(--pz-checkbox-active-color);background:var(--pz-checkbox-active-color);color:var(--pz-checkbox-mark-color)}.pz-checkbox-icon[data-v-f78db6fd]{inline-size:12px;block-size:12px}.pz-checkbox-label[data-v-f78db6fd]{min-width:0;overflow-wrap:break-word;font-size:var(--pz-checkbox-label-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-checkbox-label-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-checkbox-label-line-height, var(--pz-typography-line-height, 1.5))}.pz-checkbox.switch .pz-checkbox-control[data-v-f78db6fd]{inline-size:40px;block-size:23px;margin-top:0;border-radius:999px;border-color:var(--pz-checkbox-active-color);background:var(--pz-color-background-primary);color:transparent}.pz-checkbox-thumb[data-v-f78db6fd]{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:14px;block-size:14px;border-radius:50%;background:var(--pz-checkbox-active-color);transition:transform .16s ease}.pz-checkbox.switch .pz-checkbox-input:checked+.pz-checkbox-control[data-v-f78db6fd]{background:var(--pz-color-background-primary);color:transparent}.pz-checkbox.switch .pz-checkbox-input:checked+.pz-checkbox-control .pz-checkbox-thumb[data-v-f78db6fd]{transform:translate(16px)}.pz-checkbox.disabled[data-v-f78db6fd]{--pz-checkbox-border-color: var(--pz-color-grey-40);--pz-checkbox-active-color: var(--pz-color-button-disabled);--pz-checkbox-label-color: var(--pz-color-text-secondary);cursor:not-allowed}.pz-checkbox.disabled .pz-checkbox-control[data-v-f78db6fd]{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white))}.pz-checkbox.disabled .pz-checkbox-input:focus-visible+.pz-checkbox-control[data-v-f78db6fd]{box-shadow:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-checkbox-story{display:grid;gap:var(--pz-space-24)}.pz-checkbox-story-board,.pz-checkbox-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-checkbox-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-checkbox-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-checkbox-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-checkbox-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-checkbox-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-checkbox-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 768px){.pz-checkbox-story-grid{grid-template-columns:1fr}.pz-checkbox-story-header{flex-direction:column}}
|
|
1
|
+
.pz-checkbox-story{display:grid;gap:var(--pz-space-24)}.pz-checkbox-story-board,.pz-checkbox-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-checkbox-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-checkbox-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-checkbox-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-checkbox-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-checkbox-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-checkbox-story-note{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 768px){.pz-checkbox-story-grid{grid-template-columns:1fr}.pz-checkbox-story-header{flex-direction:column}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as n,w as l}from"./iframe-
|
|
1
|
+
import{r as n,w as l}from"./iframe-DnNEraC8.js";import{P as p}from"./PzText-BE3sGQje.js";import{p as d}from"./configs-CZIaFchr.js";import{P as a}from"./PzCheckbox-Co7cXLcc.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h=e=>`<template>
|
|
2
2
|
<PzCheckbox ${[e.variant!=="checkbox"?`variant="${e.variant}"`:null,e.id?`id="${e.id}"`:null,e.name?`name="${e.name}"`:null,e.disabled?':disabled="true"':null,e.modelValue?':model-value="true"':null].filter(c=>!!c).join(" ")}>
|
|
3
3
|
Text checkbox
|
|
4
4
|
</PzCheckbox>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-checkbox-group-story{display:grid;gap:var(--pz-space-24)}.pz-checkbox-group-story-board,.pz-checkbox-group-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-checkbox-group-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-checkbox-group-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-checkbox-group-story-preview{display:grid;place-items:center;min-height:240px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-checkbox-group-story-field{width:min(100%,640px)}.pz-checkbox-group-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-checkbox-group-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-checkbox-group-story-meta{color:var(--pz-color-text-secondary)}.pz-checkbox-group-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 960px){.pz-checkbox-group-story-grid{grid-template-columns:1fr}.pz-checkbox-group-story-header{flex-direction:column}}.pz-checkbox-group[data-v-7ed24052]{display:grid;gap:var(--pz-space-8)}
|
|
1
|
+
.pz-checkbox-group-story{display:grid;gap:var(--pz-space-24)}.pz-checkbox-group-story-board,.pz-checkbox-group-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-checkbox-group-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-checkbox-group-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-checkbox-group-story-preview{display:grid;place-items:center;min-height:240px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-checkbox-group-story-field{width:min(100%,640px)}.pz-checkbox-group-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-checkbox-group-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-checkbox-group-story-meta{color:var(--pz-color-text-secondary)}.pz-checkbox-group-story-note{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 960px){.pz-checkbox-group-story-grid{grid-template-columns:1fr}.pz-checkbox-group-story-header{flex-direction:column}}.pz-checkbox-group[data-v-7ed24052]{display:grid;gap:var(--pz-space-8)}
|
package/dist/app/assets/{PzCheckboxGroup.stories-B7EJ8z_H.js → PzCheckboxGroup.stories-QxhAKj0w.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as P,e as b,F as V,
|
|
1
|
+
import{d as P,e as b,F as V,x as C,o as d,y as w,A as G,B as T,C as _,t as S,I as O,v as F,r as m,w as L}from"./iframe-DnNEraC8.js";import{P as A}from"./PzLabel-CXXbE-ej.js";import{P as $}from"./PzText-BE3sGQje.js";import{p as B}from"./configs-CZIaFchr.js";import{P as q}from"./PzCheckbox-Co7cXLcc.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(F(q),{id:c(t,r).id,key:c(t,r).id,name:o.name,value:t.value,variant:o.variant,label:t.label,disabled:c(t,r).disabled,"model-value":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"}],j=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>`},D={title:"Components/Form/PzCheckboxGroup",component:h,parameters:{docs:{description:{component:"Use `PzCheckboxGroup` for multi-select lists backed by an array of primitive `value`s. The group composes `PzCheckbox`, keeps the preserved `switch` variant, and expects semantic `options` instead of the older `config` or `slug` prototype naming."},source:{transform:(a,l)=>j(l.args??D.args)}}},args:{heading:"Назва поля",modelValue:["two"],options:x,name:"checkbox-group-story",variant:"checkbox",disabled:!1},argTypes:{variant:{control:"inline-radio",options:B,description:"Applies the same checkbox or switch presentation to every item in the group."},disabled:{control:"boolean",description:"Disables every option in the group."},name:{control:"text",description:"Optional shared native input name."},heading:{control:"text",description:"Story-only label shown through `PzLabel` in the usage example.",table:{category:"Story"}},options:{control:!1,description:"Array of checkbox options with `label`, `value`, and optional `disabled`/`id`."},modelValue:{control:!1,description:"Selected option values."}},render:a=>({components:{pzCheckboxGroup:h,pzLabel:A,pzText:$},setup(){const l=m([...a.modelValue??[]]),o=m(["two"]);return L(()=>a.modelValue,i=>{l.value=[...i??[]]}),{args:a,checkboxOptions:x,longLabelOptions:U,selectedValues:l,slotSelectedValues:o}},template:`
|
|
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,D as default};
|
|
@@ -0,0 +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;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);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-preview,.pz-copy-to-clipboard-story-examples{padding:var(--pz-space-20);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-8);background:var(--pz-color-background-primary)}.pz-copy-to-clipboard-story-examples{display:grid;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-row{padding-bottom:var(--pz-space-16);border-bottom:1px solid var(--pz-color-grey-30)}.pz-copy-to-clipboard-story-row:last-child{padding-bottom:0;border-bottom:0}.pz-copy-to-clipboard[data-v-b6d0efa4]{display:inline-flex;vertical-align:middle}.pz-copy-to-clipboard-button[data-v-b6d0efa4]{display:inline-flex;align-items:center;gap:var(--pz-space-4);max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:color .16s ease,box-shadow .16s ease}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:hover,.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px;border-radius:var(--pz-space-4)}.pz-copy-to-clipboard-content[data-v-b6d0efa4]{min-width:0}.pz-copy-to-clipboard-icon[data-v-b6d0efa4]{flex:0 0 auto}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-button[data-v-b6d0efa4]{justify-content:center;width:24px;height:24px;color:var(--pz-color-icon-primary)}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-content[data-v-b6d0efa4]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import{P}from"./PzText-BE3sGQje.js";import{d as w,$ as V,e as d,W as q,v as I,f as u,q as k,B as A,y as B,p as S,r as _,o as i,C as N,t as O}from"./iframe-DnNEraC8.js";import{O as U}from"./floating-vue-vY2FayZJ.js";import"./floating-vue-CfaCgnk9.js";import{P as $}from"./PzDomHandler-BU7iMNnt.js";import{_ as D}from"./PzIcon-DVzy4Ojp.js";import{_ as E}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j=["aria-label"],W={class:"pz-copy-to-clipboard-content"},r=w({name:"PzCopyToClipboard",__name:"PzCopyToClipboard",props:{content:{},popupText:{default:"Скопійовано"},label:{default:"Скопіювати в буфер обміну"},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:x}){const t=e,s=_(!1);let o;const l=x,C=()=>{s.value=!1,o=void 0},h=()=>{o&&clearTimeout(o),s.value=!0,o=setTimeout(C,t.timeout)},T=async p=>{t.stopPropagation&&p.stopPropagation();try{await $.copyToClipboard(t.content),h(),l("copied",t.content)}catch(c){l("error",c)}};return V(()=>{o&&clearTimeout(o)}),(p,c)=>(i(),d("span",{class:u(["pz-copy-to-clipboard",`pz-copy-to-clipboard--${e.variant}`])},[q((i(),d("button",{type:"button",class:u(["pz-copy-to-clipboard-button",e.buttonClass]),"aria-label":e.label,onClick:T},[k("span",W,[A(p.$slots,"default",{},()=>[N(O(e.content),1)],!0)]),e.showIcon||e.variant==="icon"?(i(),B(D,{key:0,class:"pz-copy-to-clipboard-icon",name:"content_copy",size:"16"})):S("",!0)],10,j)),[[I(U),{shown:s.value,content:e.popupText,placement:e.placement,theme:"dark-tooltip",triggers:[]}]])],2))}}),m=E(r,[["__scopeId","data-v-b6d0efa4"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzCopyToClipboard",exportName:"default",displayName:"PzCopyToClipboard",description:"",tags:{},props:[{name:"content",required:!0,type:{name:"string"}},{name:"popupText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопійовано"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопіювати в буфер обміну"'}},{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"]});const R={title:"Components/Actions/PzCopyToClipboard",component:m,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:e=>({components:{pzCopyToClipboard:m,pzText:P},setup(){return{args:e}},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
|
+
`})},a={},n={args:{variant:"icon",text:"Copy"}};var y,b,f;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:"{}",...(f=(b=a.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};var v,g,z;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
41
|
+
args: {
|
|
42
|
+
variant: "icon",
|
|
43
|
+
text: "Copy"
|
|
44
|
+
}
|
|
45
|
+
}`,...(z=(g=n.parameters)==null?void 0:g.docs)==null?void 0:z.source}}};const X=["Playground","IconOnly"];export{n as IconOnly,a as Playground,X as __namedExportsOrder,R as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-date[data-v-1a60b6ea]{display:inline-flex;align-items:center;color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-date-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-date-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-date-line-height, var(--pz-typography-line-height, 1.5))}.pz-date__separator[data-v-1a60b6ea]{width:5px;height:5px;border-radius:50%;margin-inline:var(--pz-space-8);background-color:var(--pz-color-blue-50)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as y,e as s,t as p,p as f,F as g,q as Y,f as _,g as o,o as m}from"./iframe-DnNEraC8.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}),d=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):""}),c=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},[d.value?(m(),s("span",P,p(d.value),1)):f("",!0),c.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(c.value),1)],64)):f("",!0)],10,M))}}),N=z(n,[["__scopeId","data-v-1a60b6ea"]]);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
|
|
1
|
+
import{p as r}from"./configs-B15JgQZ-.js";import{P as o}from"./PzDate-DU33aQfR.js";import"./iframe-DnNEraC8.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>
|
|
@@ -12,7 +12,7 @@ import{P as i}from"./PzDate-C90nxGrj.js";import"./iframe-C0Tj7XHr.js";import"./p
|
|
|
12
12
|
style="display: flex; align-items: center; gap: 16px;"
|
|
13
13
|
>
|
|
14
14
|
<code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
|
|
15
|
-
<pz-date :date="sampleDate" :format="f" />
|
|
15
|
+
<pz-date :date="sampleDate" :format="f" :typography="args.typography" />
|
|
16
16
|
</div>
|
|
17
17
|
</div>
|
|
18
18
|
</section>
|
|
@@ -53,12 +53,13 @@ import{P as i}from"./PzDate-C90nxGrj.js";import"./iframe-C0Tj7XHr.js";import"./p
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
|
-
render: () => ({
|
|
56
|
+
render: (args: PzDateProps) => ({
|
|
57
57
|
components: {
|
|
58
58
|
pzDate: PzDate
|
|
59
59
|
},
|
|
60
60
|
setup() {
|
|
61
61
|
return {
|
|
62
|
+
args,
|
|
62
63
|
sampleDate: SAMPLE_DATE,
|
|
63
64
|
formats: FORMAT_OPTIONS,
|
|
64
65
|
monthDates: MONTH_DATES
|
|
@@ -78,7 +79,7 @@ import{P as i}from"./PzDate-C90nxGrj.js";import"./iframe-C0Tj7XHr.js";import"./p
|
|
|
78
79
|
style="display: flex; align-items: center; gap: 16px;"
|
|
79
80
|
>
|
|
80
81
|
<code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
|
|
81
|
-
<pz-date :date="sampleDate" :format="f" />
|
|
82
|
+
<pz-date :date="sampleDate" :format="f" :typography="args.typography" />
|
|
82
83
|
</div>
|
|
83
84
|
</div>
|
|
84
85
|
</section>
|
|
@@ -113,4 +114,4 @@ import{P as i}from"./PzDate-C90nxGrj.js";import"./iframe-C0Tj7XHr.js";import"./p
|
|
|
113
114
|
</div>
|
|
114
115
|
\`
|
|
115
116
|
})
|
|
116
|
-
}`,...(a=(n=e.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const
|
|
117
|
+
}`,...(a=(n=e.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const g=["Playground"];export{e as Playground,g as __namedExportsOrder,x as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-date-range[data-v-2256e8e4]{display:inline-flex;flex-wrap:wrap;gap:var(--pz-space-4) var(--pz-space-8);color:var(--pz-color-text-primary);vertical-align:baseline;overflow-wrap:break-word;font-size:var(--pz-date-range-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-date-range-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-date-range-line-height, var(--pz-typography-line-height, 1.5))}.pz-date-range--new-line[data-v-2256e8e4]{flex-direction:column;align-items:flex-start}.pz-date-range__item[data-v-2256e8e4]{display:inline-flex;align-items:center;min-width:0;white-space:nowrap}.pz-date-range__separator[data-v-2256e8e4]{display:inline-block;width:16px;height:1px;margin-inline-end:var(--pz-space-8);background-color:var(--pz-color-stroke-grey)}.pz-date-range__label[data-v-2256e8e4]{margin-inline-end:var(--pz-space-4)}.pz-date-range--new-line .pz-date-range__separator[data-v-2256e8e4]{display:none}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{p as P}from"./configs-B15JgQZ-.js";import{d as h,e as t,F as R,x as M,f as u,p,g as x,o as n,t as v,u as _,v as T}from"./iframe-DnNEraC8.js";import{P as F}from"./PzDate-DU33aQfR.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,m=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)=>m.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(m.value,a=>(n(),t("span",{key:a.key,class:u(["pz-date-range__item",e.itemClass])},[a.index>0?(n(),t("span",H)):p("",!0),e.hideRangeText?p("",!0):(n(),t("span",V,v(e.translateFn(a.key)),1)),_(T(F),{date:a.value,format:e.format},null,8,["date","format"])],2))),128))],2)):p("",!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"},N=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],S=["default","new-line"],C=e=>({startDate:"від",endDate:"до"})[e],K={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:C,typography:void 0},argTypes:{format:{control:"select",options:N},hideRangeText:{control:"boolean"},itemClass:{control:"text"},mode:{control:"radio",options:S},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 L=["Playground","StartOnly"];export{s as Playground,o as StartOnly,L as __namedExportsOrder,K as default};
|
package/dist/app/assets/{PzDomHandler.stories-ZmoUgZpO.js → PzDomHandler.stories-CRahV-Wb.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,
|
|
1
|
+
import{r as e,h as m}from"./iframe-DnNEraC8.js";import{P as h}from"./PzText-BE3sGQje.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{d as C,
|
|
1
|
+
import{d as C,y as E,A as h,v as c,D as U,r as m,o as A,B as y,s as L}from"./iframe-DnNEraC8.js";import{P as w}from"./PzBtn-Bg1IBOBz.js";import{_ as z}from"./PzIcon-DVzy4Ojp.js";import{P as u}from"./PzText-BE3sGQje.js";import{k as $}from"./floating-vue-vY2FayZJ.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 B(e){k("update:shown",e)}function T(){var e;(e=l.value)==null||e.show()}function R(){var e;(e=l.value)==null||e.hide()}return t({show:T,hide:R}),(e,q)=>(A(),E(c($),{id:c(o),ref_key:"dropdownRef",ref:l,class:"pz-dropdown",theme:"dropdown",container:"#"+c(o),shown:n.shown,"onUpdate:shown":B},{popper:h(()=>[y(e.$slots,"content",{},void 0,!0)]),default:h(()=>[y(e.$slots,"default",{},void 0,!0)]),_:3},8,["id","container","shown"]))}}),d=M(a,[["__scopeId","data-v-69acee1b"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzDropdown",exportName:"default",displayName:"PzDropdown",description:"",tags:{},expose:[{name:"show"},{name:"hide"}],props:[{name:"shown",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"update:shown",type:{names:["boolean"]}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzDropdown/PzDropdown.vue"]});const v=[{icon:"edit",label:"Редагувати"},{icon:"content_copy",label:"Створити копію"},{icon:"archive",label:"Архівувати"},{icon:"delete",label:"Видалити",danger:!0}],N=n=>`<template>
|
|
2
2
|
<PzDropdown>
|
|
3
3
|
<PzBtn variant="primary-outline">
|
|
4
4
|
${n.triggerLabel??"Дії"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-file-input[data-v-fb8c9ce8]{--pz-file-input-text: var(--pz-color-text-primary);--pz-file-input-helper: var(--pz-color-text-secondary);--pz-file-input-icon: var(--pz-color-blue-50);--pz-file-input-item-color: var(--pz-color-blue-50);--pz-file-input-error: var(--pz-color-red-50);display:block;color:var(--pz-file-input-text);overflow-wrap:break-word;font-size:var(--pz-file-input-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-file-input-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-list[data-v-fb8c9ce8]{display:flex;flex-direction:column;gap:var(--pz-space-8);margin:0;padding:0;list-style:none}.pz-file-input-item[data-v-fb8c9ce8]{display:flex;flex-direction:column;gap:var(--pz-space-4);color:var(--pz-file-input-item-color);overflow-wrap:break-word;font-size:var(--pz-file-input-item-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-file-input-item-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-file-input-item-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-item-body[data-v-fb8c9ce8]{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-file-input-item-icon[data-v-fb8c9ce8]{flex-shrink:0;color:var(--pz-file-input-icon)}.pz-file-input-item-name[data-v-fb8c9ce8]{overflow-wrap:anywhere}.pz-file-input-item-remove[data-v-fb8c9ce8]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);cursor:pointer;transition:color .16s ease}.pz-file-input-item-remove[data-v-fb8c9ce8]:hover{color:var(--pz-color-button-danger-hover)}.pz-file-input-item-remove[data-v-fb8c9ce8]:focus-visible{outline:2px solid var(--pz-color-blue-30);outline-offset:2px}.pz-file-input-item-error-text[data-v-fb8c9ce8]{color:var(--pz-file-input-error);overflow-wrap:break-word;font-size:var(--pz-file-input-item-error-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-file-input-item-error-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-item-error-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-item.is-error[data-v-fb8c9ce8]{--pz-file-input-item-color: var(--pz-file-input-error);--pz-file-input-icon: var(--pz-file-input-error)}.pz-file-input-actions[data-v-fb8c9ce8]{display:flex;align-items:center;gap:var(--pz-space-8);margin-top:var(--pz-space-8)}.pz-file-input-native[data-v-fb8c9ce8]{display:none}.pz-file-input-helper[data-v-fb8c9ce8]{display:block;margin-top:var(--pz-space-8);color:var(--pz-file-input-helper);overflow-wrap:break-word;font-size:var(--pz-file-input-helper-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-file-input-helper-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-helper-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input-error[data-v-fb8c9ce8]{display:block;margin-top:var(--pz-space-8);color:var(--pz-file-input-error);overflow-wrap:break-word;font-size:var(--pz-file-input-error-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-file-input-error-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-file-input-error-line-height, var(--pz-typography-line-height, 1.5))}.pz-file-input.disabled[data-v-fb8c9ce8]{--pz-file-input-text: var(--pz-color-grey-40);--pz-file-input-item-color: var(--pz-color-grey-40);--pz-file-input-icon: var(--pz-color-grey-40);--pz-file-input-helper: var(--pz-color-grey-40)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as _,e as o,
|
|
1
|
+
import{d as _,e as o,u as g,A as B,v as y,f as C,o as r,F as j,x as O,q as F,t as f,p as v,C as W,r as u,g as m,w as G}from"./iframe-DnNEraC8.js";import{P as H}from"./PzText-BE3sGQje.js";import{P as J}from"./PzBtn-Bg1IBOBz.js";import{_ as M}from"./PzIcon-DVzy4Ojp.js";import{P as K}from"./PzLabel-CXXbE-ej.js";import{a as S,b as I}from"./configs-CZIaFchr.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const X={key:0,class:"pz-file-input-list"},Y={class:"pz-file-input-item-body"},Z={class:"pz-file-input-item-name"},ee=["aria-label","onClick"],le={key:0,class:"pz-file-input-item-error-text"},ae={key:1,class:"pz-file-input-actions"},te=["id","name","multiple","accept","disabled"],se={class:"pz-file-input-helper"},ie={key:2,class:"pz-file-input-error"},V=_({name:"PzFileInput",__name:"PzFileInput",props:{name:{},modelValue:{default:()=>[]},label:{default:""},multiple:{type:Boolean,default:!1},extensions:{default:()=>[...I.acceptedExtensions]},maxFiles:{default:I.maxFiles},maxSizeBytes:{default:I.maxSizeBytes},textConfig:{default:()=>({...S})},errorMessage:{default:""},hasServerValidations:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},emits:["focus","blur","update:modelValue"],setup(e,{emit:d}){const a=e,c=d,b=u(null),p=m(()=>a.textConfig??S),n=m(()=>a.modelValue??[]),P=m(()=>n.value.length>0),z=m(()=>a.multiple?a.maxFiles:1),E=m(()=>n.value.length<z.value),L=m(()=>a.extensions.join(",")),R=t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(s=>l.endsWith(s.toLowerCase()))?t.size>a.maxSizeBytes?p.value.fileTooLargeMessage:"":p.value.invalidExtensionMessage},q=m(()=>{const t={};return n.value.forEach((l,i)=>{const s=R(l);s&&(t[i]=s)}),t}),$=()=>{var t;(t=b.value)==null||t.click()},N=t=>{const l=t.target,i=l.files?Array.from(l.files):[];if(i.length===0)return;const s=n.value.slice();let x;if(a.multiple){const A=Math.max(z.value-s.length,0);x=s.concat(i.slice(0,A))}else x=i.slice(0,1);l.value="",c("update:modelValue",x)},U=t=>{const l=n.value.slice();l.splice(t,1),c("update:modelValue",l)};return(t,l)=>(r(),o("div",{class:C(["pz-file-input",{error:!!e.errorMessage,disabled:e.disabled}])},[g(y(K),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[P.value?(r(),o("ul",X,[(r(!0),o(j,null,O(n.value,(i,s)=>(r(),o("li",{key:`${i.name}-${s}`,class:C(["pz-file-input-item",{"is-error":!!q.value[s]}])},[F("span",Y,[g(y(M),{name:"description",size:"20",class:"pz-file-input-item-icon"}),F("span",Z,f(i.name),1),e.editable&&!e.disabled?(r(),o("button",{key:0,type:"button",class:"pz-file-input-item-remove","aria-label":p.value.removeButtonLabel,onClick:x=>U(s)},[g(y(M),{name:"close",size:"14"})],8,ee)):v("",!0)]),q.value[s]?(r(),o("span",le,f(q.value[s]),1)):v("",!0)],2))),128))])):v("",!0),e.editable&&E.value?(r(),o("div",ae,[g(y(J),{variant:"primary-outline",type:"button",disabled:e.disabled,onClick:$},{default:B(()=>[W(f(p.value.buttonLabel),1)]),_:1},8,["disabled"]),F("input",{id:e.name,ref_key:"fileInputRef",ref:b,class:"pz-file-input-native",type:"file",name:e.name,multiple:e.multiple,accept:L.value,disabled:e.disabled,onChange:N,onFocus:l[0]||(l[0]=i=>c("focus")),onBlur:l[1]||(l[1]=i=>c("blur"))},null,40,te)])):v("",!0),F("span",se,f(p.value.helperText),1),e.errorMessage?(r(),o("span",ie,f(e.errorMessage),1)):v("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),k=Q(V,[["__scopeId","data-v-fb8c9ce8"]]);V.__docgenInfo=Object.assign({displayName:V.name??V.__name},{name:"PzFileInput",exportName:"default",displayName:"PzFileInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzFileInputValue"},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"multiple",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormDocumentUploadRules.acceptedExtensions]"}},{name:"maxFiles",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxFiles"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxSizeBytes"}},{name:"textConfig",required:!1,type:{name:"PzFormFileInputTextConfig"},defaultValue:{func:!1,value:"() => ({ ...pzFormDocumentUploadTexts })"}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"hasServerValidations",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzFileInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzFileInput/PzFileInput.vue"]});const ne=e=>`<template>
|
|
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(" ")}
|
|
@@ -113,7 +113,7 @@ import{d as _,e as o,z as y,D as B,u as g,f as M,o as r,F as j,A as O,k as F,t a
|
|
|
113
113
|
</div>
|
|
114
114
|
</section>
|
|
115
115
|
</div>
|
|
116
|
-
`})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzFileInput` з базовими станами: single/multiple, readonly, disabled, помилки та власні обмеження з редагованими текстами."}}}};var D,
|
|
116
|
+
`})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzFileInput` з базовими станами: single/multiple, readonly, disabled, помилки та власні обмеження з редагованими текстами."}}}};var w,D,T;h.parameters={...h.parameters,docs:{...(w=h.parameters)==null?void 0:w.docs,source:{originalSource:`{
|
|
117
117
|
parameters: {
|
|
118
118
|
docs: {
|
|
119
119
|
description: {
|
|
@@ -121,4 +121,4 @@ import{d as _,e as o,z as y,D as B,u as g,f as M,o as r,F as j,A as O,k as F,t a
|
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
|
-
}`,...(
|
|
124
|
+
}`,...(T=(D=h.parameters)==null?void 0:D.docs)==null?void 0:T.source}}};const be=["Playground"];export{h as Playground,be as __namedExportsOrder,oe as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as _}from"./PzText-
|
|
1
|
+
import{P as _}from"./PzText-BE3sGQje.js";import{d as b,y as G,A as v,f as h,z as I,g as C,o as $,B as L}from"./iframe-DnNEraC8.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)=>($(),G(I(e.as),{class:h(a.value)},{default:v(()=>[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)=>($(),G(I(e.as),{class:h(i.value)},{default:v(()=>[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}
|
|
@@ -58,7 +58,7 @@ ${i}
|
|
|
58
58
|
</PzGrid>
|
|
59
59
|
</PzGridItem>
|
|
60
60
|
</PzGrid>
|
|
61
|
-
</template>`},
|
|
61
|
+
</template>`},B={title:"Components/Layouts/PzGrid",component:o,parameters:{prototype:{caption:"Grid component",note:"Vue wrapper over the shared grid utility contract for container, grid, and responsive item spans."},docs:{description:{component:"Use `PzGrid` and `PzGridItem` when you want component-level layout composition instead of writing the emitted CSS utility classes directly."},source:{transform:(t,e)=>E(e.args??f)}}},args:f,argTypes:{as:{control:"select",options:T},container:{control:"boolean"},grid:{control:"boolean"},fluid:{control:"boolean"},fit:{control:"boolean"},dense:{control:"boolean"},heroSpan:{control:"select",options:c},sidebarSpan:{control:"select",options:c},metricSpan:{control:"select",options:c}},render:t=>({components:{pzGrid:o,pzGridItem:u,pzText:_},setup(){return{args:t,gridStoryExampleLayout:r}},template:`
|
|
62
62
|
<div class="pz-grid-story">
|
|
63
63
|
<pz-grid class="pz-grid-story-board">
|
|
64
64
|
<pz-grid-item
|
|
@@ -171,4 +171,4 @@ ${i}
|
|
|
171
171
|
sidebarSpan: 4,
|
|
172
172
|
metricSpan: 4
|
|
173
173
|
}
|
|
174
|
-
}`,...(S=(P=m.parameters)==null?void 0:P.docs)==null?void 0:S.source}}};const
|
|
174
|
+
}`,...(S=(P=m.parameters)==null?void 0:P.docs)==null?void 0:S.source}}};const k=["ComponentApi","FitLayout"];export{p as ComponentApi,m as FitLayout,k as __namedExportsOrder,B as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as i,e as p,
|
|
1
|
+
import{d as i,e as p,u as c,A as l,v as t,f as r,D as m,o as u,B as o}from"./iframe-DnNEraC8.js";import{V as d}from"./floating-vue-vY2FayZJ.js";import"./floating-vue-CfaCgnk9.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-DVzy4Ojp.js";import{P as l}from"./PzText-BE3sGQje.js";import{P as r}from"./PzHint-Bn0Ztwlp.js";import"./iframe-DnNEraC8.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-vue-vY2FayZJ.js";import"./floating-vue-CfaCgnk9.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-
|
|
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-DnNEraC8.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 _};
|