@prozorro/prozorro-ui 0.0.18 → 0.0.20-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/assets/{Color-FRDS63T2-BzWYtFMz.js → Color-FRDS63T2-BCwbAC62.js} +1 -1
- package/dist/app/assets/{Colors.stories-nhKxNhBA.js → Colors.stories-CtzTTuaw.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-B34qcR97.js → DocsRenderer-LL677BLK-DKKPj_O9.js} +5 -5
- package/dist/app/assets/{Grid.stories-v2euRVgx.js → Grid.stories-jNLiuP5v.js} +1 -1
- package/dist/app/assets/PzAccordion-BE5pfsji.js +1 -0
- 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.stories-DJ_HT9fk.js → PzAccordion.stories-CmwUyxgn.js} +8 -7
- package/dist/app/assets/PzAccordionTable-C5s89sJN.css +1 -0
- package/dist/app/assets/PzAccordionTable.stories-CuWPb-K3.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-CFGb8iDZ.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-CbMCWY_D.js} +6 -6
- package/dist/app/assets/PzBtn-916mU0oY.css +1 -0
- package/dist/app/assets/PzBtn-B6FfMKnt.js +1 -0
- package/dist/app/assets/{PzBtn.stories-CYGLKqc3.js → PzBtn.stories-CB3V5RIg.js} +5 -4
- package/dist/app/assets/PzCheckbox-D2lG-G61.css +1 -0
- package/dist/app/assets/{PzCheckbox-rwLDdHDy.js → PzCheckbox-DOo3G1X1.js} +1 -1
- package/dist/app/assets/{PzCheckbox-AjI7DN-X.css → PzCheckbox-DorABAyu.css} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-DeT3ACPx.js → PzCheckbox.stories-DidDblqz.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-x2GASZVJ.js} +3 -3
- package/dist/app/assets/PzCopyToClipboard-DOtO0RBq.css +1 -0
- package/dist/app/assets/PzCopyToClipboard.stories-194irny1.js +45 -0
- package/dist/app/assets/PzDate-Aqy8E-pf.css +1 -0
- package/dist/app/assets/PzDate-nABPu9YL.js +1 -0
- package/dist/app/assets/{PzDate.stories-B00KT0Z3.js → PzDate.stories-COyd-5io.js} +6 -5
- package/dist/app/assets/PzDateRange-BiJOokbK.css +1 -0
- package/dist/app/assets/PzDateRange.stories-DfskPbOd.js +9 -0
- package/dist/app/assets/{PzDomHandler.stories-ZmoUgZpO.js → PzDomHandler.stories-DsM3ECo5.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-ADCvYGy6.js → PzDropdown.stories-CZuAeRbp.js} +1 -1
- package/dist/app/assets/PzFileInput-BOG2rn9_.css +1 -0
- package/dist/app/assets/{PzFileInput.stories-C8jaYuqu.js → PzFileInput.stories-BL0Tc3gt.js} +3 -3
- package/dist/app/assets/{PzGrid.stories-COAFHJ1W.js → PzGrid.stories-BOBFdUIq.js} +3 -3
- package/dist/app/assets/{PzHint-C_J-NgV5.js → PzHint-4Fot3oSD.js} +1 -1
- package/dist/app/assets/{PzHint.stories-DE3Jaybz.js → PzHint.stories-CglItPHb.js} +1 -1
- package/dist/app/assets/{PzIcon-DtHaOlhQ.js → PzIcon-poIOHVO1.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-C_oYU4SD.js → PzIcon.stories-D3H69ZNb.js} +1 -1
- package/dist/app/assets/{PzImage.stories-DzlwKuwT.js → PzImage.stories-Dr5q7WPt.js} +1 -1
- package/dist/app/assets/PzImageInput-Dpxr8tsf.css +1 -0
- package/dist/app/assets/{PzImageInput.stories-OocNgTF2.js → PzImageInput.stories-C_IwemtR.js} +4 -4
- package/dist/app/assets/{PzInfoBlockLayout.stories-BY3P0fbt.js → PzInfoBlockLayout.stories-CAul1FJQ.js} +2 -2
- package/dist/app/assets/{PzInfoHint-2M1N5-8H.js → PzInfoHint-m4sypHCu.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-8vdsE657.js → PzInfoHint.stories-Bp-VVeGv.js} +1 -1
- package/dist/app/assets/PzInput-BCMo6PmT.css +1 -0
- package/dist/app/assets/{PzInput.stories-C3jn5y4z.js → PzInput.stories-CSv2zeeK.js} +5 -5
- package/dist/app/assets/PzInputDate-DajGwKjI.css +1 -0
- package/dist/app/assets/{PzInputDate.stories-DZmyNFFO.js → PzInputDate.stories-C5N12fHj.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-BWMl9xMs.js} +3 -3
- package/dist/app/assets/PzKeyValue-77OwsVir.css +1 -0
- package/dist/app/assets/{PzKeyValue.stories-DC6ls3DF.js → PzKeyValue.stories-DBdiUEg8.js} +4 -4
- package/dist/app/assets/{PzLabel-De4xOP9y.js → PzLabel-BAPh5yk-.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-Ha9WPtao.js} +1 -1
- package/dist/app/assets/PzLink-BO5pzUA8.css +1 -0
- package/dist/app/assets/PzLink-Q1NpV_QJ.js +1 -0
- package/dist/app/assets/{PzLink.stories-C3F89V5M.js → PzLink.stories-hIyGbNoM.js} +4 -3
- package/dist/app/assets/{PzListNav.stories-CDlZUHY5.js → PzListNav.stories-D7q3d-8H.js} +3 -3
- package/dist/app/assets/PzLoader.stories-BI9WG9-O.js +9 -0
- package/dist/app/assets/PzModal-Da1AKItx.css +1 -0
- package/dist/app/assets/{PzModal.stories-Mx8xHWMO.js → PzModal.stories-BG9V1Q5u.js} +4 -4
- package/dist/app/assets/PzMultiSelect-kijICuQ3.css +1 -0
- package/dist/app/assets/{PzMultiSelect.stories-BFoMHVkN.js → PzMultiSelect.stories-C19obsVM.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-C5O8_B-7.js} +9 -9
- package/dist/app/assets/{PzNumberFormat.stories-B_eYrwc4.js → PzNumberFormat.stories-CbaBSOl1.js} +1 -1
- package/dist/app/assets/{PzPagination-ohvV8gN-.css → PzPagination-BF-U8BNg.css} +1 -1
- package/dist/app/assets/PzPagination-DsLCoCA7.css +1 -0
- package/dist/app/assets/{PzPagination-Bw11L7YO.js → PzPagination-isThZsEU.js} +1 -1
- package/dist/app/assets/{PzPagination.stories-CZV0Q_-k.js → PzPagination.stories-BvCbYxR9.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-0KN52A9w.js → PzPriceFormat.stories-Btgv2UfV.js} +1 -1
- package/dist/app/assets/PzRadioGroup-DfOusdQ3.css +1 -0
- package/dist/app/assets/{PzRadioGroup.stories-A26PEqyR.js → PzRadioGroup.stories-BDptT0Zt.js} +2 -2
- package/dist/app/assets/PzRouterLink.stories-D10ABe6z.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-BJlLBIwI.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout-B3s9Usmb.css → PzSearchResultItemLayout-DPNsOBqN.css} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-CPFjtSNv.js → PzSearchResultItemLayout.stories-BEoAgmcx.js} +1 -1
- package/dist/app/assets/{PzSelect-Cn9BkSfg.js → PzSelect-Dvm9WLeL.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-CFfqe1eq.js} +1 -1
- package/dist/app/assets/{PzSkeleton-BwC2svLL.js → PzSkeleton-Bf3tDBUe.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-DsurBEj4.js → PzSkeleton.stories-C1EGR_pz.js} +1 -1
- package/dist/app/assets/{PzStatus-B_H5z0YP.css → PzStatus--2NXUTlv.css} +1 -1
- package/dist/app/assets/PzStatus-CrMtYbRR.css +1 -0
- package/dist/app/assets/PzStatus-QcYI0uS9.js +1 -0
- package/dist/app/assets/{PzStatus.stories-Df25pJr9.js → PzStatus.stories-DMUAfPRV.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-CmJiR0G9.js +1 -0
- package/dist/app/assets/{PzTable.stories-BLvcQ6Rw.js → PzTable.stories-CaJjJF9B.js} +1 -1
- package/dist/app/assets/{PzTabs.stories-b4hlFEwl.js → PzTabs.stories-DoOhgnnG.js} +4 -4
- package/dist/app/assets/PzTag-BU4Nffdd.css +1 -0
- package/dist/app/assets/PzTag-DQn6tX-W.js +1 -0
- package/dist/app/assets/{PzTag.stories-Ujqwci2O.js → PzTag.stories-BeTLgPu9.js} +7 -6
- package/dist/app/assets/{PzText-BQZq8EVF.js → PzText-OlPU47Sz.js} +1 -1
- package/dist/app/assets/PzText-uPzrIzSU.css +1 -0
- package/dist/app/assets/{PzText.stories-BuvdtkFm.js → PzText.stories-DnRec827.js} +16 -16
- package/dist/app/assets/{PzTextClamp-B1WSxo7S.css → PzTextClamp-sinphphZ.css} +1 -1
- package/dist/app/assets/PzTextClamp.stories-DfWH1f4J.js +150 -0
- package/dist/app/assets/PzTextarea-DlC8K0sa.css +1 -0
- package/dist/app/assets/{PzTextarea.stories-DOG1qi1P.js → PzTextarea.stories-CCqwYmNv.js} +5 -5
- package/dist/app/assets/{PzValidatorXSS.stories-DscJMjuB.js → PzValidatorXSS.stories-CinnvE3j.js} +1 -1
- package/dist/app/assets/{Spacing.stories-DBSqX1Hj.js → Spacing.stories-BDxnAaOa.js} +1 -1
- package/dist/app/assets/{Typography.stories-DMvAqFvP.js → Typography.stories-CjEk87CA.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-ByDyVRbq.js → WithTooltip-65CFNBJE-CbbvshsF.js} +1 -1
- package/dist/app/assets/configs-B15JgQZ-.js +1 -0
- package/dist/app/assets/{floating-vue-n4D6Ru3Z.js → floating-vue-SZH28boQ.js} +1 -1
- package/dist/app/assets/{floating-vue-bEyZEONw.js → floating-vue-Xnl0QKgi.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-Cy8KDV6A.js → formatter-EIJCOSYU-p1Msusj6.js} +1 -1
- package/dist/app/assets/{iframe-CAy7Hju8.css → iframe-ujC0K8xu.css} +1 -1
- package/dist/app/assets/{iframe-C0Tj7XHr.js → iframe-yhLt8Lok.js} +75 -75
- package/dist/app/assets/{index-DcEnsmNU.js → index-DW75gAYJ.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-DaMG7TRH.js → syntaxhighlighter-OH4MV7E3-DdpEs6av.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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-date-range[data-v-086c82b9]{display:inline-flex;flex-wrap:wrap;gap:var(--pz-space-4) var(--pz-space-8);color:var(--pz-color-text-primary);vertical-align:baseline;font-size:var(--pz-date-range-font-size, var(--pz-font-size-14));font-weight:var(--pz-date-range-font-weight, 400);line-height:var(--pz-date-range-line-height, 1.5)}.pz-date-range--new-line[data-v-086c82b9]{flex-direction:column;align-items:flex-start}.pz-date-range__item[data-v-086c82b9]{display:inline-flex;align-items:center;min-width:0;white-space:nowrap}.pz-date-range__separator[data-v-086c82b9]{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-086c82b9]{margin-inline-end:var(--pz-space-4)}.pz-date-range--new-line .pz-date-range__separator[data-v-086c82b9]{display:none}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{d as P,e as t,F as R,A as _,f as c,y as m,g as M,o as n,t as h,z as x,u as v}from"./iframe-C0Tj7XHr.js";import{P as F}from"./PzDate-C90nxGrj.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const k=["startDate","endDate"],b={key:0,class:"pz-date-range__separator","aria-hidden":"true"},H={key:1,class:"pz-date-range__label"},l=P({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}},setup(e){const z=e,u=M(()=>k.reduce((s,d)=>{const a=z.date[d];return a&&s.push({key:d,value:a,index:s.length}),s},[]));return(s,d)=>u.value.length?(n(),t("span",{key:0,class:c(["pz-date-range",`pz-date-range--${e.mode}`])},[(n(!0),t(R,null,_(u.value,a=>(n(),t("span",{key:a.key,class:c(["pz-date-range__item",e.itemClass])},[a.index>0?(n(),t("span",b)):m("",!0),e.hideRangeText?m("",!0):(n(),t("span",H,h(e.translateFn(a.key)),1)),x(v(F),{date:a.value,format:e.format},null,8,["date","format"])],2))),128))],2)):m("",!0)}}),O=T(l,[["__scopeId","data-v-086c82b9"]]);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"}}],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],I={title:"Components/Display/PzDateRange",component:O,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},argTypes:{format:{control:"select",options:N},hideRangeText:{control:"boolean"},itemClass:{control:"text"},mode:{control:"radio",options:S},translateFn:{table:{disable:!0}}}},r={args:{}},o={args:{date:{startDate:y.startDate}}};var i,p,f;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
-
args: {}
|
|
3
|
-
}`,...(f=(p=r.parameters)==null?void 0:p.docs)==null?void 0:f.source}}};var g,D,Y;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
4
|
-
args: {
|
|
5
|
-
date: {
|
|
6
|
-
startDate: SAMPLE_RANGE.startDate
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
}`,...(Y=(D=o.parameters)==null?void 0:D.docs)==null?void 0:Y.source}}};const B=["Playground","StartOnly"];export{r as Playground,o as StartOnly,B as __namedExportsOrder,I as default};
|
|
@@ -1 +0,0 @@
|
|
|
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);font-size:var(--pz-file-input-font-size, var(--pz-font-size-14));font-weight:var(--pz-file-input-font-weight, 400);line-height:var(--pz-file-input-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);font-size:var(--pz-file-input-item-font-size, var(--pz-font-size-14));font-weight:var(--pz-file-input-item-font-weight, 600);line-height:var(--pz-file-input-item-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);font-size:var(--pz-file-input-item-error-text-font-size, var(--pz-font-size-12));font-weight:var(--pz-file-input-item-error-text-font-weight, 400);line-height:var(--pz-file-input-item-error-text-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);font-size:var(--pz-file-input-helper-font-size, var(--pz-font-size-12));font-weight:var(--pz-file-input-helper-font-weight, 400);line-height:var(--pz-file-input-helper-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);font-size:var(--pz-file-input-error-font-size, var(--pz-font-size-14));font-weight:var(--pz-file-input-error-font-weight, 400);line-height:var(--pz-file-input-error-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 +0,0 @@
|
|
|
1
|
-
.pz-image-input[data-v-19081aea]{--pz-image-input-text: var(--pz-color-text-primary);--pz-image-input-helper: var(--pz-color-text-secondary);--pz-image-input-error: var(--pz-color-red-50);--pz-image-input-preview-border: var(--pz-color-grey-30);--pz-image-input-preview-size: 120px;display:block;color:var(--pz-image-input-text);font-size:var(--pz-image-input-font-size, var(--pz-font-size-14));font-weight:var(--pz-image-input-font-weight, 400);line-height:var(--pz-image-input-line-height, 1.5)}.pz-image-input-wrap[data-v-19081aea]{display:block}.pz-image-input-preview[data-v-19081aea]{display:inline-flex;align-items:flex-start;gap:var(--pz-space-16);margin-top:var(--pz-space-8)}.pz-image-input-preview-img[data-v-19081aea]{width:var(--pz-image-input-preview-size);height:var(--pz-image-input-preview-size);border-radius:var(--pz-space-4);border:1px solid var(--pz-image-input-preview-border);background-color:var(--pz-color-white);object-fit:cover}.pz-image-input-preview-edit[data-v-19081aea]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--pz-color-text-primary);cursor:pointer}.pz-image-input-preview-edit[data-v-19081aea]:focus-visible{outline:2px solid var(--pz-color-blue-30);outline-offset:2px}.pz-image-input-native[data-v-19081aea]{display:none}.pz-image-input-helper[data-v-19081aea]{display:block;margin-top:var(--pz-space-8);color:var(--pz-image-input-helper);font-size:var(--pz-image-input-helper-font-size, var(--pz-font-size-12));font-weight:var(--pz-image-input-helper-font-weight, 400);line-height:var(--pz-image-input-helper-line-height, 1.5)}.pz-image-input-error[data-v-19081aea]{display:block;margin-top:var(--pz-space-8);color:var(--pz-image-input-error);font-size:var(--pz-image-input-error-font-size, var(--pz-font-size-14));font-weight:var(--pz-image-input-error-font-weight, 400);line-height:var(--pz-image-input-error-line-height, 1.5)}.pz-image-input.disabled[data-v-19081aea]{--pz-image-input-text: var(--pz-color-grey-40);--pz-image-input-helper: var(--pz-color-grey-40)}.pz-image-input.error .pz-image-input-preview-img[data-v-19081aea]{border-color:var(--pz-image-input-error)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-input[data-v-d1a46012]{--pz-input-background: var(--pz-color-white);--pz-input-border: var(--pz-color-grey-30);--pz-input-text: var(--pz-color-text-primary);--pz-input-placeholder: var(--pz-color-grey-50);--pz-input-icon-color: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-text);font-size:var(--pz-input-font-size, var(--pz-font-size-14));font-weight:var(--pz-input-font-weight, 400);line-height:var(--pz-input-line-height, 1.5)}.pz-input-wrap[data-v-d1a46012]{position:relative;display:block}.pz-input-control[data-v-d1a46012]{display:block;width:100%;padding:var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-input-border);background-color:var(--pz-input-background);color:var(--pz-input-text);font:inherit}.pz-input-control[data-v-d1a46012]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-control[data-v-d1a46012]::placeholder{color:var(--pz-input-placeholder)}.pz-input-control[data-v-d1a46012]:disabled{--pz-input-background: transparent;--pz-input-text: var(--pz-color-grey-40);--pz-input-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-control--with-icon[data-v-d1a46012]{padding-right:var(--pz-space-32)}.pz-input-control--counted[data-v-d1a46012]{padding-right:var(--pz-space-60)}.pz-input-readonly[data-v-d1a46012]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-icon[data-v-d1a46012]{position:absolute;bottom:var(--pz-space-8);right:var(--pz-space-4);font-size:var(--pz-font-size-20);color:var(--pz-input-icon-color)}.pz-input-counter[data-v-d1a46012]{position:absolute;top:50%;right:var(--pz-space-8);transform:translateY(-50%);color:var(--pz-input-icon-color);font-size:var(--pz-input-counter-font-size, var(--pz-font-size-14));font-weight:var(--pz-input-counter-font-weight, 400);line-height:var(--pz-input-counter-line-height, 1.5)}.pz-input-error[data-v-d1a46012]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);font-size:var(--pz-input-error-font-size, var(--pz-font-size-14));font-weight:var(--pz-input-error-font-weight, 400);line-height:var(--pz-input-error-line-height, 1.5)}.pz-input.light .pz-input-control[data-v-d1a46012]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input.error .pz-input-control[data-v-d1a46012]{border-color:var(--pz-color-red-50)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-input-date[data-v-13e3fa69]{--pz-input-date-background: var(--pz-color-white);--pz-input-date-text: var(--pz-color-text-primary);--pz-input-date-placeholder: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-date-text);font-size:var(--pz-input-date-font-size, var(--pz-font-size-14));font-weight:var(--pz-input-date-font-weight, 400);line-height:var(--pz-input-date-line-height, 1.5)}.pz-input-date-wrap[data-v-13e3fa69]{position:relative;display:block}.pz-input-date-control[data-v-13e3fa69]{display:block;width:100%;padding:var(--pz-space-8) var(--pz-space-32) var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-color-grey-30);background-color:var(--pz-input-date-background);color:var(--pz-input-date-text);font:inherit;cursor:pointer}.pz-input-date-control[data-v-13e3fa69]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-date-control[data-v-13e3fa69]::placeholder{color:var(--pz-input-date-placeholder)}.pz-input-date-control[data-v-13e3fa69]:disabled{--pz-input-date-background: transparent;--pz-input-date-text: var(--pz-color-grey-40);--pz-input-date-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-date-control[data-v-13e3fa69]::-webkit-calendar-picker-indicator,.pz-input-date-control[data-v-13e3fa69]::-webkit-inner-spin-button{display:none}.pz-input-date-readonly[data-v-13e3fa69]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-date-icon[data-v-13e3fa69]{position:absolute;top:50%;right:var(--pz-space-8);transform:translateY(-50%);font-size:var(--pz-font-size-20);color:var(--pz-color-grey-50);cursor:pointer}.pz-input-date-icon--clear[data-v-13e3fa69]{color:var(--pz-color-text-secondary)}.pz-input-date-error[data-v-13e3fa69]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);font-size:var(--pz-input-date-error-font-size, var(--pz-font-size-14));font-weight:var(--pz-input-date-error-font-weight, 400);line-height:var(--pz-input-date-error-line-height, 1.5)}.pz-input-date.light .pz-input-date-control[data-v-13e3fa69]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input-date.error .pz-input-date-control[data-v-13e3fa69]{border-color:var(--pz-color-red-50)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-input-number[data-v-0104f54f]{--pz-input-number-background: var(--pz-color-white);--pz-input-number-border: var(--pz-color-grey-30);--pz-input-number-text: var(--pz-color-text-primary);--pz-input-number-placeholder: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-number-text);font-size:var(--pz-input-number-font-size, var(--pz-font-size-14));font-weight:var(--pz-input-number-font-weight, 400);line-height:var(--pz-input-number-line-height, 1.5)}.pz-input-number-control[data-v-0104f54f]{display:block;width:100%;padding:var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-input-number-border);background-color:var(--pz-input-number-background);color:var(--pz-input-number-text);font:inherit}.pz-input-number-control[data-v-0104f54f]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-number-control[data-v-0104f54f]::placeholder{color:var(--pz-input-number-placeholder)}.pz-input-number-control[data-v-0104f54f]:disabled{--pz-input-number-background: transparent;--pz-input-number-text: var(--pz-color-grey-40);--pz-input-number-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-number-readonly[data-v-0104f54f]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-number-error[data-v-0104f54f]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);font-size:var(--pz-input-number-error-font-size, var(--pz-font-size-14));font-weight:var(--pz-input-number-error-font-weight, 400);line-height:var(--pz-input-number-error-line-height, 1.5)}.pz-input-number.light .pz-input-number-control[data-v-0104f54f]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input-number.error .pz-input-number-control[data-v-0104f54f]{border-color:var(--pz-color-red-50)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-key-value-story{display:grid;gap:var(--pz-space-24)}.pz-key-value-story-board{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-key-value-story-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-key-value-story-copy{display:grid;gap:var(--pz-space-8)}.pz-key-value-story-eyebrow,.pz-key-value-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-key-value-story-preview{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 180px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-gallery{display:grid;gap:var(--pz-space-24)}@media (width >= 1024px){.pz-key-value-story-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.pz-key-value-story-tile{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 160px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-tile-title{margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-key-value-story-tile-note{margin:0;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-key-value-story-link{color:var(--pz-color-text-link);text-decoration:none}.pz-key-value-story-link:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value[data-v-498133c9]{--pz-key-value-margin-bottom: var(--pz-space-24);--pz-key-value-item-margin-top: var(--pz-space-20);--pz-key-value-item-overall-margin-top: var(--pz-space-32);--pz-key-value-content-margin-inline-start: var(--pz-space-8);--pz-key-value-content-margin-block-start: var(--pz-space-8);margin-bottom:var(--pz-key-value-margin-bottom)}@media (max-width: 1023.98px){.pz-key-value[data-v-498133c9]{--pz-key-value-margin-bottom: var(--pz-space-8)}}.pz-key-value[data-v-498133c9]:empty{margin-bottom:0}.pz-key-value--clear .pz-key-value__title[data-v-498133c9]:after{display:none}.pz-key-value__item[data-v-498133c9]{display:flex;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:var(--pz-key-value-item-font-size, var(--pz-font-size-14));font-weight:var(--pz-key-value-item-font-weight, 400);line-height:var(--pz-key-value-item-line-height, 1.5)}.pz-key-value__item+.pz-key-value__item[data-v-498133c9]:not(.pz-key-value__item--overall){margin-top:var(--pz-key-value-item-margin-top)}.pz-key-value__item--overall[data-v-498133c9]{margin-top:var(--pz-key-value-item-overall-margin-top)}@media (max-width: 1023.98px){.pz-key-value__item[data-v-498133c9]{flex-direction:column}}.pz-key-value__item--overall .pz-key-value__link[data-v-498133c9]{font-weight:600}.pz-key-value__title[data-v-498133c9]{width:var(--pz-key-value-title-width);flex:0 0 var(--pz-key-value-title-width);max-width:100%;height:fit-content;position:relative;font-size:inherit;font-weight:600;margin:0;background-color:inherit}.pz-key-value__title-box[data-v-498133c9]{position:relative;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:var(--pz-key-value-title-box-width);max-width:100%;z-index:2;line-height:1.5;-webkit-hyphens:initial;hyphens:initial;display:inline}.pz-key-value__title[data-v-498133c9]:after{content:"";display:inline-block;position:absolute;top:-5px;left:0;z-index:0;width:100%;height:100%;border-bottom:1px dotted var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-key-value__title[data-v-498133c9]{width:auto;flex:0 0 auto}.pz-key-value__title[data-v-498133c9]:after{display:none}}.pz-key-value__content[data-v-498133c9]{margin-left:var(--pz-key-value-content-margin-inline-start);font-size:inherit;white-space:pre-line;display:flex;justify-content:flex-end;flex-direction:column;line-height:1.5}@media (max-width: 1023.98px){.pz-key-value__content[data-v-498133c9]{margin-left:0;margin-top:var(--pz-key-value-content-margin-block-start)}}.pz-key-value__link[data-v-498133c9]{display:flex;align-items:center;font-weight:400;color:var(--pz-color-text-link);text-decoration:none}.pz-key-value__link[data-v-498133c9]:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value__link span[data-v-498133c9]{margin-left:var(--pz-space-4)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-label[data-v-33a0a067]{display:grid;gap:var(--pz-space-8);width:100%;color:var(--pz-color-text-primary)}.pz-label-caption[data-v-33a0a067]{display:inline-flex;align-items:baseline;gap:var(--pz-space-4);width:fit-content;color:inherit;font-size:var(--pz-label-caption-font-size, var(--pz-font-size-14));font-weight:var(--pz-label-caption-font-weight, 600);line-height:var(--pz-label-caption-line-height, 1.5)}.pz-label-required[data-v-33a0a067]{color:var(--pz-color-red-50)}.pz-label-control[data-v-33a0a067]{min-width:0}.pz-label.is-disabled[data-v-33a0a067]{color:var(--pz-color-text-secondary)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-link[data-v-b1d3919b]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover);--pz-link-background: transparent;--pz-link-hover-background: transparent;--pz-link-border-color: transparent;--pz-link-hover-border-color: transparent;--pz-link-disabled-border-color: transparent;--pz-link-content-decoration: none;--pz-link-hover-decoration: underline;--pz-link-radius: var(--pz-space-4);--pz-link-gap: var(--pz-space-8);--pz-link-padding-inline: 0;--pz-link-padding-block: 0;--pz-link-icon-size: var(--pz-font-size-16);--pz-link-font-style: normal;align-items:center;gap:var(--pz-link-gap);width:fit-content;padding:var(--pz-link-padding-block) var(--pz-link-padding-inline);border:1px solid var(--pz-link-border-color);border-radius:var(--pz-link-radius);background:var(--pz-link-background);color:var(--pz-link-color);cursor:pointer;text-decoration:none;overflow-wrap:break-word;font-style:var(--pz-link-font-style);-webkit-hyphens:auto;hyphens:auto;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;font-size:var(--pz-link-font-size, var(--pz-font-size-14));font-weight:var(--pz-link-font-weight, 400);line-height:var(--pz-link-line-height, 1.5)}.pz-link--inline[data-v-b1d3919b]{display:inline-flex}.pz-link--block[data-v-b1d3919b]{display:flex}.pz-link--bold[data-v-b1d3919b]{--pz-link-font-weight: 600}.pz-link--italic[data-v-b1d3919b]{--pz-link-font-style: italic}.pz-link--line-through .pz-link-content[data-v-b1d3919b]{text-decoration:line-through}.pz-link--primary[data-v-b1d3919b]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--neutral[data-v-b1d3919b]{--pz-link-color: var(--pz-color-text-primary);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--gray[data-v-b1d3919b]{--pz-link-color: var(--pz-color-grey-60);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--button[data-v-b1d3919b]{--pz-link-color: var(--pz-color-button-primary);--pz-link-hover-color: var(--pz-color-white);--pz-link-background: transparent;--pz-link-hover-background: var(--pz-color-button-primary-hover);--pz-link-border-color: var(--pz-color-button-primary);--pz-link-hover-border-color: var(--pz-color-button-primary-hover);--pz-link-disabled-border-color: color-mix(in srgb, var(--pz-color-button-disabled) 60%, transparent);--pz-link-hover-decoration: none;--pz-link-radius: var(--pz-space-4);--pz-link-padding-inline: var(--pz-space-8);--pz-link-padding-block: var(--pz-space-4)}.pz-link--icon[data-v-b1d3919b]{--pz-link-color: var(--pz-color-icon-primary);--pz-link-hover-color: var(--pz-color-icon-hover);--pz-link-hover-decoration: none;--pz-link-icon-size: var(--pz-font-size-20)}.pz-link--icon-only[data-v-b1d3919b]{--pz-link-padding-inline: var(--pz-space-4);--pz-link-padding-block: var(--pz-space-4)}.pz-link--disabled[data-v-b1d3919b]{--pz-link-color: var(--pz-color-text-link-disabled);--pz-link-hover-color: var(--pz-color-text-link-disabled);--pz-link-border-color: var(--pz-link-disabled-border-color);cursor:default;pointer-events:none}.pz-link[data-v-b1d3919b]:hover,.pz-link[data-v-b1d3919b]:focus-visible{color:var(--pz-link-hover-color);border-color:var(--pz-link-hover-border-color);background:var(--pz-link-hover-background);outline:none}.pz-link[data-v-b1d3919b]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-link-hover-color) 18%,transparent)}.pz-link-prefix[data-v-b1d3919b],.pz-link-suffix[data-v-b1d3919b]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-link-content[data-v-b1d3919b]{min-width:0;text-decoration:var(--pz-link-content-decoration)}.pz-link-prefix[data-v-b1d3919b]:empty,.pz-link-suffix[data-v-b1d3919b]:empty,.pz-link-content[data-v-b1d3919b]:empty{display:none}.pz-link:hover .pz-link-content[data-v-b1d3919b],.pz-link:focus-visible .pz-link-content[data-v-b1d3919b]{text-decoration:var(--pz-link-hover-decoration)}.pz-link-prefix[data-v-b1d3919b] .pz-icon,.pz-link-suffix[data-v-b1d3919b] .pz-icon{--pz-icon-size: var(--pz-link-icon-size);--pz-icon-color: currentcolor}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as m,H as k,e as l,l as t,y as i,f as b,g as o,o as n}from"./iframe-C0Tj7XHr.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const y="noopener noreferrer",z=["href","target","rel","aria-disabled","tabindex"],_={key:0,class:"pz-link-prefix"},h={key:1,class:"pz-link-content"},g={key:2,class:"pz-link-suffix"},s=m({name:"PzLink",__name:"PzLink",props:{href:{},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1}},setup(r){const u=k(),e=r,f=o(()=>!!u.default),d=o(()=>e.rel?e.rel:e.target==="_blank"?y:void 0),p=o(()=>[`pz-link--${e.variant}`,{"pz-link--inline":e.inline,"pz-link--block":!e.inline,"pz-link--disabled":e.disabled,"pz-link--bold":e.bold,"pz-link--italic":e.italic,"pz-link--line-through":e.lineThrough,"pz-link--icon-only":e.variant==="icon"&&!f.value}]),c=a=>{e.disabled&&(a.preventDefault(),a.stopPropagation())};return(a,P)=>(n(),l("a",{href:e.href,target:e.target,rel:d.value,"aria-disabled":e.disabled||void 0,tabindex:e.disabled?-1:void 0,class:b(["pz-link",p.value]),onClick:c},[a.$slots.prefix?(n(),l("span",_,[t(a.$slots,"prefix",{},void 0,!0)])):i("",!0),a.$slots.default?(n(),l("span",h,[t(a.$slots,"default",{},void 0,!0)])):i("",!0),a.$slots.suffix?(n(),l("span",g,[t(a.$slots,"suffix",{},void 0,!0)])):i("",!0)],10,z))}}),q=v(s,[["__scopeId","data-v-b1d3919b"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzLink",exportName:"default",displayName:"PzLink",description:"",tags:{},props:[{name:"href",required:!0,type:{name:"string"}},{name:"variant",required:!1,type:{name:"PzLinkVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"target",required:!1,type:{name:"PzLinkTarget"},defaultValue:{func:!1,value:'"_self"'}},{name:"rel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"inline",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"bold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"italic",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"lineThrough",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzLink/PzLink.vue"]});export{q as P};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{d as L,e as l,k as P,F as S,A as x,u as h,f as V,o as t}from"./iframe-C0Tj7XHr.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const B=["aria-label"],N={class:"pz-loader__wrapper"},o=L({name:"PzLoader",__name:"PzLoader",props:{isSmall:{type:Boolean,default:!1},variant:{default:"primary"},label:{default:"Loading"}},setup(e){const z=Array.from({length:12},(v,n)=>n);return(v,n)=>(t(),l("div",{class:V(["pz-loader",{"pz-loader--small":e.isSmall,"pz-loader--grey":e.variant==="grey"}]),role:"status","aria-label":e.label},[P("div",N,[(t(!0),l(S,null,x(h(z),b=>(t(),l("div",{key:b,class:"pz-loader__item"}))),128))])],10,B))}}),i=k(o,[["__scopeId","data-v-e5d6adb3"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzLoader",exportName:"default",displayName:"PzLoader",description:"",tags:{},props:[{name:"isSmall",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzLoaderVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Loading"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzLoader/PzLoader.vue"]});const D={title:"Components/Display/PzLoader",component:i,args:{isSmall:!1,variant:"primary",label:"Loading"},argTypes:{isSmall:{control:"boolean",description:"Displays the compact loader size."},variant:{control:"select",options:["primary","grey"],description:"Loader color variant."},label:{control:"text",description:"Accessible status label."}},render:e=>({components:{pzLoader:i},setup(){return{args:e}},template:'<pz-loader v-bind="args" />'})},a={},r={args:{isSmall:!0}},s={args:{variant:"grey"}};var d,c,m;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(c=a.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var p,u,f;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
isSmall: true
|
|
4
|
-
}
|
|
5
|
-
}`,...(f=(u=r.parameters)==null?void 0:u.docs)==null?void 0:f.source}}};var g,y,_;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
6
|
-
args: {
|
|
7
|
-
variant: "grey"
|
|
8
|
-
}
|
|
9
|
-
}`,...(_=(y=s.parameters)==null?void 0:y.docs)==null?void 0:_.source}}};const F=["Playground","Small","Grey"];export{s as Grey,a as Playground,r as Small,F as __namedExportsOrder,D as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-modal-story{display:grid;gap:24px}.pz-modal-story-board{padding:clamp(24px,3vw,32px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-modal-story-copy{display:grid;gap:16px;max-width:560px}.pz-modal-story-eyebrow{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-modal-story-trigger,.pz-modal-story-primary,.pz-modal-story-secondary{height:40px;padding:0 16px;border-radius:4px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-trigger,.pz-modal-story-primary{border:1px solid var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-modal-story-trigger:hover,.pz-modal-story-trigger:focus-visible,.pz-modal-story-primary:hover,.pz-modal-story-primary:focus-visible{background:var(--pz-color-button-primary-hover);border-color:var(--pz-color-button-primary-hover);outline:none}.pz-modal-story-secondary{border:1px solid color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-modal-story-secondary:hover,.pz-modal-story-secondary:focus-visible{border-color:var(--pz-color-text-link-hover);color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-content{display:grid;gap:20px}.pz-modal-story-paper{display:grid;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:6px;background:linear-gradient(180deg,#fff,#fbfcff)}.pz-modal-story-document-header{display:flex;align-items:center;gap:12px;min-width:0}.pz-modal-story-download{color:var(--pz-color-text-link);text-decoration:none;white-space:nowrap;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-download:hover,.pz-modal-story-download:focus-visible{color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-document{min-height:72vh;padding:12px;background:#2f2f31}.pz-modal-story-document-frame{display:grid;place-items:center;min-height:calc(72vh - 24px);background:linear-gradient(90deg,#333 0 18%,transparent 18% 82%,#333 82% 100%),#f4f4f2}.pz-modal-story-document-sheet{width:min(100%,620px);aspect-ratio:.75;background:linear-gradient(rgba(0,0,0,.0705882353) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.031372549) 1px,transparent 1px),linear-gradient(180deg,#fff,#f6f6f4);background-size:100% 30px,28px 100%,100% 100%;box-shadow:0 18px 40px #00000026}@media (width <= 640px){.pz-modal-story-board{padding:20px;border-radius:22px}.pz-modal-story-document-header{flex-wrap:wrap;align-items:start}}.pz-modal[data-v-a4294a35]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.pz-modal-overlay[data-v-a4294a35]{display:grid;place-items:center;width:100%;height:100%;padding:clamp(12px,3vw,32px);background:color-mix(in srgb,var(--pz-color-black-90) 74%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pz-modal-dialog[data-v-a4294a35]{--pz-modal-width: min(720px, calc(100vw - 32px) );--pz-modal-padding: 8px;--pz-modal-radius: 3px;width:var(--pz-modal-width);max-width:100%;max-height:min(92vh,980px);overflow:auto;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent);border-radius:var(--pz-modal-radius);background:var(--pz-color-white);box-shadow:0 28px 80px color-mix(in srgb,var(--pz-color-black-90) 18%,transparent),0 6px 24px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}.pz-modal-dialog--compact[data-v-a4294a35]{--pz-modal-width: min(520px, calc(100vw - 32px) )}.pz-modal-dialog--regular[data-v-a4294a35]{--pz-modal-width: min(720px, calc(100vw - 32px) )}.pz-modal-dialog--wide[data-v-a4294a35]{--pz-modal-width: min(1080px, calc(100vw - 32px) )}.pz-modal-dialog--fullscreen[data-v-a4294a35]{--pz-modal-width: calc(100vw - 24px) ;max-height:calc(100vh - 24px)}.pz-modal-header[data-v-a4294a35],.pz-modal-footer[data-v-a4294a35]{position:sticky;z-index:1;background:var(--pz-color-white)}.pz-modal-header[data-v-a4294a35]{top:0;display:flex;align-items:start;justify-content:end;gap:16px;padding:var(--pz-modal-padding)}.pz-modal-header--between[data-v-a4294a35]{justify-content:space-between}.pz-modal-footer[data-v-a4294a35]{bottom:0;display:flex;align-items:center;justify-content:end;gap:12px;padding:var(--pz-modal-padding)}.pz-modal-title[data-v-a4294a35]{min-width:0;padding-top:2px}.pz-modal-body[data-v-a4294a35]{padding:0 var(--pz-modal-padding) var(--pz-modal-padding);color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-modal-body-font-size, var(--pz-font-size-14));font-weight:var(--pz-modal-body-font-weight, 400);line-height:var(--pz-modal-body-line-height, 1.5)}.pz-modal-close[data-v-a4294a35]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--pz-color-text-link);cursor:pointer;transition:color .16s ease,background-color .16s ease}.pz-modal-close[data-v-a4294a35]:hover,.pz-modal-close[data-v-a4294a35]:focus-visible{color:var(--pz-color-text-link-hover);background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);outline:none}@media (width <= 640px){.pz-modal-overlay[data-v-a4294a35]{padding:12px}.pz-modal-dialog[data-v-a4294a35]{--pz-modal-width: calc(100vw - 24px) ;--pz-modal-padding: 16px}.pz-modal-header[data-v-a4294a35]{gap:12px;padding-bottom:12px}.pz-modal-footer[data-v-a4294a35]{flex-wrap:wrap;justify-content:stretch}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-multi-select[data-v-af4044c6],.pz-multi-select-dropdown[data-v-af4044c6]{width:100%}.pz-multi-select-trigger[data-v-af4044c6]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--pz-space-8);width:100%;min-width:0;padding:10px var(--pz-space-12);border:1px solid var(--pz-color-blue-30);border-radius:5px;background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background-color .16s ease;font-size:var(--pz-multi-select-trigger-font-size, var(--pz-font-size-14));font-weight:var(--pz-multi-select-trigger-font-weight, 400);line-height:var(--pz-multi-select-trigger-line-height, 1.5)}.pz-multi-select-trigger[data-v-af4044c6]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 16%,transparent)}.pz-multi-select-trigger[data-v-af4044c6]:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-multi-select-trigger.is-placeholder[data-v-af4044c6]{color:var(--pz-color-text-secondary)}.pz-multi-select-trigger-text[data-v-af4044c6]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz-multi-select-trigger-icon[data-v-af4044c6]{flex:0 0 auto;color:inherit;transition:transform .16s ease}.pz-multi-select-trigger.is-open .pz-multi-select-trigger-icon[data-v-af4044c6]{transform:rotate(180deg)}.pz-multi-select-menu[data-v-af4044c6]{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%}.pz-multi-select-options[data-v-af4044c6]{display:flex;flex-direction:column;max-block-size:320px;overflow-y:auto}.pz-multi-select-option[data-v-af4044c6]{position:relative;display:flex;align-items:center;gap:var(--pz-space-8);width:100%;min-width:0;padding:6px var(--pz-space-16);background:transparent;color:var(--pz-color-text-primary);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease;font-size:var(--pz-multi-select-option-font-size, var(--pz-font-size-14));font-weight:var(--pz-multi-select-option-font-weight, 400);line-height:var(--pz-multi-select-option-line-height, 1.5)}.pz-multi-select-option[data-v-af4044c6]:not(.is-disabled):hover{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-selected[data-v-af4044c6]{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-disabled[data-v-af4044c6]{color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-multi-select-option-input[data-v-af4044c6]{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-multi-select-option-checkbox[data-v-af4044c6]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:16px;block-size:16px;border:2px solid var(--pz-color-grey-60);border-radius:2px;background:var(--pz-color-background-primary);color:transparent;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.pz-multi-select-option-check[data-v-af4044c6]{inline-size:12px;block-size:12px}.pz-multi-select-option-input:checked+.pz-multi-select-option-checkbox[data-v-af4044c6]{border-color:var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-multi-select-option-input:focus-visible+.pz-multi-select-option-checkbox[data-v-af4044c6]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-multi-select-option.is-disabled .pz-multi-select-option-checkbox[data-v-af4044c6]{border-color:var(--pz-color-grey-40);background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white))}.pz-multi-select-option-text[data-v-af4044c6]{min-width:0;flex:1}.pz-multi-select .v-popper__inner{padding:0;border-radius:3px;border-color:var(--pz-color-blue-30);box-shadow:0 1px 8px #677b9359}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-pagination__list[data-v-f128b85c]{display:flex;align-items:center;gap:var(--pz-space-4);list-style:none;margin:0;padding:0}.pz-pagination__item[data-v-f128b85c]{display:flex}.pz-pagination__btn[data-v-f128b85c]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--pz-color-text-primary);cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;font-size:var(--pz-pagination-btn-font-size, var(--pz-font-size-14));font-weight:var(--pz-pagination-btn-font-weight, 400);line-height:var(--pz-pagination-btn-line-height, 1.5)}.pz-pagination__btn[data-v-f128b85c]:hover:not(:disabled){background-color:var(--pz-color-grey-20);border-color:var(--pz-color-tag-blue);color:var(--pz-color-text-link-hover)}.pz-pagination__btn--active[data-v-f128b85c]{border-color:var(--pz-color-tag-blue)}.pz-pagination__btn--nav[data-v-f128b85c]{color:var(--pz-color-text-primary)}.pz-pagination__btn--nav[data-v-f128b85c]:disabled{opacity:.35;cursor:default}.pz-pagination__dots[data-v-f128b85c]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--pz-color-text-secondary);font-size:var(--pz-pagination-dots-font-size, var(--pz-font-size-14));font-weight:var(--pz-pagination-dots-font-weight, 400);line-height:var(--pz-pagination-dots-line-height, 1.5)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-radio-group-story{display:grid;gap:var(--pz-space-24)}.pz-radio-group-story-board,.pz-radio-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-radio-group-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-radio-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-radio-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-radio-group-story-field{width:min(100%,640px)}.pz-radio-group-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-radio-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-radio-group-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}@media (width <= 960px){.pz-radio-group-story-grid{grid-template-columns:1fr}.pz-radio-group-story-header{flex-direction:column}}.pz-radio-group[data-v-21d7c0d8]{display:grid;gap:var(--pz-space-8)}.pz-radio-group.accordion .pz-radio-group-option[data-v-21d7c0d8]:not(:first-child){padding-top:var(--pz-space-12);margin-top:var(--pz-space-12);border-top:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent)}.pz-radio-group-option[data-v-21d7c0d8]{--pz-radio-border-color: var(--pz-color-black-90);--pz-radio-dot-color: var(--pz-color-button-success);--pz-radio-label-color: var(--pz-color-text-primary);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pz-space-12);align-items:start;color:var(--pz-radio-label-color);cursor:pointer}.pz-radio-group-input[data-v-21d7c0d8]{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-radio-group-control[data-v-21d7c0d8]{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--pz-space-16);block-size:var(--pz-space-16);margin-top:2px;border:2px solid var(--pz-radio-border-color);border-radius:50%;background:var(--pz-color-background-primary);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pz-radio-group-dot[data-v-21d7c0d8]{inline-size:var(--pz-space-8);block-size:var(--pz-space-8);border-radius:50%;background:var(--pz-radio-dot-color);transform:scale(0);transition:transform .16s ease}.pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-21d7c0d8]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-radio-group-input:checked+.pz-radio-group-control[data-v-21d7c0d8]{--pz-radio-border-color: var(--pz-color-button-success)}.pz-radio-group-input:checked+.pz-radio-group-control .pz-radio-group-dot[data-v-21d7c0d8]{transform:scale(1)}.pz-radio-group-label[data-v-21d7c0d8]{min-width:0;font-size:var(--pz-radio-group-label-font-size, var(--pz-font-size-14));font-weight:var(--pz-radio-group-label-font-weight, 400);line-height:var(--pz-radio-group-label-line-height, 1.5)}.pz-radio-group-content[data-v-21d7c0d8]{grid-column:2/-1;display:grid;gap:var(--pz-space-8);color:var(--pz-color-text-secondary)}.pz-radio-group-option.disabled[data-v-21d7c0d8]{--pz-radio-border-color: var(--pz-color-grey-40);--pz-radio-dot-color: var(--pz-color-button-disabled);--pz-radio-label-color: var(--pz-color-text-secondary);cursor:not-allowed}.pz-radio-group-option.disabled .pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-21d7c0d8]{box-shadow:none}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import{d as g,I as v,B as k,D as n,u as s,R as z,o as y,z as x,J as P,l as u,K as w,g as R,L as _}from"./iframe-C0Tj7XHr.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-DtHaOlhQ.js";import{P as T}from"./PzText-BQZq8EVF.js";import{P as $}from"./PzLink-C34ePoHR.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l=g({name:"PzRouterLink",inheritAttrs:!1,__name:"PzRouterLink",props:{to:{},replace:{type:Boolean,default:!1},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1}},setup(e){const t=e,o=v(),r=(a,p)=>{t.disabled||t.target!=="_self"||p(a)};return(a,p)=>(y(),k(s(z),{custom:"",to:t.to,replace:t.replace},{default:n(({href:m,navigate:h})=>[x(s($),w(s(o),{href:m,variant:t.variant,target:t.target,rel:t.rel,disabled:t.disabled,inline:t.inline,bold:t.bold,italic:t.italic,"line-through":t.lineThrough,onClick:b=>r(b,h)}),P({default:n(()=>[u(a.$slots,"default")]),_:2},[a.$slots.prefix?{name:"prefix",fn:n(()=>[u(a.$slots,"prefix")]),key:"0"}:void 0,a.$slots.suffix?{name:"suffix",fn:n(()=>[u(a.$slots,"suffix")]),key:"1"}:void 0]),1040,["href","variant","target","rel","disabled","inline","bold","italic","line-through","onClick"])]),_:3},8,["to","replace"]))}});l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzRouterLink",exportName:"default",displayName:"PzRouterLink",description:"",tags:{},props:[{name:"to",required:!0,type:{name:"PzRouterLinkTo"}},{name:"replace",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",defaultValue:{func:!1,value:'"primary"'}},{name:"target",defaultValue:{func:!1,value:'"_self"'}},{name:"rel",defaultValue:{func:!1,value:"undefined"}},{name:"disabled",defaultValue:{func:!1,value:"false"}},{name:"inline",defaultValue:{func:!1,value:"true"}},{name:"bold",defaultValue:{func:!1,value:"false"}},{name:"italic",defaultValue:{func:!1,value:"false"}},{name:"lineThrough",defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzRouterLink/PzRouterLink.vue"]});const A=e=>{const o=[`to="${typeof e.to=="string"?e.to:JSON.stringify(e.to)}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null,e.replace?':replace="true"':null].filter(a=>!!a).join(" "),r=[e.showPrefix?` <template #prefix>
|
|
2
|
-
<PzIcon name="arrow_back" size="16" />
|
|
3
|
-
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
|
-
<PzIcon name="arrow_forward" size="16" />
|
|
5
|
-
</template>`:null].filter(a=>!!a);return`<template>
|
|
6
|
-
<PzRouterLink ${o}>
|
|
7
|
-
${r.join(`
|
|
8
|
-
`)}
|
|
9
|
-
</PzRouterLink>
|
|
10
|
-
</template>`},B={title:"Components/Actions/PzRouterLink",component:l,parameters:{prototype:{caption:"Router-aware link component",note:"Use `PzRouterLink` for in-app navigation with vue-router while keeping the same visual API as `PzLink`."},docs:{description:{component:"Use `PzRouterLink` when navigation should stay inside a Vue Router application without forcing a full page reload. It wraps `PzLink` and forwards the same visual props and slots."},source:{transform:(e,t)=>A(t.args??B.args)}}},args:{to:"/tenders/active",variant:"primary",target:"_self",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,replace:!1,label:"Open active tenders",showPrefix:!1,showSuffix:!0},argTypes:{to:{control:"text",description:"Vue Router target location."},variant:{control:"inline-radio",options:S,description:"Visual link treatment."},target:{control:"select",options:L,description:"Anchor target attribute. `_self` keeps router navigation enabled."},disabled:{control:"boolean",description:"Prevents navigation and applies disabled styling."},inline:{control:"boolean",description:"Renders inline-flex or block flex layout."},bold:{control:"boolean",description:"Applies stronger text weight."},italic:{control:"boolean",description:"Applies italic text style."},lineThrough:{control:"boolean",description:"Adds line-through decoration to the content."},replace:{control:"boolean",description:"Uses router replace navigation instead of push."},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:e=>({components:{pzRouterLink:l,pzIcon:V,pzText:T},setup(){const t=_(),o=R(()=>t.fullPath);return{args:e,currentPath:o}},template:`
|
|
11
|
-
<div class="pz-link-story">
|
|
12
|
-
<section class="pz-link-story-board">
|
|
13
|
-
<div class="pz-link-story-header">
|
|
14
|
-
<div>
|
|
15
|
-
<span class="pz-link-story-eyebrow">Router API</span>
|
|
16
|
-
<pz-text variant="h4-bold">SPA navigation wrapper</pz-text>
|
|
17
|
-
</div>
|
|
18
|
-
<span class="pz-link-story-chip">{{ currentPath }}</span>
|
|
19
|
-
</div>
|
|
20
|
-
|
|
21
|
-
<div class="pz-link-story-preview">
|
|
22
|
-
<pz-router-link
|
|
23
|
-
:to="args.to"
|
|
24
|
-
:variant="args.variant"
|
|
25
|
-
:target="args.target"
|
|
26
|
-
:disabled="args.disabled"
|
|
27
|
-
:inline="args.inline"
|
|
28
|
-
:bold="args.bold"
|
|
29
|
-
:italic="args.italic"
|
|
30
|
-
:line-through="args.lineThrough"
|
|
31
|
-
:replace="args.replace"
|
|
32
|
-
>
|
|
33
|
-
<template v-if="args.showPrefix" #prefix>
|
|
34
|
-
<pz-icon
|
|
35
|
-
name="arrow_back"
|
|
36
|
-
size="16"
|
|
37
|
-
label="Router link prefix icon"
|
|
38
|
-
/>
|
|
39
|
-
</template>
|
|
40
|
-
|
|
41
|
-
{{ args.label }}
|
|
42
|
-
|
|
43
|
-
<template v-if="args.showSuffix" #suffix>
|
|
44
|
-
<pz-icon
|
|
45
|
-
name="arrow_forward"
|
|
46
|
-
size="16"
|
|
47
|
-
label="Router link suffix icon"
|
|
48
|
-
/>
|
|
49
|
-
</template>
|
|
50
|
-
</pz-router-link>
|
|
51
|
-
</div>
|
|
52
|
-
</section>
|
|
53
|
-
</div>
|
|
54
|
-
`})},i={};var c,f,d;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(d=(f=i.parameters)==null?void 0:f.docs)==null?void 0:d.source}}};const J=["Playground"];export{i as Playground,J as __namedExportsOrder,B as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-select[data-v-c794c950]{width:100%}.pz-select.is-inline[data-v-c794c950]{width:fit-content;max-width:100%}.pz-select.is-inline[data-v-c794c950] .pz-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--pz-space-4);width:auto;max-width:100%}.pz-select.is-inline[data-v-c794c950] .pz-label-caption{color:var(--pz-color-text-secondary);font-size:var(--pz-label-caption-font-size, var(--pz-font-size-14));font-weight:var(--pz-label-caption-font-weight, 400);line-height:var(--pz-label-caption-line-height, 1.5)}.pz-select-dropdown[data-v-c794c950]{width:100%}.pz-select.is-inline .pz-select-dropdown[data-v-c794c950]{width:auto;max-width:100%}.pz-select-trigger[data-v-c794c950]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--pz-space-8);width:100%;min-width:0;padding:10px var(--pz-space-12);border:1px solid var(--pz-color-blue-30);border-radius:5px;background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background-color .16s ease;font-size:var(--pz-select-trigger-font-size, var(--pz-font-size-14));font-weight:var(--pz-select-trigger-font-weight, 400);line-height:var(--pz-select-trigger-line-height, 1.5)}.pz-select-trigger[data-v-c794c950]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 16%,transparent)}.pz-select-trigger[data-v-c794c950]:disabled{cursor:not-allowed}.pz-select-trigger-text[data-v-c794c950]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz-select-trigger-icon[data-v-c794c950]{flex:0 0 auto;color:inherit;transition:transform .16s ease}.pz-select-trigger.is-open .pz-select-trigger-icon[data-v-c794c950]{transform:rotate(180deg)}.pz-select-menu[data-v-c794c950]{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%}.pz-select-option[data-v-c794c950]{display:flex;align-items:center;width:100%;min-width:0;padding:6px var(--pz-space-16);border:0;border-radius:0;background:transparent;color:var(--pz-color-text-primary);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease,color .16s ease,font-weight .16s ease;font-size:var(--pz-select-option-font-size, var(--pz-font-size-14));font-weight:var(--pz-select-option-font-weight, 400);line-height:var(--pz-select-option-line-height, 1.5)}.pz-select-option[data-v-c794c950]:not(.is-active,.is-disabled):hover,.pz-select-option[data-v-c794c950]:not(.is-active,.is-disabled):focus-visible{background:var(--pz-color-blue-10);outline:none}.pz-select-option.is-active[data-v-c794c950]{background:var(--pz-color-blue-10);color:var(--pz-color-text-link-hover);font-size:var(--pz-select-option-font-size, var(--pz-font-size-14));font-weight:var(--pz-select-option-font-weight, 600);line-height:var(--pz-select-option-line-height, 1.5)}.pz-select-option.is-disabled[data-v-c794c950]{color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-select.is-field .pz-select-trigger.is-placeholder[data-v-c794c950]{color:var(--pz-color-text-secondary)}.pz-select.is-field .pz-select-trigger[data-v-c794c950]:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white));color:var(--pz-color-text-secondary)}.pz-select.is-inline .pz-select-trigger[data-v-c794c950]{width:auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--pz-color-text-link);box-shadow:none}.pz-select.is-inline .pz-select-trigger[data-v-c794c950]:not(:disabled):hover,.pz-select.is-inline .pz-select-trigger[data-v-c794c950]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-select.is-inline .pz-select-trigger.is-placeholder[data-v-c794c950]{color:var(--pz-color-text-link)}.pz-select.is-inline .pz-select-trigger[data-v-c794c950]:disabled{color:var(--pz-color-text-link-disabled)}.pz-select.is-inline .pz-select-menu[data-v-c794c950]{min-inline-size:168px}.pz-select .v-popper__inner{padding:0;border-radius:3px;border-color:var(--pz-color-blue-30);box-shadow:0 1px 8px #677b9359}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as o,B as r,D as u,f as l,C as c,g as i,o as p,k as d,l as m}from"./iframe-C0Tj7XHr.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const _=["auction-progress","auction-waiting","auction-success"],z={class:"pz-status__label"},a=o({name:"PzStatus",__name:"PzStatus",props:{variant:{default:"progress"},as:{default:"span"}},setup(e){const s=e,t=i(()=>[`pz-status--${s.variant}`,{"pz-status--gradient":_.includes(s.variant)}]);return(n,v)=>(p(),r(c(s.as),{class:l(["pz-status",t.value])},{default:u(()=>[d("span",z,[m(n.$slots,"default",{},void 0,!0)])]),_:3},8,["class"]))}}),g=f(a,[["__scopeId","data-v-4030e4dc"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzStatus",exportName:"default",displayName:"PzStatus",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzStatusVariant"},defaultValue:{func:!1,value:'"progress"'}},{name:"as",required:!1,type:{name:"PzStatusTag"},defaultValue:{func:!1,value:'"span"'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzStatus/PzStatus.vue"]});export{g as P};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-status[data-v-4030e4dc]{--pz-status-background: var(--pz-color-status-progress);display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;max-width:100%;padding:2px 8px;border-radius:3px;background:var(--pz-status-background);color:var(--pz-color-white);box-sizing:border-box;vertical-align:middle;width:fit-content;font-size:var(--pz-status-font-size, var(--pz-font-size-14));font-weight:var(--pz-status-font-weight, 400);line-height:var(--pz-status-line-height, 1.5)}.pz-status--inactive[data-v-4030e4dc]{--pz-status-background: var(--pz-color-status-inactive)}.pz-status--hidden[data-v-4030e4dc]{--pz-status-background: var(--pz-color-status-hidden)}.pz-status--active[data-v-4030e4dc]{--pz-status-background: var(--pz-color-status-active)}.pz-status--monitoring[data-v-4030e4dc]{--pz-status-background: var(--pz-color-status-monitoring)}.pz-status--disabled[data-v-4030e4dc]{--pz-status-background: var(--pz-color-status-disabled)}.pz-status--progress[data-v-4030e4dc]{--pz-status-background: var(--pz-color-status-progress)}.pz-status--auction-progress[data-v-4030e4dc]{--pz-status-background: var(--pz-gradient-status-auction-progress)}.pz-status--auction-waiting[data-v-4030e4dc]{--pz-status-background: var(--pz-gradient-status-auction-waiting)}.pz-status--auction-success[data-v-4030e4dc]{--pz-status-background: var(--pz-gradient-status-auction-success)}.pz-status--gradient[data-v-4030e4dc]{--pz-status-color: var(--pz-color-white)}.pz-status__label[data-v-4030e4dc]{min-width:0;white-space:normal;overflow-wrap:anywhere}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-table-data[data-v-1c0872b9]{padding:var(--pz-space-16) var(--pz-space-8);text-align:left;vertical-align:top;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.pz-table-data[data-v-1c0872b9]:first-child{padding-left:0}.pz-table-data[data-v-1c0872b9]:last-child{padding-right:0}@media (max-width: 1023.98px){.pz-table-data[data-v-1c0872b9]{display:grid;gap:var(--pz-space-8);padding:0;width:auto!important;min-width:0;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;word-break:normal}}.pz-table-data--bold[data-v-1c0872b9]{font-size:var(--pz-table-data-font-size, var(--pz-font-size-14));font-weight:var(--pz-table-data-font-weight, 600);line-height:var(--pz-table-data-line-height, 1.5)}.pz-table-data__title[data-v-1c0872b9]{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-8);margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-table-data-title-font-size, var(--pz-font-size-14));font-weight:var(--pz-table-data-title-font-weight, 600);line-height:var(--pz-table-data-title-line-height, 1.5)}@media (min-width: 1024px){.pz-table-data__title[data-v-1c0872b9]{display:none}}.pz-table-head[data-v-c4688b62]{padding:var(--pz-space-12) var(--pz-space-8) var(--pz-space-16);color:var(--pz-color-text-primary);text-align:left;vertical-align:top;font-size:var(--pz-table-head-font-size, var(--pz-font-size-14));font-weight:var(--pz-table-head-font-weight, 700);line-height:var(--pz-table-head-line-height, 1.5)}.pz-table-head[data-v-c4688b62]:first-child{padding-left:0}.pz-table-head[data-v-c4688b62]:last-child{padding-right:0}.pz-table-head__hint[data-v-c4688b62]{margin-left:var(--pz-space-8);vertical-align:middle}.pz-table-wrap[data-v-9e87d17d]{width:100%;overflow-x:auto}.pz-table[data-v-9e87d17d]{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--pz-color-text-primary);font-size:var(--pz-table-font-size, var(--pz-font-size-14));font-weight:var(--pz-table-font-weight, 400);line-height:var(--pz-table-line-height, 1.5)}@media (max-width: 1023.98px){.pz-table__head[data-v-9e87d17d]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.pz-table__row[data-v-9e87d17d]{border-bottom:1px solid var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-table__row[data-v-9e87d17d]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pz-space-8);padding-block:var(--pz-space-16)}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as z,o as a,e as t,f as N,k as d,t as _,B as b,u as h,y,l as v,F as i,E as D,g as E,H as L,A as p,n as g,J as F,D as q,K as A}from"./iframe-C0Tj7XHr.js";import{l as x}from"./lodash-CdDiHlzQ.js";import{P as B}from"./PzInfoHint-2M1N5-8H.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const $="—",I={class:"pz-table-data__title"},W=["innerHTML"],c=z({name:"PzTableData",__name:"PzTableData",props:{column:{},data:{default:void 0},defaultValue:{},isBold:{type:Boolean,default:!1}},setup(e){const u=e,s=E(()=>x.get(u.data,u.column.key)||u.defaultValue);return(o,T)=>{var n;return a(),t("td",{class:N(["pz-table-data",{"pz-table-data--bold":e.isBold}])},[d("p",I,[d("span",null,_(e.column.mobileName||e.column.name),1),(n=e.column.infoContent)!=null&&n.length?(a(),b(h(B),{key:0,"info-content":e.column.infoContent},null,8,["info-content"])):y("",!0)]),v(o.$slots,"default",{data:e.data,column:e.column,value:s.value},()=>[e.column.isContentHtml?(a(),t("span",{key:0,innerHTML:String(s.value)},null,8,W)):(a(),t(i,{key:1},[D(_(s.value),1)],64))],!0)],2)}}}),w=P(c,[["__scopeId","data-v-1c0872b9"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzTableData",exportName:"default",displayName:"PzTableData",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn"}},{name:"data",required:!1,type:{name:"PzTableRow"},defaultValue:{func:!1,value:"undefined"}},{name:"defaultValue",required:!0,type:{name:"string"}},{name:"isBold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"column",title:"binding"},{name:"value",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableData.vue"]});const S={class:"pz-table-head",scope:"col"},m=z({name:"PzTableHead",__name:"PzTableHead",props:{column:{}},setup(e){return(u,s)=>{var o;return a(),t("th",S,[d("span",null,_(e.column.name),1),(o=e.column.infoContent)!=null&&o.length?(a(),b(h(B),{key:0,"info-content":e.column.infoContent,class:"pz-table-head__hint"},null,8,["info-content"])):y("",!0)])}}}),j=P(m,[["__scopeId","data-v-c4688b62"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzTableHead",exportName:"default",displayName:"PzTableHead",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableHead.vue"]});const M={class:"pz-table-wrap"},U={class:"pz-table"},O={key:0,class:"pz-table__head"},R={class:"pz-table__row pz-table__row--head"},Y=100,f=z({name:"PzTable",__name:"PzTable",props:{config:{},data:{},defaultValue:{default:$},visibleHeader:{type:Boolean,default:!0},isBoldFirstColumn:{type:Boolean,default:!0}},setup(e){const u=L(),s=e,o=({colWidth:n})=>({width:s.config.some(({colWidth:l})=>!!l)?`${n}%`:`${Math.floor(Y/s.config.length)}%`}),T=n=>!!u[n];return(n,k)=>(a(),t("div",M,[d("table",U,[e.visibleHeader?(a(),t("thead",O,[d("tr",R,[(a(!0),t(i,null,p(e.config,l=>(a(),b(j,{key:l.id,column:l,style:g(o(l))},null,8,["column","style"]))),128))])])):y("",!0),d("tbody",null,[(a(!0),t(i,null,p(e.data,(l,C)=>(a(),t("tr",{key:l.id??C,class:"pz-table__row"},[(a(!0),t(i,null,p(e.config,(r,V)=>(a(),b(w,{key:r.id,column:r,data:l,"default-value":e.defaultValue,"is-bold":e.isBoldFirstColumn&&V===0,style:g(o(r))},F({_:2},[T(r.key)?{name:"default",fn:q(H=>[v(n.$slots,r.key,A({ref_for:!0},H),void 0,!0)]),key:"0"}:void 0]),1032,["column","data","default-value","is-bold","style"]))),128))]))),128))])])]))}}),Q=P(f,[["__scopeId","data-v-9e87d17d"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzTable",exportName:"default",displayName:"PzTable",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn"}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"PzTableRow"}]}},{name:"defaultValue",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"PZ_TABLE_DEFAULT_EMPTY_VALUE"}},{name:"visibleHeader",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isBoldFirstColumn",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"column.key",scoped:!0,bindings:[{name:"name",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTable.vue"]});export{Q as P,$ as a,j as b,w as c};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-tag[data-v-b45d6555]{--pz-tag-background: var(--pz-color-tag-grey);--pz-tag-gap: var(--pz-space-4);display:inline-flex;align-items:center;gap:var(--pz-tag-gap);padding:4px 8px;border-radius:3px 12px 12px 3px;background:var(--pz-tag-background);color:var(--pz-tag-color);vertical-align:middle;font-size:var(--pz-tag-font-size, var(--pz-font-size-12));font-weight:var(--pz-tag-font-weight, 600);line-height:var(--pz-tag-line-height, 1.5)}.pz-tag--grey[data-v-b45d6555]{--pz-tag-background: var(--pz-color-tag-grey)}.pz-tag--grey-light[data-v-b45d6555]{--pz-tag-background: var(--pz-color-tag-grey-light)}.pz-tag--blue[data-v-b45d6555]{--pz-tag-background: var(--pz-color-tag-blue)}.pz-tag--green[data-v-b45d6555]{--pz-tag-background: var(--pz-color-tag-green)}.pz-tag--red[data-v-b45d6555]{--pz-tag-background: var(--pz-color-tag-red)}.pz-tag-prefix[data-v-b45d6555],.pz-tag-suffix[data-v-b45d6555]{display:inline-flex;align-items:center;justify-content:center}.pz-tag-label[data-v-b45d6555]{min-width:0}.pz-tag-prefix[data-v-b45d6555] .pz-icon,.pz-tag-suffix[data-v-b45d6555] .pz-icon{--pz-icon-size: var(--pz-font-size-12);--pz-icon-color: currentcolor}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as i,B as p,D as f,f as u,C as c,o as s,e as n,l as t,y as r,k as d}from"./iframe-C0Tj7XHr.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const g={key:0,class:"pz-tag-prefix"},_={class:"pz-tag-label"},z={key:1,class:"pz-tag-suffix"},a=i({name:"PzTag",__name:"PzTag",props:{variant:{default:"grey"},as:{default:"span"}},setup(l){const o=l;return(e,v)=>(s(),p(c(o.as),{class:u(["pz-tag",`pz-tag--${o.variant}`])},{default:f(()=>[e.$slots.prefix?(s(),n("span",g,[t(e.$slots,"prefix",{},void 0,!0)])):r("",!0),d("span",_,[t(e.$slots,"default",{},void 0,!0)]),e.$slots.suffix?(s(),n("span",z,[t(e.$slots,"suffix",{},void 0,!0)])):r("",!0)]),_:3},8,["class"]))}}),T=m(a,[["__scopeId","data-v-b45d6555"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzTag",exportName:"default",displayName:"PzTag",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzTagVariant"},defaultValue:{func:!1,value:'"grey"'}},{name:"as",required:!1,type:{name:"PzTagTag"},defaultValue:{func:!1,value:'"span"'}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzTag/PzTag.vue"]});export{T as P};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-text[data-v-53049d2c]{margin:0;padding:0}.pz-text--h1-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-44));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}@media (max-width: 575.98px){.pz-text--h1-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-24));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}}.pz-text--h1-regular[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-44));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5)}@media (max-width: 575.98px){.pz-text--h1-regular[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-24));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5)}}.pz-text--h2-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-32));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}@media (max-width: 575.98px){.pz-text--h2-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-20));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}}.pz-text--h3-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-24));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}@media (max-width: 575.98px){.pz-text--h3-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-18));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}}.pz-text--h3-regular[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-24));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5)}@media (max-width: 575.98px){.pz-text--h3-regular[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-18));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5)}}.pz-text--h4-regular[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-18));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5)}@media (max-width: 575.98px){.pz-text--h4-regular[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-16));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5)}}.pz-text--h4-semibold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-18));font-weight:var(--pz-text-font-weight, 600);line-height:var(--pz-text-line-height, 1.5)}@media (max-width: 575.98px){.pz-text--h4-semibold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-16));font-weight:var(--pz-text-font-weight, 600);line-height:var(--pz-text-line-height, 1.5)}}.pz-text--h4-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-18));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}@media (max-width: 575.98px){.pz-text--h4-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-16));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}}.pz-text--subtitle[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-16));font-weight:var(--pz-text-font-weight, 600);line-height:var(--pz-text-line-height, 1.5)}.pz-text--body-regular[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-14));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5)}.pz-text--body-semibold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-14));font-weight:var(--pz-text-font-weight, 600);line-height:var(--pz-text-line-height, 1.5)}.pz-text--body-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-14));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}.pz-text--capitalized[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-14));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5);text-transform:uppercase;letter-spacing:.05em}.pz-text--hint[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-14));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5);color:var(--pz-color-text-secondary)}.pz-text--line-through[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-14));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5);text-decoration:line-through}.pz-text--small-regular[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-12));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5)}.pz-text--small-semibold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-12));font-weight:var(--pz-text-font-weight, 600);line-height:var(--pz-text-line-height, 1.5)}.pz-text--small-bold[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-12));font-weight:var(--pz-text-font-weight, 700);line-height:var(--pz-text-line-height, 1.5)}.pz-text--link[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-14));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5);color:var(--pz-color-text-link);text-decoration:underline;cursor:pointer}.pz-text--link[data-v-53049d2c]:hover{color:var(--pz-color-text-link-hover)}.pz-text--document[data-v-53049d2c]{font-size:var(--pz-text-font-size, var(--pz-font-size-14));font-weight:var(--pz-text-font-weight, 400);line-height:var(--pz-text-line-height, 1.5)}
|
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
import{d as _,B as k,D as S,u as N,o as u,l as B,e as E,t as O,M as q,f as A,y as R,r as V,w as $}from"./iframe-C0Tj7XHr.js";import{P as T}from"./PzText-BQZq8EVF.js";import{y as I}from"./text-clamp.esm-Dv0GEKqA.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const D=3,F="... ",j=["aria-expanded","onClick"],r=_({name:"PzTextClamp",__name:"PzTextClamp",props:{text:{},maxContentLines:{default:D},clampPostfix:{default:F},btnClass:{default:""},autoResize:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},expandLabel:{default:"Show more"},collapseLabel:{default:"Collapse"}},emits:["update:expanded","clamp-change"],setup(e,{emit:a}){const t=e,d=a,L=n=>{d("update:expanded",n)},P=n=>{d("clamp-change",n)};return(n,W)=>(u(),k(N(I),{text:t.text,"max-lines":t.maxContentLines,ellipsis:t.clampPostfix,expanded:t.expanded,"auto-resize":t.autoResize,class:"pz-text-clamp","onUpdate:expanded":L,onClampChange:P},{after:S(({toggle:m,expanded:l,clamped:x})=>[B(n.$slots,"toggle",{toggle:m,expanded:l,clamped:x},()=>[x||l?(u(),E("button",{key:0,type:"button",class:A(["pz-text-clamp__toggle",t.btnClass]),"aria-expanded":l,onClick:q(m,["stop"])},O(l?t.collapseLabel:t.expandLabel),11,j)):R("",!0)],!0)]),_:3},8,["text","max-lines","ellipsis","expanded","auto-resize"]))}}),i=M(r,[["__scopeId","data-v-16c196a9"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzTextClamp",exportName:"default",displayName:"PzTextClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"MAX_CONTENT_LINES"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"DEFAULT_CLAMP_POSTFIX"}},{name:"btnClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"autoResize",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expandLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Show more"'}},{name:"collapseLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Collapse"'}}],events:[{name:"update:expanded",type:{names:["boolean"]}},{name:"clamp-change",type:{names:["boolean"]}}],slots:[{name:"toggle",scoped:!0,bindings:[{name:"toggle",title:"binding"},{name:"expanded",title:"binding"},{name:"clamped",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzTextClamp/PzTextClamp.vue"]});const c=[{kicker:"News teaser",title:"Two lines with default toggle",text:"The procurement framework for recovery projects should remain readable even when editors add dense context, supporting details, and legal clarifications into a single preview paragraph.",maxContentLines:2},{kicker:"Tender summary",title:"Three lines with longer body copy",text:"Prozorro teams often need the first block of text to stay compact inside cards, while still giving visitors a way to reveal the full explanation, deadlines, and rationale without leaving the page context.",maxContentLines:3},{kicker:"Always expanded",title:"Controlled expanded state",text:"This example starts opened to show that the wrapper supports v-model style control through update:expanded and still keeps the same text treatment as the collapsed variant.",maxContentLines:2,expanded:!0}],U=e=>`<template>
|
|
2
|
-
<PzTextClamp ${[`text="${e.text}"`,e.maxContentLines!==3?`:max-content-lines="${e.maxContentLines}"`:null,e.clampPostfix!=="... "?`clamp-postfix="${e.clampPostfix}"`:null,e.expandLabel!=="Show more"?`expand-label="${e.expandLabel}"`:null,e.collapseLabel!=="Collapse"?`collapse-label="${e.collapseLabel}"`:null,e.expanded?':expanded="true"':null].filter(t=>!!t).join(" ")} />
|
|
3
|
-
</template>`,X=()=>`<template>
|
|
4
|
-
<PzTextClamp
|
|
5
|
-
text="Long procurement summary that needs a custom action."
|
|
6
|
-
:max-content-lines="2"
|
|
7
|
-
>
|
|
8
|
-
<template #toggle="{ toggle, expanded, clamped }">
|
|
9
|
-
<button
|
|
10
|
-
v-if="clamped || expanded"
|
|
11
|
-
type="button"
|
|
12
|
-
class="custom-toggle"
|
|
13
|
-
@click="toggle"
|
|
14
|
-
>
|
|
15
|
-
{{ expanded ? "Hide details" : "Open full text" }}
|
|
16
|
-
</button>
|
|
17
|
-
</template>
|
|
18
|
-
</PzTextClamp>
|
|
19
|
-
</template>`,H={title:"Components/Text/PzTextClamp",component:i,parameters:{prototype:{caption:"Text clamp component",note:"Built as a thin wrapper over vue3-text-clamp, reusing the old text/max-lines/postfix/button-class contract and replacing app-specific translations with explicit labels and a toggle slot."},docs:{description:{component:"Use `PzTextClamp` for compact previews of long copy. It defaults to the `body-regular` text style, exposes the old clamp props, and supports toggle customization through `v-model:expanded` and the `toggle` slot."},source:{transform:(e,a)=>U(a.args??H.args)}}},args:{text:c[1].text,maxContentLines:3,clampPostfix:"... ",btnClass:"",autoResize:!0,expanded:!1,expandLabel:"Show more",collapseLabel:"Collapse",title:"Long-form card description"},argTypes:{text:{control:"text",description:"Source text rendered by the clamp component."},maxContentLines:{control:{type:"number",min:1,max:8,step:1},description:"Maximum number of visible lines before the text is clamped."},clampPostfix:{control:"text",description:"String appended to the truncated text."},btnClass:{control:"text",description:"Additional class names applied to the default toggle button."},autoResize:{control:"boolean",description:"Recalculates clamping on layout changes."},expanded:{control:"boolean",description:"Controlled expanded state."},expandLabel:{control:"text",description:"Default label shown while the text is collapsed."},collapseLabel:{control:"text",description:"Default label shown while the text is expanded."},title:{control:"text",description:"Preview heading used in the story only.",table:{category:"Story"}}},render:e=>({components:{pzText:T,pzTextClamp:i},setup(){const a=V(!!e.expanded);return $(()=>e.expanded,t=>{a.value=!!t}),{args:e,expanded:a,clampStories:c}},template:`
|
|
20
|
-
<div class="pz-text-clamp-story">
|
|
21
|
-
<section class="pz-text-clamp-story-hero">
|
|
22
|
-
<div class="pz-text-clamp-story-copy">
|
|
23
|
-
<span class="pz-text-clamp-story-eyebrow">Body Regular by default</span>
|
|
24
|
-
<pz-text variant="h4-bold">{{ args.title }}</pz-text>
|
|
25
|
-
<pz-text variant="body-regular">
|
|
26
|
-
Clamp long editorial or procurement copy without creating new typography rules for each surface.
|
|
27
|
-
</pz-text>
|
|
28
|
-
</div>
|
|
29
|
-
|
|
30
|
-
<div class="pz-text-clamp-story-preview">
|
|
31
|
-
<pz-text variant="small-semibold" as="span" class="pz-text-clamp-story-chip">
|
|
32
|
-
{{ expanded ? "expanded" : "collapsed" }}
|
|
33
|
-
</pz-text>
|
|
34
|
-
|
|
35
|
-
<pz-text-clamp
|
|
36
|
-
:text="args.text"
|
|
37
|
-
:max-content-lines="args.maxContentLines"
|
|
38
|
-
:clamp-postfix="args.clampPostfix"
|
|
39
|
-
:btn-class="args.btnClass"
|
|
40
|
-
:auto-resize="args.autoResize"
|
|
41
|
-
:expanded="expanded"
|
|
42
|
-
:expand-label="args.expandLabel"
|
|
43
|
-
:collapse-label="args.collapseLabel"
|
|
44
|
-
@update:expanded="expanded = $event"
|
|
45
|
-
/>
|
|
46
|
-
</div>
|
|
47
|
-
</section>
|
|
48
|
-
|
|
49
|
-
<section class="pz-text-clamp-story-grid">
|
|
50
|
-
<article
|
|
51
|
-
v-for="item in clampStories"
|
|
52
|
-
:key="item.title"
|
|
53
|
-
class="pz-text-clamp-story-card"
|
|
54
|
-
>
|
|
55
|
-
<div class="pz-text-clamp-story-card-header">
|
|
56
|
-
<span class="pz-text-clamp-story-kicker">{{ item.kicker }}</span>
|
|
57
|
-
<pz-text variant="body-semibold">{{ item.title }}</pz-text>
|
|
58
|
-
</div>
|
|
59
|
-
|
|
60
|
-
<pz-text-clamp
|
|
61
|
-
:text="item.text"
|
|
62
|
-
:max-content-lines="item.maxContentLines"
|
|
63
|
-
:expanded="item.expanded"
|
|
64
|
-
/>
|
|
65
|
-
</article>
|
|
66
|
-
</section>
|
|
67
|
-
</div>
|
|
68
|
-
`})},o={},s={args:{text:c[0].text,maxContentLines:2,title:"News teaser"}},p={parameters:{docs:{source:{code:X()}}},render:()=>({components:{pzText:T,pzTextClamp:i},setup(){return{text:"Publishing teams can replace the default inline action with a branded control while keeping the same clamp behavior and the same underlying library implementation."}},template:`
|
|
69
|
-
<div class="pz-text-clamp-story">
|
|
70
|
-
<section class="pz-text-clamp-story-hero">
|
|
71
|
-
<div class="pz-text-clamp-story-copy">
|
|
72
|
-
<span class="pz-text-clamp-story-eyebrow">Toggle slot</span>
|
|
73
|
-
<pz-text variant="h4-bold">Custom action content</pz-text>
|
|
74
|
-
</div>
|
|
75
|
-
|
|
76
|
-
<div class="pz-text-clamp-story-preview">
|
|
77
|
-
<pz-text-clamp
|
|
78
|
-
:text="text"
|
|
79
|
-
:max-content-lines="2"
|
|
80
|
-
>
|
|
81
|
-
<template #toggle="{ toggle, expanded, clamped }">
|
|
82
|
-
<button
|
|
83
|
-
v-if="clamped || expanded"
|
|
84
|
-
type="button"
|
|
85
|
-
class="pz-text-clamp-story-custom-toggle"
|
|
86
|
-
@click="toggle"
|
|
87
|
-
>
|
|
88
|
-
{{ expanded ? "Hide details" : "Open full text" }}
|
|
89
|
-
</button>
|
|
90
|
-
</template>
|
|
91
|
-
</pz-text-clamp>
|
|
92
|
-
</div>
|
|
93
|
-
</section>
|
|
94
|
-
</div>
|
|
95
|
-
`})};var g,f,b;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:"{}",...(b=(f=o.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var y,h,z;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
96
|
-
args: {
|
|
97
|
-
text: clampStories[0].text,
|
|
98
|
-
maxContentLines: 2,
|
|
99
|
-
title: "News teaser"
|
|
100
|
-
}
|
|
101
|
-
}`,...(z=(h=s.parameters)==null?void 0:h.docs)==null?void 0:z.source}}};var v,C,w;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
102
|
-
parameters: {
|
|
103
|
-
docs: {
|
|
104
|
-
source: {
|
|
105
|
-
code: buildSlotSource()
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
},
|
|
109
|
-
render: () => ({
|
|
110
|
-
components: {
|
|
111
|
-
pzText: PzText,
|
|
112
|
-
pzTextClamp: PzTextClamp
|
|
113
|
-
},
|
|
114
|
-
setup() {
|
|
115
|
-
const text = "Publishing teams can replace the default inline action with a branded control while keeping the same clamp behavior and the same underlying library implementation.";
|
|
116
|
-
return {
|
|
117
|
-
text
|
|
118
|
-
};
|
|
119
|
-
},
|
|
120
|
-
template: \`
|
|
121
|
-
<div class="pz-text-clamp-story">
|
|
122
|
-
<section class="pz-text-clamp-story-hero">
|
|
123
|
-
<div class="pz-text-clamp-story-copy">
|
|
124
|
-
<span class="pz-text-clamp-story-eyebrow">Toggle slot</span>
|
|
125
|
-
<pz-text variant="h4-bold">Custom action content</pz-text>
|
|
126
|
-
</div>
|
|
127
|
-
|
|
128
|
-
<div class="pz-text-clamp-story-preview">
|
|
129
|
-
<pz-text-clamp
|
|
130
|
-
:text="text"
|
|
131
|
-
:max-content-lines="2"
|
|
132
|
-
>
|
|
133
|
-
<template #toggle="{ toggle, expanded, clamped }">
|
|
134
|
-
<button
|
|
135
|
-
v-if="clamped || expanded"
|
|
136
|
-
type="button"
|
|
137
|
-
class="pz-text-clamp-story-custom-toggle"
|
|
138
|
-
@click="toggle"
|
|
139
|
-
>
|
|
140
|
-
{{ expanded ? "Hide details" : "Open full text" }}
|
|
141
|
-
</button>
|
|
142
|
-
</template>
|
|
143
|
-
</pz-text-clamp>
|
|
144
|
-
</div>
|
|
145
|
-
</section>
|
|
146
|
-
</div>
|
|
147
|
-
\`
|
|
148
|
-
})
|
|
149
|
-
}`,...(w=(C=p.parameters)==null?void 0:C.docs)==null?void 0:w.source}}};const Z=["Playground","TwoLines","CustomToggle"];export{p as CustomToggle,o as Playground,s as TwoLines,Z as __namedExportsOrder,H as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-textarea[data-v-2c726136]{--pz-textarea-background: var(--pz-color-white);--pz-textarea-border: var(--pz-color-grey-30);--pz-textarea-text: var(--pz-color-text-primary);--pz-textarea-placeholder: var(--pz-color-grey-50);--pz-textarea-counter: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-textarea-text);font-size:var(--pz-textarea-font-size, var(--pz-font-size-14));font-weight:var(--pz-textarea-font-weight, 400);line-height:var(--pz-textarea-line-height, 1.5)}.pz-textarea-wrap[data-v-2c726136]{position:relative;display:block}.pz-textarea-control[data-v-2c726136]{display:block;width:100%;padding:var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-textarea-border);background-color:var(--pz-textarea-background);color:var(--pz-textarea-text);font:inherit;resize:none}.pz-textarea-control[data-v-2c726136]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-textarea-control[data-v-2c726136]::placeholder{color:var(--pz-textarea-placeholder)}.pz-textarea-control[data-v-2c726136]:disabled{--pz-textarea-background: transparent;--pz-textarea-text: var(--pz-color-grey-40);--pz-textarea-placeholder: var(--pz-color-grey-40);--pz-textarea-counter: var(--pz-color-grey-40);cursor:default;resize:none}.pz-textarea-control--counted[data-v-2c726136]{padding-bottom:var(--pz-space-32)}.pz-textarea-readonly[data-v-2c726136]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none}.pz-textarea-counter[data-v-2c726136]{position:absolute;right:var(--pz-space-12);bottom:var(--pz-space-12);color:var(--pz-textarea-counter);font-size:var(--pz-textarea-counter-font-size, var(--pz-font-size-14));font-weight:var(--pz-textarea-counter-font-weight, 400);line-height:var(--pz-textarea-counter-line-height, 1.5)}.pz-textarea-error[data-v-2c726136]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);font-size:var(--pz-textarea-error-font-size, var(--pz-font-size-14));font-weight:var(--pz-textarea-error-font-weight, 400);line-height:var(--pz-textarea-error-line-height, 1.5)}.pz-textarea.error .pz-textarea-control[data-v-2c726136]{border-color:var(--pz-color-red-50)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as K,h as P,w as g,i as Q,j as X,o as Y,e as Z,k as W,l as $,u as C,n as ee,r as L,g as z,m as j}from"./iframe-C0Tj7XHr.js";var H=null;function te(e){return H||(H=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(r){return setTimeout(r,16)}).bind(window)),H(e)}var S=null;function re(e){S||(S=(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(r){clearTimeout(r)}).bind(window)),S(e)}function ie(e){var r=document.createElement("style");return r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e)),(document.querySelector("head")||document.body).appendChild(r),r}function x(e,r){r===void 0&&(r={});var t=document.createElement(e);return Object.keys(r).forEach(function(a){t[a]=r[a]}),t}function B(e,r,t){var a=window.getComputedStyle(e,null)||{display:"none"};return a[r]}function R(e){if(!document.documentElement.contains(e))return{detached:!0,rendered:!1};for(var r=e;r!==document;){if(B(r,"display")==="none")return{detached:!1,rendered:!1};r=r.parentNode}return{detached:!1,rendered:!0}}var ne='.resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:"";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}',k=0,b=null;function ae(e,r){e.__resize_mutation_handler__||(e.__resize_mutation_handler__=_e.bind(e));var t=e.__resize_listeners__;if(!t){if(e.__resize_listeners__=[],window.ResizeObserver){var a=e.offsetWidth,s=e.offsetHeight,o=new ResizeObserver(function(){!e.__resize_observer_triggered__&&(e.__resize_observer_triggered__=!0,e.offsetWidth===a&&e.offsetHeight===s)||w(e)}),i=R(e),f=i.detached,d=i.rendered;e.__resize_observer_triggered__=f===!1&&d===!1,e.__resize_observer__=o,o.observe(e)}else if(e.attachEvent&&e.addEventListener)e.__resize_legacy_resize_handler__=function(){w(e)},e.attachEvent("onresize",e.__resize_legacy_resize_handler__),document.addEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);else if(k||(b=ie(ne)),de(e),e.__resize_rendered__=R(e).rendered,window.MutationObserver){var _=new MutationObserver(e.__resize_mutation_handler__);_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.__resize_mutation_observer__=_}}e.__resize_listeners__.push(r),k++}function se(e,r){var t=e.__resize_listeners__;if(t){if(r&&t.splice(t.indexOf(r),1),!t.length||!r){if(e.detachEvent&&e.removeEventListener){e.detachEvent("onresize",e.__resize_legacy_resize_handler__),document.removeEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);return}e.__resize_observer__?(e.__resize_observer__.unobserve(e),e.__resize_observer__.disconnect(),e.__resize_observer__=null):(e.__resize_mutation_observer__&&(e.__resize_mutation_observer__.disconnect(),e.__resize_mutation_observer__=null),e.removeEventListener("scroll",q),e.removeChild(e.__resize_triggers__.triggers),e.__resize_triggers__=null),e.__resize_listeners__=null}!--k&&b&&b.parentNode.removeChild(b)}}function oe(e){var r=e.__resize_last__,t=r.width,a=r.height,s=e.offsetWidth,o=e.offsetHeight;return s!==t||o!==a?{width:s,height:o}:null}function _e(){var e=R(this),r=e.rendered,t=e.detached;r!==this.__resize_rendered__&&(!t&&this.__resize_triggers__&&(M(this),this.addEventListener("scroll",q,!0)),this.__resize_rendered__=r,w(this))}function q(){var e=this;M(this),this.__resize_raf__&&re(this.__resize_raf__),this.__resize_raf__=te(function(){var r=oe(e);r&&(e.__resize_last__=r,w(e))})}function w(e){!e||!e.__resize_listeners__||e.__resize_listeners__.forEach(function(r){r.call(e,e)})}function de(e){var r=B(e,"position");(!r||r==="static")&&(e.style.position="relative"),e.__resize_old_position__=r,e.__resize_last__={};var t=x("div",{className:"resize-triggers"}),a=x("div",{className:"resize-expand-trigger"}),s=x("div"),o=x("div",{className:"resize-contract-trigger"});a.appendChild(s),t.appendChild(a),t.appendChild(o),e.appendChild(t),e.__resize_triggers__={triggers:t,expand:a,expandChild:s,contract:o},M(e),e.addEventListener("scroll",q,!0),e.__resize_last__={width:e.offsetWidth,height:e.offsetHeight}}function M(e){var r=e.__resize_triggers__,t=r.expand,a=r.expandChild,s=r.contract,o=s.scrollWidth,i=s.scrollHeight,f=t.offsetWidth,d=t.offsetHeight,_=t.scrollWidth,h=t.scrollHeight;s.scrollLeft=o,s.scrollTop=i,a.style.width=f+1+"px",a.style.height=d+1+"px",t.scrollLeft=_,t.scrollTop=h}const le=["aria-label"];var D=K({__name:"text-clamp",props:{text:{type:String,required:!0},maxHeight:{type:[String,Number],required:!1},maxLines:{type:Number,required:!1},expanded:{type:Boolean,required:!1,default:!1},location:{type:String,required:!1,default:"end"},ellipsis:{type:String,required:!1,default:"…"},autoResize:{type:Boolean,required:!1,default:!1}},emits:["clamp-change","update:expanded"],setup(e,{emit:r}){const t=e,a=L(null),s=L(null),o=L(null),i=P({offset:0,localExpanded:!!t.expanded,unregisterResizeCallback:null}),f=z(()=>{if(!i.localExpanded&&t.maxHeight)return typeof(t==null?void 0:t.maxHeight)=="number"?`${t==null?void 0:t.maxHeight}px`:t==null?void 0:t.maxHeight}),d=()=>{o.value&&(o.value.textContent=G.value)},_=()=>{i.localExpanded||(d(),(p()||l.value)&&y())},h=()=>{t.text&&(i.offset=t.text.length,A(),t.autoResize&&a.value&&(ae(a.value,_),i.unregisterResizeCallback=()=>{a.value&&se(a.value,_)}),_())},A=()=>{var n;(n=i.unregisterResizeCallback)==null||n.call(i)},p=()=>!(!t.maxLines&&!t.maxHeight)&&!!a.value&&(!!(t.maxLines&&m()>t.maxLines)||!!(t.maxHeight&&a.value.scrollHeight>a.value.offsetHeight)),m=()=>s.value?Object.keys(Array.prototype.slice.call(s.value.getClientRects()).reduce((n,{top:c,bottom:v})=>{const u=`${c}/${v}`;return n[u]||(n[u]=!0),n},{})).length:0,y=(...n)=>{const[c=0,v=i.offset]=n;if(v-c<=3)return void U();const u=Math.floor((v+c)/2);E(u),p()?y(c,u):y(u,v)},E=n=>{i.offset=n,d()},U=()=>{I(),V()},I=()=>{for(;(!p()||m()<2)&&i.offset<t.text.length;)N(1)},V=()=>{for(;p()&&m()>1&&i.offset>0;)N(-1)},N=n=>{E(i.offset+n)},l=z(()=>!!t.text&&i.offset!==t.text.length);g(()=>l.value,n=>{setTimeout(()=>{r("clamp-change",n)},0)},{immediate:!0});const G=z(()=>l.value?J.value:t.text),J=z(()=>{if(t.location==="start")return t.ellipsis+(t.text.slice(-i.offset)||"").trim();if(t.location==="middle"){const n=Math.floor(i.offset/2);return(t.text.slice(0,n)||"").trim()+t.ellipsis+(t.text.slice(-n)||"").trim()}return(t.text.slice(0,i.offset)||"").trim()+t.ellipsis}),O=()=>{i.localExpanded=!0},T=()=>{i.localExpanded=!1},F=()=>{i.localExpanded=!i.localExpanded};return g(()=>t.expanded,n=>{i.localExpanded=n}),g(()=>i.localExpanded,n=>{n?E(t.text.length):_(),t.expanded!==n&&r("update:expanded",n)}),g(()=>[t.maxLines,t.maxHeight,t.ellipsis,t.location,l.value].join(),()=>{j(()=>{_()})}),g(()=>[t.text,t.autoResize].join(),()=>{j(()=>{h()})}),Q(()=>{A()}),X(()=>{h()}),(n,c)=>(Y(),Z("div",{ref_key:"textClampRef",ref:a,class:"text-clamp",style:ee({overflow:"hidden",maxHeight:C(f)})},[W("span",{ref_key:"contentRef",ref:s},[$(n.$slots,"before",{expand:O,collapse:T,toggle:F,clamped:C(l),expanded:i.localExpanded}),W("span",{ref_key:"textRef",ref:o,"aria-label":e.text},null,8,le),$(n.$slots,"after",{expand:O,collapse:T,toggle:F,clamped:C(l),expanded:i.localExpanded})],512)],4))}});D.__file="package/text-clamp.vue";const ce=e=>(e.install=function(r){r.component(e.__name,e)},e),fe=ce(D);export{fe as y};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { PzClampProps } from './types';
|
|
2
|
-
declare const _default: import('vue').DefineComponent<PzClampProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PzClampProps> & Readonly<{}>, {
|
|
3
|
-
maxContentLines: number;
|
|
4
|
-
clampPostfix: string;
|
|
5
|
-
collapseText: string;
|
|
6
|
-
yetText: string;
|
|
7
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
-
export default _default;
|