@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
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import{d as v,G as y,y as b,A as l,v as s,R as k,o as z,u as x,H as P,B as p,I as w,g as R,J as _}from"./iframe-yhLt8Lok.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-poIOHVO1.js";import{P as T}from"./PzText-OlPU47Sz.js";import{p as A}from"./configs-B15JgQZ-.js";import{P as $}from"./PzLink-Q1NpV_QJ.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=v({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},typography:{}},setup(e){const t=e,o=y(),r=(a,u)=>{t.disabled||t.target!=="_self"||u(a)};return(a,u)=>(z(),b(s(k),{custom:"",to:t.to,replace:t.replace},{default:l(({href:m,navigate:g})=>[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,typography:t.typography,onClick:h=>r(h,g)}),P({default:l(()=>[p(a.$slots,"default")]),_:2},[a.$slots.prefix?{name:"prefix",fn:l(()=>[p(a.$slots,"prefix")]),key:"0"}:void 0,a.$slots.suffix?{name:"suffix",fn:l(()=>[p(a.$slots,"suffix")]),key:"1"}:void 0]),1040,["href","variant","target","rel","disabled","inline","bold","italic","line-through","typography","onClick"])]),_:3},8,["to","replace"]))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__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 B=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>`},I={title:"Components/Actions/PzRouterLink",component:n,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)=>B(t.args??I.args)}}},args:{to:"/tenders/active",variant:"primary",target:"_self",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,replace:!1,typography:void 0,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."},typography:{control:"select",options:[void 0,...A],description:"Overrides typography using a PzText variant."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzRouterLink:n,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
|
+
:typography="args.typography"
|
|
33
|
+
>
|
|
34
|
+
<template v-if="args.showPrefix" #prefix>
|
|
35
|
+
<pz-icon
|
|
36
|
+
name="arrow_back"
|
|
37
|
+
size="16"
|
|
38
|
+
label="Router link prefix icon"
|
|
39
|
+
/>
|
|
40
|
+
</template>
|
|
41
|
+
|
|
42
|
+
{{ args.label }}
|
|
43
|
+
|
|
44
|
+
<template v-if="args.showSuffix" #suffix>
|
|
45
|
+
<pz-icon
|
|
46
|
+
name="arrow_forward"
|
|
47
|
+
size="16"
|
|
48
|
+
label="Router link suffix icon"
|
|
49
|
+
/>
|
|
50
|
+
</template>
|
|
51
|
+
</pz-router-link>
|
|
52
|
+
</div>
|
|
53
|
+
</section>
|
|
54
|
+
</div>
|
|
55
|
+
`})},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 F=["Playground"];export{i as Playground,F as __namedExportsOrder,I as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-scroll-to-story{display:grid;gap:24px}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{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-scroll-to-story-toolbar,.pz-scroll-to-story-copy,.pz-scroll-to-story-methods,.pz-scroll-to-story-types,.pz-scroll-to-story-section,.pz-scroll-to-story-stack{display:grid;gap:16px}.pz-scroll-to-story-toolbar{position:sticky;top:16px;z-index:3}.pz-scroll-to-story-actions{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:16px;background:color-mix(in srgb,var(--pz-color-white) 92%,transparent)}.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card,.pz-scroll-to-story-method-header{display:grid;gap:12px}.pz-scroll-to-story-eyebrow,.pz-scroll-to-story-kicker{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-scroll-to-story-button{height:40px;padding:0 16px;border:1px solid var(--pz-color-button-primary);border-radius:4px;background:var(--pz-color-button-primary);color:var(--pz-color-white);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-scroll-to-story-button:hover,.pz-scroll-to-story-button:focus-visible{border-color:var(--pz-color-button-primary-hover);background:var(--pz-color-button-primary-hover);outline:none}.pz-scroll-to-story-button--ghost{border-color:color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-scroll-to-story-paper{min-height:240px;border-radius:12px;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),linear-gradient(180deg,#fff,#f9fbff);background-size:100% 28px,28px 100%,100% 100%}.pz-scroll-to-story-code{margin:0;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--pz-color-black-90) 4%,var(--pz-color-white));overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-scroll-to-highlight{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-blue-50) 22%,transparent),0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}@media (width <= 1024px){.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:1fr}}@media (width <= 640px){.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:20px;border-radius:22px}.pz-scroll-to-story-toolbar{top:8px}}
|
|
1
|
+
.pz-scroll-to-story{display:grid;gap:24px}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{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-scroll-to-story-toolbar,.pz-scroll-to-story-copy,.pz-scroll-to-story-methods,.pz-scroll-to-story-types,.pz-scroll-to-story-section,.pz-scroll-to-story-stack{display:grid;gap:16px}.pz-scroll-to-story-toolbar{position:sticky;top:16px;z-index:3}.pz-scroll-to-story-actions{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:16px;background:color-mix(in srgb,var(--pz-color-white) 92%,transparent)}.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card,.pz-scroll-to-story-method-header{display:grid;gap:12px}.pz-scroll-to-story-eyebrow,.pz-scroll-to-story-kicker{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-scroll-to-story-button{height:40px;padding:0 16px;border:1px solid var(--pz-color-button-primary);border-radius:4px;background:var(--pz-color-button-primary);color:var(--pz-color-white);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-scroll-to-story-button:hover,.pz-scroll-to-story-button:focus-visible{border-color:var(--pz-color-button-primary-hover);background:var(--pz-color-button-primary-hover);outline:none}.pz-scroll-to-story-button--ghost{border-color:color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-scroll-to-story-paper{min-height:240px;border-radius:12px;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),linear-gradient(180deg,#fff,#f9fbff);background-size:100% 28px,28px 100%,100% 100%}.pz-scroll-to-story-code{margin:0;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--pz-color-black-90) 4%,var(--pz-color-white));overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-scroll-to-highlight{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-blue-50) 22%,transparent),0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}@media (width <= 1024px){.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:1fr}}@media (width <= 640px){.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:20px;border-radius:22px}.pz-scroll-to-story-toolbar{top:8px}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as a,w as p
|
|
1
|
+
import{r as a,w as p,$ as y}from"./iframe-yhLt8Lok.js";import{P as f}from"./PzText-OlPU47Sz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g=["auto","instant","smooth"],b=2e3,z="pz-scroll-to-highlight",S="smooth",c=t=>typeof t=="number"?{offsetTop:t}:t??{},m=t=>{if(typeof window>"u"||typeof document>"u")return null;if(typeof t=="number")return t;const o=typeof t=="string"?document.querySelector(t):t instanceof HTMLElement?t:null;return o?window.scrollY+o.getBoundingClientRect().top:null},d=(t,o)=>{if(!t||typeof window>"u")return;const s=o.highlightClassName??z,e=o.highlightDuration??b;s&&(t.classList.add(s),window.setTimeout(()=>{t.classList.remove(s)},e))};class r{static moveById(o,s){if(typeof document>"u")return!1;const e=document.getElementById(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToTop(o){return r.moveTo(0,o)}static moveTo(o,s){if(typeof window>"u")return!1;const e=c(s);return window.scrollTo({top:Math.max(o-(e.offsetTop??0),0),left:0,behavior:e.behavior??S}),!0}static moveByQuerySelector(o,s){if(typeof document>"u")return!1;const e=document.querySelector(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToElement(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}static move(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}}const T=24,P="100vh",x=t=>{const o=[t.behavior!=="smooth"?`behavior: "${t.behavior}"`:null,t.offsetTop!==T?`offsetTop: ${t.offsetTop}`:null].filter(e=>!!e).join(", ");return`<script setup lang="ts">
|
|
2
2
|
import { PzScrollTo } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const scrollToTenderDocuments = (): void => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-search-result-layout-story{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:var(--pz-space-24);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 44%);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-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-search-result-layout-story-board{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker,.pz-search-result-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-chip{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-result-label{margin:var(--pz-space-16) 0 var(--pz-space-12);color:var(--pz-color-text-secondary);font-size:15px;line-height:1.6}.pz-search-result-layout-story-sort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);font:inherit;cursor:default}.pz-search-result-layout-story-sort span{color:var(--pz-color-text-link-hover);font-weight:700}.pz-search-result-layout-story-list{margin:0;padding:0}.pz-search-result-layout-story-main,.pz-search-result-layout-story-aside{display:grid;gap:var(--pz-space-8)}.pz-search-result-layout-story-title{color:var(--pz-color-text-link-hover);font-size:clamp(21px,1.7vw,24px);font-weight:400;line-height:1.35;text-decoration:none}.pz-search-result-layout-story-title:hover{text-decoration:underline}.pz-search-result-layout-story-status,.pz-search-result-layout-story-subtitle{margin:0;color:var(--pz-color-text-secondary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-organization,.pz-search-result-layout-story-identifier{margin:0;color:var(--pz-color-text-primary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-aside{gap:var(--pz-space-12)}.pz-search-result-layout-story-metric{display:grid;gap:4px}.pz-search-result-layout-story-metric-label{color:var(--pz-color-text-secondary);font-size:14px;line-height:1.4}.pz-search-result-layout-story-metric-value{color:var(--pz-color-text-primary);font-size:clamp(18px,1.8vw,22px);font-weight:400;line-height:1.25}.pz-search-result-layout-story-metric-value-success{color:#6aa356}@media (width <= 1024px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{flex-direction:column}}@media (width <= 640px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:20px;border-radius:22px}.pz-search-result-layout-story-title{font-size:20px}}.pz-search-result-item-layout[data-v-
|
|
1
|
+
.pz-search-result-layout-story{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:var(--pz-space-24);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 44%);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-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-search-result-layout-story-board{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker,.pz-search-result-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-chip{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-result-label{margin:var(--pz-space-16) 0 var(--pz-space-12);color:var(--pz-color-text-secondary);font-size:15px;line-height:1.6}.pz-search-result-layout-story-sort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);font:inherit;cursor:default}.pz-search-result-layout-story-sort span{color:var(--pz-color-text-link-hover);font-weight:700}.pz-search-result-layout-story-list{margin:0;padding:0}.pz-search-result-layout-story-main,.pz-search-result-layout-story-aside{display:grid;gap:var(--pz-space-8)}.pz-search-result-layout-story-title{color:var(--pz-color-text-link-hover);font-size:clamp(21px,1.7vw,24px);font-weight:400;line-height:1.35;text-decoration:none}.pz-search-result-layout-story-title:hover{text-decoration:underline}.pz-search-result-layout-story-status,.pz-search-result-layout-story-subtitle{margin:0;color:var(--pz-color-text-secondary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-organization,.pz-search-result-layout-story-identifier{margin:0;color:var(--pz-color-text-primary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-aside{gap:var(--pz-space-12)}.pz-search-result-layout-story-metric{display:grid;gap:4px}.pz-search-result-layout-story-metric-label{color:var(--pz-color-text-secondary);font-size:14px;line-height:1.4}.pz-search-result-layout-story-metric-value{color:var(--pz-color-text-primary);font-size:clamp(18px,1.8vw,22px);font-weight:400;line-height:1.25}.pz-search-result-layout-story-metric-value-success{color:#6aa356}@media (width <= 1024px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{flex-direction:column}}@media (width <= 640px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:20px;border-radius:22px}.pz-search-result-layout-story-title{font-size:20px}}.pz-search-result-item-layout[data-v-744e94be]{margin:0;padding:0;list-style:none}.pz-search-result-item-layout+.pz-search-result-item-layout[data-v-744e94be]{margin-top:var(--pz-space-24)}.pz-search-result-item-layout-surface[data-v-744e94be]{position:relative;padding:var(--pz-space-16);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 100%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 7%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 3%,transparent),transparent 40%);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 4%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}@media (min-width: 1024px){.pz-search-result-item-layout-surface[data-v-744e94be]{padding-inline:var(--pz-space-24)}}.pz-search-result-item-layout-grid[data-v-744e94be]{display:grid;gap:var(--pz-space-16);align-items:start}@media (min-width: 1024px){.pz-search-result-item-layout-grid[data-v-744e94be]{grid-template-columns:minmax(0,1fr) minmax(240px,292px);gap:40px}}.pz-search-result-item-layout-main[data-v-744e94be],.pz-search-result-item-layout-aside[data-v-744e94be]{min-width:0}.pz-search-result-item-layout-aside[data-v-744e94be]{display:grid;align-content:start;gap:var(--pz-space-12)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as p}from"./PzText-
|
|
1
|
+
import{P as p}from"./PzText-OlPU47Sz.js";import{d,y as m,A as y,z as h,o as z,q as a,B as l}from"./iframe-yhLt8Lok.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const g={class:"pz-search-result-item-layout-surface"},b={class:"pz-search-result-item-layout-grid"},f={class:"pz-search-result-item-layout-main"},L={class:"pz-search-result-item-layout-aside"},o=d({name:"PzSearchResultItemLayout",__name:"PzSearchResultItemLayout",props:{as:{default:"li"}},setup(e){const t=e;return(s,R)=>(z(),m(h(t.as),{class:"pz-search-result-item-layout"},{default:y(()=>[a("div",g,[a("div",b,[a("div",f,[l(s.$slots,"first-col",{},void 0,!0)]),a("div",L,[l(s.$slots,"second-col",{},void 0,!0)])])])]),_:3}))}}),c=v(o,[["__scopeId","data-v-744e94be"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSearchResultItemLayout",exportName:"default",displayName:"PzSearchResultItemLayout",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzSearchResultItemLayoutTag"},defaultValue:{func:!1,value:'"li"'}}],slots:[{name:"first-col"},{name:"second-col"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzSearchResultItemLayout/PzSearchResultItemLayout.vue"]});const _=["li","article","div"],I=[{id:"tenders",eyebrow:"Procurement results",title:"Tender search",resultLabel:"Знайдено більше 10 000 закупівель",sortLabel:"за замовчуванням",cards:[{id:"tender-1",title:"Вогнегасник ВП-5(з)",status:"Завершена",organization:'ДЕРЖАВНА УСТАНОВА "ЛУЦЬКИЙ СЛІДЧИЙ ІЗОЛЯТОР" • Луцьк',identifier:"ID: UA-2026-04-16-007213-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"4 830,00 UAH",accent:"success"}]},{id:"tender-2",title:'Електрична енергія, без розподілу (постачальник "останньої надії")',status:"Підготовка угоди",organization:"Ратнівський дитячий садок №2 Ратнівської селищної ради • Ковельський р-н, селище міського типу Ратне",identifier:"ID: UA-2026-04-16-007209-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"54 741,16 UAH",accent:"success"}]}]},{id:"qualifications",eyebrow:"Selection results",title:"Framework selection search",resultLabel:"Знайдено 470 відборів",sortLabel:"за замовчуванням",cards:[{id:"selection-1",title:"33730000-6 Офтальмологічні вироби та коригувальні лінзи",status:"Активний до 5 бер. 23:00",organization:"",identifier:"ID: UA-F-2026-04-06-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"20 квіт. 23:00"},{id:"published",label:"Оголошено:",value:"6 квіт. 2026"}]},{id:"selection-2",title:"33650000-1 Загальні протиінфекційні засоби для системного застосування",status:"Активний до 13 лют. 23:00",organization:"",identifier:"ID: UA-F-2026-03-17-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"31 бер. 23:00"},{id:"published",label:"Оголошено:",value:"17 бер. 2026"}]}]},{id:"plans",eyebrow:"Planning results",title:"Annual plan search",resultLabel:"Знайдено більше 10 000 планів",sortLabel:"за замовчуванням",cards:[{id:"plan-1",title:"ДК 021:2015 по коду: 22460000-2 Рекламні матеріали, каталоги товарів та посібники",status:"22460000-2: Рекламні матеріали, каталоги товарів та посібники",organization:"Державний ліцей з посиленою військово-фізичною підготовкою «Слобожанський»",identifier:"ID: UA-P-2026-04-16-009442-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"700,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"березень 2026"}]},{id:"plan-2",title:"Членський внесок за 2026 рік",status:"98100000-4: Послуги членських організацій",organization:"Ганнівська сільська рада Новоукраїнського району Кіровоградської області",identifier:"ID: UA-P-2026-04-16-009435-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"3 572,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"квітень 2026"}]}]}],S=e=>`<template>
|
|
2
2
|
<PzSearchResultItemLayout ${[e.as&&e.as!=="li"?`as="${e.as}"`:null].filter(s=>!!s).join(" ")}>
|
|
3
3
|
<template #first-col>
|
|
4
4
|
<a href="#">Result title</a>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as O,e as m,
|
|
1
|
+
import{d as O,e as m,u as f,A as p,v as d,n as S,f as b,g as s,o as g,q as v,F as $,x as I,B as V,C as P,t as _,r as A,I as D}from"./iframe-yhLt8Lok.js";import{u as L}from"./index-DW75gAYJ.js";import{k as T}from"./floating-vue-SZH28boQ.js";import{l as q}from"./lodash-CdDiHlzQ.js";import{_ as W}from"./PzIcon-poIOHVO1.js";import{P as R}from"./PzLabel-BAPh5yk-.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";const M=6,Z=["id"],G=["id","disabled","aria-controls","aria-expanded","aria-label"],H={class:"pz-select-trigger-text"},J=["id","aria-labelledby"],K=["id","aria-selected","disabled","onClick"],o=O({name:"PzSelect",__name:"PzSelect",props:{name:{},options:{},modelValue:{type:[String,Number,Boolean],default:void 0},label:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},variant:{default:"field"},width:{default:void 0}},emits:["update:modelValue"],setup(l,{emit:x}){const a=l,N=x,y=A(null),{width:k}=L(y),i=s(()=>a.options.find(e=>q.isEqual(e.value,a.modelValue))),u=s(()=>a.variant==="field"),B=s(()=>{var e;return((e=i.value)==null?void 0:e.label)??a.placeholder}),C=s(()=>{var e;return a.label||((e=i.value)==null?void 0:e.label)||a.placeholder||a.name}),E=s(()=>{const e=Math.round(k.value);return!e||!u.value?{}:{inlineSize:`${String(e)}px`}}),c=e=>q.isEqual(e,a.modelValue),h=(e,r)=>e.id??`${a.name}-trigger-option-${String(r+1)}`,w=e=>({option:e,selected:c(e.value),disabled:!!e.disabled}),F=(e,r)=>{N("update:modelValue",e),r()};return(e,r)=>(g(),m("div",{id:l.name,class:b(["pz-select",{"is-field":u.value,"is-inline":!u.value}]),style:S({width:l.width})},[f(d(R),{label:a.label,for:l.name+"-trigger",required:a.required,disabled:a.disabled},{default:p(()=>[f(d(T),{class:"pz-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+l.name,distance:d(M),disabled:a.disabled},{default:p(({shown:n})=>[v("button",{id:l.name+"-trigger",ref_key:"triggerRef",ref:y,type:"button",class:b(["pz-select-trigger",{"is-open":n,"is-placeholder":!i.value}]),disabled:a.disabled,"aria-controls":l.name+"-menu","aria-expanded":n?"true":"false","aria-haspopup":"listbox","aria-label":a.label?void 0:C.value},[v("span",H,[V(e.$slots,"selected",{option:i.value,placeholder:a.placeholder},()=>[P(_(B.value),1)],!0)]),f(d(W),{name:"expand_more",size:"20",class:"pz-select-trigger-icon"})],10,G)]),popper:p(({hide:n})=>[v("div",{id:l.name+"-menu",class:"pz-select-menu",style:S(E.value),role:"listbox","aria-labelledby":l.name+"-trigger"},[(g(!0),m($,null,I(a.options,(t,z)=>(g(),m("button",{id:h(t,z),key:h(t,z),type:"button",role:"option",class:b(["pz-select-option",{"is-active":c(t.value),"is-disabled":t.disabled}]),"aria-selected":c(t.value)?"true":"false",disabled:t.disabled,onClick:Q=>F(t.value,n)},[V(e.$slots,"default",D({ref_for:!0},w(t)),()=>[P(_(t.label),1)],!0)],10,K))),128))],12,J)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],14,Z))}}),se=j(o,[["__scopeId","data-v-c794c950"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSelect",exportName:"default",displayName:"PzSelect",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]}},{name:"modelValue",required:!1,type:{name:"PzFormSelectValue"},defaultValue:{func:!1,value:"undefined"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzSelectVariant"},defaultValue:{func:!1,value:'"field"'}},{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"selected",scoped:!0,bindings:[{name:"option",title:"binding"},{name:"placeholder",title:"binding"}]},{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzSelect/PzSelect.vue"]});export{se as P};
|
|
@@ -0,0 +1 @@
|
|
|
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);overflow-wrap:break-word;font-size:var(--pz-label-caption-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-label-caption-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-label-caption-line-height, var(--pz-typography-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;overflow-wrap:break-word;font-size:var(--pz-select-trigger-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-select-trigger-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-select-trigger-line-height, var(--pz-typography-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;overflow-wrap:break-word;font-size:var(--pz-select-option-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-select-option-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-select-option-line-height, var(--pz-typography-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);overflow-wrap:break-word;font-size:var(--pz-select-option-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-select-option-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-select-option-line-height, var(--pz-typography-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 +1 @@
|
|
|
1
|
-
.pz-select-story{display:grid;gap:var(--pz-space-24)}.pz-select-story-board,.pz-select-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-select-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-select-story-eyebrow,.pz-select-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-select-story-preview{display:grid;gap:var(--pz-space-20);min-height:220px;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-select-story-stack{display:grid;gap:var(--pz-space-20);max-width:720px}.pz-select-story-inline-row{display:flex;align-items:center;gap:var(--pz-space-8);flex-wrap:wrap}.pz-select-story-value{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-select-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-select-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-select-story-inline-card{align-content:start;min-height:220px}.pz-select-story-field-card{min-height:220px}.pz-select-story-disabled-card{background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-white) 98%,transparent))}@media (width <= 768px){.pz-select-story-grid{grid-template-columns:1fr}.pz-select-story-header{flex-direction:column}.pz-select-story-preview{min-height:auto}}
|
|
1
|
+
.pz-select-story{display:grid;gap:var(--pz-space-24)}.pz-select-story-board,.pz-select-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-select-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-select-story-eyebrow,.pz-select-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-select-story-preview{display:grid;gap:var(--pz-space-20);min-height:220px;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-select-story-stack{display:grid;gap:var(--pz-space-20);max-width:720px}.pz-select-story-inline-row{display:flex;align-items:center;gap:var(--pz-space-8);flex-wrap:wrap}.pz-select-story-value{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-select-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-select-story-note{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-select-story-inline-card{align-content:start;min-height:220px}.pz-select-story-field-card{min-height:220px}.pz-select-story-disabled-card{background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-white) 98%,transparent))}@media (width <= 768px){.pz-select-story-grid{grid-template-columns:1fr}.pz-select-story-header{flex-direction:column}.pz-select-story-preview{min-height:auto}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,w as S}from"./iframe-
|
|
1
|
+
import{r as t,w as S}from"./iframe-yhLt8Lok.js";import{_ as h}from"./PzIcon-poIOHVO1.js";import{P as b}from"./PzText-OlPU47Sz.js";import{P as n}from"./PzSelect-Dvm9WLeL.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./index-DW75gAYJ.js";import"./floating-vue-SZH28boQ.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzLabel-BAPh5yk-.js";const O=["field","inline"],i=[{label:"Option 0",value:0},{label:"Option 1",value:1},{label:"Option 2",value:2},{label:"Option 3",value:3},{label:"Option 4",value:4},{label:"Option 5",value:5},{label:"Option 6",value:6},{label:"Option 7",value:7},{label:"Option 8",value:8},{label:"Option 9",value:9}],V=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"}],P=[{label:"Пропозиція з коротким формулюванням",value:"short"},{label:"Пропозиція з довшою назвою для перевірки перенесення і ширини меню",value:"long"},{label:"Недоступний варіант",value:"disabled",disabled:!0}],r=3,k=e=>`<template>
|
|
2
2
|
<PzSelect
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.variant!=="field"?`variant="${e.variant}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(a=>!!a).join(" ")}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as s,e as l,n as o,f as r,g as i,o as u}from"./iframe-
|
|
1
|
+
import{d as s,e as l,n as o,f as r,g as i,o as u}from"./iframe-yhLt8Lok.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=s({name:"PzSkeleton",__name:"PzSkeleton",props:{width:{default:"100%"},height:{default:"16px"},radius:{default:"8px"},animated:{type:Boolean,default:!0}},setup(t){const a=t,n=i(()=>({width:a.width,height:a.height,borderRadius:a.radius}));return(p,m)=>(u(),l("div",{class:r(["pz-skeleton",{"pz-skeleton--static":!t.animated}]),style:o(n.value),"aria-hidden":"true"},null,6))}}),h=d(e,[["__scopeId","data-v-f3a7d77e"]]);e.__docgenInfo=Object.assign({displayName:e.name??e.__name},{name:"PzSkeleton",exportName:"default",displayName:"PzSkeleton",description:"",tags:{},props:[{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"100%"'}},{name:"height",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"16px"'}},{name:"radius",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"8px"'}},{name:"animated",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzSkeleton/PzSkeleton.vue"]});export{h as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as r}from"./PzText-
|
|
1
|
+
import{P as r}from"./PzText-OlPU47Sz.js";import{P as t}from"./PzSkeleton-Bf3tDBUe.js";import"./iframe-yhLt8Lok.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h={title:"Components/Display/PzSkeleton",component:t,parameters:{prototype:{caption:"PzSkeleton",note:"Reusable loading placeholder for lines, blocks, and lightweight preview cards. Used by `PzAccordion` as the default loading surface."},docs:{description:{component:"Use `PzSkeleton` for loading placeholders. Control its dimensions through `width`, `height`, and `radius`, and disable shimmer with `animated=false` when a static placeholder is preferred."}}},args:{width:"240px",height:"24px",radius:"8px",animated:!0},argTypes:{width:{control:"text",description:"Skeleton width."},height:{control:"text",description:"Skeleton height."},radius:{control:"text",description:"Border radius."},animated:{control:"boolean",description:"Enables the shimmer animation."}},render:a=>({components:{pzSkeleton:t,pzText:r},setup(){return{args:a}},template:`
|
|
2
2
|
<div class="pz-skeleton-story">
|
|
3
3
|
<section class="pz-skeleton-story-board">
|
|
4
4
|
<div class="pz-skeleton-story-header">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-status-story{display:grid;gap:var(--pz-space-24)}.pz-status-story-board,.pz-status-story-figma,.pz-status-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) 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-status-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-status-story-eyebrow,.pz-status-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-status-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-status-story-reference{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) minmax(0,1fr);gap:var(--pz-space-24);align-items:start}.pz-status-story-column{display:grid;align-content:start;gap:var(--pz-space-20)}.pz-status-story-column-palette{justify-items:center;padding:var(--pz-space-8);border:1px dashed color-mix(in srgb,var(--pz-color-blue-50) 48%,transparent);border-radius:12px}.pz-status-story-caption{margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status-story-wrap{inline-size:min(100%,232px)}.pz-status-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-status-story-card{display:grid;gap:var(--pz-space-12);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-status-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 1024px){.pz-status-story-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-status-story-column:last-child{grid-column:1/-1}.pz-status-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 768px){.pz-status-story-reference,.pz-status-story-grid{grid-template-columns:1fr}.pz-status-story-column:last-child{grid-column:auto}.pz-status-story-header{flex-direction:column}}
|
|
1
|
+
.pz-status-story{display:grid;gap:var(--pz-space-24)}.pz-status-story-board,.pz-status-story-figma,.pz-status-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) 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-status-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-status-story-eyebrow,.pz-status-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-status-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-status-story-reference{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) minmax(0,1fr);gap:var(--pz-space-24);align-items:start}.pz-status-story-column{display:grid;align-content:start;gap:var(--pz-space-20)}.pz-status-story-column-palette{justify-items:center;padding:var(--pz-space-8);border:1px dashed color-mix(in srgb,var(--pz-color-blue-50) 48%,transparent);border-radius:12px}.pz-status-story-caption{margin:0;color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status-story-wrap{inline-size:min(100%,232px)}.pz-status-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-status-story-card{display:grid;gap:var(--pz-space-12);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-status-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 1024px){.pz-status-story-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-status-story-column:last-child{grid-column:1/-1}.pz-status-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 768px){.pz-status-story-reference,.pz-status-story-grid{grid-template-columns:1fr}.pz-status-story-column:last-child{grid-column:auto}.pz-status-story-header{flex-direction:column}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-status[data-v-7325e2b7]{--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;overflow-wrap:break-word;font-size:var(--pz-status-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-status-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-status-line-height, var(--pz-typography-line-height, 1.5))}.pz-status--inactive[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-inactive)}.pz-status--hidden[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-hidden)}.pz-status--active[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-active)}.pz-status--monitoring[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-monitoring)}.pz-status--disabled[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-disabled)}.pz-status--progress[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-progress)}.pz-status--auction-progress[data-v-7325e2b7]{--pz-status-background: var(--pz-gradient-status-auction-progress)}.pz-status--auction-waiting[data-v-7325e2b7]{--pz-status-background: var(--pz-gradient-status-auction-waiting)}.pz-status--auction-success[data-v-7325e2b7]{--pz-status-background: var(--pz-gradient-status-auction-success)}.pz-status--gradient[data-v-7325e2b7]{--pz-status-color: var(--pz-color-white)}.pz-status__label[data-v-7325e2b7]{min-width:0;white-space:normal;overflow-wrap:anywhere}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as o,y as r,A as p,f as u,z as l,g as i,o as c,q as d,B as m}from"./iframe-yhLt8Lok.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z=["auction-progress","auction-waiting","auction-success"],_={class:"pz-status__label"},s=o({name:"PzStatus",__name:"PzStatus",props:{variant:{default:"progress"},as:{default:"span"},typography:{}},setup(t){const a=t,e=i(()=>[`pz-status--${a.variant}`,a.typography?`pz-typography--${a.typography}`:null,{"pz-status--gradient":z.includes(a.variant)}]);return(n,y)=>(c(),r(l(a.as),{class:u(["pz-status",e.value])},{default:p(()=>[d("span",_,[m(n.$slots,"default",{},void 0,!0)])]),_:3},8,["class"]))}}),P=f(s,[["__scopeId","data-v-7325e2b7"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__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"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzStatus/PzStatus.vue"]});export{P};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{P as l}from"./PzText-
|
|
1
|
+
import{P as l}from"./PzText-OlPU47Sz.js";import{p as c}from"./configs-B15JgQZ-.js";import{P as s}from"./PzStatus-QcYI0uS9.js";import"./iframe-yhLt8Lok.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const p=["inactive","hidden","active","monitoring","disabled","progress","auction-progress","auction-waiting","auction-success"],d=["span","div","li"],v=[{id:"hidden-review",variant:"hidden",label:"Очікує розгляду"},{id:"monitoring-accepted",variant:"monitoring",label:"Прийнято до розгляду"},{id:"inactive-without-review",variant:"inactive",label:"Залишено без розгляду"},{id:"inactive-stopped",variant:"inactive",label:"Розгляд припинено"},{id:"inactive-rejected",variant:"inactive",label:"Відмовлено в задоволенні"},{id:"active-satisfied",variant:"active",label:"Задоволено"},{id:"inactive-withdrawn",variant:"inactive",label:"Відкликано"},{id:"inactive-cancelled",variant:"inactive",label:"Скасовано"},{id:"active-fixed",variant:"active",label:"Порушення усунуто"}],u=[{id:"palette-hidden",variant:"hidden",label:"Текст"},{id:"palette-inactive",variant:"inactive",label:"Текст"},{id:"palette-active",variant:"active",label:"Текст"},{id:"palette-monitoring",variant:"monitoring",label:"Текст"},{id:"palette-disabled",variant:"disabled",label:"Текст"}],m=t=>`<template>
|
|
2
2
|
<PzStatus ${[t.variant!=="progress"?`variant="${t.variant}"`:null,t.as!=="span"?`as="${t.as}"`:null].filter(o=>!!o).join(" ")}>${t.label}</PzStatus>
|
|
3
|
-
</template>`,
|
|
3
|
+
</template>`,g={title:"Components/Display/PzStatus",component:s,parameters:{prototype:{caption:"Status component",note:"Aligned with Figma node 76:1113: compact filled badges with 3px radius, white label text, optional indicator, and multiline support."},docs:{description:{component:"Use `PzStatus` for semantic state labels. The component matches the design-system badge treatment from Figma and keeps semantic color variants, including gradient auction states."},source:{transform:(t,i)=>m(i.args??g.args)}}},args:{variant:"progress",as:"span",typography:void 0,label:"Очікує розгляду"},argTypes:{variant:{control:"select",options:p,description:"Semantic status variant."},as:{control:"select",options:d,description:"HTML tag used for the wrapper."},typography:{control:"select",options:[void 0,...c],description:"Overrides typography using a PzText variant."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}}},render:t=>({components:{pzStatus:s,pzText:l},setup(){return{args:t,statusReferenceItems:v,statusPaletteItems:u}},template:`
|
|
4
4
|
<div class="pz-status-story">
|
|
5
5
|
<section class="pz-status-story-board">
|
|
6
6
|
<div class="pz-status-story-header">
|
|
@@ -16,6 +16,7 @@ import{P as l}from"./PzText-BQZq8EVF.js";import{P as s}from"./PzStatus-B8fDQ3ZX.
|
|
|
16
16
|
:variant="args.variant"
|
|
17
17
|
:as="args.as"
|
|
18
18
|
:show-indicator="args.showIndicator"
|
|
19
|
+
:typography="args.typography"
|
|
19
20
|
>
|
|
20
21
|
{{ args.label }}
|
|
21
22
|
</pz-status>
|
|
@@ -92,4 +93,4 @@ import{P as l}from"./PzText-BQZq8EVF.js";import{P as s}from"./PzStatus-B8fDQ3ZX.
|
|
|
92
93
|
</div>
|
|
93
94
|
</section>
|
|
94
95
|
</div>
|
|
95
|
-
`})},a={};var e,n,r;a.parameters={...a.parameters,docs:{...(e=a.parameters)==null?void 0:e.docs,source:{originalSource:"{}",...(r=(n=a.parameters)==null?void 0:n.docs)==null?void 0:r.source}}};const
|
|
96
|
+
`})},a={};var e,n,r;a.parameters={...a.parameters,docs:{...(e=a.parameters)==null?void 0:e.docs,source:{originalSource:"{}",...(r=(n=a.parameters)==null?void 0:n.docs)==null?void 0:r.source}}};const x=["Playground"];export{a as Playground,x as __namedExportsOrder,g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-table-story{display:grid;gap:var(--pz-space-24)}.pz-table-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-table-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-table-story-copy,.pz-table-story-stack,.pz-table-story-card,.pz-table-story-cell-stack{display:grid;gap:var(--pz-space-12)}.pz-table-story-eyebrow,.pz-table-story-chip,.pz-table-story-card-kicker{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-table-story-eyebrow,.pz-table-story-card-kicker{color:var(--pz-color-text-link-hover)}.pz-table-story-chip{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)}.pz-table-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-table-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-table-story-card{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-table-story-list{display:grid;gap:var(--pz-space-8);margin:0;padding-left:var(--pz-space-20);color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-table-story-muted{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 768px){.pz-table-story-grid{grid-template-columns:1fr}.pz-table-story-header{flex-direction:column}}@media (width <= 640px){.pz-table-story-board,.pz-table-story-preview,.pz-table-story-card{padding:var(--pz-space-20);border-radius:var(--pz-space-20)}}
|
|
1
|
+
.pz-table-story{display:grid;gap:var(--pz-space-24)}.pz-table-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-table-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-table-story-copy,.pz-table-story-stack,.pz-table-story-card,.pz-table-story-cell-stack{display:grid;gap:var(--pz-space-12)}.pz-table-story-eyebrow,.pz-table-story-chip,.pz-table-story-card-kicker{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-table-story-eyebrow,.pz-table-story-card-kicker{color:var(--pz-color-text-link-hover)}.pz-table-story-chip{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)}.pz-table-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-table-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-table-story-card{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-table-story-list{display:grid;gap:var(--pz-space-8);margin:0;padding-left:var(--pz-space-20);color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-table-story-muted{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 768px){.pz-table-story-grid{grid-template-columns:1fr}.pz-table-story-header{flex-direction:column}}@media (width <= 640px){.pz-table-story-board,.pz-table-story-preview,.pz-table-story-card{padding:var(--pz-space-20);border-radius:var(--pz-space-20)}}
|
|
@@ -0,0 +1 @@
|
|
|
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]{overflow-wrap:break-word;font-size:var(--pz-table-data-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-table-data-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-table-data-line-height, var(--pz-typography-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);overflow-wrap:break-word;font-size:var(--pz-table-data-title-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-table-data-title-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-table-data-title-line-height, var(--pz-typography-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;overflow-wrap:break-word;font-size:var(--pz-table-head-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-table-head-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-table-head-line-height, var(--pz-typography-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);overflow-wrap:break-word;font-size:var(--pz-table-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-table-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-table-line-height, var(--pz-typography-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)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as z,o as a,e as t,f as N,q as d,t as _,y as b,v as h,p as y,B as v,F as i,C as E,g as D,E as L,x as p,n as g,H as q,A as F,I as x}from"./iframe-yhLt8Lok.js";import{l as A}from"./lodash-CdDiHlzQ.js";import{P as B}from"./PzInfoHint-m4sypHCu.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=D(()=>A.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",$,[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},[E(_(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:I},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,C)=>(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,k)=>(a(),t("tr",{key:l.id??k,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))},q({_:2},[T(r.key)?{name:"default",fn:F(H=>[v(n.$slots,r.key,x({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,I as a,j as b,w as c};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as T}from"./PzLink-
|
|
1
|
+
import{P as T}from"./PzLink-Q1NpV_QJ.js";import{P}from"./PzTag-DQn6tX-W.js";import{P as l}from"./PzText-OlPU47Sz.js";import{P as a,a as i}from"./PzTable-CmJiR0G9.js";import"./iframe-yhLt8Lok.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzInfoHint-m4sypHCu.js";import"./PzIcon-poIOHVO1.js";import"./PzHint-4Fot3oSD.js";import"./floating-vue-SZH28boQ.js";import"./floating-vue-Xnl0QKgi.js";const S=[{id:"name",name:"Назва",key:"name",colWidth:22},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:30},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"deliveryLocation",name:"Місце поставки",key:"deliveryLocation",colWidth:18},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:16}],k=[{id:"item-1",name:"Швидкозшивач пласт. E31509, 31511",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"100 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"},{id:"item-2",name:"Ручка масляна, 0,7мм, PT-195, Piano",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"150 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"},{id:"item-3",name:"Папка А4 КОШЕНЯ 34,527,51см, верт. 2 ручки",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"30 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"}],w=[{id:"name",name:"Назва",key:"name",colWidth:18},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:24},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"price",name:"Ціна за одиницю",key:"price",colWidth:14},{id:"deliveryLocation",name:"Місце поставки",key:"deliveryLocation",colWidth:18},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:12}],x=k.map(t=>({...t,price:null})),W=[{id:"event",name:"Подія",key:"event",colWidth:18},{id:"type",name:"Тип",key:"type",colWidth:18},{id:"reason",name:"Підстава",key:"reason",colWidth:18},{id:"period",name:"Період, (днів)",key:"period",colWidth:16},{id:"daysType",name:"Тип днів",key:"daysType",colWidth:15},{id:"amount",name:"Розмір, (%)",key:"amount",colWidth:15}],C=[{id:"payment-1",event:"Оплата",type:"Пiсляоплата",reason:"поставка товару",period:10,daysType:"робочі",amount:100},{id:"payment-2",event:"Поставка",type:"Одноразова поставка",reason:"подання заявки",period:10,daysType:"робочі",amount:100}],L=[{id:"supplier",name:"Постачальник",key:"supplier",colWidth:28},{id:"contractId",name:"Договір",key:"contractId",colWidth:20},{id:"amount",name:"Сума",key:"amount",colWidth:18},{id:"status",name:"Статус",key:"statusLabel",colWidth:18},{id:"updatedAt",name:"Оновлено",key:"updatedAt",colWidth:16}],D=[{id:"contract-01",supplier:{name:"ТОВ «Офіс-Постач»",href:"https://prozorro.gov.ua"},contractId:"UA-2026-04-17-000001",amount:128340.5,status:"active",statusLabel:"Активний",updatedAt:"17.04.2026"},{id:"contract-02",supplier:{name:"ФОП Іваненко Ірина",href:"https://prozorro.gov.ua"},contractId:"UA-2026-04-17-000002",amount:68400,status:"hidden",statusLabel:"Очікує підтвердження",updatedAt:"16.04.2026"}],A=`<template>
|
|
2
2
|
<PzTable
|
|
3
3
|
:config="config"
|
|
4
4
|
:data="data"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as T}from"./PzText-
|
|
1
|
+
import{P as T}from"./PzText-OlPU47Sz.js";import{d as q,a5 as f,w as Q,a6 as G,$ as J,W as X,a7 as Y,e as m,B as F,r as Z,o as u,j as K,h as tt,q as _,F as at,x as st,n as et,f as w,a3 as nt,g as rt,t as pt,a8 as P}from"./iframe-yhLt8Lok.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ot=["","light"];var r=(t=>(t.INIT_TAB="init-tab",t.TABS_STATE="tabs-state",t.REMOVE_TAB="remove-tab",t))(r||{});const it={class:"pz-tab"},x=q({name:"PzTab",__name:"PzTab",props:{name:{default:"Tab"},selected:{type:Boolean,default:!1},id:{default:void 0}},setup(t){const a=t,p=K(),i=Z(!1),o=f(r.REMOVE_TAB,void 0),s=f(r.TABS_STATE,void 0),e=f(r.INIT_TAB,void 0),n={get id(){return a.id??`pz-tab-${(p==null?void 0:p.uid)??a.name}`},get name(){return a.name}};return Q(()=>s==null?void 0:s.activeTab,z=>{i.value=a.name===z}),G(()=>{e==null||e(n),i.value=a.selected}),J(()=>o==null?void 0:o(n)),(z,mt)=>X((u(),m("div",it,[F(z.$slots,"default",{},void 0,!0)],512)),[[Y,i.value]])}}),h=M(x,[["__scopeId","data-v-2374460d"]]);x.__docgenInfo=Object.assign({displayName:x.name??x.__name},{name:"PzTab",exportName:"default",displayName:"PzTab",description:"",tags:{},props:[{name:"name",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Tab"'}},{name:"selected",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"id",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzTabs/PzTab.vue"]});const lt={class:"pz-tabs__nav"},zt=["onClick"],bt={class:"pz-tabs__content"},g=q({name:"PzTabs",__name:"PzTabs",props:{skin:{default:""},maxWidth:{default:""}},setup(t){const a=nt({tabs:[],activeTab:""}),p=t,i=rt(()=>p.skin?`pz-tabs--${p.skin}`:"");P(r.TABS_STATE,a),P(r.INIT_TAB,s=>a.tabs.push(s)),P(r.REMOVE_TAB,s=>{a.tabs=a.tabs.filter(e=>e.id!==s.id),o()}),tt(()=>o());const o=()=>{var e;const[{name:s}={name:""}]=a.tabs.filter(({selected:n})=>n);a.activeTab=s||((e=a.tabs[0])==null?void 0:e.name)||""};return(s,e)=>(u(),m("div",{class:w(["pz-tabs",i.value]),style:et({maxWidth:t.maxWidth})},[_("ul",lt,[(u(!0),m(at,null,st(a.tabs,n=>(u(),m("li",{key:n.id,class:w(["pz-tabs__item",{active:a.activeTab===n.name}]),onClick:z=>a.activeTab=n.name||""},pt(n.name),11,zt))),128))]),_("div",bt,[F(s.$slots,"default",{},void 0,!0)])],6))}}),l=M(g,[["__scopeId","data-v-88e033ce"]]);g.__docgenInfo=Object.assign({displayName:g.name??g.__name},{name:"PzTabs",exportName:"default",displayName:"PzTabs",description:"",tags:{},props:[{name:"skin",required:!1,type:{name:"PzTabsSkin"},defaultValue:{func:!1,value:'""'}},{name:"maxWidth",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzTabs/PzTabs.vue"]});const dt=t=>[t.skin?`skin="${t.skin}"`:null,t.maxWidth?`max-width="${t.maxWidth}"`:null].filter(a=>!!a).join(" "),ct=t=>`<template>
|
|
2
2
|
<PzTabs ${dt(t)}>
|
|
3
3
|
<PzTab name="${t.currentEditionLabel}" selected>
|
|
4
4
|
Current content
|
|
@@ -400,7 +400,7 @@ ${[R(),H(),U()].join(`
|
|
|
400
400
|
</div>
|
|
401
401
|
</section>
|
|
402
402
|
</div>
|
|
403
|
-
`})},y={parameters:{docs:{source:{code:vt()}}}};var
|
|
403
|
+
`})},y={parameters:{docs:{source:{code:vt()}}}};var k,S,E;b.parameters={...b.parameters,docs:{...(k=b.parameters)==null?void 0:k.docs,source:{originalSource:"{}",...(E=(S=b.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};var A,B,C;d.parameters={...d.parameters,docs:{...(A=d.parameters)==null?void 0:A.docs,source:{originalSource:`{
|
|
404
404
|
parameters: {
|
|
405
405
|
docs: {
|
|
406
406
|
source: {
|
|
@@ -465,7 +465,7 @@ ${[R(),H(),U()].join(`
|
|
|
465
465
|
</div>
|
|
466
466
|
\`
|
|
467
467
|
})
|
|
468
|
-
}`,...(C=(B=d.parameters)==null?void 0:B.docs)==null?void 0:C.source}}};var
|
|
468
|
+
}`,...(C=(B=d.parameters)==null?void 0:B.docs)==null?void 0:C.source}}};var W,N,$;c.parameters={...c.parameters,docs:{...(W=c.parameters)==null?void 0:W.docs,source:{originalSource:`{
|
|
469
469
|
parameters: {
|
|
470
470
|
docs: {
|
|
471
471
|
source: {
|
|
@@ -518,7 +518,7 @@ ${[R(),H(),U()].join(`
|
|
|
518
518
|
</div>
|
|
519
519
|
\`
|
|
520
520
|
})
|
|
521
|
-
}`,...(
|
|
521
|
+
}`,...($=(N=c.parameters)==null?void 0:N.docs)==null?void 0:$.source}}};var D,I,L;v.parameters={...v.parameters,docs:{...(D=v.parameters)==null?void 0:D.docs,source:{originalSource:`{
|
|
522
522
|
parameters: {
|
|
523
523
|
docs: {
|
|
524
524
|
source: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-tag[data-v-231a6572]{--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;overflow-wrap:break-word;font-size:var(--pz-tag-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-tag-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-tag-line-height, var(--pz-typography-line-height, 1.5))}.pz-tag--grey[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-grey)}.pz-tag--grey-light[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-grey-light)}.pz-tag--blue[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-blue)}.pz-tag--green[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-green)}.pz-tag--red[data-v-231a6572]{--pz-tag-background: var(--pz-color-tag-red)}.pz-tag-prefix[data-v-231a6572],.pz-tag-suffix[data-v-231a6572]{display:inline-flex;align-items:center;justify-content:center}.pz-tag-label[data-v-231a6572]{min-width:0}.pz-tag-prefix[data-v-231a6572] .pz-icon,.pz-tag-suffix[data-v-231a6572] .pz-icon{--pz-icon-size: var(--pz-font-size-12);--pz-icon-color: currentcolor}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as l,y as p,A as i,f,z as u,o as t,e as n,B as o,p as r,q as c}from"./iframe-yhLt8Lok.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d={key:0,class:"pz-tag-prefix"},g={class:"pz-tag-label"},y={key:1,class:"pz-tag-suffix"},s=l({name:"PzTag",__name:"PzTag",props:{variant:{default:"grey"},as:{default:"span"},typography:{}},setup(e){return(a,z)=>(t(),p(u(e.as),{class:f(["pz-tag",[`pz-tag--${e.variant}`,e.typography?`pz-typography--${e.typography}`:null]])},{default:i(()=>[a.$slots.prefix?(t(),n("span",d,[o(a.$slots,"prefix",{},void 0,!0)])):r("",!0),c("span",g,[o(a.$slots,"default",{},void 0,!0)]),a.$slots.suffix?(t(),n("span",y,[o(a.$slots,"suffix",{},void 0,!0)])):r("",!0)]),_:3},8,["class"]))}}),T=m(s,[["__scopeId","data-v-231a6572"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__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"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],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,14 +1,14 @@
|
|
|
1
|
-
import{_ as c}from"./PzIcon-
|
|
1
|
+
import{_ as c}from"./PzIcon-poIOHVO1.js";import{P as g}from"./PzText-OlPU47Sz.js";import{p as d}from"./configs-B15JgQZ-.js";import{P as o}from"./PzTag-DQn6tX-W.js";import"./iframe-yhLt8Lok.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const m=["grey","blue","green","red","grey-light"],f=["span","div","li"],v=[{variant:"grey",label:"Neutral"},{variant:"grey-light",label:"Neutral light"},{variant:"blue",label:"Information"},{variant:"green",label:"Verified"},{variant:"red",label:"Important"}],y=t=>{const e=[t.variant!=="grey"?`variant="${t.variant}"`:null,t.as!=="span"?`as="${t.as}"`:null].filter(l=>!!l).join(" "),n=t.showPrefix?`
|
|
2
2
|
<template #prefix>
|
|
3
3
|
<PzIcon name="sell" size="12" />
|
|
4
|
-
</template>`:"",
|
|
4
|
+
</template>`:"",p=t.showSuffix?`
|
|
5
5
|
<template #suffix>
|
|
6
6
|
<PzIcon name="close" size="12" />
|
|
7
7
|
</template>`:"";return`<template>
|
|
8
|
-
<PzTag ${
|
|
9
|
-
${t.label}${
|
|
8
|
+
<PzTag ${e}>${n}
|
|
9
|
+
${t.label}${p}
|
|
10
10
|
</PzTag>
|
|
11
|
-
</template>`},z={title:"Components/Display/PzTag",component:o,parameters:{prototype:{caption:"Tag component",note:"Figma node access was blocked in this environment, so the tag styling is inferred from the existing tag token set and implemented as a compact slot-based pill."},docs:{description:{component:"Use `PzTag` for compact semantic labels. Variants map directly to the shared tag tokens, and optional prefix or suffix content should be composed through slots."},source:{transform:(t,
|
|
11
|
+
</template>`},z={title:"Components/Display/PzTag",component:o,parameters:{prototype:{caption:"Tag component",note:"Figma node access was blocked in this environment, so the tag styling is inferred from the existing tag token set and implemented as a compact slot-based pill."},docs:{description:{component:"Use `PzTag` for compact semantic labels. Variants map directly to the shared tag tokens, and optional prefix or suffix content should be composed through slots."},source:{transform:(t,e)=>y(e.args??z.args)}}},args:{variant:"blue",as:"span",typography:void 0,label:"Open data",showPrefix:!0,showSuffix:!1},argTypes:{variant:{control:"inline-radio",options:m,description:"Semantic tag color variant."},as:{control:"select",options:f,description:"HTML tag used for the wrapper."},typography:{control:"select",options:[void 0,...d],description:"Overrides typography using a PzText variant."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a composed prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a composed suffix icon slot in the preview.",table:{category:"Slots"}}},render:t=>({components:{pzTag:o,pzText:g,pzIcon:c},setup(){return{args:t,tagReferenceItems:v}},template:`
|
|
12
12
|
<div class="pz-tag-story">
|
|
13
13
|
<section class="pz-tag-story-board">
|
|
14
14
|
<div class="pz-tag-story-header">
|
|
@@ -23,6 +23,7 @@ import{_ as c}from"./PzIcon-DtHaOlhQ.js";import{P as g}from"./PzText-BQZq8EVF.js
|
|
|
23
23
|
<pz-tag
|
|
24
24
|
:variant="args.variant"
|
|
25
25
|
:as="args.as"
|
|
26
|
+
:typography="args.typography"
|
|
26
27
|
>
|
|
27
28
|
<template v-if="args.showPrefix" #prefix>
|
|
28
29
|
<pz-icon
|
|
@@ -67,4 +68,4 @@ import{_ as c}from"./PzIcon-DtHaOlhQ.js";import{P as g}from"./PzText-BQZq8EVF.js
|
|
|
67
68
|
</div>
|
|
68
69
|
</section>
|
|
69
70
|
</div>
|
|
70
|
-
`})},
|
|
71
|
+
`})},a={};var s,r,i;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(i=(r=a.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const S=["Playground"];export{a as Playground,S as __namedExportsOrder,z as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as l,
|
|
1
|
+
import{d as l,y as r,f as d,z as p,g as i,A as u,o as m,B as c}from"./iframe-yhLt8Lok.js";import{_ as h}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=l({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(a){const s={"h1-bold":"h1","h1-regular":"h1","h2-bold":"h2","h3-bold":"h3","h3-regular":"h3","h4-regular":"h4","h4-semibold":"h4","h4-bold":"h4",subtitle:"p","body-regular":"p","body-semibold":"p","body-bold":"p",capitalized:"span",hint:"span","line-through":"span","small-regular":"span","small-semibold":"span","small-bold":"span",link:"a",document:"p"},t=a,o=i(()=>t.as??s[t.variant]??"span");return(n,f)=>(m(),r(p(o.value),{class:d(["pz-text",`pz-text--${a.variant}`])},{default:u(()=>[c(n.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),z=h(e,[["__scopeId","data-v-53049d2c"]]);e.__docgenInfo=Object.assign({displayName:e.name??e.__name},{name:"PzText",exportName:"default",displayName:"PzText",description:"",tags:{},props:[{name:"variant",required:!0,type:{name:"PzTextVariant"}},{name:"as",required:!1,type:{name:"PzTextTag"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzText/PzText.vue"]});export{z as P};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-text[data-v-53049d2c]{margin:0;padding:0}.pz-text--h1-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-44)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h1-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-24)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h1-regular[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-44)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h1-regular[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-24)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h2-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-32)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h2-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-20)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h3-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-24)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h3-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h3-regular[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-24)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h3-regular[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h4-regular[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h4-regular[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-16)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h4-semibold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h4-semibold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-16)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--h4-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-18)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 575.98px){.pz-text--h4-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-16)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}}.pz-text--subtitle[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-16)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--body-regular[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--body-semibold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--body-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--capitalized[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5));text-transform:uppercase;letter-spacing:.05em}.pz-text--hint[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5));color:var(--pz-color-text-secondary)}.pz-text--line-through[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5));text-decoration:line-through}.pz-text--small-regular[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--small-semibold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--small-bold[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 700));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-text--link[data-v-53049d2c]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-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]{overflow-wrap:break-word;font-size:var(--pz-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-line-height, var(--pz-typography-line-height, 1.5))}
|