@prozorro/prozorro-ui 0.0.40-beta → 0.0.41-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-CZD8RYB0.js → Color-FRDS63T2-2obUEhCm.js} +1 -1
- package/dist/app/assets/{Colors.stories-hs0Za0aE.js → Colors.stories-BMbHMhGA.js} +1 -1
- package/dist/app/assets/{Display.stories-sB711-oK.js → Display.stories-BBjsLwDc.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-CQm2mYOT.js → DocsRenderer-LL677BLK-CuOoqRZl.js} +5 -5
- package/dist/app/assets/{Grid.stories-BiZS_9bf.js → Grid.stories-CQZCZI5j.js} +1 -1
- package/dist/app/assets/{PzAccordion-khn0dN8A.js → PzAccordion-BSQYPNjM.js} +1 -1
- package/dist/app/assets/{PzAccordion-Cw_Hnkd6.css → PzAccordion-CXBhi_gL.css} +1 -1
- package/dist/app/assets/{PzAccordion-CgwEpAZy.css → PzAccordion-c_zcspyL.css} +1 -1
- package/dist/app/assets/{PzAccordion.stories-BZvlEhan.js → PzAccordion.stories-DOIXAlLU.js} +1 -1
- package/dist/app/assets/PzAccordionTable-BRz_n_jx.css +1 -0
- package/dist/app/assets/{PzAccordionTable.stories-lMnKiKPM.js → PzAccordionTable.stories-XpYTmVac.js} +1 -1
- package/dist/app/assets/{PzArrayClamp-BUNrAErZ.css → PzArrayClamp-BzUXHyXV.css} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-BM2k66Hp.js → PzArrayClamp.stories-DRzMKk3Q.js} +1 -1
- package/dist/app/assets/{PzBreadcrumb-K-TQ8MS5.css → PzBreadcrumb-CubvofiN.css} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-CHBx0bzz.js → PzBreadcrumb.stories-DSwR6Zhy.js} +1 -1
- package/dist/app/assets/{PzBtn-DsPI9PPA.js → PzBtn-CHWxsUbf.js} +1 -1
- package/dist/app/assets/PzBtn-zCR42S1W.css +1 -0
- package/dist/app/assets/{PzBtn.stories-DGsCHlJI.js → PzBtn.stories-DMcabHwY.js} +1 -1
- package/dist/app/assets/{PzCheckbox-DmDY3c3T.css → PzCheckbox-BSVY5qml.css} +1 -1
- package/dist/app/assets/{PzCheckbox-CPXpJWSj.js → PzCheckbox-DUlY0-zQ.js} +1 -1
- package/dist/app/assets/PzCheckbox-zM6dePQK.css +1 -0
- package/dist/app/assets/{PzCheckbox.stories-BauCagn6.js → PzCheckbox.stories-CGIuN9RB.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup-CN2FJX07.css → PzCheckboxGroup-BqQdZfP9.css} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-DA2R_O1M.js → PzCheckboxGroup.stories-DKXcZ7XR.js} +1 -1
- package/dist/app/assets/PzCopyToClipboard-DofnjMUH.css +1 -0
- package/dist/app/assets/{PzCopyToClipboard.stories-CdYB46e5.js → PzCopyToClipboard.stories-BqX-I96y.js} +1 -1
- package/dist/app/assets/{PzDate-hJvctBfd.js → PzDate-CobC6sjl.js} +1 -1
- package/dist/app/assets/PzDate-baR0_jQH.css +1 -0
- package/dist/app/assets/{PzDate.stories-CgCe3Nnc.js → PzDate.stories-DJxtTIqM.js} +1 -1
- package/dist/app/assets/PzDateRange-BzfCENCU.css +1 -0
- package/dist/app/assets/{PzDateRange.stories-D1HjdqGr.js → PzDateRange.stories-BmAh9FKD.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-C-dYKpJJ.js → PzDomHandler.stories-BGQNF3RT.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-BmIhXmNC.js → PzDropdown.stories-B5f5--_5.js} +1 -1
- package/dist/app/assets/PzFileInput-Gac6BDfH.css +1 -0
- package/dist/app/assets/{PzFileInput.stories-CVyTKKOU.js → PzFileInput.stories-b0DduB20.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-h-Jm9RGt.js → PzGrid.stories-DRAb-gdp.js} +1 -1
- package/dist/app/assets/{PzHint-CP_BZRfx.js → PzHint-VbJ8_OEs.js} +1 -1
- package/dist/app/assets/{PzHint.stories-DK7D_-QL.js → PzHint.stories-DIhWcr3O.js} +1 -1
- package/dist/app/assets/{PzIcon-oQTiKqVA.js → PzIcon-C-3xKskM.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-bNkw1b9I.js → PzIcon.stories-DCEHxy8A.js} +1 -1
- package/dist/app/assets/{PzImage.stories-Dnm__74q.js → PzImage.stories-CWf_nZnD.js} +1 -1
- package/dist/app/assets/PzImageInput-Xn8tHgIu.css +1 -0
- package/dist/app/assets/{PzImageInput.stories-plQbre4T.js → PzImageInput.stories-DgvF_4Hf.js} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout.stories-DLKZp_cm.js → PzInfoBlockLayout.stories-BUdFb8-m.js} +1 -1
- package/dist/app/assets/{PzInfoHint-Xm82351h.js → PzInfoHint-DhuMOgQr.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-vOGWLl12.js → PzInfoHint.stories-CXpKqqmS.js} +1 -1
- package/dist/app/assets/PzInput-DkCprhLn.css +1 -0
- package/dist/app/assets/{PzInput.stories-CciStlsP.js → PzInput.stories-CaSEsE9F.js} +1 -1
- package/dist/app/assets/PzInputDate-CI1eYBxA.css +1 -0
- package/dist/app/assets/{PzInputDate.stories-C4lnnVac.js → PzInputDate.stories-BUZq7VSB.js} +1 -1
- package/dist/app/assets/PzInputNumber-Bh8AA4gZ.css +1 -0
- package/dist/app/assets/{PzInputNumber.stories-DVGC0VQA.js → PzInputNumber.stories-Dhjg4gA5.js} +1 -1
- package/dist/app/assets/{PzKeyValue-Z3-BviOr.js → PzKeyValue-BOmUJdpo.js} +1 -1
- package/dist/app/assets/{PzKeyValue-EPKiMoJ_.css → PzKeyValue-Ccv9zdq_.css} +1 -1
- package/dist/app/assets/PzKeyValue-EQ-1dqIb.css +1 -0
- package/dist/app/assets/{PzKeyValue.stories-CWhjCFqO.js → PzKeyValue.stories-C4rWPP8T.js} +1 -1
- package/dist/app/assets/{PzLabel-PSoldOUs.js → PzLabel-CFLEBhzy.js} +1 -1
- package/dist/app/assets/{PzLabel-CJEygbd7.css → PzLabel-DE2W4T0K.css} +1 -1
- package/dist/app/assets/PzLabel-v1N8r9Ru.css +1 -0
- package/dist/app/assets/{PzLabel.stories-Bd4usMfq.js → PzLabel.stories-CCf1csl5.js} +1 -1
- package/dist/app/assets/PzLink-Dy-Umjmi.css +1 -0
- package/dist/app/assets/{PzLink-zDM7cZX5.js → PzLink-XzzpwDDe.js} +1 -1
- package/dist/app/assets/{PzLink.stories-CYNj1sXy.js → PzLink.stories-Bs0oj9Zr.js} +1 -1
- package/dist/app/assets/{PzListNav-D-yPeOUM.js → PzListNav-Dqq7pboP.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-D5At3Zkd.js → PzListNav.stories-D2aip-cT.js} +1 -1
- package/dist/app/assets/{PzLoader.stories-B030m6F0.js → PzLoader.stories-DY6PtBpi.js} +1 -1
- package/dist/app/assets/PzModal-CnBWmDSc.css +1 -0
- package/dist/app/assets/{PzModal.stories-Dr0ZW-58.js → PzModal.stories-DC0LT5Qz.js} +1 -1
- package/dist/app/assets/PzMultiSelect-Cfb6evRy.css +1 -0
- package/dist/app/assets/{PzMultiSelect.stories-BHZ2ecXg.js → PzMultiSelect.stories-enwvShW9.js} +1 -1
- package/dist/app/assets/{PzNav-CRx-UXBq.css → PzNav-DspFA5lg.css} +1 -1
- package/dist/app/assets/{PzNav.stories-C_MEpqNC.js → PzNav.stories-_me46xTg.js} +1 -1
- package/dist/app/assets/{PzNumberFormat.stories-CDR6f4yM.js → PzNumberFormat.stories-Tgzd7Ttu.js} +1 -1
- package/dist/app/assets/{PzPagination-CdKPJSDl.js → PzPagination-BdZP_alz.js} +1 -1
- package/dist/app/assets/{PzPagination-CzLaBvxz.css → PzPagination-CFvvWOjf.css} +1 -1
- package/dist/app/assets/PzPagination-DrdBvKcE.css +1 -0
- package/dist/app/assets/{PzPagination.stories-B6xKUFXV.js → PzPagination.stories-COXfJ0CP.js} +1 -1
- package/dist/app/assets/{PzPaginationProvider.stories-DLAdIi1J.js → PzPaginationProvider.stories-BY0X1zt3.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-DU5OVPqD.js → PzPriceFormat.stories-Bn7VyLHN.js} +1 -1
- package/dist/app/assets/PzRadioGroup-R8_6QrK-.css +1 -0
- package/dist/app/assets/{PzRadioGroup.stories-pNEzfGxy.js → PzRadioGroup.stories-CZg42y4W.js} +1 -1
- package/dist/app/assets/{PzRouterLink.stories-C3aiw0hc.js → PzRouterLink.stories-w3FUezJW.js} +1 -1
- package/dist/app/assets/{PzScrollTo-CeFMQ5ht.css → PzScrollTo-DzWhgZW1.css} +1 -1
- package/dist/app/assets/{PzScrollTo.stories-DKBAtAmY.js → PzScrollTo.stories-BAwTBJOw.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-Bbs0c2_x.js → PzSearchResultItemLayout.stories-C8PMflOD.js} +1 -1
- package/dist/app/assets/PzSelect-BnAJDgwT.css +1 -0
- package/dist/app/assets/{PzSelect-CQM6jpG2.js → PzSelect-DQhnNexa.js} +1 -1
- package/dist/app/assets/{PzSelect-DTyQS_29.css → PzSelect-tG5CUo8b.css} +1 -1
- package/dist/app/assets/{PzSelect.stories-Dm0iu944.js → PzSelect.stories-CpbpJZqk.js} +1 -1
- package/dist/app/assets/{PzSkeleton-Cr0mPupV.js → PzSkeleton-e2shhmz6.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-YMYwLX-S.js → PzSkeleton.stories-Cn0fkZf3.js} +1 -1
- package/dist/app/assets/{PzStatus-Ds7_Enea.css → PzStatus-B7GJKzpb.css} +1 -1
- package/dist/app/assets/PzStatus-BAlfhMDA.css +1 -0
- package/dist/app/assets/{PzStatus-DiS3-cqb.js → PzStatus-BgkfQHGk.js} +1 -1
- package/dist/app/assets/{PzStatus.stories-DCKcyvKj.js → PzStatus.stories-BKqWeLtT.js} +1 -1
- package/dist/app/assets/PzTable-Bm501OG2.css +1 -0
- package/dist/app/assets/{PzTable-D2ee3aEl.css → PzTable-CatL5V8E.css} +1 -1
- package/dist/app/assets/{PzTable-BikFpAg_.js → PzTable-D2LKFxwd.js} +1 -1
- package/dist/app/assets/{PzTable.stories-CJ2NsVxZ.js → PzTable.stories-D1ygOE5A.js} +1 -1
- package/dist/app/assets/{PzTablePaginationProvider.stories-D1O-0cKC.js → PzTablePaginationProvider.stories-BWZ3CeB1.js} +1 -1
- package/dist/app/assets/{PzTabs.stories-DQnwvpVQ.js → PzTabs.stories-BgBxGpKa.js} +1 -1
- package/dist/app/assets/{PzTag-y1WU9cus.js → PzTag-DAOIn8mO.js} +1 -1
- package/dist/app/assets/PzTag-DQSMTk70.css +1 -0
- package/dist/app/assets/{PzTag.stories-DwaRjKQG.js → PzTag.stories-pmikPYMk.js} +1 -1
- package/dist/app/assets/PzText-CUisHoBu.css +1 -0
- package/dist/app/assets/{PzText-CJzGyv6U.js → PzText-DCaCG1Xi.js} +1 -1
- package/dist/app/assets/{PzText.stories-BwZFi9lN.js → PzText.stories-D4pXngYq.js} +1 -1
- package/dist/app/assets/{PzTextClamp-BIC7xfPk.css → PzTextClamp-D9MjEcfh.css} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-DuyLeTPy.js → PzTextClamp.stories-vFF78pFR.js} +1 -1
- package/dist/app/assets/PzTextarea-CXtZYb7k.css +1 -0
- package/dist/app/assets/{PzTextarea.stories-TSDLcRZN.js → PzTextarea.stories-Co3I3JKV.js} +1 -1
- package/dist/app/assets/{PzValidatorXSS.stories-CsXcwRfX.js → PzValidatorXSS.stories-C9NSjKBE.js} +1 -1
- package/dist/app/assets/{Spacing.stories-C-t84-Se.js → Spacing.stories-BSGAAXnF.js} +1 -1
- package/dist/app/assets/{StaticPagination.composable-B2uUxNPi.js → StaticPagination.composable-DtYpvhgQ.js} +1 -1
- package/dist/app/assets/{Typography.stories-B0Yq7OFF.js → Typography.stories-DeOre0Rr.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-DUayoX6w.js → WithTooltip-65CFNBJE-Hgwe5NHB.js} +1 -1
- package/dist/app/assets/{floating-vue-DmewIZYw.js → floating-vue-C03hZ3mq.js} +1 -1
- package/dist/app/assets/{floating-vue-DwDlFWML.js → floating-vue-CspvJYvV.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-DK1ksH3i.js → formatter-EIJCOSYU-DsBeP-5V.js} +1 -1
- package/dist/app/assets/{iframe-IfFG3sv1.js → iframe-CK_-siX_.js} +3 -3
- package/dist/app/assets/{index-DyaAszhA.js → index-BW21p6n4.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-tdoGWdQk.js → syntaxhighlighter-OH4MV7E3-B_EgZCJm.js} +1 -1
- package/dist/app/iframe.html +1 -1
- package/dist/app/project.json +1 -1
- package/dist/package.json +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/abstract/_typography.scss +2 -0
- package/dist/app/assets/PzAccordionTable-ByqdyFZC.css +0 -1
- package/dist/app/assets/PzBtn-By7_7Dux.css +0 -1
- package/dist/app/assets/PzCheckbox-BO-0dg5r.css +0 -1
- package/dist/app/assets/PzCopyToClipboard-vazOWwB-.css +0 -1
- package/dist/app/assets/PzDate-CjW2fw1X.css +0 -1
- package/dist/app/assets/PzDateRange-CbQlpZyA.css +0 -1
- package/dist/app/assets/PzFileInput-B_WCKEDW.css +0 -1
- package/dist/app/assets/PzImageInput-DG_1by3v.css +0 -1
- package/dist/app/assets/PzInput-C6QV2n-4.css +0 -1
- package/dist/app/assets/PzInputDate-AsqeTnEg.css +0 -1
- package/dist/app/assets/PzInputNumber-PxLF66Lr.css +0 -1
- package/dist/app/assets/PzKeyValue-B_F78Oa_.css +0 -1
- package/dist/app/assets/PzLabel-vDqYjuiT.css +0 -1
- package/dist/app/assets/PzLink-7Bu0g0W-.css +0 -1
- package/dist/app/assets/PzModal-B6_YnSLo.css +0 -1
- package/dist/app/assets/PzMultiSelect-C17LC7iT.css +0 -1
- package/dist/app/assets/PzPagination-Cce_GQum.css +0 -1
- package/dist/app/assets/PzRadioGroup-Cy5QGlSc.css +0 -1
- package/dist/app/assets/PzSelect-Bv8_b4EX.css +0 -1
- package/dist/app/assets/PzStatus-nUU7_Ga1.css +0 -1
- package/dist/app/assets/PzTable-ofL7t2uX.css +0 -1
- package/dist/app/assets/PzTag-C7c_OY4c.css +0 -1
- package/dist/app/assets/PzText-Cu0hEn3j.css +0 -1
- package/dist/app/assets/PzTextarea-C9zqbuqq.css +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as c,w as _}from"./iframe-
|
|
1
|
+
import{r as c,w as _}from"./iframe-CK_-siX_.js";import{I as r,a as L,P as i}from"./PzListNav-Dqq7pboP.js";import"./preload-helper-C1FmrZbK.js";import"./PzSelect-DQhnNexa.js";import"./index-BW21p6n4.js";import"./floating-vue-CspvJYvV.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzIcon-C-3xKskM.js";import"./PzLabel-CFLEBhzy.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzPagination-BdZP_alz.js";const S="<\/script>",h=e=>{const t=[`:total="${e.total}"`,e.selectLabel?`:select-label="'${e.selectLabel}'"`:null,e.perPage!==r.TEN?`:per-page="${e.perPage}"`:null,e.currentPage&&e.currentPage!==1?`:current-page="${e.currentPage}"`:null,'@on-input="range = $event"'].filter(p=>!!p).join(`
|
|
2
2
|
`);return`<script setup lang="ts">
|
|
3
3
|
import { ref } from "vue";
|
|
4
4
|
const range = ref<[number, number]>([0, 10]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as L,f as l,q as P,F as S,u as x,v as h,g as V,o as t}from"./iframe-
|
|
1
|
+
import{e as L,f as l,q as P,F as S,u as x,v as h,g as V,o as t}from"./iframe-CK_-siX_.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const B=["aria-label"],N={class:"pz-loader__wrapper"},o=L({name:"PzLoader",__name:"PzLoader",props:{isSmall:{type:Boolean,default:!1},variant:{default:"primary"},label:{default:"Loading"}},setup(e){const v=Array.from({length:12},(z,n)=>n);return(z,n)=>(t(),l("div",{class:V(["pz-loader",{"pz-loader--small":e.isSmall,"pz-loader--grey":e.variant==="grey"}]),role:"status","aria-label":e.label},[P("div",N,[(t(!0),l(S,null,x(h(v),b=>(t(),l("div",{key:b,class:"pz-loader__item"}))),128))])],10,B))}}),i=q(o,[["__scopeId","data-v-e5d6adb3"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzLoader",exportName:"default",displayName:"PzLoader",description:"",tags:{},props:[{name:"isSmall",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzLoaderVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Loading"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzLoader/PzLoader.vue"]});const F={title:"Components/Display/PzLoader",component:i,args:{isSmall:!1,variant:"primary",label:"Loading"},argTypes:{isSmall:{control:"boolean",description:"Displays the compact loader size."},variant:{control:"select",options:["primary","grey"],description:"Loader color variant."},label:{control:"text",description:"Accessible status label."}},render:e=>({components:{pzLoader:i},setup(){return{args:e}},template:'<pz-loader v-bind="args" />'})},a={},r={args:{isSmall:!0}},s={args:{variant:"grey"}};var d,c,m;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(c=a.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var p,u,f;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
isSmall: true
|
|
4
4
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-modal-story{display:grid;gap:24px}.pz-modal-story-board{padding:clamp(24px,3vw,32px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-modal-story-copy{display:grid;gap:16px;max-width:560px}.pz-modal-story-eyebrow{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-modal-story-trigger,.pz-modal-story-primary,.pz-modal-story-secondary{height:40px;padding:0 16px;border-radius:4px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-trigger,.pz-modal-story-primary{border:1px solid var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-modal-story-trigger:hover,.pz-modal-story-trigger:focus-visible,.pz-modal-story-primary:hover,.pz-modal-story-primary:focus-visible{background:var(--pz-color-button-primary-hover);border-color:var(--pz-color-button-primary-hover);outline:none}.pz-modal-story-secondary{border:1px solid color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-modal-story-secondary:hover,.pz-modal-story-secondary:focus-visible{border-color:var(--pz-color-text-link-hover);color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-content{display:grid;gap:20px}.pz-modal-story-paper{display:grid;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:6px;background:linear-gradient(180deg,#fff,#fbfcff)}.pz-modal-story-document-header{display:flex;align-items:center;gap:12px;min-width:0}.pz-modal-story-download{color:var(--pz-color-text-link);text-decoration:none;white-space:nowrap;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-download:hover,.pz-modal-story-download:focus-visible{color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-document{min-height:72vh;padding:12px;background:#2f2f31}.pz-modal-story-document-frame{display:grid;place-items:center;min-height:calc(72vh - 24px);background:linear-gradient(90deg,#333 0 18%,transparent 18% 82%,#333 82% 100%),#f4f4f2}.pz-modal-story-document-sheet{width:min(100%,620px);aspect-ratio:.75;background:linear-gradient(rgba(0,0,0,.0705882353) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.031372549) 1px,transparent 1px),linear-gradient(180deg,#fff,#f6f6f4);background-size:100% 30px,28px 100%,100% 100%;box-shadow:0 18px 40px #00000026}@media (width <= 640px){.pz-modal-story-board{padding:20px;border-radius:22px}.pz-modal-story-document-header{flex-wrap:wrap;align-items:start}}.pz-modal[data-v-a4294a35]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.pz-modal-overlay[data-v-a4294a35]{display:grid;place-items:center;width:100%;height:100%;padding:clamp(12px,3vw,32px);background:color-mix(in srgb,var(--pz-color-black-90) 74%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pz-modal-dialog[data-v-a4294a35]{--pz-modal-width: min(720px, calc(100vw - 32px) );--pz-modal-padding: 8px;--pz-modal-radius: 3px;width:var(--pz-modal-width);max-width:100%;max-height:min(92vh,980px);overflow:auto;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent);border-radius:var(--pz-modal-radius);background:var(--pz-color-white);box-shadow:0 28px 80px color-mix(in srgb,var(--pz-color-black-90) 18%,transparent),0 6px 24px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}.pz-modal-dialog--compact[data-v-a4294a35]{--pz-modal-width: min(520px, calc(100vw - 32px) )}.pz-modal-dialog--regular[data-v-a4294a35]{--pz-modal-width: min(720px, calc(100vw - 32px) )}.pz-modal-dialog--wide[data-v-a4294a35]{--pz-modal-width: min(1080px, calc(100vw - 32px) )}.pz-modal-dialog--fullscreen[data-v-a4294a35]{--pz-modal-width: calc(100vw - 24px) ;max-height:calc(100vh - 24px)}.pz-modal-header[data-v-a4294a35],.pz-modal-footer[data-v-a4294a35]{position:sticky;z-index:1;background:var(--pz-color-white)}.pz-modal-header[data-v-a4294a35]{top:0;display:flex;align-items:start;justify-content:end;gap:16px;padding:var(--pz-modal-padding)}.pz-modal-header--between[data-v-a4294a35]{justify-content:space-between}.pz-modal-footer[data-v-a4294a35]{bottom:0;display:flex;align-items:center;justify-content:end;gap:12px;padding:var(--pz-modal-padding)}.pz-modal-title[data-v-a4294a35]{min-width:0;padding-top:2px}.pz-modal-body[data-v-a4294a35]{padding:0 var(--pz-modal-padding) var(--pz-modal-padding);color:var(--pz-color-text-primary);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-modal-body-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-modal-body-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-modal-body-line-height, var(--pz-typography-line-height, 1.5))}.pz-modal-close[data-v-a4294a35]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--pz-color-text-link);cursor:pointer;transition:color .16s ease,background-color .16s ease}.pz-modal-close[data-v-a4294a35]:hover,.pz-modal-close[data-v-a4294a35]:focus-visible{color:var(--pz-color-text-link-hover);background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);outline:none}@media (width <= 640px){.pz-modal-overlay[data-v-a4294a35]{padding:12px}.pz-modal-dialog[data-v-a4294a35]{--pz-modal-width: calc(100vw - 24px) ;--pz-modal-padding: 16px}.pz-modal-header[data-v-a4294a35]{gap:12px;padding-bottom:12px}.pz-modal-footer[data-v-a4294a35]{flex-wrap:wrap;justify-content:stretch}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as Z,E as G,w as V,G as H,x as _,f as n,q as v,Z as J,g as P,y as f,p as l,B as Q,v as k,O as X,a1 as Y,a2 as ee,c as r,o as s,A as oe,C as te,t as ae,r as F}from"./iframe-
|
|
1
|
+
import{e as Z,E as G,w as V,G as H,x as _,f as n,q as v,Z as J,g as P,y as f,p as l,B as Q,v as k,O as X,a1 as Y,a2 as ee,c as r,o as s,A as oe,C as te,t as ae,r as F}from"./iframe-CK_-siX_.js";import{P as O}from"./PzText-DCaCG1Xi.js";import{_ as se}from"./PzIcon-C-3xKskM.js";import{_ as le}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ne=["compact","regular","wide","fullscreen"],re="close",de={id:"default",title:"",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal"},ie=["aria-labelledby","aria-describedby"],ce=["id"],pe=["aria-label"],ue=["id"],me={key:1,class:"pz-modal-footer"},m=Z({name:"PzModal",__name:"PzModal",props:ee({id:{},isOpen:{type:Boolean},title:{},size:{},closeOnOverlay:{type:Boolean},closeOnEscape:{type:Boolean},showCloseButton:{type:Boolean},closeLabel:{}},de),setup(e,{emit:t}){const d=G(),o=e,y=t,g=r(()=>`pz-modal-title-${o.id}`),w=r(()=>`pz-modal-description-${o.id}`),z=r(()=>!!(o.title||d.header)),K=r(()=>z.value||o.showCloseButton),R=r(()=>[`pz-modal-dialog--${o.size}`]);let M="";const x=a=>{if(!(typeof document>"u")){if(a){M=document.body.style.overflow,document.body.style.overflow="hidden";return}document.body.style.overflow=M}},b=()=>{y(re)},U=()=>{o.closeOnOverlay&&b()},W=()=>{o.closeOnEscape&&b()};return V(()=>o.isOpen,a=>{x(a)},{immediate:!0}),H(()=>{x(!1)}),(a,C)=>(s(),_(Y,{to:"body"},[o.isOpen?(s(),n("div",{key:0,class:"pz-modal",onKeydown:X(W,["esc"])},[v("div",{class:"pz-modal-overlay",onClick:U},[v("div",{ref:"dialogRef",class:P(["pz-modal-dialog",R.value]),role:"dialog","aria-modal":!0,"aria-labelledby":g.value,"aria-describedby":w.value,onClick:C[0]||(C[0]=J(()=>{},["stop"]))},[K.value?(s(),n("header",{key:0,class:P(["pz-modal-header",{"pz-modal-header--between":z.value}])},[z.value?(s(),n("div",{key:0,id:g.value,class:"pz-modal-title"},[f(a.$slots,"header",{},()=>[o.title?(s(),_(k(O),{key:0,variant:"h4-bold",as:"h2"},{default:oe(()=>[te(ae(o.title),1)]),_:1})):l("",!0)],!0)],8,ce)):l("",!0),o.showCloseButton?(s(),n("button",{key:1,type:"button",class:"pz-modal-close","aria-label":o.closeLabel,onClick:b},[Q(k(se),{name:"close",size:"24",label:"Close modal"})],8,pe)):l("",!0)],2)):l("",!0),v("div",{id:w.value,class:"pz-modal-body"},[f(a.$slots,"default",{},void 0,!0)],8,ue),a.$slots.footer?(s(),n("footer",me,[f(a.$slots,"footer",{},void 0,!0)])):l("",!0)],10,ie)])],32)):l("",!0)]))}}),h=le(m,[["__scopeId","data-v-a4294a35"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzModal",exportName:"default",displayName:"PzModal",description:"",tags:{},props:[{name:"id",required:!1,type:{name:"string"}},{name:"isOpen",required:!0,type:{name:"boolean"}},{name:"title",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"PzModalSize"}},{name:"closeOnOverlay",required:!1,type:{name:"boolean"}},{name:"closeOnEscape",required:!1,type:{name:"boolean"}},{name:"showCloseButton",required:!1,type:{name:"boolean"}},{name:"closeLabel",required:!1,type:{name:"string"}}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzModal/PzModal.vue"]});const ye=e=>`<template>
|
|
2
2
|
<PzModal ${[':is-open="true"',e.title?`title="${e.title}"`:null,e.size!=="regular"?`size="${e.size}"`:null,e.closeOnOverlay===!1?':close-on-overlay="false"':null,e.closeOnEscape===!1?':close-on-escape="false"':null,e.showCloseButton===!1?':show-close-button="false"':null].filter(d=>!!d).join(" ")}>
|
|
3
3
|
<p>Modal content</p>
|
|
4
4
|
</PzModal>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-multi-select[data-v-af4044c6],.pz-multi-select-dropdown[data-v-af4044c6]{width:100%}.pz-multi-select-trigger[data-v-af4044c6]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--pz-space-8);width:100%;min-width:0;padding:10px var(--pz-space-12);border:1px solid var(--pz-color-blue-30);border-radius:5px;background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background-color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-multi-select-trigger-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-multi-select-trigger-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-multi-select-trigger-line-height, var(--pz-typography-line-height, 1.5))}.pz-multi-select-trigger[data-v-af4044c6]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 16%,transparent)}.pz-multi-select-trigger[data-v-af4044c6]:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-multi-select-trigger.is-placeholder[data-v-af4044c6]{color:var(--pz-color-text-secondary)}.pz-multi-select-trigger-text[data-v-af4044c6]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz-multi-select-trigger-icon[data-v-af4044c6]{flex:0 0 auto;color:inherit;transition:transform .16s ease}.pz-multi-select-trigger.is-open .pz-multi-select-trigger-icon[data-v-af4044c6]{transform:rotate(180deg)}.pz-multi-select-menu[data-v-af4044c6]{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%}.pz-multi-select-options[data-v-af4044c6]{display:flex;flex-direction:column;max-block-size:320px;overflow-y:auto}.pz-multi-select-option[data-v-af4044c6]{position:relative;display:flex;align-items:center;gap:var(--pz-space-8);width:100%;min-width:0;padding:6px var(--pz-space-16);background:transparent;color:var(--pz-color-text-primary);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-multi-select-option-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-multi-select-option-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-multi-select-option-line-height, var(--pz-typography-line-height, 1.5))}.pz-multi-select-option[data-v-af4044c6]:not(.is-disabled):hover{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-selected[data-v-af4044c6]{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-disabled[data-v-af4044c6]{color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-multi-select-option-input[data-v-af4044c6]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-multi-select-option-checkbox[data-v-af4044c6]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:16px;block-size:16px;border:2px solid var(--pz-color-grey-60);border-radius:2px;background:var(--pz-color-background-primary);color:transparent;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.pz-multi-select-option-check[data-v-af4044c6]{inline-size:12px;block-size:12px}.pz-multi-select-option-input:checked+.pz-multi-select-option-checkbox[data-v-af4044c6]{border-color:var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-multi-select-option-input:focus-visible+.pz-multi-select-option-checkbox[data-v-af4044c6]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-multi-select-option.is-disabled .pz-multi-select-option-checkbox[data-v-af4044c6]{border-color:var(--pz-color-grey-40);background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white))}.pz-multi-select-option-text[data-v-af4044c6]{min-width:0;flex:1}.pz-multi-select .v-popper__inner{padding:0;border-radius:3px;border-color:var(--pz-color-blue-30);box-shadow:0 1px 8px #677b9359}
|
package/dist/app/assets/{PzMultiSelect.stories-BHZ2ecXg.js → PzMultiSelect.stories-enwvShW9.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as pe,f as V,B as P,A as T,v as g,n as k,o as q,q as i,F as de,u as ce,g as F,y as D,C as J,t as C,J as ue,r as o,c as f,w as me}from"./iframe-
|
|
1
|
+
import{e as pe,f as V,B as P,A as T,v as g,n as k,o as q,q as i,F as de,u as ce,g as F,y as D,C as J,t as C,J as ue,r as o,c as f,w as me}from"./iframe-CK_-siX_.js";import{_ as ne}from"./PzIcon-C-3xKskM.js";import{P as ge}from"./PzTag-DAOIn8mO.js";import{P as d}from"./PzText-DCaCG1Xi.js";import{u as fe}from"./index-BW21p6n4.js";import{k as xe}from"./floating-vue-CspvJYvV.js";import{l as $}from"./lodash-CdDiHlzQ.js";import{P as be}from"./PzLabel-CFLEBhzy.js";import{_ as ve}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./_commonjsHelpers-Cpj98o6Y.js";const he=6,ze=["id"],ye=["id","disabled","aria-controls","aria-expanded","aria-label"],Se={class:"pz-multi-select-trigger-text"},Oe=["id","aria-labelledby"],we={class:"pz-multi-select-options"},Ve=["for"],Pe=["id","name","checked","disabled","onChange"],Te={class:"pz-multi-select-option-text"},S=pe({name:"PzMultiSelect",__name:"PzMultiSelect",props:{name:{},options:{},modelValue:{default:()=>[]},label:{default:""},placeholder:{default:""},selectedLabel:{default:"{count} обрано"},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},width:{default:void 0}},emits:["update:modelValue"],setup(e,{emit:n}){const l=e,u=n,m=o(null),{width:ae}=fe(m),c=t=>l.modelValue.some(s=>$.isEqual(s,t)),oe=t=>{const s=c(t)?l.modelValue.filter(a=>!$.isEqual(a,t)):[...l.modelValue,t];u("update:modelValue",s)},N=f(()=>l.options.filter(t=>c(t.value))),L=f(()=>{var s;const t=l.modelValue.length;return t===0?l.placeholder:t===1?((s=N.value[0])==null?void 0:s.label)??l.placeholder:l.selectedLabel.replace("{count}",String(t))}),se=f(()=>l.label||L.value||l.placeholder||l.name),ie=f(()=>{const t=Math.round(ae.value);return t?{inlineSize:`${String(t)}px`}:{}}),O=(t,s)=>t.id??`${l.name}-multi-option-${String(s+1)}`,re=t=>({option:t,selected:c(t.value),disabled:!!t.disabled});return(t,s)=>(q(),V("div",{id:e.name,class:"pz-multi-select",style:k({width:e.width})},[P(g(be),{label:e.label,for:e.name+"-trigger",required:e.required,disabled:e.disabled},{default:T(()=>[P(g(xe),{class:"pz-multi-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+e.name,distance:g(he),disabled:e.disabled},{default:T(({shown:a})=>[i("button",{id:e.name+"-trigger",ref_key:"triggerRef",ref:m,type:"button",class:F(["pz-multi-select-trigger",{"is-open":a,"is-placeholder":!e.modelValue.length}]),disabled:e.disabled,"aria-controls":e.name+"-menu","aria-expanded":a?"true":"false","aria-haspopup":"listbox","aria-label":e.label?void 0:se.value},[i("span",Se,[D(t.$slots,"selected",{selectedOptions:N.value,placeholder:e.placeholder,count:e.modelValue.length},()=>[J(C(L.value),1)],!0)]),P(g(ne),{name:"expand_more",size:"20",class:"pz-multi-select-trigger-icon"})],10,ye)]),popper:T(()=>[i("div",{id:e.name+"-menu",class:"pz-multi-select-menu",style:k(ie.value),role:"group","aria-labelledby":e.name+"-trigger"},[i("div",we,[(q(!0),V(de,null,ce(l.options,(a,w)=>(q(),V("label",{key:O(a,w),for:O(a,w),class:F(["pz-multi-select-option",{"is-selected":c(a.value),"is-disabled":a.disabled}])},[i("input",{id:O(a,w),type:"checkbox",name:e.name+"-option",checked:c(a.value),disabled:a.disabled,class:"pz-multi-select-option-input",onChange:Fe=>oe(a.value)},null,40,Pe),s[0]||(s[0]=i("span",{class:"pz-multi-select-option-checkbox","aria-hidden":"true"},[i("svg",{class:"pz-multi-select-option-check",viewBox:"0 0 16 16",fill:"none"},[i("path",{d:"M3.5 8.25L6.5 11L12.5 5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),i("span",Te,[D(t.$slots,"default",ue({ref_for:!0},re(a)),()=>[J(C(a.label),1)],!0)])],10,Ve))),128))])],12,Oe)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],12,ze))}}),r=ve(S,[["__scopeId","data-v-af4044c6"]]);S.__docgenInfo=Object.assign({displayName:S.name??S.__name},{name:"PzMultiSelect",exportName:"default",displayName:"PzMultiSelect",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]}},{name:"modelValue",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectValue"}]},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"selectedLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"{count} обрано"'}},{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:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"selected",scoped:!0,bindings:[{name:"selected-options",title:"binding"},{name:"placeholder",title:"binding"},{name:"count",title:"binding"}]},{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzMultiSelect/PzMultiSelect.vue"]});const p=[{label:"09000000-3 - Нафтопродукти, паливо, електроенергія та інші джерела енергії",value:"09000000-3"},{label:"09100000-0 - Паливо",value:"09100000-0"},{label:"09200000-1 - Нафта, вугілля і нафтопродукти",value:"09200000-1"},{label:"09300000-2 - Електрична, теплова, сонячна та атомна енергія",value:"09300000-2"},{label:"90900000-6 - Послуги з прибирання та санітарно-гігієнічні послуги",value:"90900000-6"}],M=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"},{label:"Недоступний",value:"unavailable",disabled:!0}],qe=30,Me=2,I=["Будівництво","Послуги","Транспорт","Освіта","Енергія"],Ne=Array.from({length:qe},(e,n)=>{const l=I[n%I.length];return{label:`Категорія ${String(n+1).padStart(Me,"0")} — ${l}`,value:`category-${n+1}`}}),Le=e=>`<template>
|
|
2
2
|
<PzMultiSelect
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.selectedLabel&&e.selectedLabel!=="{count} обрано"?`selected-label="${e.selectedLabel}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(l=>!!l).join(" ")}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-nav-story{display:grid;gap:var(--pz-space-24)}.pz-nav-story-frame{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)))}.pz-nav-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-nav-story-eyebrow,.pz-nav-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-nav-story-stack{display:grid;gap:var(--pz-space-16)}.pz-nav-story-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 98%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-30) 60%,transparent)}.pz-nav-story-grid{display:grid;gap:var(--pz-space-16)}.pz-nav-story-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--pz-space-20);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-nav-story-card-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-nav-story-card-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-16);border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-background-frame) 96%,var(--pz-color-white));overflow:hidden}.pz-nav-story-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding-inline:6px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 100%,transparent);color:var(--pz-color-text-link-hover);font-size:var(--pz-font-size-12);font-weight:700}.pz-nav-story-slot{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-nav-story-compact{width:min(100%,520px)}@media (width <= 768px){.pz-nav-story-header{flex-direction:column}.pz-nav-story-card{grid-template-columns:1fr}}.pz-nav[data-v-ab9cd5ef]{--pz-nav-background: var(--pz-color-background-frame);--pz-nav-active-background: var(--pz-color-background-primary);--pz-nav-active-color: var(--pz-color-text-primary);--pz-nav-link-color: var(--pz-color-text-link);display:flex;width:100%;margin:0;padding:var(--pz-space-4);list-style:none;border-radius:var(--pz-space-16);background:var(--pz-nav-background);overflow-x:auto;scrollbar-color:var(--pz-color-grey-30) var(--pz-nav-active-background)}.pz-nav__item[data-v-ab9cd5ef]{position:relative;z-index:1;flex:0 0 auto;border-radius:var(--pz-space-12);transition:background-color .16s ease}.pz-nav__item[data-v-ab9cd5ef]:hover{color:var(--pz-color-text-link-hover)}.pz-nav__item.active[data-v-ab9cd5ef]{background-color:var(--pz-nav-active-background);box-shadow:0 1px 2px #2426380f,inset 0 0 0 1px #2426380a}.pz-nav__item.disabled[data-v-ab9cd5ef]{opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.pz-nav__text[data-v-ab9cd5ef]{display:inline-flex;align-items:center;min-height:44px;padding:12px 24px;border:none;outline:none;background:transparent;color:var(--pz-nav-link-color);text-decoration:none;white-space:nowrap;transition:color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-nav-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-nav-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-nav-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-nav__text.active[data-v-ab9cd5ef]{color:var(--pz-nav-active-color)}
|
|
1
|
+
.pz-nav-story{display:grid;gap:var(--pz-space-24)}.pz-nav-story-frame{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)))}.pz-nav-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-nav-story-eyebrow,.pz-nav-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-nav-story-stack{display:grid;gap:var(--pz-space-16)}.pz-nav-story-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 98%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-30) 60%,transparent)}.pz-nav-story-grid{display:grid;gap:var(--pz-space-16)}.pz-nav-story-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--pz-space-20);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-nav-story-card-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-nav-story-card-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-16);border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-background-frame) 96%,var(--pz-color-white));overflow:hidden}.pz-nav-story-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding-inline:6px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 100%,transparent);color:var(--pz-color-text-link-hover);font-size:var(--pz-font-size-12);font-weight:700}.pz-nav-story-slot{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-nav-story-compact{width:min(100%,520px)}@media (width <= 768px){.pz-nav-story-header{flex-direction:column}.pz-nav-story-card{grid-template-columns:1fr}}.pz-nav[data-v-ab9cd5ef]{--pz-nav-background: var(--pz-color-background-frame);--pz-nav-active-background: var(--pz-color-background-primary);--pz-nav-active-color: var(--pz-color-text-primary);--pz-nav-link-color: var(--pz-color-text-link);display:flex;width:100%;margin:0;padding:var(--pz-space-4);list-style:none;border-radius:var(--pz-space-16);background:var(--pz-nav-background);overflow-x:auto;scrollbar-color:var(--pz-color-grey-30) var(--pz-nav-active-background)}.pz-nav__item[data-v-ab9cd5ef]{position:relative;z-index:1;flex:0 0 auto;border-radius:var(--pz-space-12);transition:background-color .16s ease}.pz-nav__item[data-v-ab9cd5ef]:hover{color:var(--pz-color-text-link-hover)}.pz-nav__item.active[data-v-ab9cd5ef]{background-color:var(--pz-nav-active-background);box-shadow:0 1px 2px #2426380f,inset 0 0 0 1px #2426380a}.pz-nav__item.disabled[data-v-ab9cd5ef]{opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.pz-nav__text[data-v-ab9cd5ef]{display:inline-flex;align-items:center;min-height:44px;padding:12px 24px;border:none;outline:none;background:transparent;color:var(--pz-nav-link-color);text-decoration:none;white-space:nowrap;transition:color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-nav-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-nav-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-nav-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-nav__text.active[data-v-ab9cd5ef]{color:var(--pz-nav-active-color)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as E,f as i,F,u as O,g as p,o,x as A,A as V,y as h,C as x,t as b,v as B,R as j,c as L,K as W,h as z,a0 as y}from"./iframe-
|
|
1
|
+
import{e as E,f as i,F,u as O,g as p,o,x as A,A as V,y as h,C as x,t as b,v as B,R as j,c as L,K as W,h as z,a0 as y}from"./iframe-CK_-siX_.js";import{P as g}from"./PzText-DCaCG1Xi.js";import{p as Q}from"./configs-B15JgQZ-.js";import{_ as U}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const d=E({name:"PzNav",__name:"PzNav",props:{config:{},typography:{}},setup(e){const n=W(),r=e,q=a=>{const[s=""]=a.split("#");return s?s.startsWith("/")?s:`/${s}`:"/"},M=a=>a.startsWith("#")?a:q(a),f=a=>a.name===n.name,R=L(()=>!r.config.some(f)),u=a=>f(a)||R.value&&!!a.isDefault;return(a,s)=>(o(),i("ul",{class:p(["pz-nav",r.typography?`pz-typography--${r.typography}`:null])},[(o(!0),i(F,null,O(r.config,(t,$)=>(o(),i("li",{key:`${t.path}-${$}`,class:p(["pz-nav__item",[{disabled:t.disabled},{active:u(t)}]])},[t.disabled?(o(),i("span",{key:1,class:p(["pz-nav__text",{active:u(t)}])},[h(a.$slots,"view",{data:t},()=>[x(b(t.text),1)],!0)],2)):(o(),A(B(j),{key:0,to:M(t.path),class:p(["pz-nav__text",{active:u(t)}])},{default:V(()=>[h(a.$slots,"view",{data:t},()=>[x(b(t.text),1)],!0)]),_:2},1032,["to","class"]))],2))),128))],2))}}),m=U(d,[["__scopeId","data-v-ab9cd5ef"]]);d.__docgenInfo=Object.assign({displayName:d.name??d.__name},{name:"PzNav",exportName:"default",displayName:"PzNav",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzNavItem"}]}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"view",scoped:!0,bindings:[{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzNav/PzNav.vue"]});const N=[{path:"/market/procedures",name:"market-procedures",text:"Закупівлі",isDefault:!0},{path:"/market/contracts",name:"market-contracts",text:"Договори"},{path:"/market/plans",name:"market-plans",text:"Плани"},{path:"/market/selection",name:"market-selection",text:"Відбори"},{path:"/market/products",name:"market-products",text:"Товари"}],G=[{path:"/tender/details",name:"tender-details",text:"Деталі закупівлі",isDefault:!0},{path:"/tender/questions",name:"tender-questions",text:"Питання та вимоги (0)"},{path:"/tender/complaints",name:"tender-complaints",text:"Скарги (0)"},{path:"/tender/monitoring",name:"tender-monitoring",text:"Моніторинг (0)",disabled:!0}],H=[{path:"/archive/overview",name:"archive-overview",text:"Overview",isDefault:!0},{path:"/archive/history",name:"archive-history",text:"History",disabled:!0},{path:"/archive/files",name:"archive-files",text:"Files"}],J=e=>`<template>
|
|
2
2
|
<PzNav :config='${JSON.stringify(e.config,null,2)}' />
|
|
3
3
|
</template>`,K=()=>`<template>
|
|
4
4
|
<PzNav :config="config">
|
package/dist/app/assets/{PzNumberFormat.stories-CDR6f4yM.js → PzNumberFormat.stories-Tgzd7Ttu.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as o}from"./PzNumberFormat-D5xYsZ3A.js";import{P as a}from"./PzText-
|
|
1
|
+
import{P as o}from"./PzNumberFormat-D5xYsZ3A.js";import{P as a}from"./PzText-DCaCG1Xi.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CK_-siX_.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const x={title:"Utilities/PzNumberFormat",parameters:{docs:{description:{component:"The `PzNumberFormat` utility is used to format numbers consistently, adding division for thousands and handling decimals."}}}},e={render:()=>({components:{pzText:a},setup(){return{examples:[{value:1234567,description:"Millions without decimals"},{value:1234567891e-3,precision:2,description:"Millions with 2 decimals precision"},{value:"54321.1",description:"String input with 1 decimal"},{value:0,description:"Zero"},{value:"-",description:"Invalid/empty dash"},{value:null,description:"Null value"}].map(n=>({...n,result:new o(n.value,n.precision).number}))}},template:`
|
|
2
2
|
<div>
|
|
3
3
|
<pz-text variant="h4-semibold">PzNumberFormat Usage</pz-text>
|
|
4
4
|
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as F,f as o,q as s,B as z,v as h,F as I,u as w,c as l,o as i,g as B,t as T}from"./iframe-
|
|
1
|
+
import{e as F,f as o,q as s,B as z,v as h,F as I,u as w,c as l,o as i,g as B,t as T}from"./iframe-CK_-siX_.js";import{_ as V}from"./PzIcon-C-3xKskM.js";import{_ as $}from"./_plugin-vue_export-helper-DlAUqK2U.js";const E={class:"pz-pagination","aria-label":"Pagination"},M={class:"pz-pagination__list"},S=["disabled"],j={key:0,class:"pz-pagination__dots","aria-hidden":"true"},L=["aria-current","onClick"],O=["disabled"],m=1,r=F({name:"PzPagination",__name:"PzPagination",props:{modelValue:{},total:{},perPage:{},radius:{default:2}},emits:["update:modelValue"],setup(p,{emit:k}){const a=p,u=k,_=l(()=>Math.ceil(a.total/a.perPage)),f=l(()=>a.modelValue<=1),P=l(()=>a.modelValue>=_.value),N=l(()=>{const t=_.value;if(t<=0)return[];if(t===1)return[{type:"page",page:m}];const c=a.modelValue,e=a.radius,d=m+1,b=t-1,v=Math.max(d,c-e),y=Math.min(b,c+e),n=[{type:"page",page:m}];v>d&&n.push({type:"dots",side:"left"});for(let g=v;g<=y;g++)n.push({type:"page",page:g});return y<b&&n.push({type:"dots",side:"right"}),n.push({type:"page",page:t}),n}),x=t=>{t!==a.modelValue&&u("update:modelValue",t)},C=()=>{f.value||u("update:modelValue",a.modelValue-1)},q=()=>{P.value||u("update:modelValue",a.modelValue+1)};return(t,c)=>(i(),o("nav",E,[s("ul",M,[s("li",null,[s("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:f.value,"aria-label":"Попередня сторінка",onClick:C},[z(h(V),{name:"chevron_left",size:"24"})],8,S)]),(i(!0),o(I,null,w(N.value,e=>(i(),o("li",{key:e.type==="page"?`p-${e.page}`:`d-${e.side}`,class:"pz-pagination__item"},[e.type==="dots"?(i(),o("span",j," … ")):(i(),o("button",{key:1,type:"button",class:B(["pz-pagination__btn",{"pz-pagination__btn--active":e.page===p.modelValue}]),"aria-current":e.page===p.modelValue?"page":void 0,onClick:d=>x(e.page)},T(e.page),11,L))]))),128)),s("li",null,[s("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:P.value,"aria-label":"Наступна сторінка",onClick:q},[z(h(V),{name:"chevron_right",size:"24"})],8,O)])])]))}}),R=$(r,[["__scopeId","data-v-f128b85c"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzPagination",exportName:"default",displayName:"PzPagination",description:"",tags:{},props:[{name:"modelValue",required:!0,type:{name:"number"}},{name:"total",required:!0,type:{name:"number"}},{name:"perPage",required:!0,type:{name:"number"}},{name:"radius",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"2"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzPagination/PzPagination.vue"]});export{R as P};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-pagination-story{display:grid;gap:var(--pz-space-24)}.pz-pagination-story-board,.pz-pagination-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-pagination-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-pagination-story-eyebrow,.pz-pagination-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-pagination-story-preview{display:grid;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-pagination-story-grid{display:grid;gap:var(--pz-space-16)}.pz-pagination-story-card{display:grid;gap:var(--pz-space-8);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-pagination-story-card-label{margin:0;color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current{display:flex;align-items:center;gap:var(--pz-space-8);padding:var(--pz-space-4) var(--pz-space-8);border-radius:4px;background:color-mix(in srgb,var(--pz-color-blue-10) 80%,transparent);width:fit-content}.pz-pagination-story-current-label{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current-value{color:var(--pz-color-text-link);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}
|
|
1
|
+
.pz-pagination-story{display:grid;gap:var(--pz-space-24)}.pz-pagination-story-board,.pz-pagination-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-pagination-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-pagination-story-eyebrow,.pz-pagination-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-pagination-story-preview{display:grid;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-pagination-story-grid{display:grid;gap:var(--pz-space-16)}.pz-pagination-story-card{display:grid;gap:var(--pz-space-8);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-pagination-story-card-label{margin:0;color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current{display:flex;align-items:center;gap:var(--pz-space-8);padding:var(--pz-space-4) var(--pz-space-8);border-radius:4px;background:color-mix(in srgb,var(--pz-color-blue-10) 80%,transparent);width:fit-content}.pz-pagination-story-current-label{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current-value{color:var(--pz-color-text-link);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-pagination__list[data-v-f128b85c]{display:flex;align-items:center;gap:var(--pz-space-4);list-style:none;margin:0;padding:0}.pz-pagination__item[data-v-f128b85c]{display:flex}.pz-pagination__btn[data-v-f128b85c]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--pz-color-text-primary);cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-pagination-btn-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-pagination-btn-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-pagination-btn-line-height, var(--pz-typography-line-height, 1.5))}.pz-pagination__btn[data-v-f128b85c]:hover:not(:disabled){background-color:var(--pz-color-grey-20);border-color:var(--pz-color-tag-blue);color:var(--pz-color-text-link-hover)}.pz-pagination__btn--active[data-v-f128b85c]{border-color:var(--pz-color-tag-blue)}.pz-pagination__btn--nav[data-v-f128b85c]{color:var(--pz-color-text-primary)}.pz-pagination__btn--nav[data-v-f128b85c]:disabled{opacity:.35;cursor:default}.pz-pagination__dots[data-v-f128b85c]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-pagination-dots-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-pagination-dots-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-pagination-dots-line-height, var(--pz-typography-line-height, 1.5))}
|
package/dist/app/assets/{PzPagination.stories-B6xKUFXV.js → PzPagination.stories-COXfJ0CP.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-CK_-siX_.js";import{P as v}from"./PzText-DCaCG1Xi.js";import{P as s}from"./PzPagination-BdZP_alz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-C-3xKskM.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});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as E}from"./PzKeyValue-
|
|
1
|
+
import{P as E}from"./PzKeyValue-BOmUJdpo.js";import{P as v}from"./PzText-DCaCG1Xi.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-CK_-siX_.js";import{I,P as w}from"./PzListNav-Dqq7pboP.js";import{P as O}from"./PzScrollTo-KuzwcV-o.js";import{u as F}from"./StaticPagination.composable-DtYpvhgQ.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-DQhnNexa.js";import"./index-BW21p6n4.js";import"./floating-vue-CspvJYvV.js";import"./PzIcon-C-3xKskM.js";import"./PzLabel-CFLEBhzy.js";import"./PzPagination-BdZP_alz.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
2
|
<div style="max-width: 640px;">
|
|
3
3
|
<pz-pagination-provider :data="args.data" :per-page="args.perPage">
|
|
4
4
|
<template #item="{ item, sequenceNumber }">
|
package/dist/app/assets/{PzPriceFormat.stories-DU5OVPqD.js → PzPriceFormat.stories-Bn7VyLHN.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-DCaCG1Xi.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CK_-siX_.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>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-radio-group-story{display:grid;gap:var(--pz-space-24)}.pz-radio-group-story-board,.pz-radio-group-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-radio-group-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-radio-group-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-radio-group-story-preview{display:grid;place-items:center;min-height:240px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-radio-group-story-field{width:min(100%,640px)}.pz-radio-group-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-radio-group-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-radio-group-story-note{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}@media (width <= 960px){.pz-radio-group-story-grid{grid-template-columns:1fr}.pz-radio-group-story-header{flex-direction:column}}.pz-radio-group[data-v-21d7c0d8]{display:grid;gap:var(--pz-space-8)}.pz-radio-group.accordion .pz-radio-group-option[data-v-21d7c0d8]:not(:first-child){padding-top:var(--pz-space-12);margin-top:var(--pz-space-12);border-top:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent)}.pz-radio-group-option[data-v-21d7c0d8]{--pz-radio-border-color: var(--pz-color-black-90);--pz-radio-dot-color: var(--pz-color-button-success);--pz-radio-label-color: var(--pz-color-text-primary);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pz-space-12);align-items:start;color:var(--pz-radio-label-color);cursor:pointer}.pz-radio-group-input[data-v-21d7c0d8]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-radio-group-control[data-v-21d7c0d8]{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--pz-space-16);block-size:var(--pz-space-16);margin-top:2px;border:2px solid var(--pz-radio-border-color);border-radius:50%;background:var(--pz-color-background-primary);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pz-radio-group-dot[data-v-21d7c0d8]{inline-size:var(--pz-space-8);block-size:var(--pz-space-8);border-radius:50%;background:var(--pz-radio-dot-color);transform:scale(0);transition:transform .16s ease}.pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-21d7c0d8]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-radio-group-input:checked+.pz-radio-group-control[data-v-21d7c0d8]{--pz-radio-border-color: var(--pz-color-button-success)}.pz-radio-group-input:checked+.pz-radio-group-control .pz-radio-group-dot[data-v-21d7c0d8]{transform:scale(1)}.pz-radio-group-label[data-v-21d7c0d8]{min-width:0;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-radio-group-label-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-radio-group-label-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-radio-group-label-line-height, var(--pz-typography-line-height, 1.5))}.pz-radio-group-content[data-v-21d7c0d8]{grid-column:2/-1;display:grid;gap:var(--pz-space-8);color:var(--pz-color-text-secondary)}.pz-radio-group-option.disabled[data-v-21d7c0d8]{--pz-radio-border-color: var(--pz-color-grey-40);--pz-radio-dot-color: var(--pz-color-button-disabled);--pz-radio-label-color: var(--pz-color-text-secondary);cursor:not-allowed}.pz-radio-group-option.disabled .pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-21d7c0d8]{box-shadow:none}
|
package/dist/app/assets/{PzRadioGroup.stories-pNEzfGxy.js → PzRadioGroup.stories-CZg42y4W.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-CK_-siX_.js";import{P as $}from"./PzLabel-CFLEBhzy.js";import{P as L}from"./PzText-DCaCG1Xi.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"
|
package/dist/app/assets/{PzRouterLink.stories-C3aiw0hc.js → PzRouterLink.stories-w3FUezJW.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as v,H as y,x as b,A as l,v as s,R as k,o as z,B as x,I as P,y as p,J as w,c as R,K as _}from"./iframe-
|
|
1
|
+
import{e as v,H as y,x as b,A as l,v as s,R as k,o as z,B as x,I as P,y as p,J as w,c as R,K as _}from"./iframe-CK_-siX_.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-C-3xKskM.js";import{P as T}from"./PzText-DCaCG1Xi.js";import{p as A}from"./configs-B15JgQZ-.js";import{P as $}from"./PzLink-XzzpwDDe.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($),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" />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-scroll-to-story{display:grid;gap:24px}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:clamp(24px,3vw,32px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-copy,.pz-scroll-to-story-methods,.pz-scroll-to-story-types,.pz-scroll-to-story-section,.pz-scroll-to-story-stack{display:grid;gap:16px}.pz-scroll-to-story-toolbar{position:sticky;top:16px;z-index:3}.pz-scroll-to-story-actions{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:16px;background:color-mix(in srgb,var(--pz-color-white) 92%,transparent)}.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card,.pz-scroll-to-story-method-header{display:grid;gap:12px}.pz-scroll-to-story-eyebrow,.pz-scroll-to-story-kicker{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-scroll-to-story-button{height:40px;padding:0 16px;border:1px solid var(--pz-color-button-primary);border-radius:4px;background:var(--pz-color-button-primary);color:var(--pz-color-white);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-scroll-to-story-button:hover,.pz-scroll-to-story-button:focus-visible{border-color:var(--pz-color-button-primary-hover);background:var(--pz-color-button-primary-hover);outline:none}.pz-scroll-to-story-button--ghost{border-color:color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-scroll-to-story-paper{min-height:240px;border-radius:12px;background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(180deg,#fff,#f9fbff);background-size:100% 28px,28px 100%,100% 100%}.pz-scroll-to-story-code{margin:0;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--pz-color-black-90) 4%,var(--pz-color-white));overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-scroll-to-highlight{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-blue-50) 22%,transparent),0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}@media (width <= 1024px){.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:1fr}}@media (width <= 640px){.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:20px;border-radius:22px}.pz-scroll-to-story-toolbar{top:8px}}
|
|
1
|
+
.pz-scroll-to-story{display:grid;gap:24px}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:clamp(24px,3vw,32px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-copy,.pz-scroll-to-story-methods,.pz-scroll-to-story-types,.pz-scroll-to-story-section,.pz-scroll-to-story-stack{display:grid;gap:16px}.pz-scroll-to-story-toolbar{position:sticky;top:16px;z-index:3}.pz-scroll-to-story-actions{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:16px;background:color-mix(in srgb,var(--pz-color-white) 92%,transparent)}.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card,.pz-scroll-to-story-method-header{display:grid;gap:12px}.pz-scroll-to-story-eyebrow,.pz-scroll-to-story-kicker{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-scroll-to-story-button{height:40px;padding:0 16px;border:1px solid var(--pz-color-button-primary);border-radius:4px;background:var(--pz-color-button-primary);color:var(--pz-color-white);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-scroll-to-story-button:hover,.pz-scroll-to-story-button:focus-visible{border-color:var(--pz-color-button-primary-hover);background:var(--pz-color-button-primary-hover);outline:none}.pz-scroll-to-story-button--ghost{border-color:color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-scroll-to-story-paper{min-height:240px;border-radius:12px;background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(180deg,#fff,#f9fbff);background-size:100% 28px,28px 100%,100% 100%}.pz-scroll-to-story-code{margin:0;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--pz-color-black-90) 4%,var(--pz-color-white));overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-scroll-to-highlight{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-blue-50) 22%,transparent),0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}@media (width <= 1024px){.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:1fr}}@media (width <= 640px){.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:20px;border-radius:22px}.pz-scroll-to-story-toolbar{top:8px}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as i,w as n,G as h}from"./iframe-
|
|
1
|
+
import{r as i,w as n,G as h}from"./iframe-CK_-siX_.js";import{P as v}from"./PzText-DCaCG1Xi.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-DCaCG1Xi.js";import{e as m,x as y,A as h,n as z,z as f,c as v,o as g,q as s,y as i}from"./iframe-CK_-siX_.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>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-select[data-v-c794c950]{width:100%}.pz-select.is-inline[data-v-c794c950]{width:fit-content;max-width:100%}.pz-select.is-inline[data-v-c794c950] .pz-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--pz-space-4);width:auto;max-width:100%}.pz-select.is-inline[data-v-c794c950] .pz-label-caption{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-label-caption-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-label-caption-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-label-caption-line-height, var(--pz-typography-line-height, 1.5))}.pz-select-dropdown[data-v-c794c950]{width:100%}.pz-select.is-inline .pz-select-dropdown[data-v-c794c950]{width:auto;max-width:100%}.pz-select-trigger[data-v-c794c950]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--pz-space-8);width:100%;min-width:0;padding:10px var(--pz-space-12);border:1px solid var(--pz-color-blue-30);border-radius:5px;background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background-color .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-select-trigger-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-select-trigger-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-select-trigger-line-height, var(--pz-typography-line-height, 1.5))}.pz-select-trigger[data-v-c794c950]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 16%,transparent)}.pz-select-trigger[data-v-c794c950]:disabled{cursor:not-allowed}.pz-select-trigger-text[data-v-c794c950]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz-select-trigger-icon[data-v-c794c950]{flex:0 0 auto;color:inherit;transition:transform .16s ease}.pz-select-trigger.is-open .pz-select-trigger-icon[data-v-c794c950]{transform:rotate(180deg)}.pz-select-menu[data-v-c794c950]{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%}.pz-select-option[data-v-c794c950]{display:flex;align-items:center;width:100%;min-width:0;padding:6px var(--pz-space-16);border:0;border-radius:0;background:transparent;color:var(--pz-color-text-primary);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease,color .16s ease,font-weight .16s ease;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-select-option-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-select-option-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-select-option-line-height, var(--pz-typography-line-height, 1.5))}.pz-select-option[data-v-c794c950]:not(.is-active,.is-disabled):hover,.pz-select-option[data-v-c794c950]:not(.is-active,.is-disabled):focus-visible{background:var(--pz-color-blue-10);outline:none}.pz-select-option.is-active[data-v-c794c950]{background:var(--pz-color-blue-10);color:var(--pz-color-text-link-hover);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-select-option-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-select-option-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-select-option-line-height, var(--pz-typography-line-height, 1.5))}.pz-select-option.is-disabled[data-v-c794c950]{color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-select.is-field .pz-select-trigger.is-placeholder[data-v-c794c950]{color:var(--pz-color-text-secondary)}.pz-select.is-field .pz-select-trigger[data-v-c794c950]:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white));color:var(--pz-color-text-secondary)}.pz-select.is-inline .pz-select-trigger[data-v-c794c950]{width:auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--pz-color-text-link);box-shadow:none}.pz-select.is-inline .pz-select-trigger[data-v-c794c950]:not(:disabled):hover,.pz-select.is-inline .pz-select-trigger[data-v-c794c950]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-select.is-inline .pz-select-trigger.is-placeholder[data-v-c794c950]{color:var(--pz-color-text-link)}.pz-select.is-inline .pz-select-trigger[data-v-c794c950]:disabled{color:var(--pz-color-text-link-disabled)}.pz-select.is-inline .pz-select-menu[data-v-c794c950]{min-inline-size:168px}.pz-select .v-popper__inner{padding:0;border-radius:3px;border-color:var(--pz-color-blue-30);box-shadow:0 1px 8px #677b9359}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as O,f as m,B as f,A as p,v as d,n as S,g as b,c as s,o as g,q as v,F as $,u as A,y as V,C as P,t as _,r as D,J as I}from"./iframe-
|
|
1
|
+
import{e as O,f as m,B as f,A as p,v as d,n as S,g as b,c as s,o as g,q as v,F as $,u as A,y as V,C as P,t as _,r as D,J as I}from"./iframe-CK_-siX_.js";import{u as L}from"./index-BW21p6n4.js";import{k as T}from"./floating-vue-CspvJYvV.js";import{l as q}from"./lodash-CdDiHlzQ.js";import{_ as W}from"./PzIcon-C-3xKskM.js";import{P as R}from"./PzLabel-CFLEBhzy.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=D(null),{width:k}=L(y),i=s(()=>a.options.find(e=>q.isEqual(e.value,a.modelValue))),u=s(()=>a.variant==="field"),B=s(()=>{var e;return((e=i.value)==null?void 0:e.label)??a.placeholder}),C=s(()=>{var e;return a.label||((e=i.value)==null?void 0:e.label)||a.placeholder||a.name}),E=s(()=>{const e=Math.round(k.value);return!e||!u.value?{}:{inlineSize:`${String(e)}px`}}),c=e=>q.isEqual(e,a.modelValue),h=(e,r)=>e.id??`${a.name}-trigger-option-${String(r+1)}`,w=e=>({option:e,selected:c(e.value),disabled:!!e.disabled}),F=(e,r)=>{N("update:modelValue",e),r()};return(e,r)=>(g(),m("div",{id:l.name,class:b(["pz-select",{"is-field":u.value,"is-inline":!u.value}]),style:S({width:l.width})},[f(d(R),{label:a.label,for:l.name+"-trigger",required:a.required,disabled:a.disabled},{default:p(()=>[f(d(T),{class:"pz-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+l.name,distance:d(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(W),{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,A(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},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 +1 @@
|
|
|
1
|
-
.pz-select-story{display:grid;gap:var(--pz-space-24)}.pz-select-story-board,.pz-select-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-select-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-select-story-eyebrow,.pz-select-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-select-story-preview{display:grid;gap:var(--pz-space-20);min-height:220px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-select-story-stack{display:grid;gap:var(--pz-space-20);max-width:720px}.pz-select-story-inline-row{display:flex;align-items:center;gap:var(--pz-space-8);flex-wrap:wrap}.pz-select-story-value{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-select-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-select-story-note{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-select-story-inline-card{align-content:start;min-height:220px}.pz-select-story-field-card{min-height:220px}.pz-select-story-disabled-card{background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-white) 98%,transparent))}@media (width <= 768px){.pz-select-story-grid{grid-template-columns:1fr}.pz-select-story-header{flex-direction:column}.pz-select-story-preview{min-height:auto}}
|
|
1
|
+
.pz-select-story{display:grid;gap:var(--pz-space-24)}.pz-select-story-board,.pz-select-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-select-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-select-story-eyebrow,.pz-select-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-select-story-preview{display:grid;gap:var(--pz-space-20);min-height:220px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-select-story-stack{display:grid;gap:var(--pz-space-20);max-width:720px}.pz-select-story-inline-row{display:flex;align-items:center;gap:var(--pz-space-8);flex-wrap:wrap}.pz-select-story-value{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-select-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-select-story-note{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-select-story-inline-card{align-content:start;min-height:220px}.pz-select-story-field-card{min-height:220px}.pz-select-story-disabled-card{background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-white) 98%,transparent))}@media (width <= 768px){.pz-select-story-grid{grid-template-columns:1fr}.pz-select-story-header{flex-direction:column}.pz-select-story-preview{min-height:auto}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,w as S}from"./iframe-
|
|
1
|
+
import{r as t,w as S}from"./iframe-CK_-siX_.js";import{_ as h}from"./PzIcon-C-3xKskM.js";import{P as b}from"./PzText-DCaCG1Xi.js";import{P as n}from"./PzSelect-DQhnNexa.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./index-BW21p6n4.js";import"./floating-vue-CspvJYvV.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzLabel-CFLEBhzy.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-CK_-siX_.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-DCaCG1Xi.js";import{P as t}from"./PzSkeleton-e2shhmz6.js";import"./iframe-CK_-siX_.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h={title:"Components/Display/PzSkeleton",component:t,parameters:{prototype:{caption:"PzSkeleton",note:"Reusable loading placeholder for lines, blocks, and lightweight preview cards. Used by `PzAccordion` as the default loading surface."},docs:{description:{component:"Use `PzSkeleton` for loading placeholders. Control its dimensions through `width`, `height`, and `radius`, and disable shimmer with `animated=false` when a static placeholder is preferred."}}},args:{width:"240px",height:"24px",radius:"8px",animated:!0},argTypes:{width:{control:"text",description:"Skeleton width."},height:{control:"text",description:"Skeleton height."},radius:{control:"text",description:"Border radius."},animated:{control:"boolean",description:"Enables the shimmer animation."}},render:a=>({components:{pzSkeleton:t,pzText:r},setup(){return{args:a}},template:`
|
|
2
2
|
<div class="pz-skeleton-story">
|
|
3
3
|
<section class="pz-skeleton-story-board">
|
|
4
4
|
<div class="pz-skeleton-story-header">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-status-story{display:grid;gap:var(--pz-space-24)}.pz-status-story-board,.pz-status-story-figma,.pz-status-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-status-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-status-story-eyebrow,.pz-status-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-status-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-status-story-reference{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) minmax(0,1fr);gap:var(--pz-space-24);align-items:start}.pz-status-story-column{display:grid;align-content:start;gap:var(--pz-space-20)}.pz-status-story-column-palette{justify-items:center;padding:var(--pz-space-8);border:1px dashed color-mix(in srgb,var(--pz-color-blue-50) 48%,transparent);border-radius:12px}.pz-status-story-caption{margin:0;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status-story-wrap{inline-size:min(100%,232px)}.pz-status-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-status-story-card{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-status-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 1024px){.pz-status-story-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-status-story-column:last-child{grid-column:1/-1}.pz-status-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 768px){.pz-status-story-reference,.pz-status-story-grid{grid-template-columns:1fr}.pz-status-story-column:last-child{grid-column:auto}.pz-status-story-header{flex-direction:column}}
|
|
1
|
+
.pz-status-story{display:grid;gap:var(--pz-space-24)}.pz-status-story-board,.pz-status-story-figma,.pz-status-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-status-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-status-story-eyebrow,.pz-status-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-status-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-status-story-reference{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) minmax(0,1fr);gap:var(--pz-space-24);align-items:start}.pz-status-story-column{display:grid;align-content:start;gap:var(--pz-space-20)}.pz-status-story-column-palette{justify-items:center;padding:var(--pz-space-8);border:1px dashed color-mix(in srgb,var(--pz-color-blue-50) 48%,transparent);border-radius:12px}.pz-status-story-caption{margin:0;color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status-story-wrap{inline-size:min(100%,232px)}.pz-status-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-status-story-card{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-status-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 1024px){.pz-status-story-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-status-story-column:last-child{grid-column:1/-1}.pz-status-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 768px){.pz-status-story-reference,.pz-status-story-grid{grid-template-columns:1fr}.pz-status-story-column:last-child{grid-column:auto}.pz-status-story-header{flex-direction:column}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-status[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-progress);display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;max-width:100%;padding:2px 8px;border-radius:3px;background:var(--pz-status-background);color:var(--pz-color-white);box-sizing:border-box;vertical-align:middle;width:fit-content;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-status-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-status-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-status-line-height, var(--pz-typography-line-height, 1.5))}.pz-status--inactive[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-inactive)}.pz-status--hidden[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-hidden)}.pz-status--active[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-active)}.pz-status--monitoring[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-monitoring)}.pz-status--disabled[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-disabled)}.pz-status--progress[data-v-7325e2b7]{--pz-status-background: var(--pz-color-status-progress)}.pz-status--auction-progress[data-v-7325e2b7]{--pz-status-background: var(--pz-gradient-status-auction-progress)}.pz-status--auction-waiting[data-v-7325e2b7]{--pz-status-background: var(--pz-gradient-status-auction-waiting)}.pz-status--auction-success[data-v-7325e2b7]{--pz-status-background: var(--pz-gradient-status-auction-success)}.pz-status--gradient[data-v-7325e2b7]{--pz-status-color: var(--pz-color-white)}.pz-status__label[data-v-7325e2b7]{min-width:0;white-space:normal;overflow-wrap:anywhere}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as o,x as r,A as p,g as u,z as l,c,o as i,q as d,y as m}from"./iframe-
|
|
1
|
+
import{e as o,x as r,A as p,g as u,z as l,c,o as i,q as d,y as m}from"./iframe-CK_-siX_.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:u(["pz-status",t.value])},{default:p(()=>[d("span",_,[m(n.$slots,"default",{},void 0,!0)])]),_:3},8,["class"]))}}),P=f(s,[["__scopeId","data-v-7325e2b7"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzStatus",exportName:"default",displayName:"PzStatus",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzStatusVariant"},defaultValue:{func:!1,value:'"progress"'}},{name:"as",required:!1,type:{name:"PzStatusTag"},defaultValue:{func:!1,value:'"span"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzStatus/PzStatus.vue"]});export{P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as l}from"./PzText-
|
|
1
|
+
import{P as l}from"./PzText-DCaCG1Xi.js";import{p as c}from"./configs-B15JgQZ-.js";import{P as s}from"./PzStatus-BgkfQHGk.js";import"./iframe-CK_-siX_.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
|
+
.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-956b5e80]{width:100%;overflow-x:auto}.pz-table[data-v-956b5e80]{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-956b5e80]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.pz-table__row[data-v-956b5e80]{border-bottom:1px solid var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-table__row[data-v-956b5e80]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pz-space-8);padding-block:var(--pz-space-16)}}
|