@prozorro/prozorro-ui 0.0.49-beta → 0.1.0-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/assets/{Color-FRDS63T2-BBvlwXd_.js → Color-FRDS63T2-BVz2f00d.js} +1 -1
- package/dist/app/assets/{Colors.stories-CqExe0Eg.js → Colors.stories-Bqj7ISVt.js} +1 -1
- package/dist/app/assets/{Display.stories-B_ELtFli.js → Display.stories-B5gIRakW.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-CtHFNBey.js → DocsRenderer-LL677BLK-BW6aJ_1X.js} +5 -5
- package/dist/app/assets/{Gap.stories-DHqB1Gzo.js → Gap.stories-CniqkF0M.js} +1 -1
- package/dist/app/assets/{Grid.stories-Bd5s0lnz.js → Grid.stories-FIukTec9.js} +1 -1
- package/dist/app/assets/{PzAccordion-DPYeTSTx.js → PzAccordion-j2KPhxkl.js} +1 -1
- package/dist/app/assets/{PzAccordion.stories-B12bqCjY.js → PzAccordion.stories-De5BvfSm.js} +1 -1
- package/dist/app/assets/PzAccordionTable.stories-CsWj-bBP.js +275 -0
- package/dist/app/assets/{PzArrayClamp-BzUXHyXV.css → PzArrayClamp-6pCo87AW.css} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-CkWH5SVG.js → PzArrayClamp.stories-BSyz8B47.js} +7 -7
- package/dist/app/assets/{PzBreadcrumb-CubvofiN.css → PzBreadcrumb-5IRljnPN.css} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-CtD6up_i.js → PzBreadcrumb.stories-WrKsdOW9.js} +7 -7
- package/dist/app/assets/{PzBtn-4Ic63qoa.js → PzBtn-Drnbf-hv.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-9GiM5tRU.js → PzBtn.stories-DpKdGB3_.js} +1 -1
- package/dist/app/assets/{PzCheckbox-C4DE1uRM.js → PzCheckbox-BgVA2A5K.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-BLWvV8xI.js → PzCheckbox.stories-Bdu2y_6p.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-D8_QVsyP.js → PzCheckboxGroup.stories-_ZK_xrjB.js} +3 -3
- package/dist/app/assets/PzCopyToClipboard-B2LO9HwW.css +1 -0
- package/dist/app/assets/PzCopyToClipboard-CtQGvRub.js +1 -0
- package/dist/app/assets/{PzCopyToClipboard-DofnjMUH.css → PzCopyToClipboard-DL0w8b6k.css} +1 -1
- package/dist/app/assets/PzCopyToClipboard.stories-oJRz-OBl.js +45 -0
- package/dist/app/assets/{PzDate-D8tzRND3.js → PzDate-C4NsinNg.js} +1 -1
- package/dist/app/assets/{PzDate.stories-lqd44yo7.js → PzDate.stories-CQAvMqYX.js} +1 -1
- package/dist/app/assets/PzDateRange.stories-BmJVrmmM.js +9 -0
- package/dist/app/assets/{PzDomHandler.stories-GHiSsUor.js → PzDomHandler.stories-CO1-Bgjp.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-BH5tPVEp.js → PzDropdown.stories-BncdFzYA.js} +3 -3
- package/dist/app/assets/{PzFileInput-Gac6BDfH.css → PzFileInput-rnctoVro.css} +1 -1
- package/dist/app/assets/{PzFileInput.stories-CzAGLKi4.js → PzFileInput.stories-AJDqwbJJ.js} +4 -4
- package/dist/app/assets/{PzGrid.stories-CVFVE2qE.js → PzGrid.stories-Cb67hM-g.js} +1 -1
- package/dist/app/assets/{PzHint-CQxzrx7W.js → PzHint-MA6f7oIU.js} +1 -1
- package/dist/app/assets/{PzHint.stories-Bco8K9kW.js → PzHint.stories-Dzn1mJDu.js} +1 -1
- package/dist/app/assets/{PzIcon-B_6ioWC2.js → PzIcon-B6DKI9jR.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-Dza4uME5.js → PzIcon.stories-BprUm_Rr.js} +1 -1
- package/dist/app/assets/{PzImage.stories-BV7htOdb.js → PzImage.stories-DzkaXp9y.js} +1 -1
- package/dist/app/assets/{PzImageInput-Xn8tHgIu.css → PzImageInput-DbgEYyxQ.css} +1 -1
- package/dist/app/assets/{PzImageInput.stories-BZXGD1jz.js → PzImageInput.stories-B3lBLZ95.js} +4 -4
- package/dist/app/assets/{PzInfoBlockLayout.stories-C5sQl527.js → PzInfoBlockLayout.stories-BVDKrECL.js} +2 -2
- package/dist/app/assets/PzInfoHint-CJq5yECH.css +1 -0
- package/dist/app/assets/PzInfoHint-DqQNQxBD.js +1 -0
- package/dist/app/assets/{PzInfoHint.stories-BZPt1yEo.js → PzInfoHint.stories-D-C_-yH2.js} +3 -3
- package/dist/app/assets/{PzInput.stories-WsOwXkiu.js → PzInput.stories-DdHwlzhn.js} +3 -3
- package/dist/app/assets/{PzInputDate.stories-CcDVplAk.js → PzInputDate.stories-DjWamRsZ.js} +2 -2
- package/dist/app/assets/{PzInputNumber.stories-BpfsWEjD.js → PzInputNumber.stories-BtBZRw3_.js} +3 -3
- package/dist/app/assets/PzKeyValue-CZOOY--K.js +1 -0
- package/dist/app/assets/{PzKeyValue.stories-CgBAA1fl.js → PzKeyValue.stories-BZmHYazM.js} +1 -1
- package/dist/app/assets/{PzLabel-DlbxNhfc.js → PzLabel-BDpZH4kX.js} +1 -1
- package/dist/app/assets/{PzLabel.stories-CBleHh7O.js → PzLabel.stories-C_lElhhL.js} +1 -1
- package/dist/app/assets/{PzLink-Dzi-ROj9.js → PzLink-DpFdQYYh.js} +1 -1
- package/dist/app/assets/{PzLink.stories-CTdgSVAi.js → PzLink.stories-DaRb3tYd.js} +1 -1
- package/dist/app/assets/{PzListNav-CkvNhg6e.js → PzListNav-Cd3sDdJJ.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-CNlNDqxT.js → PzListNav.stories-BW5mTNNu.js} +2 -2
- package/dist/app/assets/PzLoader-CwFuPxgP.css +1 -0
- package/dist/app/assets/PzLoader.stories-bZF_OC5v.js +9 -0
- package/dist/app/assets/PzMessages-B-LKEjuh.js +1 -0
- package/dist/app/assets/PzMessages.stories-D357hVjI.js +15 -0
- package/dist/app/assets/{PzModal-B3kz8q_l.css → PzModal-CrAwJgjU.css} +1 -1
- package/dist/app/assets/{PzModal.stories-CNxBEDUv.js → PzModal.stories-BBik0MMz.js} +8 -8
- package/dist/app/assets/{PzMultiSelect-Cfb6evRy.css → PzMultiSelect-BEXt5IOi.css} +1 -1
- package/dist/app/assets/{PzMultiSelect.stories-lmFEB50x.js → PzMultiSelect.stories-CmMH-lZl.js} +13 -13
- package/dist/app/assets/{PzNav.stories-DWuQ9MLC.js → PzNav.stories-B9fCLP7H.js} +4 -4
- package/dist/app/assets/{PzNumberFormat.stories-BneO7N0U.js → PzNumberFormat.stories-DwMjhEp5.js} +1 -1
- package/dist/app/assets/{PzPagination-DrdBvKcE.css → PzPagination-B1-6uy7o.css} +1 -1
- package/dist/app/assets/PzPagination-Cjrdt8eD.js +1 -0
- package/dist/app/assets/{PzPagination.stories-B26RtLJb.js → PzPagination.stories-DF06-Z_g.js} +2 -2
- package/dist/app/assets/{PzPaginationProvider.stories-Cfapxu7R.js → PzPaginationProvider.stories-BsxcJ4Gw.js} +2 -2
- package/dist/app/assets/{PzPriceFormat.stories-CujOWJXG.js → PzPriceFormat.stories-Dwbd5NWP.js} +1 -1
- package/dist/app/assets/{PzRadioGroup.stories-CM9aeMNb.js → PzRadioGroup.stories-C6ut-aeX.js} +2 -2
- package/dist/app/assets/{PzRouterLink.stories-B4tk9TDD.js → PzRouterLink.stories-CrO16wW6.js} +3 -3
- package/dist/app/assets/{PzScrollTo.stories-EGn60cB8.js → PzScrollTo.stories-mL--WFXj.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-DSLFR8A2.js → PzSearchResultItemLayout.stories-B8wizn8U.js} +1 -1
- package/dist/app/assets/PzSelect-Bf-GWA7x.js +1 -0
- package/dist/app/assets/{PzSelect.stories-cx0nBxJ1.js → PzSelect.stories-CVbDST1l.js} +1 -1
- package/dist/app/assets/{PzSkeleton-CEd_reRo.js → PzSkeleton-djLtPALS.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-BA_fPAM-.js → PzSkeleton.stories-Cg9CmgiB.js} +1 -1
- package/dist/app/assets/{PzStatus-BuYfoGtG.js → PzStatus-DBgvFPIT.js} +1 -1
- package/dist/app/assets/{PzStatus.stories-86r28pQH.js → PzStatus.stories-Cm1S0Mck.js} +1 -1
- package/dist/app/assets/PzTable-Cwro4jnD.js +1 -0
- package/dist/app/assets/{PzTable-C59sd8hh.css → PzTable-DCIfmtm8.css} +1 -1
- package/dist/app/assets/{PzTable.stories-CsqO6tOq.js → PzTable.stories-DLcBKDhp.js} +3 -3
- package/dist/app/assets/PzTablePaginationProvider.stories-B0HDUohI.js +32 -0
- package/dist/app/assets/{PzTabs.stories-C5OeBLt5.js → PzTabs.stories-4bBKN-ug.js} +2 -2
- package/dist/app/assets/{PzTag-Cr2V1Vb0.js → PzTag-VsavdTWa.js} +1 -1
- package/dist/app/assets/{PzTag.stories-BtaypPrC.js → PzTag.stories-zvomqWhr.js} +1 -1
- package/dist/app/assets/{PzText-CrmV62GY.js → PzText-BoQ90zAW.js} +1 -1
- package/dist/app/assets/{PzText.stories-CgGIM7VU.js → PzText.stories-sdVXnwKv.js} +1 -1
- package/dist/app/assets/{PzTextClamp-D9MjEcfh.css → PzTextClamp-DpdwWXt9.css} +1 -1
- package/dist/app/assets/PzTextClamp.stories-DCG6vgz5.js +150 -0
- package/dist/app/assets/{PzTextarea.stories-jHnu11u0.js → PzTextarea.stories-BMRUE73i.js} +5 -5
- package/dist/app/assets/{PzValidatorXSS.stories-CXbXUXfA.js → PzValidatorXSS.stories-aDwsXWzG.js} +1 -1
- package/dist/app/assets/{Spacing.stories-Wa_tk7cQ.js → Spacing.stories-BX_Vc1F9.js} +1 -1
- package/dist/app/assets/{StaticPagination.composable-5i4pXiOY.js → StaticPagination.composable-Ck7EHnzo.js} +1 -1
- package/dist/app/assets/{Typography.stories-BXBg_t5X.js → Typography.stories-DMi76uSN.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-BeFJn0hR.js → WithTooltip-65CFNBJE-D-QzTy-o.js} +1 -1
- package/dist/app/assets/configs-D5Kdbqb7.js +1 -0
- package/dist/app/assets/{floating-vue-DT48FQLc.js → floating-vue-DVoT3Xpy.js} +1 -1
- package/dist/app/assets/{floating-vue-DHrgMC_A.js → floating-vue-OkqMh8FV.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-BX2gyeen.js → formatter-EIJCOSYU-esurYlwa.js} +1 -1
- package/dist/app/assets/{iframe-oB_WZPFz.js → iframe-DU_JVmy2.js} +4 -4
- package/dist/app/assets/{index-BqCjolC0.js → index-Dh-7SPEm.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-CasHN6QM.js → syntaxhighlighter-OH4MV7E3-NRwygmmB.js} +1 -1
- package/dist/app/iframe.html +1 -1
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue.d.ts +0 -2
- package/dist/components/Display/PzLoader/PzLoader.vue.d.ts +0 -1
- package/dist/components/Form/PzFileInput/PzFileInput.vue.d.ts +0 -1
- package/dist/components/Form/PzImageInput/PzImageInput.vue.d.ts +0 -1
- package/dist/components/Form/PzMultiSelect/PzMultiSelect.vue.d.ts +0 -1
- package/dist/components/Form/shared/configs.d.ts +0 -15
- package/dist/components/Navigation/PzBreadcrumb/PzBreadcrumb.vue.d.ts +3 -3
- package/dist/components/Popups/PzModal/PzModal.vue.d.ts +0 -1
- package/dist/components/Popups/PzModal/constants.d.ts +0 -1
- package/dist/components/Text/PzArrayClamp/PzArrayClamp.vue.d.ts +0 -2
- package/dist/components/Text/PzTextClamp/PzTextClamp.vue.d.ts +0 -2
- package/dist/index.d.ts +1 -0
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +14 -14
- package/dist/prozorro-ui.js +4592 -4475
- package/dist/services/PzMessages/PzMessages.d.ts +21 -0
- package/dist/services/PzMessages/constants.d.ts +11 -0
- package/dist/services/PzMessages/index.d.ts +2 -0
- package/dist/services/PzMessages/types.d.ts +95 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/app/assets/PzAccordionTable.stories-CU14gRGK.js +0 -275
- package/dist/app/assets/PzCopyToClipboard.stories-DRXkRQQV.js +0 -45
- package/dist/app/assets/PzDateRange.stories-Da6HGWod.js +0 -9
- package/dist/app/assets/PzInfoHint-CWG8xkDj.css +0 -1
- package/dist/app/assets/PzInfoHint-ot_Wzz_B.js +0 -1
- package/dist/app/assets/PzKeyValue-DlQ3dpI1.js +0 -1
- package/dist/app/assets/PzLoader-J7_Govh3.css +0 -1
- package/dist/app/assets/PzLoader.stories-B6k9bDAd.js +0 -9
- package/dist/app/assets/PzPagination-B7kp9Qp5.js +0 -1
- package/dist/app/assets/PzSelect-CGBl0qsk.js +0 -1
- package/dist/app/assets/PzTable-C46LcP8F.js +0 -1
- package/dist/app/assets/PzTablePaginationProvider.stories-DczbZj4y.js +0 -32
- package/dist/app/assets/PzTextClamp.stories-E_qJ4i3V.js +0 -150
- package/dist/app/assets/configs-CZIaFchr.js +0 -1
- package/dist/components/Navigation/PzBreadcrumb/constants.d.ts +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-multi-select[data-v-
|
|
1
|
+
.pz-multi-select[data-v-17677817],.pz-multi-select-dropdown[data-v-17677817]{width:100%}.pz-multi-select-trigger[data-v-17677817]{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-17677817]: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-17677817]: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-17677817]{color:var(--pz-color-text-secondary)}.pz-multi-select-trigger-text[data-v-17677817]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz-multi-select-trigger-icon[data-v-17677817]{flex:0 0 auto;color:inherit;transition:transform .16s ease}.pz-multi-select-trigger.is-open .pz-multi-select-trigger-icon[data-v-17677817]{transform:rotate(180deg)}.pz-multi-select-menu[data-v-17677817]{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%}.pz-multi-select-options[data-v-17677817]{display:flex;flex-direction:column;max-block-size:320px;overflow-y:auto}.pz-multi-select-option[data-v-17677817]{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-17677817]:not(.is-disabled):hover{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-selected[data-v-17677817]{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-disabled[data-v-17677817]{color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-multi-select-option-input[data-v-17677817]{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-17677817]{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-17677817]{inline-size:12px;block-size:12px}.pz-multi-select-option-input:checked+.pz-multi-select-option-checkbox[data-v-17677817]{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-17677817]{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-17677817]{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-17677817]{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-lmFEB50x.js → PzMultiSelect.stories-CmMH-lZl.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as pe,f as V,
|
|
1
|
+
import{e as pe,f as V,E as P,y as T,C as g,n as k,o as M,u as i,F as de,G as ce,g as F,z as D,D as J,t as C,L as ue,r as o,c as f,w as me}from"./iframe-DU_JVmy2.js";import{_ as ne}from"./PzIcon-B6DKI9jR.js";import{P as ge}from"./PzTag-VsavdTWa.js";import{P as d}from"./PzText-BoQ90zAW.js";import{u as fe}from"./index-Dh-7SPEm.js";import{k as xe}from"./floating-vue-DVoT3Xpy.js";import{l as $}from"./lodash-CdDiHlzQ.js";import{P as be}from"./PzLabel-BDpZH4kX.js";import{a as ve}from"./PzMessages-B-LKEjuh.js";import{_ as ze}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./_commonjsHelpers-Cpj98o6Y.js";const he=6,ye=["id"],Se=["id","disabled","aria-controls","aria-expanded","aria-label"],Oe={class:"pz-multi-select-trigger-text"},we=["id","aria-labelledby"],Ve={class:"pz-multi-select-options"},Pe=["for"],Te=["id","name","checked","disabled","onChange"],Me={class:"pz-multi-select-option-text"},S=pe({name:"PzMultiSelect",__name:"PzMultiSelect",props:{name:{},options:{},modelValue:{default:()=>[]},label:{default:""},placeholder:{default:""},selectedLabel:{},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?l.selectedLabel.replace("{count}",String(t)):ve("form.pzMultiSelect.selectedLabel",{count: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)=>(M(),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",Oe,[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,Se)]),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",Ve,[(M(!0),V(de,null,ce(l.options,(a,w)=>(M(),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:De=>oe(a.value)},null,40,Te),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",Me,[D(t.$slots,"default",ue({ref_for:!0},re(a)),()=>[J(C(a.label),1)],!0)])],10,Pe))),128))])],12,we)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],12,ye))}}),r=ze(S,[["__scopeId","data-v-17677817"]]);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"}},{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"}],q=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"},{label:"Недоступний",value:"unavailable",disabled:!0}],qe=30,Ne=2,I=["Будівництво","Послуги","Транспорт","Освіта","Енергія"],Le=Array.from({length:qe},(e,n)=>{const l=I[n%I.length];return{label:`Категорія ${String(n+1).padStart(Ne,"0")} — ${l}`,value:`category-${n+1}`}}),ke=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(" ")}
|
|
@@ -16,7 +16,7 @@ const options = [
|
|
|
16
16
|
];
|
|
17
17
|
|
|
18
18
|
const value = ref<string[]>([]);
|
|
19
|
-
<\/script>`,
|
|
19
|
+
<\/script>`,Fe={title:"Components/Form/PzMultiSelect",component:r,parameters:{docs:{description:{component:"Multi-select dropdown with checkbox rows. Toggling an option emits `update:modelValue` immediately — selection updates as the user clicks. The dropdown stays open while toggling and closes on outside click."},source:{transform:(e,n)=>ke(n.args??Fe.args)}}},args:{name:"pz-multi-select-story",label:"Класифікатор",modelValue:[],options:p,placeholder:"Оберіть значення",selectedLabel:"{count} обрано",required:!1,disabled:!1,width:void 0},argTypes:{name:{control:"text",description:"Stable field name used to derive trigger and option ids."},label:{control:"text",description:"Visible label rendered above the trigger."},options:{control:!1,description:"Array of options with `label`, `value`, and optional `disabled` or `id`."},modelValue:{control:!1,description:"Array of currently selected primitive values."},placeholder:{control:"text",description:"Text shown in the trigger when no option is selected."},selectedLabel:{control:"text",description:"Template for the trigger text when 2+ options are selected. Use `{count}` placeholder."},required:{control:"boolean",description:"Adds the required indicator to the label."},disabled:{control:"boolean",description:"Disables the trigger and prevents the menu from opening."},width:{control:"text",description:"Optional explicit width applied to the component root."}},render:e=>({components:{pzMultiSelect:r,pzText:d},setup(){const n=o([...e.modelValue]),l=o(["09100000-0","09300000-2"]),u=o([]);return me(()=>e.modelValue,m=>{n.value=[...m]},{deep:!0}),{args:e,procurementOptions:p,statusOptions:q,value:n,preselected:l,filterValue:u}},template:`
|
|
20
20
|
<div style="display:flex;flex-direction:column;gap:32px;padding:24px;max-width:720px">
|
|
21
21
|
<section style="display:flex;flex-direction:column;gap:16px">
|
|
22
22
|
<pz-text variant="h4-bold">Playground</pz-text>
|
|
@@ -58,7 +58,7 @@ const value = ref<string[]>([]);
|
|
|
58
58
|
<pz-text variant="body-regular">Selected statuses: {{ JSON.stringify(filterValue) }}</pz-text>
|
|
59
59
|
</section>
|
|
60
60
|
</div>
|
|
61
|
-
`})},x={parameters:{docs:{description:{story:"Default interactive story. Open the dropdown and toggle items — the model updates on each click. The dropdown stays open while selecting and closes on outside click."}}}},b={parameters:{docs:{description:{story:"Custom rendering via the `#selected` and default scoped slots. The `#selected` slot receives `{ selectedOptions, placeholder, count }` and controls the trigger content. The default slot receives `{ option, selected, disabled }` and controls each option row."}}},render:()=>({components:{pzMultiSelect:r,pzText:d,pzTag:ge,pzIcon:ne},setup(){const e=o(["09100000-0"]),n=o([]),l=o([]);return{tagsValue:e,counterValue:n,richOptionValue:l,procurementOptions:p,statusOptions:
|
|
61
|
+
`})},x={parameters:{docs:{description:{story:"Default interactive story. Open the dropdown and toggle items — the model updates on each click. The dropdown stays open while selecting and closes on outside click."}}}},b={parameters:{docs:{description:{story:"Custom rendering via the `#selected` and default scoped slots. The `#selected` slot receives `{ selectedOptions, placeholder, count }` and controls the trigger content. The default slot receives `{ option, selected, disabled }` and controls each option row."}}},render:()=>({components:{pzMultiSelect:r,pzText:d,pzTag:ge,pzIcon:ne},setup(){const e=o(["09100000-0"]),n=o([]),l=o([]);return{tagsValue:e,counterValue:n,richOptionValue:l,procurementOptions:p,statusOptions:q}},template:`
|
|
62
62
|
<div style="display:flex;flex-direction:column;gap:32px;padding:24px;max-width:720px">
|
|
63
63
|
<section style="display:flex;flex-direction:column;gap:12px">
|
|
64
64
|
<pz-text variant="h4-bold">Trigger renders selected values as tags</pz-text>
|
|
@@ -130,7 +130,7 @@ const value = ref<string[]>([]);
|
|
|
130
130
|
Selected: {{ value.length === 0 ? "—" : JSON.stringify(value) }}
|
|
131
131
|
</pz-text>
|
|
132
132
|
</div>
|
|
133
|
-
`})},
|
|
133
|
+
`})},z={parameters:{docs:{description:{story:"Disabled state with a pre-populated selection. The trigger renders the selected count but cannot be opened or modified."}}},render:()=>({components:{pzMultiSelect:r,pzText:d},setup(){const e=o([]),n=o(["09100000-0","09300000-2"]);return{empty:e,preselected:n,procurementOptions:p}},template:`
|
|
134
134
|
<div style="display:flex;flex-direction:column;gap:24px;padding:24px;max-width:480px">
|
|
135
135
|
<section style="display:flex;flex-direction:column;gap:8px">
|
|
136
136
|
<pz-text variant="body-semibold">Disabled, no selection</pz-text>
|
|
@@ -155,7 +155,7 @@ const value = ref<string[]>([]);
|
|
|
155
155
|
/>
|
|
156
156
|
</section>
|
|
157
157
|
</div>
|
|
158
|
-
`})},
|
|
158
|
+
`})},h={parameters:{docs:{description:{story:"Long option list demonstrating the scrollable dropdown body. The options container caps its height and scrolls vertically while the trigger and surrounding chrome remain fixed."}}},render:()=>({components:{pzMultiSelect:r,pzText:d},setup(){return{value:o(["category-3","category-12"]),longOptions:Le}},template:`
|
|
159
159
|
<div style="display:flex;flex-direction:column;gap:16px;padding:24px;max-width:480px">
|
|
160
160
|
<pz-multi-select
|
|
161
161
|
v-model="value"
|
|
@@ -166,7 +166,7 @@ const value = ref<string[]>([]);
|
|
|
166
166
|
/>
|
|
167
167
|
<pz-text variant="body-regular">Selected: {{ JSON.stringify(value) }}</pz-text>
|
|
168
168
|
</div>
|
|
169
|
-
`})},y={parameters:{docs:{description:{story:"Realistic page-level filter row combining several PzMultiSelect controls in a horizontal layout. Each control updates its own model independently."}}},render:()=>({components:{pzMultiSelect:r,pzText:d},setup(){const e=o(["active"]),n=o([]);return{statuses:e,categories:n,statusOptions:
|
|
169
|
+
`})},y={parameters:{docs:{description:{story:"Realistic page-level filter row combining several PzMultiSelect controls in a horizontal layout. Each control updates its own model independently."}}},render:()=>({components:{pzMultiSelect:r,pzText:d},setup(){const e=o(["active"]),n=o([]);return{statuses:e,categories:n,statusOptions:q,procurementOptions:p}},template:`
|
|
170
170
|
<div style="display:flex;flex-direction:column;gap:16px;padding:24px">
|
|
171
171
|
<pz-text variant="h4-bold">Filter by</pz-text>
|
|
172
172
|
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px">
|
|
@@ -189,7 +189,7 @@ const value = ref<string[]>([]);
|
|
|
189
189
|
Active filters — statuses: {{ JSON.stringify(statuses) }}, categories: {{ JSON.stringify(categories) }}
|
|
190
190
|
</pz-text>
|
|
191
191
|
</div>
|
|
192
|
-
`})};var
|
|
192
|
+
`})};var E,R,A;x.parameters={...x.parameters,docs:{...(E=x.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
193
193
|
parameters: {
|
|
194
194
|
docs: {
|
|
195
195
|
description: {
|
|
@@ -197,7 +197,7 @@ const value = ref<string[]>([]);
|
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
|
-
}`,...(
|
|
200
|
+
}`,...(A=(R=x.parameters)==null?void 0:R.docs)==null?void 0:A.source}}};var _,B,W;b.parameters={...b.parameters,docs:{...(_=b.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
201
201
|
parameters: {
|
|
202
202
|
docs: {
|
|
203
203
|
description: {
|
|
@@ -284,7 +284,7 @@ const value = ref<string[]>([]);
|
|
|
284
284
|
</div>
|
|
285
285
|
\`
|
|
286
286
|
})
|
|
287
|
-
}`,...(W=(B=b.parameters)==null?void 0:B.docs)==null?void 0:W.source}}};var U,j
|
|
287
|
+
}`,...(W=(B=b.parameters)==null?void 0:B.docs)==null?void 0:W.source}}};var G,U,j;v.parameters={...v.parameters,docs:{...(G=v.parameters)==null?void 0:G.docs,source:{originalSource:`{
|
|
288
288
|
parameters: {
|
|
289
289
|
docs: {
|
|
290
290
|
description: {
|
|
@@ -320,7 +320,7 @@ const value = ref<string[]>([]);
|
|
|
320
320
|
</div>
|
|
321
321
|
\`
|
|
322
322
|
})
|
|
323
|
-
}`,...(
|
|
323
|
+
}`,...(j=(U=v.parameters)==null?void 0:U.docs)==null?void 0:j.source}}};var X,Z,H;z.parameters={...z.parameters,docs:{...(X=z.parameters)==null?void 0:X.docs,source:{originalSource:`{
|
|
324
324
|
parameters: {
|
|
325
325
|
docs: {
|
|
326
326
|
description: {
|
|
@@ -369,7 +369,7 @@ const value = ref<string[]>([]);
|
|
|
369
369
|
</div>
|
|
370
370
|
\`
|
|
371
371
|
})
|
|
372
|
-
}`,...(H=(Z=
|
|
372
|
+
}`,...(H=(Z=z.parameters)==null?void 0:Z.docs)==null?void 0:H.source}}};var K,Q,Y;h.parameters={...h.parameters,docs:{...(K=h.parameters)==null?void 0:K.docs,source:{originalSource:`{
|
|
373
373
|
parameters: {
|
|
374
374
|
docs: {
|
|
375
375
|
description: {
|
|
@@ -402,7 +402,7 @@ const value = ref<string[]>([]);
|
|
|
402
402
|
</div>
|
|
403
403
|
\`
|
|
404
404
|
})
|
|
405
|
-
}`,...(Y=(Q=
|
|
405
|
+
}`,...(Y=(Q=h.parameters)==null?void 0:Q.docs)==null?void 0:Y.source}}};var ee,te,le;y.parameters={...y.parameters,docs:{...(ee=y.parameters)==null?void 0:ee.docs,source:{originalSource:`{
|
|
406
406
|
parameters: {
|
|
407
407
|
docs: {
|
|
408
408
|
description: {
|
|
@@ -450,4 +450,4 @@ const value = ref<string[]>([]);
|
|
|
450
450
|
</div>
|
|
451
451
|
\`
|
|
452
452
|
})
|
|
453
|
-
}`,...(le=(te=y.parameters)==null?void 0:te.docs)==null?void 0:le.source}}};const
|
|
453
|
+
}`,...(le=(te=y.parameters)==null?void 0:te.docs)==null?void 0:le.source}}};const je=["Playground","WithSlots","Required","Disabled","LongList","InFilterRow"];export{z as Disabled,y as InFilterRow,h as LongList,x as Playground,v as Required,b as WithSlots,je as __namedExportsOrder,Fe as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as E,f as i,F,
|
|
1
|
+
import{e as E,f as i,F,G as O,g as p,o,v as V,y as A,z as h,D as x,t as b,C as B,R as j,c as L,M as W,i as z,a1 as y}from"./iframe-DU_JVmy2.js";import{P as g}from"./PzText-BoQ90zAW.js";import{p as G}from"./configs-B15JgQZ-.js";import{_ as Q}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(),V(B(j),{key:0,to:M(t.path),class:p(["pz-nav__text",{active:u(t)}])},{default:A(()=>[h(a.$slots,"view",{data:t},()=>[x(b(t.text),1)],!0)]),_:2},1032,["to","class"]))],2))),128))],2))}}),m=Q(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:"Товари"}],U=[{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">
|
|
@@ -9,7 +9,7 @@ import{e as E,f as i,F,A as O,g as p,o,u as A,x as B,y as h,B as x,t as b,C as V
|
|
|
9
9
|
</span>
|
|
10
10
|
</template>
|
|
11
11
|
</PzNav>
|
|
12
|
-
</template>`,X={title:"Components/Navigation/PzNav",component:m,parameters:{prototype:{caption:"Navigation component",note:"Renamed from the previous app-level URL tabs to the shared `PzNav` component. It keeps the original `config` prop, default-tab logic, disabled states, and the `view` slot for custom item rendering."},docs:{description:{component:"Use `PzNav` when a screen needs route-based horizontal navigation. It follows the previous `url-tabs` API with a `config` array and marks the fallback item active when no route matches and `isDefault` is set."},source:{transform:(e,n)=>J(n.args??X.args)}}},args:{config:N,typography:void 0},argTypes:{config:{control:"object",description:"Navigation items with route path, label, disabled state, and optional default fallback."},typography:{control:"select",options:[void 0,...
|
|
12
|
+
</template>`,X={title:"Components/Navigation/PzNav",component:m,parameters:{prototype:{caption:"Navigation component",note:"Renamed from the previous app-level URL tabs to the shared `PzNav` component. It keeps the original `config` prop, default-tab logic, disabled states, and the `view` slot for custom item rendering."},docs:{description:{component:"Use `PzNav` when a screen needs route-based horizontal navigation. It follows the previous `url-tabs` API with a `config` array and marks the fallback item active when no route matches and `isDefault` is set."},source:{transform:(e,n)=>J(n.args??X.args)}}},args:{config:N,typography:void 0},argTypes:{config:{control:"object",description:"Navigation items with route path, label, disabled state, and optional default fallback."},typography:{control:"select",options:[void 0,...G],description:"Overrides typography using a PzText variant."}},render:e=>({components:{pzNav:m,pzText:g},setup(){const n=y();return z(async()=>{await n.push("/market/procedures")}),{args:e,marketNavItems:N,tenderNavItems:U}},template:`
|
|
13
13
|
<div class="pz-nav-story">
|
|
14
14
|
<section class="pz-nav-story-frame">
|
|
15
15
|
<div class="pz-nav-story-header">
|
|
@@ -96,7 +96,7 @@ import{e as E,f as i,F,A as O,g as p,o,u as A,x as B,y as h,B as x,t as b,C as V
|
|
|
96
96
|
</div>
|
|
97
97
|
</section>
|
|
98
98
|
</div>
|
|
99
|
-
`})};var w,k,P;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(P=(k=c.parameters)==null?void 0:k.docs)==null?void 0:P.source}}};var _,T,
|
|
99
|
+
`})};var w,k,P;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(P=(k=c.parameters)==null?void 0:k.docs)==null?void 0:P.source}}};var _,T,D;v.parameters={...v.parameters,docs:{...(_=v.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
100
100
|
args: {
|
|
101
101
|
config: archiveNavItems
|
|
102
102
|
},
|
|
@@ -132,7 +132,7 @@ import{e as E,f as i,F,A as O,g as p,o,u as A,x as B,y as h,B as x,t as b,C as V
|
|
|
132
132
|
</div>
|
|
133
133
|
\`
|
|
134
134
|
})
|
|
135
|
-
}`,...(
|
|
135
|
+
}`,...(D=(T=v.parameters)==null?void 0:T.docs)==null?void 0:D.source}}};var S,I,C;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`{
|
|
136
136
|
parameters: {
|
|
137
137
|
docs: {
|
|
138
138
|
source: {
|
package/dist/app/assets/{PzNumberFormat.stories-BneO7N0U.js → PzNumberFormat.stories-DwMjhEp5.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-BoQ90zAW.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DU_JVmy2.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
|
-
.pz-pagination__list[data-v-
|
|
1
|
+
.pz-pagination__list[data-v-2055ad99]{display:flex;align-items:center;gap:var(--pz-space-4);list-style:none;margin:0;padding:0}.pz-pagination__item[data-v-2055ad99]{display:flex}.pz-pagination__btn[data-v-2055ad99]{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-2055ad99]: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-2055ad99]{border-color:var(--pz-color-tag-blue)}.pz-pagination__btn--nav[data-v-2055ad99]{color:var(--pz-color-text-primary)}.pz-pagination__btn--nav[data-v-2055ad99]:disabled{opacity:.35;cursor:default}.pz-pagination__dots[data-v-2055ad99]{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))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as M,f as s,u as i,E as h,C as V,F as T,G as $,c as n,o as l,t as k,g as B}from"./iframe-DU_JVmy2.js";import{_ as x}from"./PzIcon-B6DKI9jR.js";import{a as m}from"./PzMessages-B-LKEjuh.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const j={class:"pz-pagination","aria-label":"Pagination"},D={class:"pz-pagination__list"},G=["disabled","aria-label"],O={key:0,class:"pz-pagination__dots","aria-hidden":"true"},A=["aria-current","onClick"],R=["disabled","aria-label"],_=1,r=M({name:"PzPagination",__name:"PzPagination",props:{modelValue:{},total:{},perPage:{},radius:{default:2}},emits:["update:modelValue"],setup(p,{emit:N}){const C=n(()=>m("navigation.pzPagination.prevLabel")),L=n(()=>m("navigation.pzPagination.nextLabel")),F=n(()=>m("navigation.pzPagination.dots")),a=p,u=N,b=n(()=>Math.ceil(a.total/a.perPage)),v=n(()=>a.modelValue<=1),P=n(()=>a.modelValue>=b.value),I=n(()=>{const t=b.value;if(t<=0)return[];if(t===1)return[{type:"page",page:_}];const d=a.modelValue,e=a.radius,c=_+1,f=t-1,z=Math.max(c,d-e),y=Math.min(f,d+e),o=[{type:"page",page:_}];z>c&&o.push({type:"dots",side:"left"});for(let g=z;g<=y;g++)o.push({type:"page",page:g});return y<f&&o.push({type:"dots",side:"right"}),o.push({type:"page",page:t}),o}),q=t=>{t!==a.modelValue&&u("update:modelValue",t)},w=()=>{v.value||u("update:modelValue",a.modelValue-1)},E=()=>{P.value||u("update:modelValue",a.modelValue+1)};return(t,d)=>(l(),s("nav",j,[i("ul",D,[i("li",null,[i("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:v.value,"aria-label":C.value,onClick:w},[h(V(x),{name:"chevron_left",size:"24"})],8,G)]),(l(!0),s(T,null,$(I.value,e=>(l(),s("li",{key:e.type==="page"?`p-${e.page}`:`d-${e.side}`,class:"pz-pagination__item"},[e.type==="dots"?(l(),s("span",O,k(F.value),1)):(l(),s("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:c=>q(e.page)},k(e.page),11,A))]))),128)),i("li",null,[i("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:P.value,"aria-label":L.value,onClick:E},[h(V(x),{name:"chevron_right",size:"24"})],8,R)])])]))}}),Q=S(r,[["__scopeId","data-v-2055ad99"]]);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{Q as P};
|
package/dist/app/assets/{PzPagination.stories-B26RtLJb.js → PzPagination.stories-DF06-Z_g.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-DU_JVmy2.js";import{P as v}from"./PzText-BoQ90zAW.js";import{P as s}from"./PzPagination-Cjrdt8eD.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-B6DKI9jR.js";import"./PzMessages-B-LKEjuh.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});
|
|
@@ -80,4 +80,4 @@ ${b}
|
|
|
80
80
|
</div>
|
|
81
81
|
</section>
|
|
82
82
|
</div>
|
|
83
|
-
`})},n={};var o,i,p;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(p=(i=n.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};const
|
|
83
|
+
`})},n={};var o,i,p;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(p=(i=n.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};const F=["Playground"];export{n as Playground,F as __namedExportsOrder,h as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as
|
|
1
|
+
import{P as E}from"./PzKeyValue-CZOOY--K.js";import{P as v}from"./PzText-BoQ90zAW.js";import{e as A,f as l,F as q,G as C,C as a,v as V,q as k,o as p,z as K}from"./iframe-DU_JVmy2.js";import{I,P as w}from"./PzListNav-Cd3sDdJJ.js";import{P as O}from"./PzScrollTo-KuzwcV-o.js";import{u as F}from"./StaticPagination.composable-Ck7EHnzo.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-Bf-GWA7x.js";import"./index-Dh-7SPEm.js";import"./floating-vue-DVoT3Xpy.js";import"./PzIcon-B6DKI9jR.js";import"./PzLabel-BDpZH4kX.js";import"./PzPagination-Cjrdt8eD.js";import"./PzMessages-B-LKEjuh.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(q,null,C(a(h),(N,s)=>K(r.$slots,"item",{item:N,index:s,sequenceNumber:a(T)[0]+s})),256)),a(S)?(p(),V(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"])):k("",!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,G=6,H=1e3,D=Array.from({length:B},(e,t)=>({id:`UA-2026-04-17-${String(t+1).padStart(G,"0")}-a`,title:`Закупівля №${t+1}`,amount:`${(t+1)*H} UAH`})),de={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:D,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 }">
|
|
@@ -79,4 +79,4 @@ import{P as A}from"./PzKeyValue-DlQ3dpI1.js";import{P as v}from"./PzText-CrmV62G
|
|
|
79
79
|
</div>
|
|
80
80
|
\`
|
|
81
81
|
})
|
|
82
|
-
}`,...(P=(u=i.parameters)==null?void 0:u.docs)==null?void 0:P.source}}};const
|
|
82
|
+
}`,...(P=(u=i.parameters)==null?void 0:u.docs)==null?void 0:P.source}}};const me=["Playground","WithAutoScroll"];export{o as Playground,i as WithAutoScroll,me as __namedExportsOrder,de as default};
|
package/dist/app/assets/{PzPriceFormat.stories-CujOWJXG.js → PzPriceFormat.stories-Dwbd5NWP.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-BoQ90zAW.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DU_JVmy2.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=100;class o{static minPriceStep(t,r){return!t||r===void 0?0:r/t}static multiplyByHundredPercent(t){if(!p.isNumber(t)&&p.isEmpty(t))return"";const r=parseFloat(t)*n;return`${Math.round(r*n)/n}%`}}const P={title:"Utilities/PzPriceFormat",parameters:{docs:{description:{component:"The `PzPriceFormat` static class provides common utilities for rendering pricing values such as minimum steps or formatting decimal percents into percent strings."}}}},i={render:()=>({components:{pzText:c},setup(){return{minPriceExamples:[{value:1e3,step:10,description:"Value 1000, minimal step 10"},{value:50,step:2,description:"Value 50, step 2"},{value:0,step:5,description:"Zero value"}].map(e=>({...e,result:o.minPriceStep(e.value,e.step)})),percentExamples:[{value:.12345,description:"Standard fractional"},{value:1,description:"Complete ratio"},{value:"0.55",description:"String fractional"}].map(e=>({...e,result:o.multiplyByHundredPercent(e.value)}))}},template:`
|
|
2
2
|
<div style="display: flex; flex-direction: column; gap: 24px;">
|
|
3
3
|
<section>
|
|
4
4
|
<pz-text variant="h4-semibold">minPriceStep</pz-text>
|
package/dist/app/assets/{PzRadioGroup.stories-CM9aeMNb.js → PzRadioGroup.stories-C6ut-aeX.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as w,f as i,F as k,
|
|
1
|
+
import{e as w,f as i,F as k,G as S,g as b,o as n,u as p,z as g,D as _,t as C,L as v,q as R,r as f,w as O}from"./iframe-DU_JVmy2.js";import{P as $}from"./PzLabel-BDpZH4kX.js";import{P as L}from"./PzText-BoQ90zAW.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,S(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:U=>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)),()=>[_(C(a.label),1)],!0)]),o.$slots.content&&t(a,r).checked?(n(),i("div",I,[g(o.$slots,"content",v({ref_for:!0},t(a,r)),void 0,!0)])):R("",!0)],10,N))),128))],10,B))}}),z=q(c,[["__scopeId","data-v-21d7c0d8"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzRadioGroup",exportName:"default",displayName:"PzRadioGroup",description:"",tags:{},props:[{name:"modelValue",required:!1,type:{name:"PzRadioGroupValue"},defaultValue:{func:!1,value:"undefined"}},{name:"name",required:!0,type:{name:"string"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"mode",required:!1,type:{name:"union",elements:[{name:'"default"'},{name:'"accordion"'}]},defaultValue:{func:!1,value:'"default"'}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzRadioGroupOption"}]},defaultValue:{func:!1,value:"() => []"}},{name:"optionClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default",scoped:!0,bindings:[]},{name:"content",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzRadioGroup/PzRadioGroup.vue"]});const y=[{label:"Text radiobutton",value:"one"},{label:"Text radiobutton",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"}],j=[{label:"Text radiobutton",value:"one"},{label:"Text checkboxText checkboxText checkbox",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"},{label:"Text radiobutton",value:"five"}],D=e=>{const s=[`name="${e.name}"`,e.mode!=="default"?`mode="${e.mode}"`:null,e.disabled?':disabled="true"':null].filter(l=>!!l).join(" ");return`<template>
|
|
2
2
|
<PzLabel label="${e.heading}">
|
|
3
3
|
<PzRadioGroup
|
|
4
4
|
v-model="selectedValue"
|
|
@@ -18,7 +18,7 @@ const options = [
|
|
|
18
18
|
];
|
|
19
19
|
|
|
20
20
|
const selectedValue = ref("two");
|
|
21
|
-
<\/script>`},E={title:"Components/Form/PzRadioGroup",component:z,parameters:{docs:{description:{component:"Use `PzRadioGroup` for single-choice lists backed by one primitive `value`. The component keeps the legacy accordion content pattern, but aligns the API and styling with the current `Pz*` form controls."},source:{transform:(e,s)=>D(s.args??E.args)}}},args:{heading:"Назва поля",modelValue:"two",options:y,name:"radio-group-story",mode:"default",disabled:!1,optionClass:""},argTypes:{modelValue:{control:!1,description:"Selected option value."},options:{control:!1,description:"Array of radio options with `label`, `value`, and optional `disabled`/`id`."},name:{control:"text",description:"Shared native input name."},mode:{control:"inline-radio",options:["default","accordion"],description:"Default stacked list or separated accordion-style list."},disabled:{control:"boolean",description:"Disables every option in the group."},optionClass:{control:"text",description:"Optional additional class applied to each option wrapper."},heading:{control:"text",description:"Story-only field label shown through `PzLabel`.",table:{category:"Story"}}},render:e=>({components:{pzLabel:$,pzRadioGroup:z,pzText:
|
|
21
|
+
<\/script>`},E={title:"Components/Form/PzRadioGroup",component:z,parameters:{docs:{description:{component:"Use `PzRadioGroup` for single-choice lists backed by one primitive `value`. The component keeps the legacy accordion content pattern, but aligns the API and styling with the current `Pz*` form controls."},source:{transform:(e,s)=>D(s.args??E.args)}}},args:{heading:"Назва поля",modelValue:"two",options:y,name:"radio-group-story",mode:"default",disabled:!1,optionClass:""},argTypes:{modelValue:{control:!1,description:"Selected option value."},options:{control:!1,description:"Array of radio options with `label`, `value`, and optional `disabled`/`id`."},name:{control:"text",description:"Shared native input name."},mode:{control:"inline-radio",options:["default","accordion"],description:"Default stacked list or separated accordion-style list."},disabled:{control:"boolean",description:"Disables every option in the group."},optionClass:{control:"text",description:"Optional additional class applied to each option wrapper."},heading:{control:"text",description:"Story-only field label shown through `PzLabel`.",table:{category:"Story"}}},render:e=>({components:{pzLabel:$,pzRadioGroup:z,pzText:L},setup(){const s=f(e.modelValue),l=f("two");return O(()=>e.modelValue,m=>{s.value=m}),{args:e,accordionValue:l,longLabelOptions:j,radioOptions:y,selectedValue:s}},template:`
|
|
22
22
|
<div class="pz-radio-group-story">
|
|
23
23
|
<section class="pz-radio-group-story-board">
|
|
24
24
|
<div class="pz-radio-group-story-header">
|
package/dist/app/assets/{PzRouterLink.stories-B4tk9TDD.js → PzRouterLink.stories-CrO16wW6.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as v,
|
|
1
|
+
import{e as v,J as y,v as b,y as l,C as s,R as k,o as z,E as x,K as P,z as p,L as w,c as R,M as _}from"./iframe-DU_JVmy2.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-B6DKI9jR.js";import{P as T}from"./PzText-BoQ90zAW.js";import{p as $}from"./configs-B15JgQZ-.js";import{P as A}from"./PzLink-DpFdQYYh.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=v({name:"PzRouterLink",inheritAttrs:!1,__name:"PzRouterLink",props:{to:{},replace:{type:Boolean,default:!1},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1},typography:{}},setup(e){const t=e,o=y(),r=(a,u)=>{t.disabled||t.target!=="_self"||u(a)};return(a,u)=>(z(),b(s(k),{custom:"",to:t.to,replace:t.replace},{default:l(({href:m,navigate:h})=>[x(s(A),w(s(o),{href:m,variant:t.variant,target:t.target,rel:t.rel,disabled:t.disabled,inline:t.inline,bold:t.bold,italic:t.italic,"line-through":t.lineThrough,typography:t.typography,onClick:g=>r(g,h)}),P({default:l(()=>[p(a.$slots,"default")]),_:2},[a.$slots.prefix?{name:"prefix",fn:l(()=>[p(a.$slots,"prefix")]),key:"0"}:void 0,a.$slots.suffix?{name:"suffix",fn:l(()=>[p(a.$slots,"suffix")]),key:"1"}:void 0]),1040,["href","variant","target","rel","disabled","inline","bold","italic","line-through","typography","onClick"])]),_:3},8,["to","replace"]))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzRouterLink",exportName:"default",displayName:"PzRouterLink",description:"",tags:{},props:[{name:"to",required:!0,type:{name:"PzRouterLinkTo"}},{name:"replace",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",defaultValue:{func:!1,value:'"primary"'}},{name:"target",defaultValue:{func:!1,value:'"_self"'}},{name:"rel",defaultValue:{func:!1,value:"undefined"}},{name:"disabled",defaultValue:{func:!1,value:"false"}},{name:"inline",defaultValue:{func:!1,value:"true"}},{name:"bold",defaultValue:{func:!1,value:"false"}},{name:"italic",defaultValue:{func:!1,value:"false"}},{name:"lineThrough",defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzRouterLink/PzRouterLink.vue"]});const B=e=>{const o=[`to="${typeof e.to=="string"?e.to:JSON.stringify(e.to)}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null,e.replace?':replace="true"':null].filter(a=>!!a).join(" "),r=[e.showPrefix?` <template #prefix>
|
|
2
2
|
<PzIcon name="arrow_back" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -7,7 +7,7 @@ import{e as v,H as y,u as b,x as l,C as s,R as k,o as z,z as x,I as P,y as p,J a
|
|
|
7
7
|
${r.join(`
|
|
8
8
|
`)}
|
|
9
9
|
</PzRouterLink>
|
|
10
|
-
</template>`},
|
|
10
|
+
</template>`},O={title:"Components/Actions/PzRouterLink",component:n,parameters:{prototype:{caption:"Router-aware link component",note:"Use `PzRouterLink` for in-app navigation with vue-router while keeping the same visual API as `PzLink`."},docs:{description:{component:"Use `PzRouterLink` when navigation should stay inside a Vue Router application without forcing a full page reload. It wraps `PzLink` and forwards the same visual props and slots."},source:{transform:(e,t)=>B(t.args??O.args)}}},args:{to:"/tenders/active",variant:"primary",target:"_self",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,replace:!1,typography:void 0,label:"Open active tenders",showPrefix:!1,showSuffix:!0},argTypes:{to:{control:"text",description:"Vue Router target location."},variant:{control:"inline-radio",options:S,description:"Visual link treatment."},target:{control:"select",options:L,description:"Anchor target attribute. `_self` keeps router navigation enabled."},disabled:{control:"boolean",description:"Prevents navigation and applies disabled styling."},inline:{control:"boolean",description:"Renders inline-flex or block flex layout."},bold:{control:"boolean",description:"Applies stronger text weight."},italic:{control:"boolean",description:"Applies italic text style."},lineThrough:{control:"boolean",description:"Adds line-through decoration to the content."},replace:{control:"boolean",description:"Uses router replace navigation instead of push."},typography:{control:"select",options:[void 0,...$],description:"Overrides typography using a PzText variant."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzRouterLink:n,pzIcon:V,pzText:T},setup(){const t=_(),o=R(()=>t.fullPath);return{args:e,currentPath:o}},template:`
|
|
11
11
|
<div class="pz-link-story">
|
|
12
12
|
<section class="pz-link-story-board">
|
|
13
13
|
<div class="pz-link-story-header">
|
|
@@ -52,4 +52,4 @@ ${r.join(`
|
|
|
52
52
|
</div>
|
|
53
53
|
</section>
|
|
54
54
|
</div>
|
|
55
|
-
`})},i={};var c,f,d;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(d=(f=i.parameters)==null?void 0:f.docs)==null?void 0:d.source}}};const F=["Playground"];export{i as Playground,F as __namedExportsOrder,
|
|
55
|
+
`})},i={};var c,f,d;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(d=(f=i.parameters)==null?void 0:f.docs)==null?void 0:d.source}}};const F=["Playground"];export{i as Playground,F as __namedExportsOrder,O as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as i,w as n,
|
|
1
|
+
import{r as i,w as n,A as h}from"./iframe-DU_JVmy2.js";import{P as v}from"./PzText-BoQ90zAW.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-BoQ90zAW.js";import{e as m,v as y,y as h,n as z,x as f,c as v,o as g,u as s,z as i}from"./iframe-DU_JVmy2.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const x={class:"pz-search-result-item-layout-surface"},S={class:"pz-search-result-item-layout-grid"},L={class:"pz-search-result-item-layout-main"},_={class:"pz-search-result-item-layout-aside"},r=m({name:"PzSearchResultItemLayout",__name:"PzSearchResultItemLayout",props:{as:{default:"li"},desktopColumns:{default:"minmax(0, 1fr) minmax(240px, 292px)"}},setup(e){const t=e,o=v(()=>({"--pz-search-result-item-layout-columns-lg":t.desktopColumns}));return(l,C)=>(g(),y(f(t.as),{class:"pz-search-result-item-layout",style:z(o.value)},{default:h(()=>[s("div",x,[s("div",S,[s("div",L,[i(l.$slots,"first-col",{},void 0,!0)]),s("div",_,[i(l.$slots,"second-col",{},void 0,!0)])])])]),_:3},8,["style"]))}}),c=b(r,[["__scopeId","data-v-53ce1156"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzSearchResultItemLayout",exportName:"default",displayName:"PzSearchResultItemLayout",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzSearchResultItemLayoutTag"},defaultValue:{func:!1,value:'"li"'}},{name:"desktopColumns",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"minmax(0, 1fr) minmax(240px, 292px)"'}}],slots:[{name:"first-col"},{name:"second-col"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzSearchResultItemLayout/PzSearchResultItemLayout.vue"]});const I=["li","article","div"],P=[{id:"tenders",eyebrow:"Procurement results",title:"Tender search",resultLabel:"Знайдено більше 10 000 закупівель",sortLabel:"за замовчуванням",cards:[{id:"tender-1",title:"Вогнегасник ВП-5(з)",status:"Завершена",organization:'ДЕРЖАВНА УСТАНОВА "ЛУЦЬКИЙ СЛІДЧИЙ ІЗОЛЯТОР" • Луцьк',identifier:"ID: UA-2026-04-16-007213-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"4 830,00 UAH",accent:"success"}]},{id:"tender-2",title:'Електрична енергія, без розподілу (постачальник "останньої надії")',status:"Підготовка угоди",organization:"Ратнівський дитячий садок №2 Ратнівської селищної ради • Ковельський р-н, селище міського типу Ратне",identifier:"ID: UA-2026-04-16-007209-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"54 741,16 UAH",accent:"success"}]}]},{id:"qualifications",eyebrow:"Selection results",title:"Framework selection search",resultLabel:"Знайдено 470 відборів",sortLabel:"за замовчуванням",cards:[{id:"selection-1",title:"33730000-6 Офтальмологічні вироби та коригувальні лінзи",status:"Активний до 5 бер. 23:00",organization:"",identifier:"ID: UA-F-2026-04-06-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"20 квіт. 23:00"},{id:"published",label:"Оголошено:",value:"6 квіт. 2026"}]},{id:"selection-2",title:"33650000-1 Загальні протиінфекційні засоби для системного застосування",status:"Активний до 13 лют. 23:00",organization:"",identifier:"ID: UA-F-2026-03-17-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"31 бер. 23:00"},{id:"published",label:"Оголошено:",value:"17 бер. 2026"}]}]},{id:"plans",eyebrow:"Planning results",title:"Annual plan search",resultLabel:"Знайдено більше 10 000 планів",sortLabel:"за замовчуванням",cards:[{id:"plan-1",title:"ДК 021:2015 по коду: 22460000-2 Рекламні матеріали, каталоги товарів та посібники",status:"22460000-2: Рекламні матеріали, каталоги товарів та посібники",organization:"Державний ліцей з посиленою військово-фізичною підготовкою «Слобожанський»",identifier:"ID: UA-P-2026-04-16-009442-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"700,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"березень 2026"}]},{id:"plan-2",title:"Членський внесок за 2026 рік",status:"98100000-4: Послуги членських організацій",organization:"Ганнівська сільська рада Новоукраїнського району Кіровоградської області",identifier:"ID: UA-P-2026-04-16-009435-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"3 572,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"квітень 2026"}]}]}],k=e=>`<template>
|
|
2
2
|
<PzSearchResultItemLayout ${[e.as&&e.as!=="li"?`as="${e.as}"`:null,e.desktopColumns&&e.desktopColumns!=="minmax(0, 1fr) minmax(240px, 292px)"?`desktop-columns="${e.desktopColumns}"`:null].filter(o=>!!o).join(" ")}>
|
|
3
3
|
<template #first-col>
|
|
4
4
|
<a href="#">Result title</a>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as O,f as m,E as f,y as p,C as d,n as S,g as b,c as s,o as g,u as v,F as $,G as D,z as V,D as P,t as _,r as L,L as I}from"./iframe-DU_JVmy2.js";import{u as T}from"./index-Dh-7SPEm.js";import{k as W}from"./floating-vue-DVoT3Xpy.js";import{l as q}from"./lodash-CdDiHlzQ.js";import{_ as A}from"./PzIcon-B6DKI9jR.js";import{P as R}from"./PzLabel-BDpZH4kX.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";const G=6,M=["id"],Z=["id","disabled","aria-controls","aria-expanded","aria-label"],H={class:"pz-select-trigger-text"},J=["id","aria-labelledby"],K=["id","aria-selected","disabled","onClick"],o=O({name:"PzSelect",__name:"PzSelect",props:{name:{},options:{},modelValue:{type:[String,Number,Boolean],default:void 0},label:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},variant:{default:"field"},width:{default:void 0}},emits:["update:modelValue"],setup(l,{emit:x}){const a=l,E=x,y=L(null),{width:N}=T(y),i=s(()=>a.options.find(e=>q.isEqual(e.value,a.modelValue))),u=s(()=>a.variant==="field"),k=s(()=>{var e;return((e=i.value)==null?void 0:e.label)??a.placeholder}),C=s(()=>{var e;return a.label||((e=i.value)==null?void 0:e.label)||a.placeholder||a.name}),w=s(()=>{const e=Math.round(N.value);return!e||!u.value?{}:{inlineSize:`${String(e)}px`}}),c=e=>q.isEqual(e,a.modelValue),h=(e,r)=>e.id??`${a.name}-trigger-option-${String(r+1)}`,B=e=>({option:e,selected:c(e.value),disabled:!!e.disabled}),F=(e,r)=>{E("update:modelValue",e),r()};return(e,r)=>(g(),m("div",{id:l.name,class:b(["pz-select",{"is-field":u.value,"is-inline":!u.value}]),style:S({width:l.width})},[f(d(R),{label:a.label,for:l.name+"-trigger",required:a.required,disabled:a.disabled},{default:p(()=>[f(d(W),{class:"pz-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+l.name,distance:d(G),disabled:a.disabled},{default:p(({shown:n})=>[v("button",{id:l.name+"-trigger",ref_key:"triggerRef",ref:y,type:"button",class:b(["pz-select-trigger",{"is-open":n,"is-placeholder":!i.value}]),disabled:a.disabled,"aria-controls":l.name+"-menu","aria-expanded":n?"true":"false","aria-haspopup":"listbox","aria-label":a.label?void 0:C.value},[v("span",H,[V(e.$slots,"selected",{option:i.value,placeholder:a.placeholder},()=>[P(_(k.value),1)],!0)]),f(d(A),{name:"expand_more",size:"20",class:"pz-select-trigger-icon"})],10,Z)]),popper:p(({hide:n})=>[v("div",{id:l.name+"-menu",class:"pz-select-menu",style:S(w.value),role:"listbox","aria-labelledby":l.name+"-trigger"},[(g(!0),m($,null,D(a.options,(t,z)=>(g(),m("button",{id:h(t,z),key:h(t,z),type:"button",role:"option",class:b(["pz-select-option",{"is-active":c(t.value),"is-disabled":t.disabled}]),"aria-selected":c(t.value)?"true":"false",disabled:t.disabled,onClick:Q=>F(t.value,n)},[V(e.$slots,"default",I({ref_for:!0},B(t)),()=>[P(_(t.label),1)],!0)],10,K))),128))],12,J)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],14,M))}}),se=j(o,[["__scopeId","data-v-c794c950"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSelect",exportName:"default",displayName:"PzSelect",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]}},{name:"modelValue",required:!1,type:{name:"PzFormSelectValue"},defaultValue:{func:!1,value:"undefined"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzSelectVariant"},defaultValue:{func:!1,value:'"field"'}},{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"selected",scoped:!0,bindings:[{name:"option",title:"binding"},{name:"placeholder",title:"binding"}]},{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzSelect/PzSelect.vue"]});export{se as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,w as S}from"./iframe-
|
|
1
|
+
import{r as t,w as S}from"./iframe-DU_JVmy2.js";import{_ as h}from"./PzIcon-B6DKI9jR.js";import{P as b}from"./PzText-BoQ90zAW.js";import{P as n}from"./PzSelect-Bf-GWA7x.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./index-Dh-7SPEm.js";import"./floating-vue-DVoT3Xpy.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzLabel-BDpZH4kX.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-DU_JVmy2.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-BoQ90zAW.js";import{P as t}from"./PzSkeleton-djLtPALS.js";import"./iframe-DU_JVmy2.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h={title:"Components/Display/PzSkeleton",component:t,parameters:{prototype:{caption:"PzSkeleton",note:"Reusable loading placeholder for lines, blocks, and lightweight preview cards. Used by `PzAccordion` as the default loading surface."},docs:{description:{component:"Use `PzSkeleton` for loading placeholders. Control its dimensions through `width`, `height`, and `radius`, and disable shimmer with `animated=false` when a static placeholder is preferred."}}},args:{width:"240px",height:"24px",radius:"8px",animated:!0},argTypes:{width:{control:"text",description:"Skeleton width."},height:{control:"text",description:"Skeleton height."},radius:{control:"text",description:"Border radius."},animated:{control:"boolean",description:"Enables the shimmer animation."}},render:a=>({components:{pzSkeleton:t,pzText:r},setup(){return{args:a}},template:`
|
|
2
2
|
<div class="pz-skeleton-story">
|
|
3
3
|
<section class="pz-skeleton-story-board">
|
|
4
4
|
<div class="pz-skeleton-story-header">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as o,
|
|
1
|
+
import{e as o,v as r,y as u,g as p,x as l,c,o as i,u as d,z as m}from"./iframe-DU_JVmy2.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z=["auction-progress","auction-waiting","auction-success"],_={class:"pz-status__label"},s=o({name:"PzStatus",__name:"PzStatus",props:{variant:{default:"progress"},as:{default:"span"},typography:{}},setup(e){const a=e,t=c(()=>[`pz-status--${a.variant}`,a.typography?`pz-typography--${a.typography}`:null,{"pz-status--gradient":z.includes(a.variant)}]);return(n,y)=>(i(),r(l(a.as),{class:p(["pz-status",t.value])},{default:u(()=>[d("span",_,[m(n.$slots,"default",{},void 0,!0)])]),_:3},8,["class"]))}}),P=f(s,[["__scopeId","data-v-7325e2b7"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzStatus",exportName:"default",displayName:"PzStatus",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzStatusVariant"},defaultValue:{func:!1,value:'"progress"'}},{name:"as",required:!1,type:{name:"PzStatusTag"},defaultValue:{func:!1,value:'"span"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzStatus/PzStatus.vue"]});export{P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as l}from"./PzText-
|
|
1
|
+
import{P as l}from"./PzText-BoQ90zAW.js";import{p as c}from"./configs-B15JgQZ-.js";import{P as s}from"./PzStatus-DBgvFPIT.js";import"./iframe-DU_JVmy2.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const p=["inactive","hidden","active","monitoring","disabled","progress","auction-progress","auction-waiting","auction-success"],d=["span","div","li"],v=[{id:"hidden-review",variant:"hidden",label:"Очікує розгляду"},{id:"monitoring-accepted",variant:"monitoring",label:"Прийнято до розгляду"},{id:"inactive-without-review",variant:"inactive",label:"Залишено без розгляду"},{id:"inactive-stopped",variant:"inactive",label:"Розгляд припинено"},{id:"inactive-rejected",variant:"inactive",label:"Відмовлено в задоволенні"},{id:"active-satisfied",variant:"active",label:"Задоволено"},{id:"inactive-withdrawn",variant:"inactive",label:"Відкликано"},{id:"inactive-cancelled",variant:"inactive",label:"Скасовано"},{id:"active-fixed",variant:"active",label:"Порушення усунуто"}],u=[{id:"palette-hidden",variant:"hidden",label:"Текст"},{id:"palette-inactive",variant:"inactive",label:"Текст"},{id:"palette-active",variant:"active",label:"Текст"},{id:"palette-monitoring",variant:"monitoring",label:"Текст"},{id:"palette-disabled",variant:"disabled",label:"Текст"}],m=t=>`<template>
|
|
2
2
|
<PzStatus ${[t.variant!=="progress"?`variant="${t.variant}"`:null,t.as!=="span"?`as="${t.as}"`:null].filter(o=>!!o).join(" ")}>${t.label}</PzStatus>
|
|
3
3
|
</template>`,g={title:"Components/Display/PzStatus",component:s,parameters:{prototype:{caption:"Status component",note:"Aligned with Figma node 76:1113: compact filled badges with 3px radius, white label text, optional indicator, and multiline support."},docs:{description:{component:"Use `PzStatus` for semantic state labels. The component matches the design-system badge treatment from Figma and keeps semantic color variants, including gradient auction states."},source:{transform:(t,i)=>m(i.args??g.args)}}},args:{variant:"progress",as:"span",typography:void 0,label:"Очікує розгляду"},argTypes:{variant:{control:"select",options:p,description:"Semantic status variant."},as:{control:"select",options:d,description:"HTML tag used for the wrapper."},typography:{control:"select",options:[void 0,...c],description:"Overrides typography using a PzText variant."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}}},render:t=>({components:{pzStatus:s,pzText:l},setup(){return{args:t,statusReferenceItems:v,statusPaletteItems:u}},template:`
|
|
4
4
|
<div class="pz-status-story">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as h,o as a,f as l,g as B,u as r,t as T,v as y,C as H,q as v,z as V,F as m,D as F,c as P,I as S,G as _,n as k,K as $,y as w,L as W}from"./iframe-DU_JVmy2.js";import{a as L}from"./PzMessages-B-LKEjuh.js";import{l as j}from"./lodash-CdDiHlzQ.js";import{P as D}from"./PzInfoHint-DqQNQxBD.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";const E={class:"pz-table-data__title"},R=["innerHTML"],f=h({name:"PzTableData",__name:"PzTableData",props:{column:{},data:{default:void 0},defaultValue:{},isBold:{type:Boolean,default:!1}},setup(e){const o=e,u=P(()=>o.data??{}),s=P(()=>j.get(o.data,o.column.key)||o.defaultValue);return(i,N)=>{var c;return a(),l("td",{class:B(["pz-table-data",{"pz-table-data--bold":e.isBold}])},[r("p",E,[r("span",null,T(e.column.mobileName||e.column.name),1),(c=e.column.infoContent)!=null&&c.length?(a(),y(H(D),{key:0,"info-content":e.column.infoContent},null,8,["info-content"])):v("",!0)]),V(i.$slots,"default",{data:u.value,column:e.column,value:s.value},()=>[e.column.isContentHtml?(a(),l("span",{key:0,innerHTML:String(s.value)},null,8,R)):(a(),l(m,{key:1},[F(T(s.value),1)],64))],!0)],2)}}}),K=C(f,[["__scopeId","data-v-e0a86207"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzTableData",exportName:"default",displayName:"PzTableData",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn",elements:[{name:"TKey"}]}},{name:"data",required:!1,type:{name:"TRow"},defaultValue:{func:!1,value:"undefined"}},{name:"defaultValue",required:!0,type:{name:"string"}},{name:"isBold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"column",title:"binding"},{name:"value",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableData.vue"]});const M={class:"pz-table-head",scope:"col"},b=h({name:"PzTableHead",__name:"PzTableHead",props:{column:{}},setup(e){return(o,u)=>{var s;return a(),l("th",M,[r("span",null,T(e.column.name),1),(s=e.column.infoContent)!=null&&s.length?(a(),y(H(D),{key:0,"info-content":e.column.infoContent,class:"pz-table-head__hint"},null,8,["info-content"])):v("",!0)])}}}),A=C(b,[["__scopeId","data-v-c4688b62"]]);b.__docgenInfo=Object.assign({displayName:b.name??b.__name},{name:"PzTableHead",exportName:"default",displayName:"PzTableHead",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableHead.vue"]});const O={class:"pz-table-wrap"},G={key:0,class:"pz-table__head"},U={class:"pz-table__row pz-table__row--head"},J=100,p=h({name:"PzTable",__name:"PzTable",props:{config:{},data:{},defaultValue:{},visibleHeader:{type:Boolean,default:!0},isBoldFirstColumn:{type:Boolean,default:!0}},setup(e){const o=S(),u=e,s=P(()=>u.defaultValue??L("data.pzTable.defaultValue")),i=({colWidth:n})=>({width:u.config.some(({colWidth:t})=>!!t)?`${n}%`:`${Math.floor(J/u.config.length)}%`}),N=n=>!!o[n],c=n=>n,q=(n,z)=>{const{id:t}=n,g=typeof t=="string"||typeof t=="number";return"id"in n&&g?t:z};return(n,z)=>(a(),l("div",O,[r("table",{class:B(["pz-table",{"pz-table--no-head":!e.visibleHeader}])},[e.visibleHeader?(a(),l("thead",G,[r("tr",U,[(a(!0),l(m,null,_(e.config,t=>(a(),y(A,{key:t.id,column:t,style:k(i(t))},null,8,["column","style"]))),128))])])):v("",!0),r("tbody",null,[(a(!0),l(m,null,_(e.data,(t,g)=>(a(),l("tr",{key:q(t,g),class:"pz-table__row"},[(a(!0),l(m,null,_(e.config,(d,I)=>(a(),y(K,{key:d.id,column:d,data:t,"default-value":s.value,"is-bold":e.isBoldFirstColumn&&I===0,style:k(i(d))},$({_:2},[N(d.key)?{name:"default",fn:w(x=>[V(n.$slots,c(d.key),W({ref_for:!0},x),void 0,!0)]),key:"0"}:void 0]),1032,["column","data","default-value","is-bold","style"]))),128))]))),128))])],2)]))}}),ae=C(p,[["__scopeId","data-v-ac7bfb59"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzTable",exportName:"default",displayName:"PzTable",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn",elements:[{name:"TKey"}]}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"TRow"}]}},{name:"defaultValue",required:!1,type:{name:"string"}},{name:"visibleHeader",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isBoldFirstColumn",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"getSlotName(column.key)",scoped:!0,bindings:[{name:"name",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTable.vue"]});export{ae as P,A as a,K as b};
|