@prozorro/prozorro-ui 0.0.49-beta → 0.1.1-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-BBvlwXd_.js → Color-FRDS63T2-BG96-DJZ.js} +1 -1
- package/dist/app/assets/{Colors.stories-CqExe0Eg.js → Colors.stories-BUJfCq0F.js} +1 -1
- package/dist/app/assets/{Display.stories-B_ELtFli.js → Display.stories-DukV88nR.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-CtHFNBey.js → DocsRenderer-LL677BLK-C4y5NN99.js} +5 -5
- package/dist/app/assets/{Gap.stories-DHqB1Gzo.js → Gap.stories-BHk-Ol2l.js} +1 -1
- package/dist/app/assets/{Grid.stories-Bd5s0lnz.js → Grid.stories-CQDisJ_6.js} +1 -1
- package/dist/app/assets/{PzAccordion-DPYeTSTx.js → PzAccordion-BtH7qEhf.js} +1 -1
- package/dist/app/assets/{PzAccordion.stories-B12bqCjY.js → PzAccordion.stories-DZlJGx8T.js} +1 -1
- package/dist/app/assets/PzAccordionTable.stories-xqSFLniH.js +275 -0
- package/dist/app/assets/{PzArrayClamp-BzUXHyXV.css → PzArrayClamp-6pCo87AW.css} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-CkWH5SVG.js → PzArrayClamp.stories-DXK-Kahc.js} +7 -7
- package/dist/app/assets/{PzBreadcrumb-CubvofiN.css → PzBreadcrumb-5IRljnPN.css} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-CtD6up_i.js → PzBreadcrumb.stories-BBDM0J5a.js} +7 -7
- package/dist/app/assets/{PzBtn-4Ic63qoa.js → PzBtn-RhVm0XR6.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-9GiM5tRU.js → PzBtn.stories-CjaBG1jj.js} +1 -1
- package/dist/app/assets/{PzCheckbox-C4DE1uRM.js → PzCheckbox-BYBOSqhH.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-BLWvV8xI.js → PzCheckbox.stories-TT6uloX5.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-D8_QVsyP.js → PzCheckboxGroup.stories-DKfEQenv.js} +3 -3
- package/dist/app/assets/PzCopyToClipboard-B2LO9HwW.css +1 -0
- package/dist/app/assets/PzCopyToClipboard-BmBNl8jx.js +1 -0
- package/dist/app/assets/{PzCopyToClipboard-DofnjMUH.css → PzCopyToClipboard-DL0w8b6k.css} +1 -1
- package/dist/app/assets/PzCopyToClipboard.stories-CWR4qwW4.js +45 -0
- package/dist/app/assets/{PzDate-D8tzRND3.js → PzDate-DpYG_y-b.js} +1 -1
- package/dist/app/assets/{PzDate.stories-lqd44yo7.js → PzDate.stories-I1vZQ4Ht.js} +1 -1
- package/dist/app/assets/PzDateRange.stories-DgKGDtMF.js +9 -0
- package/dist/app/assets/{PzDomHandler.stories-GHiSsUor.js → PzDomHandler.stories-MCrT-_u2.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-BH5tPVEp.js → PzDropdown.stories-BfbCG2Kk.js} +3 -3
- package/dist/app/assets/{PzFileInput-Gac6BDfH.css → PzFileInput-rnctoVro.css} +1 -1
- package/dist/app/assets/{PzFileInput.stories-CzAGLKi4.js → PzFileInput.stories-GvZXauvV.js} +4 -4
- package/dist/app/assets/{PzGrid.stories-CVFVE2qE.js → PzGrid.stories-C8kuXsdE.js} +1 -1
- package/dist/app/assets/{PzHint-CQxzrx7W.js → PzHint-DpQsMhxE.js} +1 -1
- package/dist/app/assets/{PzHint.stories-Bco8K9kW.js → PzHint.stories-ELjm8IAt.js} +1 -1
- package/dist/app/assets/{PzIcon-B_6ioWC2.js → PzIcon-D4_lxTps.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-Dza4uME5.js → PzIcon.stories-CedImnMY.js} +1 -1
- package/dist/app/assets/{PzImage.stories-BV7htOdb.js → PzImage.stories-Dw7noZBK.js} +1 -1
- package/dist/app/assets/{PzImageInput-Xn8tHgIu.css → PzImageInput-DbgEYyxQ.css} +1 -1
- package/dist/app/assets/{PzImageInput.stories-BZXGD1jz.js → PzImageInput.stories-DBGAxE-v.js} +4 -4
- package/dist/app/assets/{PzInfoBlockLayout.stories-C5sQl527.js → PzInfoBlockLayout.stories-DkuOtjy6.js} +2 -2
- package/dist/app/assets/PzInfoHint-CJq5yECH.css +1 -0
- package/dist/app/assets/PzInfoHint-PTkRffPo.js +1 -0
- package/dist/app/assets/{PzInfoHint.stories-BZPt1yEo.js → PzInfoHint.stories-Cr7tMN8G.js} +3 -3
- package/dist/app/assets/{PzInput.stories-WsOwXkiu.js → PzInput.stories-I-SQFVMv.js} +3 -3
- package/dist/app/assets/{PzInputDate.stories-CcDVplAk.js → PzInputDate.stories-zIFd51Yu.js} +2 -2
- package/dist/app/assets/{PzInputNumber.stories-BpfsWEjD.js → PzInputNumber.stories-DivZdKq1.js} +3 -3
- package/dist/app/assets/PzKeyValue-5BTqy1NI.js +1 -0
- package/dist/app/assets/{PzKeyValue.stories-CgBAA1fl.js → PzKeyValue.stories-CUQdoKGl.js} +2 -2
- package/dist/app/assets/{PzLabel-DlbxNhfc.js → PzLabel-B2LuANrN.js} +1 -1
- package/dist/app/assets/{PzLabel.stories-CBleHh7O.js → PzLabel.stories-DNAKGeTR.js} +1 -1
- package/dist/app/assets/{PzLink-Dzi-ROj9.js → PzLink-C3Otqk5o.js} +1 -1
- package/dist/app/assets/{PzLink.stories-CTdgSVAi.js → PzLink.stories-BUnBExjS.js} +1 -1
- package/dist/app/assets/{PzListNav-CkvNhg6e.js → PzListNav-BxIE7-Hn.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-CNlNDqxT.js → PzListNav.stories-Dhd0jSBT.js} +2 -2
- package/dist/app/assets/PzLoader-CwFuPxgP.css +1 -0
- package/dist/app/assets/PzLoader.stories-D9jfD9g0.js +9 -0
- package/dist/app/assets/PzMessages-BWcCsZul.js +1 -0
- package/dist/app/assets/PzMessages.stories--tDjo6VW.js +15 -0
- package/dist/app/assets/{PzModal-B3kz8q_l.css → PzModal-CrAwJgjU.css} +1 -1
- package/dist/app/assets/{PzModal.stories-CNxBEDUv.js → PzModal.stories-CXWNTolF.js} +8 -8
- package/dist/app/assets/{PzMultiSelect-Cfb6evRy.css → PzMultiSelect-BEXt5IOi.css} +1 -1
- package/dist/app/assets/{PzMultiSelect.stories-lmFEB50x.js → PzMultiSelect.stories-Dc6uG-WB.js} +13 -13
- package/dist/app/assets/{PzNav.stories-DWuQ9MLC.js → PzNav.stories-CSuhoZoz.js} +4 -4
- package/dist/app/assets/{PzNumberFormat.stories-BneO7N0U.js → PzNumberFormat.stories-C7O3mJpP.js} +1 -1
- package/dist/app/assets/{PzPagination-DrdBvKcE.css → PzPagination-B1-6uy7o.css} +1 -1
- package/dist/app/assets/PzPagination-DfM93edp.js +1 -0
- package/dist/app/assets/{PzPagination.stories-B26RtLJb.js → PzPagination.stories-DX0bWn7u.js} +2 -2
- package/dist/app/assets/{PzPaginationProvider.stories-Cfapxu7R.js → PzPaginationProvider.stories-DeEvy6qH.js} +2 -2
- package/dist/app/assets/PzPrice-D21a-rTg.css +1 -0
- package/dist/app/assets/PzPrice-DdEsI8LM.js +5 -0
- package/dist/app/assets/PzPrice.stories-B0gx2YpA.js +74 -0
- package/dist/app/assets/PzPriceFormat-CfJFOj05.js +1 -0
- package/dist/app/assets/{PzPriceFormat.stories-CujOWJXG.js → PzPriceFormat.stories-CTbAU4wB.js} +41 -3
- package/dist/app/assets/PzPriceRange-CednWgXe.css +1 -0
- package/dist/app/assets/PzPriceRange.stories-BvxNeFNF.js +11 -0
- package/dist/app/assets/{PzRadioGroup.stories-CM9aeMNb.js → PzRadioGroup.stories-CC40GStm.js} +2 -2
- package/dist/app/assets/{PzRouterLink.stories-B4tk9TDD.js → PzRouterLink.stories-DcZnSxDF.js} +3 -3
- package/dist/app/assets/{PzScrollTo.stories-EGn60cB8.js → PzScrollTo.stories-CM70NO7L.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-DSLFR8A2.js → PzSearchResultItemLayout.stories-CjjhRVGK.js} +1 -1
- package/dist/app/assets/PzSelect-Cuk-qBTf.js +1 -0
- package/dist/app/assets/{PzSelect.stories-cx0nBxJ1.js → PzSelect.stories-C8923TJa.js} +1 -1
- package/dist/app/assets/{PzSkeleton-CEd_reRo.js → PzSkeleton-P3d3NZ-l.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-BA_fPAM-.js → PzSkeleton.stories-CGtvbk2X.js} +1 -1
- package/dist/app/assets/{PzStatus-BuYfoGtG.js → PzStatus-DfNkcF4D.js} +1 -1
- package/dist/app/assets/{PzStatus.stories-86r28pQH.js → PzStatus.stories-DPUadYuU.js} +1 -1
- package/dist/app/assets/{PzTable-C59sd8hh.css → PzTable-DCIfmtm8.css} +1 -1
- package/dist/app/assets/PzTable-DRaBDXzA.js +1 -0
- package/dist/app/assets/{PzTable.stories-CsqO6tOq.js → PzTable.stories-8FLR6FPa.js} +3 -3
- package/dist/app/assets/PzTablePaginationProvider.stories-BRdru-2R.js +32 -0
- package/dist/app/assets/{PzTabs.stories-C5OeBLt5.js → PzTabs.stories-DQpbKGcQ.js} +2 -2
- package/dist/app/assets/{PzTag-Cr2V1Vb0.js → PzTag-Cayn89dF.js} +1 -1
- package/dist/app/assets/{PzTag.stories-BtaypPrC.js → PzTag.stories-BJOxhd0Z.js} +1 -1
- package/dist/app/assets/{PzText-CrmV62GY.js → PzText-CP5W9tam.js} +1 -1
- package/dist/app/assets/{PzText.stories-CgGIM7VU.js → PzText.stories-BeUS4iC8.js} +1 -1
- package/dist/app/assets/{PzTextClamp-D9MjEcfh.css → PzTextClamp-DpdwWXt9.css} +1 -1
- package/dist/app/assets/PzTextClamp.stories-CtzUTguv.js +150 -0
- package/dist/app/assets/{PzTextarea.stories-jHnu11u0.js → PzTextarea.stories-F7jGRB06.js} +5 -5
- package/dist/app/assets/{PzValidatorXSS.stories-CXbXUXfA.js → PzValidatorXSS.stories-CqWgRHxB.js} +1 -1
- package/dist/app/assets/{Spacing.stories-Wa_tk7cQ.js → Spacing.stories-CqOT6t_a.js} +1 -1
- package/dist/app/assets/{StaticPagination.composable-5i4pXiOY.js → StaticPagination.composable-BhjuC6Mv.js} +1 -1
- package/dist/app/assets/{Typography.stories-BXBg_t5X.js → Typography.stories-CDxoix4n.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-BeFJn0hR.js → WithTooltip-65CFNBJE-CBN9wcq7.js} +1 -1
- package/dist/app/assets/configs-D5Kdbqb7.js +1 -0
- package/dist/app/assets/{floating-vue-DT48FQLc.js → floating-vue-4XGZ4w-K.js} +1 -1
- package/dist/app/assets/{floating-vue-DHrgMC_A.js → floating-vue-blD-IJRj.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-BX2gyeen.js → formatter-EIJCOSYU-BHsE51Q_.js} +1 -1
- package/dist/app/assets/{iframe-oB_WZPFz.js → iframe-DEPZ_ttz.js} +87 -87
- package/dist/app/assets/{index-BqCjolC0.js → index-BCFvZ4ox.js} +1 -1
- package/dist/app/assets/isArray-uCF_2ZQ0.js +1 -0
- package/dist/app/assets/isObjectLike-zXfibqpL.js +1 -0
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-CasHN6QM.js → syntaxhighlighter-OH4MV7E3-CV0nJNjX.js} +1 -1
- package/dist/app/iframe.html +1 -1
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue.d.ts +0 -2
- package/dist/components/Display/PzLoader/PzLoader.vue.d.ts +0 -1
- package/dist/components/Display/PzPrice/PzPrice.vue.d.ts +14 -0
- package/dist/components/Display/PzPrice/constants.d.ts +2 -0
- package/dist/components/Display/PzPrice/index.d.ts +2 -0
- package/dist/components/Display/PzPrice/types.d.ts +26 -0
- package/dist/components/Display/PzPriceRange/PzPriceRange.vue.d.ts +3 -0
- package/dist/components/Display/PzPriceRange/index.d.ts +2 -0
- package/dist/components/Display/PzPriceRange/types.d.ts +12 -0
- package/dist/components/Form/PzFileInput/PzFileInput.vue.d.ts +0 -1
- package/dist/components/Form/PzImageInput/PzImageInput.vue.d.ts +0 -1
- package/dist/components/Form/PzMultiSelect/PzMultiSelect.vue.d.ts +0 -1
- package/dist/components/Form/shared/configs.d.ts +0 -15
- package/dist/components/Navigation/PzBreadcrumb/PzBreadcrumb.vue.d.ts +3 -3
- package/dist/components/Popups/PzModal/PzModal.vue.d.ts +0 -1
- package/dist/components/Popups/PzModal/constants.d.ts +0 -1
- package/dist/components/Text/PzArrayClamp/PzArrayClamp.vue.d.ts +0 -2
- package/dist/components/Text/PzTextClamp/PzTextClamp.vue.d.ts +0 -2
- package/dist/index.d.ts +3 -0
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +15 -15
- package/dist/prozorro-ui.js +4900 -4624
- package/dist/services/PzMessages/PzMessages.d.ts +21 -0
- package/dist/services/PzMessages/constants.d.ts +11 -0
- package/dist/services/PzMessages/index.d.ts +2 -0
- package/dist/services/PzMessages/types.d.ts +105 -0
- package/dist/shared/constants.d.ts +4 -0
- package/dist/style.css +1 -1
- package/dist/utils/PzPriceFormat/PzPriceFormat.d.ts +5 -0
- package/package.json +1 -1
- package/dist/app/assets/PzAccordionTable.stories-CU14gRGK.js +0 -275
- package/dist/app/assets/PzCopyToClipboard.stories-DRXkRQQV.js +0 -45
- package/dist/app/assets/PzDateRange.stories-Da6HGWod.js +0 -9
- package/dist/app/assets/PzInfoHint-CWG8xkDj.css +0 -1
- package/dist/app/assets/PzInfoHint-ot_Wzz_B.js +0 -1
- package/dist/app/assets/PzKeyValue-DlQ3dpI1.js +0 -1
- package/dist/app/assets/PzLoader-J7_Govh3.css +0 -1
- package/dist/app/assets/PzLoader.stories-B6k9bDAd.js +0 -9
- package/dist/app/assets/PzPagination-B7kp9Qp5.js +0 -1
- package/dist/app/assets/PzSelect-CGBl0qsk.js +0 -1
- package/dist/app/assets/PzTable-C46LcP8F.js +0 -1
- package/dist/app/assets/PzTablePaginationProvider.stories-DczbZj4y.js +0 -32
- package/dist/app/assets/PzTextClamp.stories-E_qJ4i3V.js +0 -150
- package/dist/app/assets/configs-CZIaFchr.js +0 -1
- package/dist/app/assets/isArray-DPUC7i9_.js +0 -1
- package/dist/components/Navigation/PzBreadcrumb/constants.d.ts +0 -4
package/dist/app/assets/{PzRouterLink.stories-B4tk9TDD.js → PzRouterLink.stories-DcZnSxDF.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as v,
|
|
1
|
+
import{e as v,J as y,v as b,y as l,C as s,R as k,o as z,E as x,K as P,z as p,L as w,c as R,M as _}from"./iframe-DEPZ_ttz.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-D4_lxTps.js";import{P as T}from"./PzText-CP5W9tam.js";import{p as $}from"./configs-B15JgQZ-.js";import{P as A}from"./PzLink-C3Otqk5o.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:h})=>[x(s(A),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:g=>r(g,h)}),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
2
|
<PzIcon name="arrow_back" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -7,7 +7,7 @@ import{e as v,H as y,u as b,x as l,C as s,R as k,o as z,z as x,I as P,y as p,J a
|
|
|
7
7
|
${r.join(`
|
|
8
8
|
`)}
|
|
9
9
|
</PzRouterLink>
|
|
10
|
-
</template>`},
|
|
10
|
+
</template>`},O={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??O.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,...$],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
11
|
<div class="pz-link-story">
|
|
12
12
|
<section class="pz-link-story-board">
|
|
13
13
|
<div class="pz-link-story-header">
|
|
@@ -52,4 +52,4 @@ ${r.join(`
|
|
|
52
52
|
</div>
|
|
53
53
|
</section>
|
|
54
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,
|
|
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,O as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as i,w as n,
|
|
1
|
+
import{r as i,w as n,A as h}from"./iframe-DEPZ_ttz.js";import{P as v}from"./PzText-CP5W9tam.js";import{P as a}from"./PzScrollTo-KuzwcV-o.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const T=["auto","instant","smooth"],d=24,y="100vh",z=o=>{const t=[o.behavior!=="smooth"?`behavior: "${o.behavior}"`:null,o.offsetTop!==d?`offsetTop: ${o.offsetTop}`:null].filter(l=>!!l).join(", ");return`<script setup lang="ts">
|
|
2
2
|
import { PzScrollTo } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const scrollToTenderDocuments = (): void => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as d}from"./PzText-
|
|
1
|
+
import{P as d}from"./PzText-CP5W9tam.js";import{e as m,v as y,y as h,n as z,x as f,c as v,o as g,u as s,z as i}from"./iframe-DEPZ_ttz.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const x={class:"pz-search-result-item-layout-surface"},S={class:"pz-search-result-item-layout-grid"},L={class:"pz-search-result-item-layout-main"},_={class:"pz-search-result-item-layout-aside"},r=m({name:"PzSearchResultItemLayout",__name:"PzSearchResultItemLayout",props:{as:{default:"li"},desktopColumns:{default:"minmax(0, 1fr) minmax(240px, 292px)"}},setup(e){const t=e,o=v(()=>({"--pz-search-result-item-layout-columns-lg":t.desktopColumns}));return(l,C)=>(g(),y(f(t.as),{class:"pz-search-result-item-layout",style:z(o.value)},{default:h(()=>[s("div",x,[s("div",S,[s("div",L,[i(l.$slots,"first-col",{},void 0,!0)]),s("div",_,[i(l.$slots,"second-col",{},void 0,!0)])])])]),_:3},8,["style"]))}}),c=b(r,[["__scopeId","data-v-53ce1156"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzSearchResultItemLayout",exportName:"default",displayName:"PzSearchResultItemLayout",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzSearchResultItemLayoutTag"},defaultValue:{func:!1,value:'"li"'}},{name:"desktopColumns",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"minmax(0, 1fr) minmax(240px, 292px)"'}}],slots:[{name:"first-col"},{name:"second-col"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzSearchResultItemLayout/PzSearchResultItemLayout.vue"]});const I=["li","article","div"],P=[{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"}]}]}],k=e=>`<template>
|
|
2
2
|
<PzSearchResultItemLayout ${[e.as&&e.as!=="li"?`as="${e.as}"`:null,e.desktopColumns&&e.desktopColumns!=="minmax(0, 1fr) minmax(240px, 292px)"?`desktop-columns="${e.desktopColumns}"`:null].filter(o=>!!o).join(" ")}>
|
|
3
3
|
<template #first-col>
|
|
4
4
|
<a href="#">Result title</a>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as O,f as m,E as f,y as p,C as d,n as S,g as b,c as s,o as g,u as v,F as $,G as D,z as V,D as P,t as _,r as L,L as I}from"./iframe-DEPZ_ttz.js";import{u as T}from"./index-BCFvZ4ox.js";import{k as W}from"./floating-vue-4XGZ4w-K.js";import{l as q}from"./lodash-CdDiHlzQ.js";import{_ as A}from"./PzIcon-D4_lxTps.js";import{P as R}from"./PzLabel-B2LuANrN.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";const G=6,M=["id"],Z=["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,E=x,y=L(null),{width:N}=T(y),i=s(()=>a.options.find(e=>q.isEqual(e.value,a.modelValue))),u=s(()=>a.variant==="field"),k=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}),w=s(()=>{const e=Math.round(N.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)}`,B=e=>({option:e,selected:c(e.value),disabled:!!e.disabled}),F=(e,r)=>{E("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(W),{class:"pz-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+l.name,distance:d(G),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(_(k.value),1)],!0)]),f(d(A),{name:"expand_more",size:"20",class:"pz-select-trigger-icon"})],10,Z)]),popper:p(({hide:n})=>[v("div",{id:l.name+"-menu",class:"pz-select-menu",style:S(w.value),role:"listbox","aria-labelledby":l.name+"-trigger"},[(g(!0),m($,null,D(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",I({ref_for:!0},B(t)),()=>[P(_(t.label),1)],!0)],10,K))),128))],12,J)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],14,M))}}),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};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,w as S}from"./iframe-
|
|
1
|
+
import{r as t,w as S}from"./iframe-DEPZ_ttz.js";import{_ as h}from"./PzIcon-D4_lxTps.js";import{P as b}from"./PzText-CP5W9tam.js";import{P as n}from"./PzSelect-Cuk-qBTf.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./index-BCFvZ4ox.js";import"./floating-vue-4XGZ4w-K.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzLabel-B2LuANrN.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{e as s,f as l,n as o,g as r,c as i,o as u}from"./iframe-
|
|
1
|
+
import{e as s,f as l,n as o,g as r,c as i,o as u}from"./iframe-DEPZ_ttz.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,c)=>(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-CP5W9tam.js";import{P as t}from"./PzSkeleton-P3d3NZ-l.js";import"./iframe-DEPZ_ttz.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
|
-
import{e as o,
|
|
1
|
+
import{e as o,v as r,y as u,g as p,x as l,c,o as i,u as d,z as m}from"./iframe-DEPZ_ttz.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(e){const a=e,t=c(()=>[`pz-status--${a.variant}`,a.typography?`pz-typography--${a.typography}`:null,{"pz-status--gradient":z.includes(a.variant)}]);return(n,y)=>(i(),r(l(a.as),{class:p(["pz-status",t.value])},{default:u(()=>[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,4 +1,4 @@
|
|
|
1
|
-
import{P as l}from"./PzText-
|
|
1
|
+
import{P as l}from"./PzText-CP5W9tam.js";import{p as c}from"./configs-B15JgQZ-.js";import{P as s}from"./PzStatus-DfNkcF4D.js";import"./iframe-DEPZ_ttz.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
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">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-table-data[data-v-e0a86207]{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-e0a86207]:first-child{padding-left:0}.pz-table-data[data-v-e0a86207]:last-child{padding-right:0}@media (max-width: 1023.98px){.pz-table-data[data-v-e0a86207]{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-e0a86207]{-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-e0a86207]{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-8);margin:0;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-e0a86207]{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;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-
|
|
1
|
+
.pz-table-data[data-v-e0a86207]{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-e0a86207]:first-child{padding-left:0}.pz-table-data[data-v-e0a86207]:last-child{padding-right:0}@media (max-width: 1023.98px){.pz-table-data[data-v-e0a86207]{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-e0a86207]{-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-e0a86207]{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-8);margin:0;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-e0a86207]{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;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-ac7bfb59]{width:100%;overflow-x:auto}.pz-table[data-v-ac7bfb59]{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-ac7bfb59]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.pz-table--no-head>tbody>.pz-table__row[data-v-ac7bfb59]:first-child{border-top:1px solid var(--pz-color-stroke-grey)}.pz-table__row[data-v-ac7bfb59]{border-bottom:1px solid var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-table__row[data-v-ac7bfb59]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pz-space-8);padding-block:var(--pz-space-16)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as h,o as a,f as l,g as B,u as r,t as T,v as y,C as H,q as v,z as V,F as m,D as F,c as P,I as S,G as _,n as k,K as $,y as w,L as W}from"./iframe-DEPZ_ttz.js";import{a as L}from"./PzMessages-BWcCsZul.js";import{l as j}from"./lodash-CdDiHlzQ.js";import{P as D}from"./PzInfoHint-PTkRffPo.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";const E={class:"pz-table-data__title"},R=["innerHTML"],f=h({name:"PzTableData",__name:"PzTableData",props:{column:{},data:{default:void 0},defaultValue:{},isBold:{type:Boolean,default:!1}},setup(e){const o=e,u=P(()=>o.data??{}),s=P(()=>j.get(o.data,o.column.key)||o.defaultValue);return(i,N)=>{var c;return a(),l("td",{class:B(["pz-table-data",{"pz-table-data--bold":e.isBold}])},[r("p",E,[r("span",null,T(e.column.mobileName||e.column.name),1),(c=e.column.infoContent)!=null&&c.length?(a(),y(H(D),{key:0,"info-content":e.column.infoContent},null,8,["info-content"])):v("",!0)]),V(i.$slots,"default",{data:u.value,column:e.column,value:s.value},()=>[e.column.isContentHtml?(a(),l("span",{key:0,innerHTML:String(s.value)},null,8,R)):(a(),l(m,{key:1},[F(T(s.value),1)],64))],!0)],2)}}}),K=C(f,[["__scopeId","data-v-e0a86207"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzTableData",exportName:"default",displayName:"PzTableData",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn",elements:[{name:"TKey"}]}},{name:"data",required:!1,type:{name:"TRow"},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 M={class:"pz-table-head",scope:"col"},b=h({name:"PzTableHead",__name:"PzTableHead",props:{column:{}},setup(e){return(o,u)=>{var s;return a(),l("th",M,[r("span",null,T(e.column.name),1),(s=e.column.infoContent)!=null&&s.length?(a(),y(H(D),{key:0,"info-content":e.column.infoContent,class:"pz-table-head__hint"},null,8,["info-content"])):v("",!0)])}}}),A=C(b,[["__scopeId","data-v-c4688b62"]]);b.__docgenInfo=Object.assign({displayName:b.name??b.__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 O={class:"pz-table-wrap"},G={key:0,class:"pz-table__head"},U={class:"pz-table__row pz-table__row--head"},J=100,p=h({name:"PzTable",__name:"PzTable",props:{config:{},data:{},defaultValue:{},visibleHeader:{type:Boolean,default:!0},isBoldFirstColumn:{type:Boolean,default:!0}},setup(e){const o=S(),u=e,s=P(()=>u.defaultValue??L("data.pzTable.defaultValue")),i=({colWidth:n})=>({width:u.config.some(({colWidth:t})=>!!t)?`${n}%`:`${Math.floor(J/u.config.length)}%`}),N=n=>!!o[n],c=n=>n,q=(n,z)=>{const{id:t}=n,g=typeof t=="string"||typeof t=="number";return"id"in n&&g?t:z};return(n,z)=>(a(),l("div",O,[r("table",{class:B(["pz-table",{"pz-table--no-head":!e.visibleHeader}])},[e.visibleHeader?(a(),l("thead",G,[r("tr",U,[(a(!0),l(m,null,_(e.config,t=>(a(),y(A,{key:t.id,column:t,style:k(i(t))},null,8,["column","style"]))),128))])])):v("",!0),r("tbody",null,[(a(!0),l(m,null,_(e.data,(t,g)=>(a(),l("tr",{key:q(t,g),class:"pz-table__row"},[(a(!0),l(m,null,_(e.config,(d,I)=>(a(),y(K,{key:d.id,column:d,data:t,"default-value":s.value,"is-bold":e.isBoldFirstColumn&&I===0,style:k(i(d))},$({_:2},[N(d.key)?{name:"default",fn:w(x=>[V(n.$slots,c(d.key),W({ref_for:!0},x),void 0,!0)]),key:"0"}:void 0]),1032,["column","data","default-value","is-bold","style"]))),128))]))),128))])],2)]))}}),ae=C(p,[["__scopeId","data-v-ac7bfb59"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzTable",exportName:"default",displayName:"PzTable",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn",elements:[{name:"TKey"}]}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"TRow"}]}},{name:"defaultValue",required:!1,type:{name:"string"}},{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:"getSlotName(column.key)",scoped:!0,bindings:[{name:"name",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTable.vue"]});export{ae as P,A as a,K as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P}from"./PzLink-
|
|
1
|
+
import{P}from"./PzLink-C3Otqk5o.js";import{P as S}from"./PzTag-Cayn89dF.js";import{P as r}from"./PzText-CP5W9tam.js";import{P as k}from"./PzTable-DRaBDXzA.js";import"./iframe-DEPZ_ttz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzMessages-BWcCsZul.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzInfoHint-PTkRffPo.js";import"./PzIcon-D4_lxTps.js";import"./PzHint-DpQsMhxE.js";import"./floating-vue-4XGZ4w-K.js";import"./floating-vue-blD-IJRj.js";const i="—",l=k,w=k,C=[{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}],T=[{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"}],x=[{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}],W=T.map(t=>({...t,price:null})),L=[{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}],D=[{id:"payment-1",event:"Оплата",type:"Пiсляоплата",reason:"поставка товару",period:10,daysType:"робочі",amount:100},{id:"payment-2",event:"Поставка",type:"Одноразова поставка",reason:"подання заявки",period:10,daysType:"робочі",amount:100}],A=[{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}],U=[{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"}],E=`<template>
|
|
2
2
|
<PzTable
|
|
3
3
|
:config="config"
|
|
4
4
|
:data="data"
|
|
@@ -47,7 +47,7 @@ const data: PzTableRow[] = [
|
|
|
47
47
|
</PzTag>
|
|
48
48
|
</template>
|
|
49
49
|
</PzTable>
|
|
50
|
-
</template>`,
|
|
50
|
+
</template>`,ee={title:"Components/Data/PzTable",component:w,parameters:{prototype:{caption:"PzTable",note:"Three-part table structure based on the original prototype, refined only where needed for tokens, docs, and Storybook examples."},docs:{description:{component:"Use `PzTable` for procurement-style tabular data. Configure columns through `config`, provide rows through `data`, and override cell rendering with named slots that match `column.key`."}}},args:{config:C,data:T,defaultValue:i,visibleHeader:!0,isBoldFirstColumn:!0},argTypes:{config:{control:!1,description:"Column configuration array. Use `name`, `key`, and optional `colWidth`, `mobileName`, `infoContent`, `slot`, and `isContentHtml`."},data:{control:!1,description:"Table rows resolved by `column.key`."},defaultValue:{control:"text",description:"Fallback content for empty cells."},visibleHeader:{control:"boolean",description:"Shows or hides the desktop header row."},isBoldFirstColumn:{control:"boolean",description:"Makes the first column semibold."}}},a={parameters:{docs:{source:{code:E}}},render:t=>({components:{pzTable:l,pzText:r},setup(){return{args:t}},template:`
|
|
51
51
|
<div class="pz-table-story">
|
|
52
52
|
<section class="pz-table-story-board">
|
|
53
53
|
<div class="pz-table-story-header">
|
|
@@ -350,4 +350,4 @@ const data: PzTableRow[] = [
|
|
|
350
350
|
</div>
|
|
351
351
|
\`
|
|
352
352
|
})
|
|
353
|
-
}`,...(f=(h=s.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};const
|
|
353
|
+
}`,...(f=(h=s.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};const te=["Playground","ProcurementWithPrice","PaymentSchedule","CustomSlots"];export{s as CustomSlots,o as PaymentSchedule,a as Playground,n as ProcurementWithPrice,te as __namedExportsOrder,ee as default};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import{P}from"./PzTable-DRaBDXzA.js";import{P as u}from"./PzText-CP5W9tam.js";import{e as b,f as v,z,C as t,v as T,q as f,o as r}from"./iframe-DEPZ_ttz.js";import{I as y,P as _}from"./PzListNav-BxIE7-Hn.js";import{u as h}from"./StaticPagination.composable-BhjuC6Mv.js";import"./PzMessages-BWcCsZul.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzInfoHint-PTkRffPo.js";import"./PzIcon-D4_lxTps.js";import"./PzHint-DpQsMhxE.js";import"./floating-vue-4XGZ4w-K.js";import"./floating-vue-blD-IJRj.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./PzSelect-Cuk-qBTf.js";import"./index-BCFvZ4ox.js";import"./PzLabel-B2LuANrN.js";import"./PzPagination-DfM93edp.js";const n=b({name:"PzTablePaginationProvider",__name:"PzTablePaginationProvider",props:{perPage:{default:y.FIVE},data:{}},setup(e){const a=e,{perPage:l,pageChanged:d,getItems:m,isPaginationAvailable:g}=h(a);return(c,k)=>(r(),v("div",null,[z(c.$slots,"default",{items:t(m)}),t(g)?(r(),T(t(_),{key:0,total:e.data.length,"per-page":t(l),class:"pz-mt-32",onOnInput:t(d)},null,8,["total","per-page","onOnInput"])):f("",!0)]))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzTablePaginationProvider",exportName:"default",displayName:"PzTablePaginationProvider",description:"",tags:{},props:[{name:"perPage",defaultValue:{func:!1,value:"ITEMS_PER_PAGE.FIVE"}}],slots:[{name:"default",scoped:!0,bindings:[{name:"items",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzTablePaginationProvider/PzTablePaginationProvider.vue"]});const S=n,C=n,x=P,E=[{id:"name",name:"Назва",key:"name",colWidth:40},{id:"quantity",name:"Кількість",key:"quantity",colWidth:30},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:30}],I=12,N=10,w=Array.from({length:I},(e,a)=>({id:`item-${a+1}`,name:`Товар №${a+1}`,quantity:`${(a+1)*N} штука`,deliveryDate:"до 30 грудня 2026"})),J={title:"Components/Navigation/PzTablePaginationProvider",component:C,parameters:{docs:{description:{component:"Generic static-pagination wrapper for tabular data. Slices `data` into pages, exposes the current page array through the default `items` slot prop, and renders `PzListNav` when the data exceeds `perPage`. Here it is typed as `PzTableRow` and feeds a `PzTable`."}}},args:{data:w,perPage:5},argTypes:{data:{control:!1,description:"Full row array; the provider paginates it internally."},perPage:{control:{type:"number",min:1},description:"Rows per page."}}},o={render:e=>({components:{pzTablePaginationProvider:S,pzTable:x,pzText:u},setup(){return{args:e,config:E}},template:`
|
|
2
|
+
<div style="max-width: 720px;">
|
|
3
|
+
<pz-table-pagination-provider :data="args.data" :per-page="args.perPage">
|
|
4
|
+
<template #default="{ items }">
|
|
5
|
+
<pz-table :config="config" :data="items" />
|
|
6
|
+
</template>
|
|
7
|
+
</pz-table-pagination-provider>
|
|
8
|
+
</div>
|
|
9
|
+
`})};var i,p,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
10
|
+
render: (args: PzTablePaginationProviderStoryArgs) => ({
|
|
11
|
+
components: {
|
|
12
|
+
pzTablePaginationProvider: pzTablePaginationProviderStoryComponent,
|
|
13
|
+
pzTable: pzTableStoryComponent,
|
|
14
|
+
pzText: PzText
|
|
15
|
+
},
|
|
16
|
+
setup() {
|
|
17
|
+
return {
|
|
18
|
+
args,
|
|
19
|
+
config
|
|
20
|
+
};
|
|
21
|
+
},
|
|
22
|
+
template: \`
|
|
23
|
+
<div style="max-width: 720px;">
|
|
24
|
+
<pz-table-pagination-provider :data="args.data" :per-page="args.perPage">
|
|
25
|
+
<template #default="{ items }">
|
|
26
|
+
<pz-table :config="config" :data="items" />
|
|
27
|
+
</template>
|
|
28
|
+
</pz-table-pagination-provider>
|
|
29
|
+
</div>
|
|
30
|
+
\`
|
|
31
|
+
})
|
|
32
|
+
}`,...(s=(p=o.parameters)==null?void 0:p.docs)==null?void 0:s.source}}};const X=["Playground"];export{o as Playground,X as __namedExportsOrder,J as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as T}from"./PzText-
|
|
1
|
+
import{P as T}from"./PzText-CP5W9tam.js";import{e as q,a5 as f,w as G,a6 as Q,A as J,B as X,a7 as Y,f as m,z as F,r as Z,o as u,k as K,i as tt,u as _,F as at,G as st,n as et,g as k,h as nt,c as rt,t as pt,a8 as P}from"./iframe-DEPZ_ttz.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 G(()=>s==null?void 0:s.activeTab,z=>{i.value=a.name===z}),Q(()=>{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:k(["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:k(["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-cb10282b"]]);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 w,S,E;b.parameters={...b.parameters,docs:{...(w=b.parameters)==null?void 0:w.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: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as l,
|
|
1
|
+
import{e as l,v as p,y as i,g as u,x as f,o as t,f as n,z as o,q as r,u as c}from"./iframe-DEPZ_ttz.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(f(e.as),{class:u(["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-8265a687"]]);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,4 +1,4 @@
|
|
|
1
|
-
import{_ as c}from"./PzIcon-
|
|
1
|
+
import{_ as c}from"./PzIcon-D4_lxTps.js";import{P as g}from"./PzText-CP5W9tam.js";import{p as d}from"./configs-B15JgQZ-.js";import{P as o}from"./PzTag-Cayn89dF.js";import"./iframe-DEPZ_ttz.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
4
|
</template>`:"",p=t.showSuffix?`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as n,
|
|
1
|
+
import{e as n,v as r,g as d,x as p,c as u,o as i,y as c,z as m}from"./iframe-DEPZ_ttz.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=n({name:"PzText",__name:"PzText",props:{variant:{default:"body-regular"},as:{default:void 0}},setup(a){const t={"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"},s=a,l=u(()=>s.as??t[s.variant]??"span");return(o,h)=>(i(),r(p(l.value),{class:d(["pz-text",`pz-text--${a.variant}`])},{default:c(()=>[m(o.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),g=f(e,[["__scopeId","data-v-2680fad4"]]);e.__docgenInfo=Object.assign({displayName:e.name??e.__name},{name:"PzText",exportName:"default",displayName:"PzText",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzTextVariant"},defaultValue:{func:!1,value:'"body-regular"'}},{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{g as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as De,p as Pe}from"./configs-B15JgQZ-.js";import{P as R}from"./PzText-
|
|
1
|
+
import{a as De,p as Pe}from"./configs-B15JgQZ-.js";import{P as R}from"./PzText-CP5W9tam.js";import"./iframe-DEPZ_ttz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const $e=r=>r.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),Ee={title:"Components/Text/PzText",component:R,parameters:{prototype:{caption:"Text component",note:"Component-level playground for semantic tag overrides and text variant rendering."},docs:{description:{component:"Vue text primitive for rendering the shared typography variants. Use `Foundation/Typography` for the full type-scale reference and `Components/Text/PzText` for the component API."},source:{transform:(r,e)=>{const a=e.args??{};return`<template>
|
|
2
2
|
<PzText ${[a.variant?`variant="${a.variant}"`:null,a.as?`as="${a.as}"`:null,a.content?`content="${a.content}"`:null].filter(Boolean).join(" ")} />
|
|
3
3
|
</template>`}}}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},argTypes:{variant:{control:"select",options:Pe,description:"Text style variant from the Design System."},as:{control:"select",options:De,description:"HTML tag to render. Defaults to a semantic tag based on variant."},content:{control:"text",description:"Text content.",table:{category:"Slots"}}},render:r=>({components:{pzText:R},setup(){const e=$e(r.variant??"body-regular");return{args:r,currentLabel:e}},template:`
|
|
4
4
|
<section class="pz-text-demo">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-text-clamp-story{display:grid;gap:24px}.pz-text-clamp-story-hero,.pz-text-clamp-story-card{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-text-clamp-story-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:20px;padding:clamp(22px,2vw,30px)}.pz-text-clamp-story-copy,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{display:grid;gap:16px}.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-text-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-text-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pz-text-clamp-story-card{min-height:220px}.pz-text-clamp-story-card-header{display:grid;gap:8px}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker,.pz-text-clamp-story-chip{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker{color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-chip{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-custom-toggle{padding:8px 12px;border:1px solid color-mix(in srgb,var(--pz-color-blue-50) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);color:var(--pz-color-text-link-hover);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text-clamp-story-custom-toggle:hover,.pz-text-clamp-story-custom-toggle:focus-visible{border-color:color-mix(in srgb,var(--pz-color-text-link-hover) 24%,transparent);background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);outline:none}@media (width <= 1024px){.pz-text-clamp-story-hero,.pz-text-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-clamp-story-hero,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:20px;border-radius:22px}}.pz-text-clamp[data-v-
|
|
1
|
+
.pz-text-clamp-story{display:grid;gap:24px}.pz-text-clamp-story-hero,.pz-text-clamp-story-card{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-text-clamp-story-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:20px;padding:clamp(22px,2vw,30px)}.pz-text-clamp-story-copy,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{display:grid;gap:16px}.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-text-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-text-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pz-text-clamp-story-card{min-height:220px}.pz-text-clamp-story-card-header{display:grid;gap:8px}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker,.pz-text-clamp-story-chip{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker{color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-chip{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-custom-toggle{padding:8px 12px;border:1px solid color-mix(in srgb,var(--pz-color-blue-50) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);color:var(--pz-color-text-link-hover);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text-clamp-story-custom-toggle:hover,.pz-text-clamp-story-custom-toggle:focus-visible{border-color:color-mix(in srgb,var(--pz-color-text-link-hover) 24%,transparent);background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);outline:none}@media (width <= 1024px){.pz-text-clamp-story-hero,.pz-text-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-clamp-story-hero,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:20px;border-radius:22px}}.pz-text-clamp[data-v-5005fb0c]{color:var(--pz-color-text-primary);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-text-clamp-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-text-clamp-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-text-clamp-line-height, var(--pz-typography-line-height, 1.5))}.pz-text-clamp__btn[data-v-5005fb0c]{--pz-btn-padding-block: 0;--pz-btn-padding-inline: 0;margin-left:var(--pz-space-4)}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
import{e as oe,h as _e,w as g,a4 as fe,i as ge,o as H,f as he,u as U,z as O,C as z,n as ve,r as L,c as h,j as X,v as G,y as J,g as ze,$ as ye,D as be,t as Ce,q as we}from"./iframe-DEPZ_ttz.js";import{P as ie}from"./PzText-CP5W9tam.js";import{p as Le}from"./configs-B15JgQZ-.js";import{P as Te}from"./PzBtn-RhVm0XR6.js";import{a as K}from"./PzMessages-BWcCsZul.js";import{_ as Ee}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";var N=null;function Pe(e){return N||(N=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){return setTimeout(a,16)}).bind(window)),N(e)}var q=null;function Se(e){q||(q=(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(a){clearTimeout(a)}).bind(window)),q(e)}function ke(e){var a=document.createElement("style");return a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e)),(document.querySelector("head")||document.body).appendChild(a),a}function y(e,a){a===void 0&&(a={});var t=document.createElement(e);return Object.keys(a).forEach(function(r){t[r]=a[r]}),t}function le(e,a,t){var r=window.getComputedStyle(e,null)||{display:"none"};return r[a]}function A(e){if(!document.documentElement.contains(e))return{detached:!0,rendered:!1};for(var a=e;a!==document;){if(le(a,"display")==="none")return{detached:!1,rendered:!1};a=a.parentNode}return{detached:!1,rendered:!0}}var Re='.resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:"";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}',M=0,T=null;function Ne(e,a){e.__resize_mutation_handler__||(e.__resize_mutation_handler__=Oe.bind(e));var t=e.__resize_listeners__;if(!t){if(e.__resize_listeners__=[],window.ResizeObserver){var r=e.offsetWidth,o=e.offsetHeight,i=new ResizeObserver(function(){!e.__resize_observer_triggered__&&(e.__resize_observer_triggered__=!0,e.offsetWidth===r&&e.offsetHeight===o)||P(e)}),n=A(e),c=n.detached,l=n.rendered;e.__resize_observer_triggered__=c===!1&&l===!1,e.__resize_observer__=i,i.observe(e)}else if(e.attachEvent&&e.addEventListener)e.__resize_legacy_resize_handler__=function(){P(e)},e.attachEvent("onresize",e.__resize_legacy_resize_handler__),document.addEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);else if(M||(T=ke(Re)),Ae(e),e.__resize_rendered__=A(e).rendered,window.MutationObserver){var d=new MutationObserver(e.__resize_mutation_handler__);d.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.__resize_mutation_observer__=d}}e.__resize_listeners__.push(a),M++}function qe(e,a){var t=e.__resize_listeners__;if(t){if(a&&t.splice(t.indexOf(a),1),!t.length||!a){if(e.detachEvent&&e.removeEventListener){e.detachEvent("onresize",e.__resize_legacy_resize_handler__),document.removeEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);return}e.__resize_observer__?(e.__resize_observer__.unobserve(e),e.__resize_observer__.disconnect(),e.__resize_observer__=null):(e.__resize_mutation_observer__&&(e.__resize_mutation_observer__.disconnect(),e.__resize_mutation_observer__=null),e.removeEventListener("scroll",F),e.removeChild(e.__resize_triggers__.triggers),e.__resize_triggers__=null),e.__resize_listeners__=null}!--M&&T&&T.parentNode.removeChild(T)}}function He(e){var a=e.__resize_last__,t=a.width,r=a.height,o=e.offsetWidth,i=e.offsetHeight;return o!==t||i!==r?{width:o,height:i}:null}function Oe(){var e=A(this),a=e.rendered,t=e.detached;a!==this.__resize_rendered__&&(!t&&this.__resize_triggers__&&(j(this),this.addEventListener("scroll",F,!0)),this.__resize_rendered__=a,P(this))}function F(){var e=this;j(this),this.__resize_raf__&&Se(this.__resize_raf__),this.__resize_raf__=Pe(function(){var a=He(e);a&&(e.__resize_last__=a,P(e))})}function P(e){!e||!e.__resize_listeners__||e.__resize_listeners__.forEach(function(a){a.call(e,e)})}function Ae(e){var a=le(e,"position");(!a||a==="static")&&(e.style.position="relative"),e.__resize_old_position__=a,e.__resize_last__={};var t=y("div",{className:"resize-triggers"}),r=y("div",{className:"resize-expand-trigger"}),o=y("div"),i=y("div",{className:"resize-contract-trigger"});r.appendChild(o),t.appendChild(r),t.appendChild(i),e.appendChild(t),e.__resize_triggers__={triggers:t,expand:r,expandChild:o,contract:i},j(e),e.addEventListener("scroll",F,!0),e.__resize_last__={width:e.offsetWidth,height:e.offsetHeight}}function j(e){var a=e.__resize_triggers__,t=a.expand,r=a.expandChild,o=a.contract,i=o.scrollWidth,n=o.scrollHeight,c=t.offsetWidth,l=t.offsetHeight,d=t.scrollWidth,p=t.scrollHeight;o.scrollLeft=i,o.scrollTop=n,r.style.width=c+1+"px",r.style.height=l+1+"px",t.scrollLeft=d,t.scrollTop=p}const Me=["aria-label"];var de=oe({__name:"text-clamp",props:{text:{type:String,required:!0},maxHeight:{type:[String,Number],required:!1},maxLines:{type:Number,required:!1},expanded:{type:Boolean,required:!1,default:!1},location:{type:String,required:!1,default:"end"},ellipsis:{type:String,required:!1,default:"…"},autoResize:{type:Boolean,required:!1,default:!1}},emits:["clamp-change","update:expanded"],setup(e,{emit:a}){const t=e,r=L(null),o=L(null),i=L(null),n=_e({offset:0,localExpanded:!!t.expanded,unregisterResizeCallback:null}),c=h(()=>{if(!n.localExpanded&&t.maxHeight)return typeof(t==null?void 0:t.maxHeight)=="number"?`${t==null?void 0:t.maxHeight}px`:t==null?void 0:t.maxHeight}),l=()=>{i.value&&(i.value.textContent=xe.value)},d=()=>{n.localExpanded||(l(),(u()||m.value)&&k())},p=()=>{t.text&&(n.offset=t.text.length,x(),t.autoResize&&r.value&&(Ne(r.value,d),n.unregisterResizeCallback=()=>{r.value&&qe(r.value,d)}),d())},x=()=>{var s;(s=n.unregisterResizeCallback)==null||s.call(n)},u=()=>!(!t.maxLines&&!t.maxHeight)&&!!r.value&&(!!(t.maxLines&&S()>t.maxLines)||!!(t.maxHeight&&r.value.scrollHeight>r.value.offsetHeight)),S=()=>o.value?Object.keys(Array.prototype.slice.call(o.value.getClientRects()).reduce((s,{top:_,bottom:v})=>{const f=`${_}/${v}`;return s[f]||(s[f]=!0),s},{})).length:0,k=(...s)=>{const[_=0,v=n.offset]=s;if(v-_<=3)return void pe();const f=Math.floor((v+_)/2);R(f),u()?k(_,f):k(f,v)},R=s=>{n.offset=s,l()},pe=()=>{ce(),ue()},ce=()=>{for(;(!u()||S()<2)&&n.offset<t.text.length;)D(1)},ue=()=>{for(;u()&&S()>1&&n.offset>0;)D(-1)},D=s=>{R(n.offset+s)},m=h(()=>!!t.text&&n.offset!==t.text.length);g(()=>m.value,s=>{setTimeout(()=>{a("clamp-change",s)},0)},{immediate:!0});const xe=h(()=>m.value?me.value:t.text),me=h(()=>{if(t.location==="start")return t.ellipsis+(t.text.slice(-n.offset)||"").trim();if(t.location==="middle"){const s=Math.floor(n.offset/2);return(t.text.slice(0,s)||"").trim()+t.ellipsis+(t.text.slice(-s)||"").trim()}return(t.text.slice(0,n.offset)||"").trim()+t.ellipsis}),V=()=>{n.localExpanded=!0},W=()=>{n.localExpanded=!1},I=()=>{n.localExpanded=!n.localExpanded};return g(()=>t.expanded,s=>{n.localExpanded=s}),g(()=>n.localExpanded,s=>{s?R(t.text.length):d(),t.expanded!==s&&a("update:expanded",s)}),g(()=>[t.maxLines,t.maxHeight,t.ellipsis,t.location,m.value].join(),()=>{X(()=>{d()})}),g(()=>[t.text,t.autoResize].join(),()=>{X(()=>{p()})}),fe(()=>{x()}),ge(()=>{p()}),(s,_)=>(H(),he("div",{ref_key:"textClampRef",ref:r,class:"text-clamp",style:ve({overflow:"hidden",maxHeight:z(c)})},[U("span",{ref_key:"contentRef",ref:o},[O(s.$slots,"before",{expand:V,collapse:W,toggle:I,clamped:z(m),expanded:n.localExpanded}),U("span",{ref_key:"textRef",ref:i,"aria-label":e.text},null,8,Me),O(s.$slots,"after",{expand:V,collapse:W,toggle:I,clamped:z(m),expanded:n.localExpanded})],512)],4))}});de.__file="package/text-clamp.vue";const $e=e=>(e.install=function(a){a.component(e.__name,e)},e),Be=$e(de),Fe=3,je="... ",E=oe({name:"PzTextClamp",__name:"PzTextClamp",props:{text:{},maxContentLines:{default:Fe},clampPostfix:{default:je},btnClass:{default:""},autoResize:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},expandLabel:{},collapseLabel:{},typography:{}},emits:["update:expanded","clamp-change"],setup(e,{emit:a}){const t=e,r=h(()=>t.expandLabel??K("text.pzTextClamp.expandLabel")),o=h(()=>t.collapseLabel??K("text.pzTextClamp.collapseLabel")),i=a,n=l=>{i("update:expanded",l)},c=l=>{i("clamp-change",l)};return(l,d)=>(H(),G(z(Be),{text:e.text,"max-lines":e.maxContentLines,ellipsis:e.clampPostfix,expanded:e.expanded,"auto-resize":e.autoResize,class:ze(["pz-text-clamp",e.typography?`pz-typography--${e.typography}`:null]),"onUpdate:expanded":n,onClampChange:c},{after:J(({toggle:p,expanded:x,clamped:u})=>[O(l.$slots,"toggle",{toggle:p,expanded:x,clamped:u},()=>[u||x?(H(),G(z(Te),{key:0,variant:"transparent",type:"button",typography:e.typography??"body-regular",class:"pz-text-clamp__btn",onClick:ye(p,["stop"])},{default:J(()=>[be(Ce(x?o.value:r.value),1)]),_:2},1032,["typography","onClick"])):we("",!0)],!0)]),_:3},8,["text","max-lines","ellipsis","expanded","auto-resize","class"]))}}),$=Ee(E,[["__scopeId","data-v-5005fb0c"]]);E.__docgenInfo=Object.assign({displayName:E.name??E.__name},{name:"PzTextClamp",exportName:"default",displayName:"PzTextClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"MAX_CONTENT_LINES"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"DEFAULT_CLAMP_POSTFIX"}},{name:"btnClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"autoResize",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expandLabel",required:!1,type:{name:"string"}},{name:"collapseLabel",required:!1,type:{name:"string"}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],events:[{name:"update:expanded",type:{names:["boolean"]}},{name:"clamp-change",type:{names:["boolean"]}}],slots:[{name:"toggle",scoped:!0,bindings:[{name:"toggle",title:"binding"},{name:"expanded",title:"binding"},{name:"clamped",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzTextClamp/PzTextClamp.vue"]});const B=[{kicker:"News teaser",title:"Two lines with default toggle",text:"The procurement framework for recovery projects should remain readable even when editors add dense context, supporting details, and legal clarifications into a single preview paragraph.",maxContentLines:2},{kicker:"Tender summary",title:"Three lines with longer body copy",text:"Prozorro teams often need the first block of text to stay compact inside cards, while still giving visitors a way to reveal the full explanation, deadlines, and rationale without leaving the page context.",maxContentLines:3},{kicker:"Always expanded",title:"Controlled expanded state",text:"This example starts opened to show that the wrapper supports v-model style control through update:expanded and still keeps the same text treatment as the collapsed variant.",maxContentLines:2,expanded:!0}],De=e=>`<template>
|
|
2
|
+
<PzTextClamp ${[`text="${e.text}"`,e.maxContentLines!==3?`:max-content-lines="${e.maxContentLines}"`:null,e.clampPostfix!=="... "?`clamp-postfix="${e.clampPostfix}"`:null,e.expandLabel!=="Show more"?`expand-label="${e.expandLabel}"`:null,e.collapseLabel!=="Collapse"?`collapse-label="${e.collapseLabel}"`:null,e.expanded?':expanded="true"':null].filter(t=>!!t).join(" ")} />
|
|
3
|
+
</template>`,Ve=()=>`<template>
|
|
4
|
+
<PzTextClamp
|
|
5
|
+
text="Long procurement summary that needs a custom action."
|
|
6
|
+
:max-content-lines="2"
|
|
7
|
+
>
|
|
8
|
+
<template #toggle="{ toggle, expanded, clamped }">
|
|
9
|
+
<button
|
|
10
|
+
v-if="clamped || expanded"
|
|
11
|
+
type="button"
|
|
12
|
+
class="custom-toggle"
|
|
13
|
+
@click="toggle"
|
|
14
|
+
>
|
|
15
|
+
{{ expanded ? "Hide details" : "Open full text" }}
|
|
16
|
+
</button>
|
|
17
|
+
</template>
|
|
18
|
+
</PzTextClamp>
|
|
19
|
+
</template>`,We={title:"Components/Text/PzTextClamp",component:$,parameters:{prototype:{caption:"Text clamp component",note:"Built as a thin wrapper over vue3-text-clamp, reusing the old text/max-lines/postfix/button-class contract and replacing app-specific translations with explicit labels and a toggle slot."},docs:{description:{component:"Use `PzTextClamp` for compact previews of long copy. It defaults to the `body-regular` text style, exposes the old clamp props, and supports toggle customization through `v-model:expanded` and the `toggle` slot."},source:{transform:(e,a)=>De(a.args??We.args)}}},args:{text:B[1].text,maxContentLines:3,clampPostfix:"... ",btnClass:"",autoResize:!0,expanded:!1,expandLabel:"Show more",collapseLabel:"Collapse",typography:void 0,title:"Long-form card description"},argTypes:{text:{control:"text",description:"Source text rendered by the clamp component."},maxContentLines:{control:{type:"number",min:1,max:8,step:1},description:"Maximum number of visible lines before the text is clamped."},clampPostfix:{control:"text",description:"String appended to the truncated text."},btnClass:{control:"text",description:"Additional class names applied to the default toggle button."},autoResize:{control:"boolean",description:"Recalculates clamping on layout changes."},expanded:{control:"boolean",description:"Controlled expanded state."},expandLabel:{control:"text",description:"Default label shown while the text is collapsed."},collapseLabel:{control:"text",description:"Default label shown while the text is expanded."},typography:{control:"select",options:[void 0,...Le],description:"Overrides typography using a PzText variant."},title:{control:"text",description:"Preview heading used in the story only.",table:{category:"Story"}}},render:e=>({components:{pzText:ie,pzTextClamp:$},setup(){const a=L(!!e.expanded);return g(()=>e.expanded,t=>{a.value=!!t}),{args:e,expanded:a,clampStories:B}},template:`
|
|
20
|
+
<div class="pz-text-clamp-story">
|
|
21
|
+
<section class="pz-text-clamp-story-hero">
|
|
22
|
+
<div class="pz-text-clamp-story-copy">
|
|
23
|
+
<span class="pz-text-clamp-story-eyebrow">Body Regular by default</span>
|
|
24
|
+
<pz-text variant="h4-bold">{{ args.title }}</pz-text>
|
|
25
|
+
<pz-text variant="body-regular">
|
|
26
|
+
Clamp long editorial or procurement copy without creating new typography rules for each surface.
|
|
27
|
+
</pz-text>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
<div class="pz-text-clamp-story-preview">
|
|
31
|
+
<pz-text variant="small-semibold" as="span" class="pz-text-clamp-story-chip">
|
|
32
|
+
{{ expanded ? "expanded" : "collapsed" }}
|
|
33
|
+
</pz-text>
|
|
34
|
+
|
|
35
|
+
<pz-text-clamp
|
|
36
|
+
:text="args.text"
|
|
37
|
+
:max-content-lines="args.maxContentLines"
|
|
38
|
+
:clamp-postfix="args.clampPostfix"
|
|
39
|
+
:btn-class="args.btnClass"
|
|
40
|
+
:auto-resize="args.autoResize"
|
|
41
|
+
:expanded="expanded"
|
|
42
|
+
:expand-label="args.expandLabel"
|
|
43
|
+
:collapse-label="args.collapseLabel"
|
|
44
|
+
:typography="args.typography"
|
|
45
|
+
@update:expanded="expanded = $event"
|
|
46
|
+
/>
|
|
47
|
+
</div>
|
|
48
|
+
</section>
|
|
49
|
+
|
|
50
|
+
<section class="pz-text-clamp-story-grid">
|
|
51
|
+
<article
|
|
52
|
+
v-for="item in clampStories"
|
|
53
|
+
:key="item.title"
|
|
54
|
+
class="pz-text-clamp-story-card"
|
|
55
|
+
>
|
|
56
|
+
<div class="pz-text-clamp-story-card-header">
|
|
57
|
+
<span class="pz-text-clamp-story-kicker">{{ item.kicker }}</span>
|
|
58
|
+
<pz-text variant="body-semibold">{{ item.title }}</pz-text>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
<pz-text-clamp
|
|
62
|
+
:text="item.text"
|
|
63
|
+
:max-content-lines="item.maxContentLines"
|
|
64
|
+
:expanded="item.expanded"
|
|
65
|
+
/>
|
|
66
|
+
</article>
|
|
67
|
+
</section>
|
|
68
|
+
</div>
|
|
69
|
+
`})},b={},C={args:{text:B[0].text,maxContentLines:2,title:"News teaser"}},w={parameters:{docs:{source:{code:Ve()}}},render:()=>({components:{pzText:ie,pzTextClamp:$},setup(){return{text:"Publishing teams can replace the default inline action with a branded control while keeping the same clamp behavior and the same underlying library implementation."}},template:`
|
|
70
|
+
<div class="pz-text-clamp-story">
|
|
71
|
+
<section class="pz-text-clamp-story-hero">
|
|
72
|
+
<div class="pz-text-clamp-story-copy">
|
|
73
|
+
<span class="pz-text-clamp-story-eyebrow">Toggle slot</span>
|
|
74
|
+
<pz-text variant="h4-bold">Custom action content</pz-text>
|
|
75
|
+
</div>
|
|
76
|
+
|
|
77
|
+
<div class="pz-text-clamp-story-preview">
|
|
78
|
+
<pz-text-clamp
|
|
79
|
+
:text="text"
|
|
80
|
+
:max-content-lines="2"
|
|
81
|
+
>
|
|
82
|
+
<template #toggle="{ toggle, expanded, clamped }">
|
|
83
|
+
<button
|
|
84
|
+
v-if="clamped || expanded"
|
|
85
|
+
type="button"
|
|
86
|
+
class="pz-text-clamp-story-custom-toggle"
|
|
87
|
+
@click="toggle"
|
|
88
|
+
>
|
|
89
|
+
{{ expanded ? "Hide details" : "Open full text" }}
|
|
90
|
+
</button>
|
|
91
|
+
</template>
|
|
92
|
+
</pz-text-clamp>
|
|
93
|
+
</div>
|
|
94
|
+
</section>
|
|
95
|
+
</div>
|
|
96
|
+
`})};var Q,Y,Z;b.parameters={...b.parameters,docs:{...(Q=b.parameters)==null?void 0:Q.docs,source:{originalSource:"{}",...(Z=(Y=b.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var ee,te,ae;C.parameters={...C.parameters,docs:{...(ee=C.parameters)==null?void 0:ee.docs,source:{originalSource:`{
|
|
97
|
+
args: {
|
|
98
|
+
text: clampStories[0].text,
|
|
99
|
+
maxContentLines: 2,
|
|
100
|
+
title: "News teaser"
|
|
101
|
+
}
|
|
102
|
+
}`,...(ae=(te=C.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};var ne,re,se;w.parameters={...w.parameters,docs:{...(ne=w.parameters)==null?void 0:ne.docs,source:{originalSource:`{
|
|
103
|
+
parameters: {
|
|
104
|
+
docs: {
|
|
105
|
+
source: {
|
|
106
|
+
code: buildSlotSource()
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
render: () => ({
|
|
111
|
+
components: {
|
|
112
|
+
pzText: PzText,
|
|
113
|
+
pzTextClamp: PzTextClamp
|
|
114
|
+
},
|
|
115
|
+
setup() {
|
|
116
|
+
const text = "Publishing teams can replace the default inline action with a branded control while keeping the same clamp behavior and the same underlying library implementation.";
|
|
117
|
+
return {
|
|
118
|
+
text
|
|
119
|
+
};
|
|
120
|
+
},
|
|
121
|
+
template: \`
|
|
122
|
+
<div class="pz-text-clamp-story">
|
|
123
|
+
<section class="pz-text-clamp-story-hero">
|
|
124
|
+
<div class="pz-text-clamp-story-copy">
|
|
125
|
+
<span class="pz-text-clamp-story-eyebrow">Toggle slot</span>
|
|
126
|
+
<pz-text variant="h4-bold">Custom action content</pz-text>
|
|
127
|
+
</div>
|
|
128
|
+
|
|
129
|
+
<div class="pz-text-clamp-story-preview">
|
|
130
|
+
<pz-text-clamp
|
|
131
|
+
:text="text"
|
|
132
|
+
:max-content-lines="2"
|
|
133
|
+
>
|
|
134
|
+
<template #toggle="{ toggle, expanded, clamped }">
|
|
135
|
+
<button
|
|
136
|
+
v-if="clamped || expanded"
|
|
137
|
+
type="button"
|
|
138
|
+
class="pz-text-clamp-story-custom-toggle"
|
|
139
|
+
@click="toggle"
|
|
140
|
+
>
|
|
141
|
+
{{ expanded ? "Hide details" : "Open full text" }}
|
|
142
|
+
</button>
|
|
143
|
+
</template>
|
|
144
|
+
</pz-text-clamp>
|
|
145
|
+
</div>
|
|
146
|
+
</section>
|
|
147
|
+
</div>
|
|
148
|
+
\`
|
|
149
|
+
})
|
|
150
|
+
}`,...(se=(re=w.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};const Ye=["Playground","TwoLines","CustomToggle"];export{w as CustomToggle,b as Playground,C as TwoLines,Ye as __namedExportsOrder,We as default};
|