@prozorro/prozorro-ui 0.0.28-beta → 0.0.30-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-Dd704kcZ.js → Color-FRDS63T2-CKOPK7JY.js} +1 -1
- package/dist/app/assets/{Colors.stories-C49Jdn11.js → Colors.stories-CvkK10uO.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-BL_R3uhu.js → DocsRenderer-LL677BLK-DqBVMebG.js} +5 -5
- package/dist/app/assets/{Grid.stories-jwVLa1O3.js → Grid.stories-C1B2MCTY.js} +1 -1
- package/dist/app/assets/{PzAccordion-CZh368dO.js → PzAccordion-DoHC4MvO.js} +1 -1
- package/dist/app/assets/{PzAccordion.stories-BScXmPId.js → PzAccordion.stories-BbFpclsY.js} +1 -1
- package/dist/app/assets/{PzAccordionTable.stories-m5rCM5SN.js → PzAccordionTable.stories-DudErN7D.js} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-Ry5Dkwk5.js → PzArrayClamp.stories-BC25Allj.js} +3 -3
- package/dist/app/assets/{PzBreadcrumb.stories-CDbw_Ssz.js → PzBreadcrumb.stories-CTMmV8EN.js} +3 -3
- package/dist/app/assets/{PzBtn-k_UUIy0S.js → PzBtn-CtzgQtPT.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-Bman4k-O.js → PzBtn.stories-DZtokZxl.js} +1 -1
- package/dist/app/assets/{PzCheckbox-QqhfHlB9.js → PzCheckbox-DMPmd-lS.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-yBkDVL1C.js → PzCheckbox.stories-Cf9p5ISo.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-KQxjM_Cj.js → PzCheckboxGroup.stories-DZ5MDbed.js} +1 -1
- package/dist/app/assets/{PzCopyToClipboard.stories-DybnCJte.js → PzCopyToClipboard.stories-B-9reYL8.js} +3 -3
- package/dist/app/assets/{PzDate-CKXwz5_k.js → PzDate-CMNYXH-J.js} +1 -1
- package/dist/app/assets/PzDate-CjW2fw1X.css +1 -0
- package/dist/app/assets/{PzDate.stories-DtiQtCRI.js → PzDate.stories-B5fCkAnE.js} +1 -1
- package/dist/app/assets/{PzDateRange.stories-DA1PkQa9.js → PzDateRange.stories-CkOMRqau.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-DIBW-SMr.js → PzDomHandler.stories-CM5l3cOz.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-DYl4tBFT.js → PzDropdown.stories-B1ghm6HL.js} +1 -1
- package/dist/app/assets/{PzFileInput.stories-CBbfMqeh.js → PzFileInput.stories-Dc0kHJel.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-Cjhd89Rj.js → PzGrid.stories-BzgVLwJw.js} +1 -1
- package/dist/app/assets/{PzHint-BduXv8_9.js → PzHint-fPmDJyN-.js} +1 -1
- package/dist/app/assets/{PzHint.stories-ChfWxbFE.js → PzHint.stories-DiVq_TW9.js} +1 -1
- package/dist/app/assets/{PzIcon-MCV-dGW3.js → PzIcon-BdbVjL0H.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-DhfzFkwj.js → PzIcon.stories-Btu0iypS.js} +1 -1
- package/dist/app/assets/{PzImage.stories-T3CvKE0f.js → PzImage.stories-DmOLfXjg.js} +1 -1
- package/dist/app/assets/{PzImageInput.stories-At6RmPU5.js → PzImageInput.stories-ChMhPk9Y.js} +2 -2
- package/dist/app/assets/{PzInfoBlockLayout.stories-CqIQf5VP.js → PzInfoBlockLayout.stories-CrcBGk77.js} +3 -3
- package/dist/app/assets/{PzInfoHint-DF9t6di5.js → PzInfoHint-CnIPovvR.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-BuYocN41.js → PzInfoHint.stories-BWDcnV-N.js} +1 -1
- package/dist/app/assets/{PzInput.stories-C-ieWR1U.js → PzInput.stories-D-jOqCE7.js} +2 -2
- package/dist/app/assets/{PzInputDate.stories-D4XxfW70.js → PzInputDate.stories-BojQgiyx.js} +3 -3
- package/dist/app/assets/{PzInputNumber.stories-C8gsDfQn.js → PzInputNumber.stories-DPu5lUX3.js} +2 -2
- package/dist/app/assets/PzKeyValue-B_F78Oa_.css +1 -0
- package/dist/app/assets/PzKeyValue-DE_5MwOU.js +1 -0
- package/dist/app/assets/{PzKeyValue-DMKzKVDz.css → PzKeyValue-EPKiMoJ_.css} +1 -1
- package/dist/app/assets/PzKeyValue.stories-Ch7rIohv.js +270 -0
- package/dist/app/assets/{PzLabel-DPSvIY3K.js → PzLabel-Gzu6PYek.js} +1 -1
- package/dist/app/assets/{PzLabel.stories-Cf7SxNnZ.js → PzLabel.stories-sU44kjkl.js} +1 -1
- package/dist/app/assets/{PzLink-DA5z5j3V.js → PzLink-2i4WT3xP.js} +1 -1
- package/dist/app/assets/{PzLink.stories-CilCNgEy.js → PzLink.stories-CIlQFKmI.js} +1 -1
- package/dist/app/assets/PzListNav-CXXZQEhr.css +1 -0
- package/dist/app/assets/PzListNav-Crese7l7.css +1 -0
- package/dist/app/assets/PzListNav-DL5w2QO1.js +1 -0
- package/dist/app/assets/PzListNav.stories-Vy2pvzcF.js +37 -0
- package/dist/app/assets/PzLoader.stories-fYXrYBnU.js +9 -0
- package/dist/app/assets/{PzModal.stories-DydDykCD.js → PzModal.stories-BgV1cln1.js} +4 -4
- package/dist/app/assets/{PzMultiSelect.stories-DhS2MGWw.js → PzMultiSelect.stories-D1cXlPuB.js} +3 -3
- package/dist/app/assets/{PzNav.stories-BLzjKEPZ.js → PzNav.stories-06NpLdFq.js} +5 -5
- package/dist/app/assets/{PzNumberFormat.stories-C9JM7BId.js → PzNumberFormat.stories-B0hgoW2t.js} +1 -1
- package/dist/app/assets/{PzPagination-DG1AHfKf.js → PzPagination-CZaMx9WU.js} +1 -1
- package/dist/app/assets/{PzPagination.stories-Bz_RHJis.js → PzPagination.stories-C2DVYleV.js} +1 -1
- package/dist/app/assets/PzPaginationProvider.stories-CwQH5PY-.js +82 -0
- package/dist/app/assets/{PzPriceFormat.stories-DwBA8RKo.js → PzPriceFormat.stories-CCAQMOOa.js} +1 -1
- package/dist/app/assets/{PzRadioGroup.stories-ctysa4zU.js → PzRadioGroup.stories-BrWxtBVa.js} +2 -2
- package/dist/app/assets/{PzRouterLink.stories-ON1893ha.js → PzRouterLink.stories-BwkWGEsn.js} +2 -2
- package/dist/app/assets/PzScrollTo-KuzwcV-o.js +1 -0
- package/dist/app/assets/{PzScrollTo.stories-BoFQTMWv.js → PzScrollTo.stories-CGQMejEn.js} +6 -6
- package/dist/app/assets/{PzSearchResultItemLayout.stories-DQhAx4Zo.js → PzSearchResultItemLayout.stories-DSuGh0y8.js} +1 -1
- package/dist/app/assets/{PzSelect-DQG4TsOy.js → PzSelect-RbDy3aSL.js} +1 -1
- package/dist/app/assets/{PzSelect.stories-7RJXivhF.js → PzSelect.stories-DsZN8zgO.js} +1 -1
- package/dist/app/assets/{PzSkeleton-Bj06OhMO.js → PzSkeleton-CAFgMJpB.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-C3oEq_VU.js → PzSkeleton.stories-C2xEUWUB.js} +1 -1
- package/dist/app/assets/PzStatus-BAANjGNZ.js +1 -0
- package/dist/app/assets/{PzStatus.stories-3cVjp4CB.js → PzStatus.stories-Cq7HXr8w.js} +1 -1
- package/dist/app/assets/PzTable-DfkZeSKE.js +1 -0
- package/dist/app/assets/{PzTable.stories-CXBQ_GAt.js → PzTable.stories-BX99lCIl.js} +1 -1
- package/dist/app/assets/PzTablePaginationProvider.stories-D2PVnmym.js +32 -0
- package/dist/app/assets/{PzTabs.stories-oQHCFe01.js → PzTabs.stories-DYSuP3gJ.js} +3 -3
- package/dist/app/assets/PzTag-CAGZAy4m.js +1 -0
- package/dist/app/assets/{PzTag.stories-CjpBttWo.js → PzTag.stories-DDKo9LVA.js} +1 -1
- package/dist/app/assets/{PzText-BT7AGrPb.js → PzText-wVfv1pWv.js} +1 -1
- package/dist/app/assets/{PzText.stories-Cv-pXCFb.js → PzText.stories-Cbjiu4wR.js} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-BP79QbN2.js → PzTextClamp.stories-C45ZJSNG.js} +2 -2
- package/dist/app/assets/{PzTextarea.stories-DBs784w8.js → PzTextarea.stories-B8AwmKlM.js} +3 -3
- package/dist/app/assets/{PzValidatorXSS.stories-B807Ww2_.js → PzValidatorXSS.stories-AfDspiE4.js} +1 -1
- package/dist/app/assets/{Spacing.stories-DFcOsREL.js → Spacing.stories-BUYW6nhY.js} +1 -1
- package/dist/app/assets/StaticPagination.composable-HjC3V8oE.js +1 -0
- package/dist/app/assets/{Typography.stories-DgBmq0vO.js → Typography.stories-BBRytD8w.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-Dz7V0K3L.js → WithTooltip-65CFNBJE-BC83oSO9.js} +1 -1
- package/dist/app/assets/{floating-vue-BFh4npJ3.js → floating-vue-C3YQ4ztE.js} +1 -1
- package/dist/app/assets/{floating-vue-wDudfl6h.js → floating-vue-DNwAdjS6.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-BeaOg5sT.js → formatter-EIJCOSYU-oRsfMJQm.js} +1 -1
- package/dist/app/assets/{iframe-BDUXsDwQ.js → iframe-DnMxidy5.js} +75 -75
- package/dist/app/assets/{index-Jyn3aWU4.js → index-BChZP_pX.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-CFtcIfy3.js → syntaxhighlighter-OH4MV7E3-DuNL3Rlp.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/Navigation/PzPaginationProvider/PzPaginationProvider.vue.d.ts +20 -0
- package/dist/components/Navigation/PzPaginationProvider/index.d.ts +2 -0
- package/dist/components/Navigation/PzPaginationProvider/types.d.ts +2 -0
- package/dist/components/Navigation/PzTablePaginationProvider/PzTablePaginationProvider.vue.d.ts +18 -0
- package/dist/components/Navigation/PzTablePaginationProvider/index.d.ts +2 -0
- package/dist/components/Navigation/PzTablePaginationProvider/types.d.ts +2 -0
- package/dist/components/Navigation/shared/StaticPagination.composable.d.ts +2 -0
- package/dist/components/Navigation/shared/types.d.ts +14 -0
- package/dist/index.d.ts +2 -0
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +6 -6
- package/dist/prozorro-ui.js +2586 -2521
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/app/assets/PzDate-I6Dz7zBB.css +0 -1
- package/dist/app/assets/PzKeyValue.stories-BfNMtQt6.js +0 -270
- package/dist/app/assets/PzListNav-DRMKw6wp.css +0 -1
- package/dist/app/assets/PzListNav.stories-wldoof1r.js +0 -37
- package/dist/app/assets/PzLoader.stories-DF_32eFy.js +0 -9
- package/dist/app/assets/PzStatus-CGDtOh05.js +0 -1
- package/dist/app/assets/PzTable-9MtujWyE.js +0 -1
- package/dist/app/assets/PzTag-CrMM4o3T.js +0 -1
package/dist/app/assets/{PzPagination.stories-Bz_RHJis.js → PzPagination.stories-C2DVYleV.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,w as m}from"./iframe-
|
|
1
|
+
import{r as e,w as m}from"./iframe-DnMxidy5.js";import{P as v}from"./PzText-wVfv1pWv.js";import{P as s}from"./PzPagination-CZaMx9WU.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-BdbVjL0H.js";const l=2,z=50,y=100,P=3,b="<\/script>",f=a=>{const t=[':model-value="currentPage"',`:total="${a.total}"`,`:per-page="${a.perPage}"`,a.radius!==l?`:radius="${a.radius}"`:null,'@update:model-value="currentPage = $event"'].filter(r=>!!r).join(`
|
|
2
2
|
`);return`<script setup lang="ts">
|
|
3
3
|
import { ref } from "vue";
|
|
4
4
|
const currentPage = ref(${a.modelValue});
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import{P as E}from"./PzKeyValue-DE_5MwOU.js";import{P as v}from"./PzText-wVfv1pWv.js";import{e as A,f as l,F as V,u as k,v as a,x as q,p as C,o as p,y as K}from"./iframe-DnMxidy5.js";import{I,P as w}from"./PzListNav-DL5w2QO1.js";import{P as O}from"./PzScrollTo-KuzwcV-o.js";import{u as F}from"./StaticPagination.composable-HjC3V8oE.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./isArray-DPUC7i9_.js";import"./lodash-CdDiHlzQ.js";import"./PzDomHandler-BU7iMNnt.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./PzSelect-RbDy3aSL.js";import"./index-BChZP_pX.js";import"./floating-vue-C3YQ4ztE.js";import"./PzIcon-BdbVjL0H.js";import"./PzLabel-Gzu6PYek.js";import"./PzPagination-CZaMx9WU.js";const L={class:"pagination-provider"},n=A({name:"PzPaginationProvider",__name:"PzPaginationProvider",props:{perPage:{default:I.FIVE},data:{},navigationTopElement:{default:void 0},hasAutoScroll:{type:Boolean,default:!1}},setup(e){const t=e,{perPage:b,pageChanged:x,getItems:h,isPaginationAvailable:S,visibleRangeElements:T}=F(t),_=()=>{var r;t.hasAutoScroll&&O.moveByQuerySelector(".pagination-provider",((r=t.navigationTopElement)==null?void 0:r.offsetHeight)||0)};return(r,R)=>(p(),l("div",L,[(p(!0),l(V,null,k(a(h),(N,s)=>K(r.$slots,"item",{item:N,index:s,sequenceNumber:a(T)[0]+s})),256)),a(S)?(p(),q(a(w),{key:0,total:e.data.length,"per-page":a(b),class:"pz-mt-32",onOnInput:a(x),onOnChangePerPage:_},null,8,["total","per-page","onOnInput"])):C("",!0)]))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzPaginationProvider",exportName:"default",displayName:"PzPaginationProvider",description:"",tags:{},props:[{name:"perPage",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"ITEMS_PER_PAGE.FIVE"}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"T"}]}},{name:"navigationTopElement",required:!1,type:{name:"HTMLElement"},defaultValue:{func:!1,value:"undefined"}},{name:"hasAutoScroll",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"item",scoped:!0,bindings:[{name:"item",title:"binding"},{name:"index",title:"binding"},{name:"sequence-number",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzPaginationProvider/PzPaginationProvider.vue"]});const y=n,M=n,z=E,f=[{id:"row-id",key:"id",labelKey:"Tender ID"},{id:"row-title",key:"title",labelKey:"Title"},{id:"row-amount",key:"amount",labelKey:"Expected value"}],B=12,H=6,D=1e3,G=Array.from({length:B},(e,t)=>({id:`UA-2026-04-17-${String(t+1).padStart(H,"0")}-a`,title:`Закупівля №${t+1}`,amount:`${(t+1)*D} UAH`})),le={title:"Components/Navigation/PzPaginationProvider",component:M,parameters:{docs:{description:{component:"Generic static-pagination wrapper. Slices `data` into pages, exposes each page item through the `item` scoped slot (`{ item, index, sequenceNumber }`), and renders `PzListNav` when the data exceeds `perPage`. Here it is typed as `PzKeyValueData` and paired with `PzKeyValue`."}}},args:{data:G,perPage:5},argTypes:{data:{control:!1,description:"Full data array; the provider paginates it internally."},perPage:{control:{type:"number",min:1},description:"Items per page."}}},o={render:e=>({components:{pzPaginationProvider:y,pzKeyValue:z,pzText:v},setup(){return{args:e,config:f}},template:`
|
|
2
|
+
<div style="max-width: 640px;">
|
|
3
|
+
<pz-pagination-provider :data="args.data" :per-page="args.perPage">
|
|
4
|
+
<template #item="{ item, sequenceNumber }">
|
|
5
|
+
<article style="padding: 12px 0; border-bottom: 1px solid var(--pz-color-stroke-grey);">
|
|
6
|
+
<pz-text variant="body-bold">#{{ sequenceNumber + 1 }}</pz-text>
|
|
7
|
+
<pz-key-value :config="config" :data="item" />
|
|
8
|
+
</article>
|
|
9
|
+
</template>
|
|
10
|
+
</pz-pagination-provider>
|
|
11
|
+
</div>
|
|
12
|
+
`})},i={parameters:{docs:{description:{story:"`has-auto-scroll` scrolls the provider container to top on page change."}}},render:e=>({components:{pzPaginationProvider:y,pzKeyValue:z,pzText:v},setup(){return{args:e,config:f}},template:`
|
|
13
|
+
<div style="max-width: 640px;">
|
|
14
|
+
<pz-pagination-provider :data="args.data" :per-page="args.perPage" :has-auto-scroll="true">
|
|
15
|
+
<template #item="{ item, sequenceNumber }">
|
|
16
|
+
<article style="padding: 12px 0; border-bottom: 1px solid var(--pz-color-stroke-grey);">
|
|
17
|
+
<pz-text variant="body-bold">#{{ sequenceNumber + 1 }}</pz-text>
|
|
18
|
+
<pz-key-value :config="config" :data="item" />
|
|
19
|
+
</article>
|
|
20
|
+
</template>
|
|
21
|
+
</pz-pagination-provider>
|
|
22
|
+
</div>
|
|
23
|
+
`})};var d,m,c;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
24
|
+
render: (args: PzPaginationProviderStoryArgs) => ({
|
|
25
|
+
components: {
|
|
26
|
+
pzPaginationProvider: pzPaginationProviderStoryComponent,
|
|
27
|
+
pzKeyValue: pzKeyValueStoryComponent,
|
|
28
|
+
pzText: PzText
|
|
29
|
+
},
|
|
30
|
+
setup() {
|
|
31
|
+
return {
|
|
32
|
+
args,
|
|
33
|
+
config
|
|
34
|
+
};
|
|
35
|
+
},
|
|
36
|
+
template: \`
|
|
37
|
+
<div style="max-width: 640px;">
|
|
38
|
+
<pz-pagination-provider :data="args.data" :per-page="args.perPage">
|
|
39
|
+
<template #item="{ item, sequenceNumber }">
|
|
40
|
+
<article style="padding: 12px 0; border-bottom: 1px solid var(--pz-color-stroke-grey);">
|
|
41
|
+
<pz-text variant="body-bold">#{{ sequenceNumber + 1 }}</pz-text>
|
|
42
|
+
<pz-key-value :config="config" :data="item" />
|
|
43
|
+
</article>
|
|
44
|
+
</template>
|
|
45
|
+
</pz-pagination-provider>
|
|
46
|
+
</div>
|
|
47
|
+
\`
|
|
48
|
+
})
|
|
49
|
+
}`,...(c=(m=o.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};var g,u,P;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
50
|
+
parameters: {
|
|
51
|
+
docs: {
|
|
52
|
+
description: {
|
|
53
|
+
story: "\`has-auto-scroll\` scrolls the provider container to top on page change."
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
render: (args: PzPaginationProviderStoryArgs) => ({
|
|
58
|
+
components: {
|
|
59
|
+
pzPaginationProvider: pzPaginationProviderStoryComponent,
|
|
60
|
+
pzKeyValue: pzKeyValueStoryComponent,
|
|
61
|
+
pzText: PzText
|
|
62
|
+
},
|
|
63
|
+
setup() {
|
|
64
|
+
return {
|
|
65
|
+
args,
|
|
66
|
+
config
|
|
67
|
+
};
|
|
68
|
+
},
|
|
69
|
+
template: \`
|
|
70
|
+
<div style="max-width: 640px;">
|
|
71
|
+
<pz-pagination-provider :data="args.data" :per-page="args.perPage" :has-auto-scroll="true">
|
|
72
|
+
<template #item="{ item, sequenceNumber }">
|
|
73
|
+
<article style="padding: 12px 0; border-bottom: 1px solid var(--pz-color-stroke-grey);">
|
|
74
|
+
<pz-text variant="body-bold">#{{ sequenceNumber + 1 }}</pz-text>
|
|
75
|
+
<pz-key-value :config="config" :data="item" />
|
|
76
|
+
</article>
|
|
77
|
+
</template>
|
|
78
|
+
</pz-pagination-provider>
|
|
79
|
+
</div>
|
|
80
|
+
\`
|
|
81
|
+
})
|
|
82
|
+
}`,...(P=(u=i.parameters)==null?void 0:u.docs)==null?void 0:P.source}}};const de=["Playground","WithAutoScroll"];export{o as Playground,i as WithAutoScroll,de as __namedExportsOrder,le as default};
|
package/dist/app/assets/{PzPriceFormat.stories-DwBA8RKo.js → PzPriceFormat.stories-CCAQMOOa.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{l as p}from"./lodash-CdDiHlzQ.js";import{P as c}from"./PzText-
|
|
1
|
+
import{l as p}from"./lodash-CdDiHlzQ.js";import{P as c}from"./PzText-wVfv1pWv.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DnMxidy5.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=100;class o{static minPriceStep(t,r){return!t||r===void 0?0:r/t}static multiplyByHundredPercent(t){if(!p.isNumber(t)&&p.isEmpty(t))return"";const r=parseFloat(t)*n;return`${Math.round(r*n)/n}%`}}const P={title:"Utilities/PzPriceFormat",parameters:{docs:{description:{component:"The `PzPriceFormat` static class provides common utilities for rendering pricing values such as minimum steps or formatting decimal percents into percent strings."}}}},i={render:()=>({components:{pzText:c},setup(){return{minPriceExamples:[{value:1e3,step:10,description:"Value 1000, minimal step 10"},{value:50,step:2,description:"Value 50, step 2"},{value:0,step:5,description:"Zero value"}].map(e=>({...e,result:o.minPriceStep(e.value,e.step)})),percentExamples:[{value:.12345,description:"Standard fractional"},{value:1,description:"Complete ratio"},{value:"0.55",description:"String fractional"}].map(e=>({...e,result:o.multiplyByHundredPercent(e.value)}))}},template:`
|
|
2
2
|
<div style="display: flex; flex-direction: column; gap: 24px;">
|
|
3
3
|
<section>
|
|
4
4
|
<pz-text variant="h4-semibold">minPriceStep</pz-text>
|
package/dist/app/assets/{PzRadioGroup.stories-ctysa4zU.js → PzRadioGroup.stories-BrWxtBVa.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{e as w,f as i,F as k,u as C,g as b,o as n,q as p,y as g,C as S,t as _,J as v,p as R,r as f,w as O}from"./iframe-DnMxidy5.js";import{P as $}from"./PzLabel-Gzu6PYek.js";import{P as L}from"./PzText-wVfv1pWv.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const B=["aria-disabled"],N=["for"],A=["id","name","value","checked","disabled","onChange"],F={class:"pz-radio-group-label"},I={key:0,class:"pz-radio-group-content"},c=w({name:"PzRadioGroup",__name:"PzRadioGroup",props:{modelValue:{type:[String,Number,Boolean],default:void 0},name:{},disabled:{type:Boolean,default:!1},mode:{default:"default"},options:{default:()=>[]},optionClass:{default:""}},emits:["update:modelValue"],setup(e,{emit:s}){const l=e,m=s,V=o=>Object.is(l.modelValue,o),G=o=>m("update:modelValue",o),T=(o,d)=>o.id??`${l.name}-${String(d+1)}`,t=(o,d)=>({option:o,value:o.value,checked:V(o.value),disabled:!!(l.disabled||o.disabled),id:T(o,d),name:l.name});return(o,d)=>(n(),i("div",{class:b(["pz-radio-group",e.mode]),"aria-disabled":e.disabled,role:"radiogroup"},[(n(!0),i(k,null,C(e.options,(a,r)=>(n(),i("label",{key:t(a,r).id,class:b(["pz-radio-group-option",[e.optionClass,{disabled:t(a,r).disabled}]]),for:t(a,r).id},[p("input",{id:t(a,r).id,name:e.name,value:String(a.value),checked:t(a,r).checked,disabled:t(a,r).disabled,type:"radio",class:"pz-radio-group-input",onChange:J=>G(a.value)},null,40,A),d[0]||(d[0]=p("span",{class:"pz-radio-group-control","aria-hidden":"true"},[p("span",{class:"pz-radio-group-dot"})],-1)),p("span",F,[g(o.$slots,"default",v({ref_for:!0},t(a,r)),()=>[S(_(a.label),1)],!0)]),o.$slots.content&&t(a,r).checked?(n(),i("div",I,[g(o.$slots,"content",v({ref_for:!0},t(a,r)),void 0,!0)])):R("",!0)],10,N))),128))],10,B))}}),z=q(c,[["__scopeId","data-v-21d7c0d8"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzRadioGroup",exportName:"default",displayName:"PzRadioGroup",description:"",tags:{},props:[{name:"modelValue",required:!1,type:{name:"PzRadioGroupValue"},defaultValue:{func:!1,value:"undefined"}},{name:"name",required:!0,type:{name:"string"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"mode",required:!1,type:{name:"union",elements:[{name:'"default"'},{name:'"accordion"'}]},defaultValue:{func:!1,value:'"default"'}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzRadioGroupOption"}]},defaultValue:{func:!1,value:"() => []"}},{name:"optionClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default",scoped:!0,bindings:[]},{name:"content",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzRadioGroup/PzRadioGroup.vue"]});const y=[{label:"Text radiobutton",value:"one"},{label:"Text radiobutton",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"}],j=[{label:"Text radiobutton",value:"one"},{label:"Text checkboxText checkboxText checkbox",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"},{label:"Text radiobutton",value:"five"}],D=e=>{const s=[`name="${e.name}"`,e.mode!=="default"?`mode="${e.mode}"`:null,e.disabled?':disabled="true"':null].filter(l=>!!l).join(" ");return`<template>
|
|
2
2
|
<PzLabel label="${e.heading}">
|
|
3
3
|
<PzRadioGroup
|
|
4
4
|
v-model="selectedValue"
|
|
@@ -18,7 +18,7 @@ const options = [
|
|
|
18
18
|
];
|
|
19
19
|
|
|
20
20
|
const selectedValue = ref("two");
|
|
21
|
-
<\/script>`},E={title:"Components/Form/PzRadioGroup",component:z,parameters:{docs:{description:{component:"Use `PzRadioGroup` for single-choice lists backed by one primitive `value`. The component keeps the legacy accordion content pattern, but aligns the API and styling with the current `Pz*` form controls."},source:{transform:(e,s)=>D(s.args??E.args)}}},args:{heading:"Назва поля",modelValue:"two",options:y,name:"radio-group-story",mode:"default",disabled:!1,optionClass:""},argTypes:{modelValue:{control:!1,description:"Selected option value."},options:{control:!1,description:"Array of radio options with `label`, `value`, and optional `disabled`/`id`."},name:{control:"text",description:"Shared native input name."},mode:{control:"inline-radio",options:["default","accordion"],description:"Default stacked list or separated accordion-style list."},disabled:{control:"boolean",description:"Disables every option in the group."},optionClass:{control:"text",description:"Optional additional class applied to each option wrapper."},heading:{control:"text",description:"Story-only field label shown through `PzLabel`.",table:{category:"Story"}}},render:e=>({components:{pzLabel:$,pzRadioGroup:z,pzText:
|
|
21
|
+
<\/script>`},E={title:"Components/Form/PzRadioGroup",component:z,parameters:{docs:{description:{component:"Use `PzRadioGroup` for single-choice lists backed by one primitive `value`. The component keeps the legacy accordion content pattern, but aligns the API and styling with the current `Pz*` form controls."},source:{transform:(e,s)=>D(s.args??E.args)}}},args:{heading:"Назва поля",modelValue:"two",options:y,name:"radio-group-story",mode:"default",disabled:!1,optionClass:""},argTypes:{modelValue:{control:!1,description:"Selected option value."},options:{control:!1,description:"Array of radio options with `label`, `value`, and optional `disabled`/`id`."},name:{control:"text",description:"Shared native input name."},mode:{control:"inline-radio",options:["default","accordion"],description:"Default stacked list or separated accordion-style list."},disabled:{control:"boolean",description:"Disables every option in the group."},optionClass:{control:"text",description:"Optional additional class applied to each option wrapper."},heading:{control:"text",description:"Story-only field label shown through `PzLabel`.",table:{category:"Story"}}},render:e=>({components:{pzLabel:$,pzRadioGroup:z,pzText:L},setup(){const s=f(e.modelValue),l=f("two");return O(()=>e.modelValue,m=>{s.value=m}),{args:e,accordionValue:l,longLabelOptions:j,radioOptions:y,selectedValue:s}},template:`
|
|
22
22
|
<div class="pz-radio-group-story">
|
|
23
23
|
<section class="pz-radio-group-story-board">
|
|
24
24
|
<div class="pz-radio-group-story-header">
|
package/dist/app/assets/{PzRouterLink.stories-ON1893ha.js → PzRouterLink.stories-BwkWGEsn.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{e as v,H as y,x as b,B as l,v as s,R as k,o as z,z as x,I as P,y as p,J as w,c as R,K as _}from"./iframe-DnMxidy5.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-BdbVjL0H.js";import{P as T}from"./PzText-wVfv1pWv.js";import{p as $}from"./configs-B15JgQZ-.js";import{P as A}from"./PzLink-2i4WT3xP.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{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 a
|
|
|
7
7
|
${r.join(`
|
|
8
8
|
`)}
|
|
9
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
|
|
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,...$],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">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const c="pz-scroll-to-highlight",f="smooth",s=o=>typeof o=="number"?{offsetTop:o}:o??{},u=o=>{if(typeof window>"u"||typeof document>"u")return null;if(typeof o=="number")return o;const t=typeof o=="string"?document.querySelector(o):o instanceof HTMLElement?o:null;return t?window.scrollY+t.getBoundingClientRect().top:null},l=(o,t)=>{if(!o||typeof window>"u")return;const n=t.highlightClassName??c,e=t.highlightDuration??2e3;n&&(o.classList.add(n),window.setTimeout(()=>{o.classList.remove(n)},e))};class i{static moveById(t,n){if(typeof document>"u")return!1;const e=document.getElementById(t);if(!e)return!1;const r=i.moveToElement(e,n);return r&&l(e,s(n)),r}static moveToTop(t){return i.moveTo(0,t)}static moveTo(t,n){if(typeof window>"u")return!1;const e=s(n);return window.scrollTo({top:Math.max(t-(e.offsetTop??0),0),left:0,behavior:e.behavior??f}),!0}static moveByQuerySelector(t,n){if(typeof document>"u")return!1;const e=document.querySelector(t);if(!e)return!1;const r=i.moveToElement(e,n);return r&&l(e,s(n)),r}static moveToElement(t,n){const e=u(t);return e===null?!1:i.moveTo(e,n)}static move(t,n){const e=u(t);return e===null?!1:i.moveTo(e,n)}}export{i as P};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as i,w as n,G as h}from"./iframe-DnMxidy5.js";import{P as v}from"./PzText-wVfv1pWv.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 => {
|
|
5
|
-
PzScrollTo.moveById("documents"${
|
|
5
|
+
PzScrollTo.moveById("documents"${t?`, { ${t} }`:""});
|
|
6
6
|
};
|
|
7
7
|
<\/script>
|
|
8
8
|
|
|
9
9
|
<template>
|
|
10
10
|
<button type="button" @click="scrollToTenderDocuments">Scroll to documents</button>
|
|
11
|
-
</template>`},
|
|
11
|
+
</template>`},g=[{id:"overview",label:"Overview",copy:"Short context for the procurement scenario and the current workflow state."},{id:"criteria",label:"Criteria",copy:"Eligibility and qualification requirements for suppliers and attached evidence."},{id:"documents",label:"Documents",copy:"Attached files, visual previews, and supporting procurement materials for review."}],b=[{name:"moveById",signature:"PzScrollTo.moveById(id, options?)",description:"Scrolls to an element found by id and optionally highlights it after scrolling.",params:"`id: string`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveById("documents", { offsetTop: 24, behavior: "smooth" });'},{name:"moveByQuerySelector",signature:"PzScrollTo.moveByQuerySelector(selector, options?)",description:"Scrolls to the first element matching a CSS selector and can highlight it.",params:"`selector: string`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveByQuerySelector("#documents .item", 32);'},{name:"moveTo",signature:"PzScrollTo.moveTo(targetTop, options?)",description:"Scrolls to an absolute Y position in the page.",params:"`targetTop: number`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveTo(640, { behavior: "auto" });'},{name:"moveToTop",signature:"PzScrollTo.moveToTop(options?)",description:"Scrolls the page back to the top.",params:"`options?: PzScrollToOptions`",example:'PzScrollTo.moveToTop({ behavior: "smooth" });'},{name:"moveToElement",signature:"PzScrollTo.moveToElement(element, options?)",description:"Scrolls directly to a passed HTMLElement instance.",params:"`element: HTMLElement`, `options?: number | PzScrollToOptions`",example:"PzScrollTo.moveToElement(sectionRef.value, { offsetTop: 16 });"},{name:"move",signature:"PzScrollTo.move(target, options?)",description:"Universal method that accepts a number, selector, or HTMLElement target.",params:"`target: number | string | HTMLElement`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.move("#documents", { highlightClassName: "pz-scroll-to-highlight" });'}],f=[{name:"PzScrollBehavior",signature:'type PzScrollBehavior = "auto" | "instant" | "smooth"',description:"Defines the scroll behavior passed to `window.scrollTo`.",example:'const behavior: PzScrollBehavior = "smooth";'},{name:"PzScrollToTarget",signature:"type PzScrollToTarget = number | string | HTMLElement",description:"Universal target type accepted by `move(...)`: absolute Y position, CSS selector, or HTMLElement.",example:'PzScrollTo.move("#documents");'},{name:"PzScrollToOptions",signature:"interface PzScrollToOptions",description:"`offsetTop` shifts the final position, `behavior` controls animation, `highlightClassName` adds a CSS class to the target, and `highlightDuration` removes it after a timeout.",example:`const options: PzScrollToOptions = {
|
|
12
12
|
offsetTop: 24,
|
|
13
13
|
behavior: "smooth",
|
|
14
14
|
highlightClassName: "pz-scroll-to-highlight",
|
|
15
15
|
highlightDuration: 2000
|
|
16
|
-
};`}],
|
|
16
|
+
};`}],S={title:"Utilities/PzScrollTo",parameters:{prototype:{caption:"Scroll utility",note:"Direct utility for anchor-like programmatic scrolling. It keeps the old moveById/moveTo/moveByQuerySelector API, but adds typed options and a reusable highlight hook for target sections."},docs:{description:{component:"Use `PzScrollTo` from the library root for programmatic scrolling to document sections, anchored blocks, or absolute positions. Available methods: `moveById(id, options?)`, `moveByQuerySelector(selector, options?)`, `moveTo(targetTop, options?)`, `moveToTop(options?)`, `moveToElement(element, options?)`, and `move(target, options?)`. `options` supports `offsetTop`, `behavior`, `highlightClassName`, and `highlightDuration`."},source:{transform:(o,t)=>z(t.args??S.args)}}},args:{behavior:"smooth",offsetTop:d},argTypes:{behavior:{control:"inline-radio",options:T,description:"Scroll behavior passed to window.scrollTo."},offsetTop:{control:{type:"number",min:0,max:120,step:4},description:"Top offset subtracted from the target position."}},render:o=>({components:{pzText:v},setup(){const t=i(o.behavior),r=i(o.offsetTop);n(()=>o.behavior,e=>{t.value=e}),n(()=>o.offsetTop,e=>{r.value=e});const l=e=>{a.moveById(e,{behavior:t.value,offsetTop:r.value})},u=()=>{a.moveToTop({behavior:t.value})};return h(()=>{document.querySelectorAll(".pz-scroll-to-highlight").forEach(e=>{e.classList.remove("pz-scroll-to-highlight")})}),{methodDocs:b,sections:g,scrollToSection:l,scrollToTop:u,typeDocs:f}},template:`
|
|
17
17
|
<div class="pz-scroll-to-story">
|
|
18
18
|
<section class="pz-scroll-to-story-toolbar">
|
|
19
19
|
<div class="pz-scroll-to-story-copy">
|
|
@@ -69,7 +69,7 @@ const scrollToTenderDocuments = (): void => {
|
|
|
69
69
|
:id="section.id"
|
|
70
70
|
:key="section.id"
|
|
71
71
|
class="pz-scroll-to-story-section"
|
|
72
|
-
:style="{ minHeight: '${
|
|
72
|
+
:style="{ minHeight: '${y}' }"
|
|
73
73
|
>
|
|
74
74
|
<span class="pz-scroll-to-story-kicker">{{ section.id }}</span>
|
|
75
75
|
<pz-text variant="h4-bold">{{ section.label }}</pz-text>
|
|
@@ -78,4 +78,4 @@ const scrollToTenderDocuments = (): void => {
|
|
|
78
78
|
</article>
|
|
79
79
|
</section>
|
|
80
80
|
</div>
|
|
81
|
-
`})},
|
|
81
|
+
`})},s={};var c,p,m;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(m=(p=s.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const I=["Playground"];export{s as Playground,I as __namedExportsOrder,S as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as d}from"./PzText-
|
|
1
|
+
import{P as d}from"./PzText-wVfv1pWv.js";import{e as m,x as y,B as h,n as z,A as f,c as v,o as g,q as s,y as i}from"./iframe-DnMxidy5.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,A)=>(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>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{e as O,f as m,z as f,B as p,v as d,n as S,g as b,c as s,o as g,q as v,F as $,u as D,y as V,C as P,t as _,r as I,J as L}from"./iframe-DnMxidy5.js";import{u as T}from"./index-BChZP_pX.js";import{k as W}from"./floating-vue-C3YQ4ztE.js";import{l as q}from"./lodash-CdDiHlzQ.js";import{_ as A}from"./PzIcon-BdbVjL0H.js";import{P as R}from"./PzLabel-Gzu6PYek.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";const J=6,M=["id"],Z=["id","disabled","aria-controls","aria-expanded","aria-label"],G={class:"pz-select-trigger-text"},H=["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=I(null),{width:k}=T(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(W),{class:"pz-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+l.name,distance:d(J),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",G,[V(e.$slots,"selected",{option:i.value,placeholder:a.placeholder},()=>[P(_(B.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(E.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",L({ref_for:!0},w(t)),()=>[P(_(t.label),1)],!0)],10,K))),128))],12,H)]),_: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-DnMxidy5.js";import{_ as h}from"./PzIcon-BdbVjL0H.js";import{P as b}from"./PzText-wVfv1pWv.js";import{P as n}from"./PzSelect-RbDy3aSL.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./index-BChZP_pX.js";import"./floating-vue-C3YQ4ztE.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzLabel-Gzu6PYek.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{
|
|
1
|
+
import{e as s,f as l,n as o,g as r,c as i,o as u}from"./iframe-DnMxidy5.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-wVfv1pWv.js";import{P as t}from"./PzSkeleton-CAFgMJpB.js";import"./iframe-DnMxidy5.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">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as o,x as r,B as p,g as u,A as l,c,o as i,q as d,y as m}from"./iframe-DnMxidy5.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const _=["auction-progress","auction-waiting","auction-success"],y={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":_.includes(a.variant)}]);return(n,z)=>(i(),r(l(a.as),{class:u(["pz-status",t.value])},{default:p(()=>[d("span",y,[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-wVfv1pWv.js";import{p as c}from"./configs-B15JgQZ-.js";import{P as s}from"./PzStatus-BAANjGNZ.js";import"./iframe-DnMxidy5.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">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as g,o as a,f as l,g as q,q as u,t as P,x as p,v as h,p as v,y as D,F as c,C as F,c as N,E as x,u as T,n as k,I,B as A,J as S}from"./iframe-DnMxidy5.js";import{l as $}from"./lodash-CdDiHlzQ.js";import{P as E}from"./PzInfoHint-CnIPovvR.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const V="—",w={class:"pz-table-data__title"},W=["innerHTML"],m=g({name:"PzTableData",__name:"PzTableData",props:{column:{},data:{default:void 0},defaultValue:{},isBold:{type:Boolean,default:!1}},setup(e){const o=e,r=N(()=>o.data??{}),s=N(()=>$.get(o.data,o.column.key)||o.defaultValue);return(y,C)=>{var i;return a(),l("td",{class:q(["pz-table-data",{"pz-table-data--bold":e.isBold}])},[u("p",w,[u("span",null,P(e.column.mobileName||e.column.name),1),(i=e.column.infoContent)!=null&&i.length?(a(),p(h(E),{key:0,"info-content":e.column.infoContent},null,8,["info-content"])):v("",!0)]),D(y.$slots,"default",{data:r.value,column:e.column,value:s.value},()=>[e.column.isContentHtml?(a(),l("span",{key:0,innerHTML:String(s.value)},null,8,W)):(a(),l(c,{key:1},[F(P(s.value),1)],64))],!0)],2)}}}),j=B(m,[["__scopeId","data-v-e0a86207"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__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"},f=g({name:"PzTableHead",__name:"PzTableHead",props:{column:{}},setup(e){return(o,r)=>{var s;return a(),l("th",M,[u("span",null,P(e.column.name),1),(s=e.column.infoContent)!=null&&s.length?(a(),p(h(E),{key:0,"info-content":e.column.infoContent,class:"pz-table-head__hint"},null,8,["info-content"])):v("",!0)])}}}),R=B(f,[["__scopeId","data-v-c4688b62"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__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 U={class:"pz-table-wrap"},K={class:"pz-table"},O={key:0,class:"pz-table__head"},Y={class:"pz-table__row pz-table__row--head"},Z=100,b=g({name:"PzTable",__name:"PzTable",props:{config:{},data:{},defaultValue:{default:V},visibleHeader:{type:Boolean,default:!0},isBoldFirstColumn:{type:Boolean,default:!0}},setup(e){const o=x(),r=e,s=({colWidth:n})=>({width:r.config.some(({colWidth:t})=>!!t)?`${n}%`:`${Math.floor(Z/r.config.length)}%`}),y=n=>!!o[n],C=n=>n,i=(n,_)=>{const{id:t}=n,z=typeof t=="string"||typeof t=="number";return"id"in n&&z?t:_};return(n,_)=>(a(),l("div",U,[u("table",K,[e.visibleHeader?(a(),l("thead",O,[u("tr",Y,[(a(!0),l(c,null,T(e.config,t=>(a(),p(R,{key:t.id,column:t,style:k(s(t))},null,8,["column","style"]))),128))])])):v("",!0),u("tbody",null,[(a(!0),l(c,null,T(e.data,(t,z)=>(a(),l("tr",{key:i(t,z),class:"pz-table__row"},[(a(!0),l(c,null,T(e.config,(d,H)=>(a(),p(j,{key:d.id,column:d,data:t,"default-value":e.defaultValue??h(V),"is-bold":e.isBoldFirstColumn&&H===0,style:k(s(d))},I({_:2},[y(d.key)?{name:"default",fn:A(L=>[D(n.$slots,C(d.key),S({ref_for:!0},L),void 0,!0)]),key:"0"}:void 0]),1032,["column","data","default-value","is-bold","style"]))),128))]))),128))])])]))}}),ee=B(b,[["__scopeId","data-v-956b5e80"]]);b.__docgenInfo=Object.assign({displayName:b.name??b.__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"},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:"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{ee as P,V as a,R as b,j as c};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P}from"./PzLink-
|
|
1
|
+
import{P}from"./PzLink-2i4WT3xP.js";import{P as S}from"./PzTag-CAGZAy4m.js";import{P as r}from"./PzText-wVfv1pWv.js";import{P as k,a as i}from"./PzTable-DfkZeSKE.js";import"./iframe-DnMxidy5.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzInfoHint-CnIPovvR.js";import"./PzIcon-BdbVjL0H.js";import"./PzHint-fPmDJyN-.js";import"./floating-vue-C3YQ4ztE.js";import"./floating-vue-DNwAdjS6.js";const 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"
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import{P}from"./PzTable-DfkZeSKE.js";import{P as u}from"./PzText-wVfv1pWv.js";import{e as b,f as v,y as z,v as t,x as T,p as f,o as r}from"./iframe-DnMxidy5.js";import{I as y,P as _}from"./PzListNav-DL5w2QO1.js";import{u as h}from"./StaticPagination.composable-HjC3V8oE.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzInfoHint-CnIPovvR.js";import"./PzIcon-BdbVjL0H.js";import"./PzHint-fPmDJyN-.js";import"./floating-vue-C3YQ4ztE.js";import"./floating-vue-DNwAdjS6.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./PzSelect-RbDy3aSL.js";import"./index-BChZP_pX.js";import"./PzLabel-Gzu6PYek.js";import"./PzPagination-CZaMx9WU.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,x=n,C=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"})),Y={title:"Components/Navigation/PzTablePaginationProvider",component:x,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:C,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 J=["Playground"];export{o as Playground,J as __namedExportsOrder,Y as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as T}from"./PzText-
|
|
1
|
+
import{P as T}from"./PzText-wVfv1pWv.js";import{e as q,a5 as f,w as G,a6 as Q,G as X,X as J,a7 as Y,f as m,y as F,r as Z,o as u,j as K,h as tt,q as _,F as at,u as st,n as et,g as w,a3 as nt,c as rt,t as pt,a8 as P}from"./iframe-DnMxidy5.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}),X(()=>o==null?void 0:o(n)),(z,mt)=>J((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-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
|
|
@@ -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 W,
|
|
468
|
+
}`,...(C=(B=d.parameters)==null?void 0:B.docs)==null?void 0:C.source}}};var N,W,D;c.parameters={...c.parameters,docs:{...(N=c.parameters)==null?void 0:N.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
|
+
}`,...(D=(W=c.parameters)==null?void 0:W.docs)==null?void 0:D.source}}};var $,I,L;v.parameters={...v.parameters,docs:{...($=v.parameters)==null?void 0:$.docs,source:{originalSource:`{
|
|
522
522
|
parameters: {
|
|
523
523
|
docs: {
|
|
524
524
|
source: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as l,x as p,B as i,g as f,A as u,o as t,f as n,y as o,p as r,q as c}from"./iframe-DnMxidy5.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,4 +1,4 @@
|
|
|
1
|
-
import{_ as c}from"./PzIcon-
|
|
1
|
+
import{_ as c}from"./PzIcon-BdbVjL0H.js";import{P as g}from"./PzText-wVfv1pWv.js";import{p as d}from"./configs-B15JgQZ-.js";import{P as o}from"./PzTag-CAGZAy4m.js";import"./iframe-DnMxidy5.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{
|
|
1
|
+
import{e as n,x as r,g as d,A as p,c as u,B as i,o as c,y as m}from"./iframe-DnMxidy5.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)=>(c(),r(p(l.value),{class:d(["pz-text",`pz-text--${a.variant}`])},{default:i(()=>[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-wVfv1pWv.js";import"./iframe-DnMxidy5.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">
|