@prozorro/prozorro-ui 0.0.9-beta → 0.0.10-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-DlPAsSuC.js → Color-FRDS63T2-NkJWwZpV.js} +1 -1
- package/dist/app/assets/{Colors.stories-7e9Kvci_.js → Colors.stories-BYTBLsDR.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-Bjj1XNYP.js → DocsRenderer-LL677BLK-DT0XE5RB.js} +5 -5
- package/dist/app/assets/{Grid.stories-CDiFrqKQ.js → Grid.stories-B3nKsUwh.js} +1 -1
- package/dist/app/assets/PzAccordion-CTihyZc5.js +1 -0
- package/dist/app/assets/PzAccordion-DoVx3poA.css +1 -0
- package/dist/app/assets/{PzAccordion.stories-DxsYsHwE.js → PzAccordion.stories-cOAYUrCJ.js} +1 -1
- package/dist/app/assets/{PzAccordionTable-CsabBugL.css → PzAccordionTable-C4g8Fidf.css} +1 -1
- package/dist/app/assets/PzAccordionTable.stories-CVSn3lrC.js +275 -0
- package/dist/app/assets/{PzArrayClamp-K4ObvvOV.css → PzArrayClamp-BwD8ES1E.css} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-BYdoVxPw.js → PzArrayClamp.stories-Btd9xMHi.js} +6 -6
- package/dist/app/assets/{PzBreadcrumb-Dcs3weae.css → PzBreadcrumb-BrcWtMgd.css} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-DwATLRI2.js → PzBreadcrumb.stories-D54RjRCg.js} +3 -3
- package/dist/app/assets/{PzBtn-B24JwTDl.js → PzBtn-Bz2NPCiD.js} +1 -1
- package/dist/app/assets/{PzBtn-L_RpjK-U.css → PzBtn-DTsLZ9Cu.css} +1 -1
- package/dist/app/assets/{PzBtn.stories-BRV1I_nf.js → PzBtn.stories-xnSEsakq.js} +1 -1
- package/dist/app/assets/PzCheckbox-AjI7DN-X.css +1 -0
- package/dist/app/assets/PzCheckbox-BchdSe0N.css +1 -0
- package/dist/app/assets/PzCheckbox-DDIj_TyE.js +1 -0
- package/dist/app/assets/PzCheckbox.stories-RN07sGno.js +62 -0
- package/dist/app/assets/PzCheckboxGroup-BbrrL6mA.css +1 -0
- package/dist/app/assets/PzCheckboxGroup.stories-KogRihCz.js +115 -0
- package/dist/app/assets/PzDomHandler-BU7iMNnt.js +1 -0
- package/dist/app/assets/{PzDomHandler.stories-C0SwIaVU.js → PzDomHandler.stories-DAp97pdG.js} +5 -5
- package/dist/app/assets/{PzDropdown-BnwR1ooa.css → PzDropdown-Bi4TxZrx.css} +1 -1
- package/dist/app/assets/{PzDropdown.stories-gi6eGhLV.js → PzDropdown.stories-eClrzbYq.js} +3 -3
- package/dist/app/assets/PzFileInput-BLs8VTxo.css +1 -0
- package/dist/app/assets/PzFileInput.stories-Dg6-KAun.js +124 -0
- package/dist/app/assets/{PzGrid.stories-v8QLnTB3.js → PzGrid.stories-DLm_q1Lw.js} +1 -1
- package/dist/app/assets/PzHint-BhuDfy-l.js +1 -0
- package/dist/app/assets/PzHint-CGRWH9yl.css +1 -0
- package/dist/app/assets/{PzHint.stories-YkWa41IH.js → PzHint.stories-C2oiTVIN.js} +1 -1
- package/dist/app/assets/{PzIcon-Drlqf9PC.js → PzIcon-DTWQGv5c.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-DAJBWawA.js → PzIcon.stories-CT6OA9PM.js} +1 -1
- package/dist/app/assets/{PzImage-BNrbMHP9.css → PzImage-ByW3gCC2.css} +1 -1
- package/dist/app/assets/{PzImage.stories-CuPnUuRv.js → PzImage.stories-BJL_3ef9.js} +2 -2
- package/dist/app/assets/PzImageInput-BPKv0nfg.css +1 -0
- package/dist/app/assets/PzImageInput.stories-CTksIxMS.js +109 -0
- package/dist/app/assets/{PzInfoBlockLayout-5bxpq9bJ.css → PzInfoBlockLayout-DbFWjWZn.css} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout.stories-Bv_9N16u.js → PzInfoBlockLayout.stories-BBkiY-o7.js} +2 -2
- package/dist/app/assets/{PzInfoHint-DUCe-kk0.js → PzInfoHint-C-UyP8PR.js} +1 -1
- package/dist/app/assets/PzInfoHint-CWG8xkDj.css +1 -0
- package/dist/app/assets/{PzInfoHint.stories-8e7rIcBj.js → PzInfoHint.stories-6f6FePkY.js} +1 -1
- package/dist/app/assets/PzInput-DWypQ6XY.css +1 -0
- package/dist/app/assets/PzInput.stories-Bm_5Kj-P.js +57 -0
- package/dist/app/assets/PzInputDate-C9KHzAYp.css +1 -0
- package/dist/app/assets/PzInputDate.stories-Ccqq1p1p.js +55 -0
- package/dist/app/assets/PzInputNumber-CDixvL0g.css +1 -0
- package/dist/app/assets/PzInputNumber.stories-DAQYW2cJ.js +54 -0
- package/dist/app/assets/PzKeyValue-RiKE-e9c.css +1 -0
- package/dist/app/assets/PzKeyValue.stories-BrV9VQaC.js +270 -0
- package/dist/app/assets/PzLabel-BQF7sPao.css +1 -0
- package/dist/app/assets/PzLabel-CNUgfkly.css +1 -0
- package/dist/app/assets/PzLabel-jmQOAHGo.js +1 -0
- package/dist/app/assets/PzLabel.stories-DvN_0fOj.js +119 -0
- package/dist/app/assets/{PzLink-CLsit3uW.css → PzLink-BzhNa3ur.css} +1 -1
- package/dist/app/assets/{PzLink-BU7dMeUw.js → PzLink-CwtmibRx.js} +1 -1
- package/dist/app/assets/{PzLink.stories-RRRT37UH.js → PzLink.stories-BnY0IvI7.js} +1 -1
- package/dist/app/assets/{PzModal-X71wpoOT.css → PzModal-Ck4FnyKm.css} +1 -1
- package/dist/app/assets/{PzModal.stories-j0FW0OcM.js → PzModal.stories-Bq5YuGJo.js} +1 -1
- package/dist/app/assets/{PzNav-DRAXqlz0.css → PzNav-BCqeyJHD.css} +1 -1
- package/dist/app/assets/{PzNav.stories-BPTRR62X.js → PzNav.stories-5KiqcPrd.js} +5 -5
- package/dist/app/assets/PzNumberFormat-D5xYsZ3A.js +1 -0
- package/dist/app/assets/PzNumberFormat.stories-QyheTXgc.js +57 -0
- package/dist/app/assets/{PzPagination-DJVeW9lu.css → PzPagination-07CphuYh.css} +1 -1
- package/dist/app/assets/{PzPagination.stories-CFaLbyxd.js → PzPagination.stories-D_qRevIg.js} +2 -2
- package/dist/app/assets/PzPriceFormat.stories-Clj4FRWT.js +89 -0
- package/dist/app/assets/PzRadioGroup-CZC3ssDh.css +1 -0
- package/dist/app/assets/PzRadioGroup.stories-o8HE47Hq.js +130 -0
- package/dist/app/assets/{PzRouterLink.stories-BcMmoayC.js → PzRouterLink.stories-Dc_EnCBz.js} +3 -3
- package/dist/app/assets/{PzScrollTo.stories-Gvacxovn.js → PzScrollTo.stories-4BSDyJ2p.js} +4 -4
- package/dist/app/assets/{PzSearchResultItemLayout-DtvZAeWW.css → PzSearchResultItemLayout-B3s9Usmb.css} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-B0EKt_OP.js → PzSearchResultItemLayout.stories-QRI-A0Zi.js} +2 -2
- package/dist/app/assets/{PzSkeleton-DnpztBv3.js → PzSkeleton-BMyhdGXq.js} +1 -1
- package/dist/app/assets/{PzSkeleton-CYVQJkRt.css → PzSkeleton-i88RYFSk.css} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-a9NDBt3Z.js → PzSkeleton.stories-Djp-bBqZ.js} +1 -1
- package/dist/app/assets/PzStatus-B5X_PK3m.css +1 -0
- package/dist/app/assets/{PzStatus-dVlplKB_.js → PzStatus-rctea0Gb.js} +1 -1
- package/dist/app/assets/{PzStatus.stories-Dzj8SM95.js → PzStatus.stories-BZ2XwRJs.js} +1 -1
- package/dist/app/assets/PzTable-CzfehTN7.js +1 -0
- package/dist/app/assets/PzTable-DFFqGC19.css +1 -0
- package/dist/app/assets/{PzTable.stories-DcKqkFYa.js → PzTable.stories-C76ZN_A5.js} +5 -5
- package/dist/app/assets/{PzTabs-Cko9ewqz.css → PzTabs-Dqx9m4Y3.css} +1 -1
- package/dist/app/assets/{PzTabs.stories-BqU667nR.js → PzTabs.stories-DHf6EZU7.js} +11 -11
- package/dist/app/assets/PzTag-CKddmHDs.css +1 -0
- package/dist/app/assets/{PzTag-jiAX5zAj.js → PzTag-DudHfisQ.js} +1 -1
- package/dist/app/assets/{PzTag.stories-bK1-c1pG.js → PzTag.stories-BIrmr98f.js} +1 -1
- package/dist/app/assets/{PzText-Qtpayc5y.js → PzText-BOcxbzaG.js} +1 -1
- package/dist/app/assets/PzText-mQOOz4_d.css +1 -0
- package/dist/app/assets/{PzText.stories-9Hrvi7P7.js → PzText.stories-Cr6TBVe6.js} +1 -1
- package/dist/app/assets/{PzTextClamp-BnSHv0R0.css → PzTextClamp-Cdoumv-M.css} +1 -1
- package/dist/app/assets/{PzTextClamp.stories--mMfXCQg.js → PzTextClamp.stories-CR0IRYLS.js} +2 -2
- package/dist/app/assets/PzTextarea-27aRIiRI.css +1 -0
- package/dist/app/assets/PzTextarea.stories--ghqzz2f.js +73 -0
- package/dist/app/assets/{PzValidatorXSS.stories-HZEissEy.js → PzValidatorXSS.stories-zCaJ6Q__.js} +1 -1
- package/dist/app/assets/{Spacing.stories-Cu5R7R8t.js → Spacing.stories-Dzeg7Tfn.js} +1 -1
- package/dist/app/assets/{Typography.stories-j9AXuH47.js → Typography.stories-GZEYS8Ny.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-BcToq9Uh.js → WithTooltip-65CFNBJE-C0efi5Yj.js} +1 -1
- package/dist/app/assets/configs-CZIaFchr.js +1 -0
- package/dist/app/assets/{floating-vue-BD2YJLen.js → floating-vue-D0dcONsr.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-X1jNy3Wo.js → formatter-EIJCOSYU-Noau93iy.js} +1 -1
- package/dist/app/assets/{iframe-B7Bddli1.js → iframe-Ckq2fQkL.js} +179 -179
- package/dist/app/assets/isArray-DPUC7i9_.js +1 -0
- package/dist/app/assets/lodash-CdDiHlzQ.js +27 -0
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-DpHT8arc.js → syntaxhighlighter-OH4MV7E3-ByOORGJm.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/{PzLink → Actions/PzLink}/configs.d.ts +1 -1
- package/dist/components/{PzTable → Data/PzTable}/types.d.ts +1 -1
- package/dist/components/{PzIcon → Display/PzIcon}/types.d.ts +1 -1
- package/dist/components/Display/PzKeyValue/PzKeyValue.vue.d.ts +28 -0
- package/dist/components/Display/PzKeyValue/index.d.ts +2 -0
- package/dist/components/Display/PzKeyValue/types.d.ts +45 -0
- package/dist/components/Display/PzStatus/configs.d.ts +2 -0
- package/dist/components/Display/PzTag/configs.d.ts +2 -0
- package/dist/components/Form/PzCheckbox/PzCheckbox.vue.d.ts +28 -0
- package/dist/components/Form/PzCheckbox/index.d.ts +2 -0
- package/dist/components/Form/PzCheckbox/types.d.ts +12 -0
- package/dist/components/Form/PzCheckboxGroup/PzCheckboxGroup.vue.d.ts +35 -0
- package/dist/components/Form/PzCheckboxGroup/index.d.ts +2 -0
- package/dist/components/Form/PzCheckboxGroup/types.d.ts +16 -0
- package/dist/components/Form/PzFileInput/PzFileInput.vue.d.ts +26 -0
- package/dist/components/Form/PzFileInput/index.d.ts +2 -0
- package/dist/components/Form/PzFileInput/types.d.ts +26 -0
- package/dist/components/Form/PzImageInput/PzImageInput.vue.d.ts +27 -0
- package/dist/components/Form/PzImageInput/index.d.ts +2 -0
- package/dist/components/Form/PzImageInput/types.d.ts +26 -0
- package/dist/components/Form/PzInput/PzInput.vue.d.ts +30 -0
- package/dist/components/Form/PzInput/index.d.ts +2 -0
- package/dist/components/Form/PzInput/types.d.ts +17 -0
- package/dist/components/Form/PzInputDate/PzInputDate.vue.d.ts +30 -0
- package/dist/components/Form/PzInputDate/index.d.ts +2 -0
- package/dist/components/Form/PzInputDate/types.d.ts +13 -0
- package/dist/components/Form/PzInputNumber/PzInputNumber.vue.d.ts +26 -0
- package/dist/components/Form/PzInputNumber/index.d.ts +2 -0
- package/dist/components/Form/PzInputNumber/types.d.ts +14 -0
- package/dist/components/Form/PzLabel/PzLabel.vue.d.ts +24 -0
- package/dist/components/Form/PzLabel/index.d.ts +2 -0
- package/dist/components/Form/PzLabel/types.d.ts +6 -0
- package/dist/components/Form/PzRadioGroup/PzRadioGroup.vue.d.ts +43 -0
- package/dist/components/Form/PzRadioGroup/index.d.ts +2 -0
- package/dist/components/Form/PzRadioGroup/types.d.ts +19 -0
- package/dist/components/Form/PzTextarea/PzTextarea.vue.d.ts +27 -0
- package/dist/components/Form/PzTextarea/index.d.ts +2 -0
- package/dist/components/Form/PzTextarea/types.d.ts +22 -0
- package/dist/components/Form/shared/configs.d.ts +28 -0
- package/dist/components/Form/shared/types.d.ts +30 -0
- package/dist/components/{PzGrid → Layouts/PzGrid}/configs.d.ts +1 -1
- package/dist/index.d.ts +38 -25
- package/dist/package.json +2 -1
- package/dist/prozorro-ui.cjs +17 -17
- package/dist/prozorro-ui.js +5877 -4846
- package/dist/style.css +1 -1
- package/dist/utils/PzNumberFormat/PzNumberFormat.d.ts +13 -0
- package/dist/utils/PzNumberFormat/index.d.ts +2 -0
- package/dist/utils/PzNumberFormat/types.d.ts +1 -0
- package/dist/utils/PzPriceFormat/PzPriceFormat.d.ts +8 -0
- package/dist/utils/PzPriceFormat/index.d.ts +2 -0
- package/dist/utils/PzPriceFormat/types.d.ts +1 -0
- package/package.json +2 -1
- package/dist/app/assets/PzAccordion-DTiV4JOM.js +0 -1
- package/dist/app/assets/PzAccordion-hujlMYpG.css +0 -1
- package/dist/app/assets/PzAccordionTable.stories-DNbpjx54.js +0 -275
- package/dist/app/assets/PzHint-D62JWyEp.js +0 -1
- package/dist/app/assets/PzHint-kEBemRXE.css +0 -1
- package/dist/app/assets/PzInfoHint-SKNZ9Qnk.css +0 -1
- package/dist/app/assets/PzStatus-KfVGXJ4A.css +0 -1
- package/dist/app/assets/PzTable-B73TyHoC.css +0 -1
- package/dist/app/assets/PzTable-BipugQuF.js +0 -27
- package/dist/app/assets/PzTag-Jn6TGUtg.css +0 -1
- package/dist/app/assets/PzText-DsC8c6AJ.css +0 -1
- package/dist/components/PzStatus/configs.d.ts +0 -2
- package/dist/components/PzTag/configs.d.ts +0 -2
- package/dist/components/{PzBtn → Actions/PzBtn}/PzBtn.vue.d.ts +1 -1
- package/dist/components/{PzBtn → Actions/PzBtn}/configs.d.ts +0 -0
- package/dist/components/{PzBtn → Actions/PzBtn}/index.d.ts +0 -0
- package/dist/components/{PzBtn → Actions/PzBtn}/types.d.ts +0 -0
- package/dist/components/{PzLink → Actions/PzLink}/PzLink.vue.d.ts +1 -1
- package/dist/components/{PzLink → Actions/PzLink}/constants.d.ts +0 -0
- package/dist/components/{PzLink → Actions/PzLink}/index.d.ts +0 -0
- package/dist/components/{PzLink → Actions/PzLink}/types.d.ts +0 -0
- package/dist/components/{PzRouterLink → Actions/PzRouterLink}/PzRouterLink.vue.d.ts +2 -2
- package/dist/components/{PzRouterLink → Actions/PzRouterLink}/index.d.ts +0 -0
- package/dist/components/{PzRouterLink → Actions/PzRouterLink}/types.d.ts +0 -0
- package/dist/components/{PzAccordionTable → Data/PzAccordionTable}/PzAccordionTable.vue.d.ts +0 -0
- package/dist/components/{PzAccordionTable → Data/PzAccordionTable}/constants.d.ts +0 -0
- package/dist/components/{PzAccordionTable → Data/PzAccordionTable}/index.d.ts +0 -0
- package/dist/components/{PzAccordionTable → Data/PzAccordionTable}/types.d.ts +0 -0
- package/dist/components/{PzTable → Data/PzTable}/PzTable.vue.d.ts +0 -0
- package/dist/components/{PzTable → Data/PzTable}/PzTableData.vue.d.ts +0 -0
- package/dist/components/{PzTable → Data/PzTable}/PzTableHead.vue.d.ts +0 -0
- package/dist/components/{PzTable → Data/PzTable}/constants.d.ts +0 -0
- package/dist/components/{PzTable → Data/PzTable}/index.d.ts +0 -0
- package/dist/components/{PzIcon → Display/PzIcon}/PzIcon.vue.d.ts +1 -1
- package/dist/components/{PzIcon → Display/PzIcon}/configs.d.ts +0 -0
- package/dist/components/{PzIcon → Display/PzIcon}/index.d.ts +0 -0
- package/dist/components/{PzImage → Display/PzImage}/PzImage.vue.d.ts +0 -0
- package/dist/components/{PzImage → Display/PzImage}/configs.d.ts +0 -0
- package/dist/components/{PzImage → Display/PzImage}/index.d.ts +0 -0
- package/dist/components/{PzImage → Display/PzImage}/types.d.ts +0 -0
- package/dist/components/{PzSkeleton → Display/PzSkeleton}/PzSkeleton.vue.d.ts +0 -0
- package/dist/components/{PzSkeleton → Display/PzSkeleton}/index.d.ts +0 -0
- package/dist/components/{PzSkeleton → Display/PzSkeleton}/types.d.ts +0 -0
- package/dist/components/{PzStatus → Display/PzStatus}/PzStatus.vue.d.ts +0 -0
- package/dist/components/{PzStatus → Display/PzStatus}/constants.d.ts +0 -0
- package/dist/components/{PzStatus → Display/PzStatus}/index.d.ts +0 -0
- package/dist/components/{PzStatus → Display/PzStatus}/types.d.ts +0 -0
- package/dist/components/{PzTag → Display/PzTag}/PzTag.vue.d.ts +0 -0
- package/dist/components/{PzTag → Display/PzTag}/index.d.ts +0 -0
- package/dist/components/{PzTag → Display/PzTag}/types.d.ts +0 -0
- package/dist/components/{PzAccordion → Layouts/PzAccordion}/PzAccordion.vue.d.ts +1 -1
- package/dist/components/{PzAccordion → Layouts/PzAccordion}/PzAccordionContent.vue.d.ts +0 -0
- package/dist/components/{PzAccordion → Layouts/PzAccordion}/configs.d.ts +0 -0
- package/dist/components/{PzAccordion → Layouts/PzAccordion}/index.d.ts +0 -0
- package/dist/components/{PzAccordion → Layouts/PzAccordion}/types.d.ts +0 -0
- package/dist/components/{PzGrid → Layouts/PzGrid}/PzGrid.vue.d.ts +2 -2
- package/dist/components/{PzGrid → Layouts/PzGrid}/PzGridItem.vue.d.ts +0 -0
- package/dist/components/{PzGrid → Layouts/PzGrid}/index.d.ts +0 -0
- package/dist/components/{PzGrid → Layouts/PzGrid}/types.d.ts +0 -0
- package/dist/components/{PzInfoBlockLayout → Layouts/PzInfoBlockLayout}/PzInfoBlockLayout.vue.d.ts +0 -0
- package/dist/components/{PzInfoBlockLayout → Layouts/PzInfoBlockLayout}/index.d.ts +0 -0
- package/dist/components/{PzInfoBlockLayout → Layouts/PzInfoBlockLayout}/types.d.ts +0 -0
- package/dist/components/{PzSearchResultItemLayout → Layouts/PzSearchResultItemLayout}/PzSearchResultItemLayout.vue.d.ts +0 -0
- package/dist/components/{PzSearchResultItemLayout → Layouts/PzSearchResultItemLayout}/index.d.ts +0 -0
- package/dist/components/{PzSearchResultItemLayout → Layouts/PzSearchResultItemLayout}/types.d.ts +0 -0
- package/dist/components/{PzTabs → Layouts/PzTabs}/PzTab.vue.d.ts +0 -0
- package/dist/components/{PzTabs → Layouts/PzTabs}/PzTabs.vue.d.ts +0 -0
- package/dist/components/{PzTabs → Layouts/PzTabs}/configs.d.ts +0 -0
- package/dist/components/{PzTabs → Layouts/PzTabs}/constants.d.ts +0 -0
- package/dist/components/{PzTabs → Layouts/PzTabs}/index.d.ts +0 -0
- package/dist/components/{PzTabs → Layouts/PzTabs}/types.d.ts +0 -0
- package/dist/components/{PzBreadcrumb → Navigation/PzBreadcrumb}/PzBreadcrumb.vue.d.ts +0 -0
- package/dist/components/{PzBreadcrumb → Navigation/PzBreadcrumb}/constants.d.ts +0 -0
- package/dist/components/{PzBreadcrumb → Navigation/PzBreadcrumb}/index.d.ts +0 -0
- package/dist/components/{PzBreadcrumb → Navigation/PzBreadcrumb}/types.d.ts +0 -0
- package/dist/components/{PzNav → Navigation/PzNav}/PzNav.vue.d.ts +0 -0
- package/dist/components/{PzNav → Navigation/PzNav}/index.d.ts +0 -0
- package/dist/components/{PzNav → Navigation/PzNav}/types.d.ts +0 -0
- package/dist/components/{PzPagination → Navigation/PzPagination}/PzPagination.vue.d.ts +0 -0
- package/dist/components/{PzPagination → Navigation/PzPagination}/index.d.ts +0 -0
- package/dist/components/{PzPagination → Navigation/PzPagination}/types.d.ts +0 -0
- package/dist/components/{PzDropdown → Popups/PzDropdown}/PzDropdown.vue.d.ts +0 -0
- package/dist/components/{PzDropdown → Popups/PzDropdown}/index.d.ts +0 -0
- package/dist/components/{PzDropdown → Popups/PzDropdown}/types.d.ts +0 -0
- package/dist/components/{PzHint → Popups/PzHint}/PzHint.vue.d.ts +0 -0
- package/dist/components/{PzHint → Popups/PzHint}/index.d.ts +0 -0
- package/dist/components/{PzHint → Popups/PzHint}/types.d.ts +0 -0
- package/dist/components/{PzInfoHint → Popups/PzInfoHint}/PzInfoHint.vue.d.ts +0 -0
- package/dist/components/{PzInfoHint → Popups/PzInfoHint}/index.d.ts +0 -0
- package/dist/components/{PzInfoHint → Popups/PzInfoHint}/types.d.ts +0 -0
- package/dist/components/{PzModal → Popups/PzModal}/PzModal.vue.d.ts +1 -1
- /package/dist/components/{PzModal → Popups/PzModal}/configs.d.ts +0 -0
- /package/dist/components/{PzModal → Popups/PzModal}/constants.d.ts +0 -0
- /package/dist/components/{PzModal → Popups/PzModal}/index.d.ts +0 -0
- /package/dist/components/{PzModal → Popups/PzModal}/types.d.ts +0 -0
- /package/dist/components/{PzArrayClamp → Text/PzArrayClamp}/PzArrayClamp.vue.d.ts +0 -0
- /package/dist/components/{PzArrayClamp → Text/PzArrayClamp}/index.d.ts +0 -0
- /package/dist/components/{PzArrayClamp → Text/PzArrayClamp}/types.d.ts +0 -0
- /package/dist/components/{PzText → Text/PzText}/PzText.vue.d.ts +0 -0
- /package/dist/components/{PzText → Text/PzText}/configs.d.ts +0 -0
- /package/dist/components/{PzText → Text/PzText}/index.d.ts +0 -0
- /package/dist/components/{PzText → Text/PzText}/types.d.ts +0 -0
- /package/dist/components/{PzTextClamp → Text/PzTextClamp}/PzTextClamp.vue.d.ts +0 -0
- /package/dist/components/{PzTextClamp → Text/PzTextClamp}/constants.d.ts +0 -0
- /package/dist/components/{PzTextClamp → Text/PzTextClamp}/index.d.ts +0 -0
- /package/dist/components/{PzTextClamp → Text/PzTextClamp}/types.d.ts +0 -0
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
import{_ as oe,P as D}from"./PzText-BOcxbzaG.js";import{d as ie,h as le,e as d,F as R,s as ce,r as q,a2 as de,o as u,p as w,n as V,l as T,u as $,t as E,f as ue,m as pe}from"./iframe-Ckq2fQkL.js";import{g as ye}from"./_commonjsHelpers-Cpj98o6Y.js";import{i as fe,_ as me,a as S,b as ve,c as ge}from"./isArray-DPUC7i9_.js";import{l as c}from"./lodash-CdDiHlzQ.js";import{P as ke}from"./PzDomHandler-BU7iMNnt.js";import"./preload-helper-C1FmrZbK.js";var be=me,he=fe,ze="[object Symbol]";function xe(e){return typeof e=="symbol"||he(e)&&be(e)==ze}var _=xe,we=S,De=_,Se=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,_e=/^\w*$/;function Ce(e,t){if(we(e))return!1;var a=typeof e;return a=="number"||a=="symbol"||a=="boolean"||e==null||De(e)?!0:_e.test(e)||!Se.test(e)||t!=null&&e in Object(t)}var Pe=Ce,ne=ve,Ke="Expected a function";function C(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Ke);var a=function(){var n=arguments,s=t?t.apply(this,n):n[0],o=a.cache;if(o.has(s))return o.get(s);var l=e.apply(this,n);return a.cache=o.set(s,l)||o,l};return a.cache=new(C.Cache||ne),a}C.Cache=ne;var Re=C,qe=Re,Ve=500;function Te(e){var t=qe(e,function(n){return a.size===Ve&&a.clear(),n}),a=t.cache;return t}var $e=Te,Ee=$e,Ae=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ne=/\\(\\)?/g,Oe=Ee(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(Ae,function(a,n,s,o){t.push(s?o.replace(Ne,"$1"):n||a)}),t}),Ie=Oe;function Fe(e,t){for(var a=-1,n=e==null?0:e.length,s=Array(n);++a<n;)s[a]=t(e[a],a,e);return s}var Be=Fe,A=ge,Le=Be,Me=S,We=_,N=A?A.prototype:void 0,O=N?N.toString:void 0;function re(e){if(typeof e=="string")return e;if(Me(e))return Le(e,re)+"";if(We(e))return O?O.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var Ge=re,Ue=Ge;function je(e){return e==null?"":Ue(e)}var Ze=je,He=S,Xe=Pe,Ye=Ie,Je=Ze;function Qe(e,t){return He(e)?e:Xe(e,t)?[e]:Ye(Je(e))}var et=Qe,tt=_;function at(e){if(typeof e=="string"||tt(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var nt=at,rt=et,st=nt;function ot(e,t){t=rt(t,e);for(var a=0,n=t.length;e!=null&&a<n;)e=e[st(t[a++])];return a&&a==n?e:void 0}var it=ot,lt=it;function ct(e,t,a){var n=e==null?void 0:lt(e,t);return n===void 0?a:n}var dt=ct;const ut=ye(dt),pt={ref:"componentRef",class:"pz-key-value"},k=ie({name:"PzKeyValue",__name:"PzKeyValue",props:{config:{},data:{},checkRequired:{type:Boolean,default:!0},flexDirection:{default:"column"},titleStyleClass:{default:""}},setup(e){const t=e,a=q([]),n=q("transparent"),s=de("componentRef");le(()=>{t.config.forEach(({key:r})=>{(!l(o(r))||!t.checkRequired)&&a.value.push(r)}),n.value=ke.getParentNearestBackground(s.value)});const o=r=>{const x=ut(c.pickBy(t.data,c.identity),r.split("-"),"");return l(x)?"":x},l=r=>c.isNumber(r)||c.isBoolean(r)?!1:c.isEmpty(r);return(r,x)=>(u(),d("div",pt,[(u(!0),d(R,null,ce(e.config,i=>(u(),d(R,null,[a.value.includes(i.key)?(u(),d("div",{key:i.id,class:"pz-key-value__item"},[w("h6",{class:ue(["pz-key-value__title",[e.titleStyleClass,i.labelStyleClass]])},[w("span",{class:"pz-key-value__title-box",style:V({backgroundColor:n.value})},[T(r.$slots,`${i.key}_label`,{data:i.labelKey},()=>[$(E(i.labelKey),1)],!0)],4)],2),w("div",{class:"pz-key-value__content",style:V({flexDirection:e.flexDirection})},[T(r.$slots,i.key,{data:o(i.key)},()=>[$(E(o(i.key)),1)],!0)],4)])):pe("",!0)],64))),256))],512))}}),b=oe(k,[["__scopeId","data-v-d25bad20"]]);k.__docgenInfo=Object.assign({displayName:k.name??k.__name},{name:"PzKeyValue",exportName:"default",displayName:"PzKeyValue",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzKeyValueViewListItem"}]}},{name:"data",required:!0,type:{name:"Record",elements:[{name:"string"},{name:"any"}]}},{name:"checkRequired",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"flexDirection",required:!1,type:{name:"PzKeyValueFlexDirection"},defaultValue:{func:!1,value:'"column"'}},{name:"titleStyleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"`${item.key}_label`",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]},{name:"item.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzKeyValue/PzKeyValue.vue"]});const se=["column","column-reverse","row","row-reverse"],h=[{id:"tender-id",key:"id",labelKey:"Tender ID"},{id:"tender-title",key:"title",labelKey:"Title"},{id:"tender-customer",key:"customer-name",labelKey:"Customer"},{id:"tender-amount",key:"amount",labelKey:"Expected value"},{id:"tender-status",key:"status",labelKey:"Status"},{id:"tender-note",key:"note",labelKey:"Note"}],z={id:"UA-2026-04-17-000123-a",title:"Закупівля медичного обладнання для лікарні №3",customer:{name:'ТОВ "АДМІНІСТРАЦІЯ ЗАКУПІВЕЛЬ"'},amount:"1 250 000,00 UAH",status:"Awaiting offers",note:""},P=[{id:"bid-supplier",key:"supplier",labelKey:"Bidder"},{id:"bid-amount",key:"amount",labelKey:"Amount"},{id:"bid-discount",key:"discount",labelKey:"Discount"},{id:"bid-submitted",key:"submittedAt",labelKey:"Submitted"},{id:"bid-winner",key:"isWinner",labelKey:"Winner"}],K={supplier:'ТОВ "ЕКО ЦЕНТР ПРОЕКТ"',amount:"98 000,00 UAH",discount:0,submittedAt:"17.04.2026 12:39",isWinner:!0},yt=e=>`<template>
|
|
2
|
+
<PzKeyValue
|
|
3
|
+
${[':config="config"',':data="data"',e.flexDirection&&e.flexDirection!=="column"?`flex-direction="${e.flexDirection}"`:null,e.checkRequired===!1?':check-required="false"':null,e.titleStyleClass?`title-style-class="${e.titleStyleClass}"`:null].filter(a=>!!a).join(`
|
|
4
|
+
`)}
|
|
5
|
+
/>
|
|
6
|
+
</template>`,ft={title:"Components/Display/PzKeyValue",component:b,parameters:{prototype:{caption:"Key-value list",note:"Presentational component for pairing labels with dynamic values. Filters empty fields by default and supports dot-notation lookups into the source data."},docs:{description:{component:"Use `PzKeyValue` to render a labelled list of values from a data object. Item order is driven by `config`; values resolve via dot-notation keys (via lodash `get`). Numbers and booleans are always rendered; empty strings/null/undefined are hidden when `checkRequired` is `true` (the default). Each item exposes a matching slot and a `<key>_label` slot for custom rendering."},source:{transform:(e,t)=>yt(t.args??ft.args)}}},args:{config:h,data:z,flexDirection:"column",checkRequired:!0,titleStyleClass:""},argTypes:{config:{control:!1,description:"Ordered list of `{ id, key, labelKey, labelStyleClass? }` entries describing each row.",table:{category:"Props"}},data:{control:!1,description:"Source object. Row values are resolved via lodash `get` on a dash-split key.",table:{category:"Props"}},flexDirection:{control:"inline-radio",options:se,description:"Applied as inline `flex-direction` on each value container.",table:{category:"Props"}},checkRequired:{control:"boolean",description:"When `true`, rows with empty strings / null / undefined are hidden. Numbers and booleans are always shown.",table:{category:"Props"}},titleStyleClass:{control:"text",description:"Extra class applied to every row title.",table:{category:"Props"}}},render:e=>({components:{pzKeyValue:b,pzText:D},setup(){return{args:e}},template:`
|
|
7
|
+
<section class="pz-key-value-story">
|
|
8
|
+
<section class="pz-key-value-story-board">
|
|
9
|
+
<div class="pz-key-value-story-header">
|
|
10
|
+
<div class="pz-key-value-story-copy">
|
|
11
|
+
<span class="pz-key-value-story-eyebrow">Component API</span>
|
|
12
|
+
<pz-text variant="h4-bold">Label / value rows for procurement details</pz-text>
|
|
13
|
+
</div>
|
|
14
|
+
<span class="pz-key-value-story-chip">{{ args.flexDirection }}</span>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<div class="pz-key-value-story-preview">
|
|
18
|
+
<pz-key-value
|
|
19
|
+
:config="args.config"
|
|
20
|
+
:data="args.data"
|
|
21
|
+
:flex-direction="args.flexDirection"
|
|
22
|
+
:check-required="args.checkRequired"
|
|
23
|
+
:title-style-class="args.titleStyleClass"
|
|
24
|
+
/>
|
|
25
|
+
</div>
|
|
26
|
+
</section>
|
|
27
|
+
</section>
|
|
28
|
+
`})},p={},y={args:{config:h,data:z,flexDirection:"column",checkRequired:!0}},f={args:{config:P,data:K,flexDirection:"row",checkRequired:!0}},m={args:{config:h,data:z,flexDirection:"column",checkRequired:!1},parameters:{docs:{description:{story:"`checkRequired: false` renders every row from `config`, even when the corresponding value is empty."}}}},v={args:{config:P,data:K,flexDirection:"column",checkRequired:!0},render:e=>({components:{pzKeyValue:b,pzText:D},setup(){return{args:e}},template:`
|
|
29
|
+
<section class="pz-key-value-story">
|
|
30
|
+
<section class="pz-key-value-story-board">
|
|
31
|
+
<div class="pz-key-value-story-header">
|
|
32
|
+
<div class="pz-key-value-story-copy">
|
|
33
|
+
<span class="pz-key-value-story-eyebrow">Slots</span>
|
|
34
|
+
<pz-text variant="h4-bold">Override value rendering per key</pz-text>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
|
|
38
|
+
<div class="pz-key-value-story-preview">
|
|
39
|
+
<pz-key-value
|
|
40
|
+
:config="args.config"
|
|
41
|
+
:data="args.data"
|
|
42
|
+
:flex-direction="args.flexDirection"
|
|
43
|
+
:check-required="args.checkRequired"
|
|
44
|
+
>
|
|
45
|
+
<template #supplier="{ data }">
|
|
46
|
+
<a
|
|
47
|
+
href="#"
|
|
48
|
+
class="pz-key-value-story-link"
|
|
49
|
+
>
|
|
50
|
+
{{ data }}
|
|
51
|
+
</a>
|
|
52
|
+
</template>
|
|
53
|
+
|
|
54
|
+
<template #isWinner="{ data }">
|
|
55
|
+
<span>{{ data ? "Yes" : "No" }}</span>
|
|
56
|
+
</template>
|
|
57
|
+
</pz-key-value>
|
|
58
|
+
</div>
|
|
59
|
+
</section>
|
|
60
|
+
</section>
|
|
61
|
+
`}),parameters:{docs:{description:{story:"Each row exposes a slot named after its `key` and a `<key>_label` slot for the heading. Slot scope forwards the resolved value as `data`."}}}},g={render:()=>({components:{pzKeyValue:b,pzText:D},setup(){return{tenderConfig:h,tenderData:z,bidConfig:P,bidData:K,flexDirectionOptions:se}},template:`
|
|
62
|
+
<section class="pz-key-value-story">
|
|
63
|
+
<section class="pz-key-value-story-gallery">
|
|
64
|
+
<article
|
|
65
|
+
v-for="direction in flexDirectionOptions"
|
|
66
|
+
:key="direction"
|
|
67
|
+
class="pz-key-value-story-tile"
|
|
68
|
+
>
|
|
69
|
+
<div class="pz-key-value-story-copy">
|
|
70
|
+
<span class="pz-key-value-story-eyebrow">flex-direction</span>
|
|
71
|
+
<h4 class="pz-key-value-story-tile-title">{{ direction }}</h4>
|
|
72
|
+
<p class="pz-key-value-story-tile-note">Rendered with tender-style data.</p>
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
<pz-key-value
|
|
76
|
+
:config="tenderConfig"
|
|
77
|
+
:data="tenderData"
|
|
78
|
+
:flex-direction="direction"
|
|
79
|
+
/>
|
|
80
|
+
</article>
|
|
81
|
+
|
|
82
|
+
<article class="pz-key-value-story-tile">
|
|
83
|
+
<div class="pz-key-value-story-copy">
|
|
84
|
+
<span class="pz-key-value-story-eyebrow">check-required false</span>
|
|
85
|
+
<h4 class="pz-key-value-story-tile-title">Always show rows</h4>
|
|
86
|
+
<p class="pz-key-value-story-tile-note">Empty note field is still rendered.</p>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
<pz-key-value
|
|
90
|
+
:config="tenderConfig"
|
|
91
|
+
:data="tenderData"
|
|
92
|
+
:check-required="false"
|
|
93
|
+
/>
|
|
94
|
+
</article>
|
|
95
|
+
|
|
96
|
+
<article class="pz-key-value-story-tile">
|
|
97
|
+
<div class="pz-key-value-story-copy">
|
|
98
|
+
<span class="pz-key-value-story-eyebrow">winner bid</span>
|
|
99
|
+
<h4 class="pz-key-value-story-tile-title">Falsy-preserving values</h4>
|
|
100
|
+
<p class="pz-key-value-story-tile-note">Zero discount and boolean winner stay visible.</p>
|
|
101
|
+
</div>
|
|
102
|
+
|
|
103
|
+
<pz-key-value
|
|
104
|
+
:config="bidConfig"
|
|
105
|
+
:data="bidData"
|
|
106
|
+
/>
|
|
107
|
+
</article>
|
|
108
|
+
</section>
|
|
109
|
+
</section>
|
|
110
|
+
`}),parameters:{docs:{description:{story:"Reference board covering every `flexDirection` value, the `checkRequired: false` fallback, and numeric/boolean preservation."}}}};var I,F,B;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:"{}",...(B=(F=p.parameters)==null?void 0:F.docs)==null?void 0:B.source}}};var L,M,W;y.parameters={...y.parameters,docs:{...(L=y.parameters)==null?void 0:L.docs,source:{originalSource:`{
|
|
111
|
+
args: {
|
|
112
|
+
config: tenderConfig,
|
|
113
|
+
data: tenderData,
|
|
114
|
+
flexDirection: "column",
|
|
115
|
+
checkRequired: true
|
|
116
|
+
}
|
|
117
|
+
}`,...(W=(M=y.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};var G,U,j;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.docs,source:{originalSource:`{
|
|
118
|
+
args: {
|
|
119
|
+
config: bidConfig,
|
|
120
|
+
data: bidData,
|
|
121
|
+
flexDirection: "row",
|
|
122
|
+
checkRequired: true
|
|
123
|
+
}
|
|
124
|
+
}`,...(j=(U=f.parameters)==null?void 0:U.docs)==null?void 0:j.source}}};var Z,H,X;m.parameters={...m.parameters,docs:{...(Z=m.parameters)==null?void 0:Z.docs,source:{originalSource:`{
|
|
125
|
+
args: {
|
|
126
|
+
config: tenderConfig,
|
|
127
|
+
data: tenderData,
|
|
128
|
+
flexDirection: "column",
|
|
129
|
+
checkRequired: false
|
|
130
|
+
},
|
|
131
|
+
parameters: {
|
|
132
|
+
docs: {
|
|
133
|
+
description: {
|
|
134
|
+
story: "\`checkRequired: false\` renders every row from \`config\`, even when the corresponding value is empty."
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}`,...(X=(H=m.parameters)==null?void 0:H.docs)==null?void 0:X.source}}};var Y,J,Q;v.parameters={...v.parameters,docs:{...(Y=v.parameters)==null?void 0:Y.docs,source:{originalSource:`{
|
|
139
|
+
args: {
|
|
140
|
+
config: bidConfig,
|
|
141
|
+
data: bidData,
|
|
142
|
+
flexDirection: "column",
|
|
143
|
+
checkRequired: true
|
|
144
|
+
},
|
|
145
|
+
render: (args: PzKeyValueStoryArgs) => ({
|
|
146
|
+
components: {
|
|
147
|
+
pzKeyValue: PzKeyValue,
|
|
148
|
+
pzText: PzText
|
|
149
|
+
},
|
|
150
|
+
setup() {
|
|
151
|
+
return {
|
|
152
|
+
args
|
|
153
|
+
};
|
|
154
|
+
},
|
|
155
|
+
template: \`
|
|
156
|
+
<section class="pz-key-value-story">
|
|
157
|
+
<section class="pz-key-value-story-board">
|
|
158
|
+
<div class="pz-key-value-story-header">
|
|
159
|
+
<div class="pz-key-value-story-copy">
|
|
160
|
+
<span class="pz-key-value-story-eyebrow">Slots</span>
|
|
161
|
+
<pz-text variant="h4-bold">Override value rendering per key</pz-text>
|
|
162
|
+
</div>
|
|
163
|
+
</div>
|
|
164
|
+
|
|
165
|
+
<div class="pz-key-value-story-preview">
|
|
166
|
+
<pz-key-value
|
|
167
|
+
:config="args.config"
|
|
168
|
+
:data="args.data"
|
|
169
|
+
:flex-direction="args.flexDirection"
|
|
170
|
+
:check-required="args.checkRequired"
|
|
171
|
+
>
|
|
172
|
+
<template #supplier="{ data }">
|
|
173
|
+
<a
|
|
174
|
+
href="#"
|
|
175
|
+
class="pz-key-value-story-link"
|
|
176
|
+
>
|
|
177
|
+
{{ data }}
|
|
178
|
+
</a>
|
|
179
|
+
</template>
|
|
180
|
+
|
|
181
|
+
<template #isWinner="{ data }">
|
|
182
|
+
<span>{{ data ? "Yes" : "No" }}</span>
|
|
183
|
+
</template>
|
|
184
|
+
</pz-key-value>
|
|
185
|
+
</div>
|
|
186
|
+
</section>
|
|
187
|
+
</section>
|
|
188
|
+
\`
|
|
189
|
+
}),
|
|
190
|
+
parameters: {
|
|
191
|
+
docs: {
|
|
192
|
+
description: {
|
|
193
|
+
story: "Each row exposes a slot named after its \`key\` and a \`<key>_label\` slot for the heading. Slot scope forwards the resolved value as \`data\`."
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
}`,...(Q=(J=v.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var ee,te,ae;g.parameters={...g.parameters,docs:{...(ee=g.parameters)==null?void 0:ee.docs,source:{originalSource:`{
|
|
198
|
+
render: () => ({
|
|
199
|
+
components: {
|
|
200
|
+
pzKeyValue: PzKeyValue,
|
|
201
|
+
pzText: PzText
|
|
202
|
+
},
|
|
203
|
+
setup() {
|
|
204
|
+
return {
|
|
205
|
+
tenderConfig,
|
|
206
|
+
tenderData,
|
|
207
|
+
bidConfig,
|
|
208
|
+
bidData,
|
|
209
|
+
flexDirectionOptions
|
|
210
|
+
};
|
|
211
|
+
},
|
|
212
|
+
template: \`
|
|
213
|
+
<section class="pz-key-value-story">
|
|
214
|
+
<section class="pz-key-value-story-gallery">
|
|
215
|
+
<article
|
|
216
|
+
v-for="direction in flexDirectionOptions"
|
|
217
|
+
:key="direction"
|
|
218
|
+
class="pz-key-value-story-tile"
|
|
219
|
+
>
|
|
220
|
+
<div class="pz-key-value-story-copy">
|
|
221
|
+
<span class="pz-key-value-story-eyebrow">flex-direction</span>
|
|
222
|
+
<h4 class="pz-key-value-story-tile-title">{{ direction }}</h4>
|
|
223
|
+
<p class="pz-key-value-story-tile-note">Rendered with tender-style data.</p>
|
|
224
|
+
</div>
|
|
225
|
+
|
|
226
|
+
<pz-key-value
|
|
227
|
+
:config="tenderConfig"
|
|
228
|
+
:data="tenderData"
|
|
229
|
+
:flex-direction="direction"
|
|
230
|
+
/>
|
|
231
|
+
</article>
|
|
232
|
+
|
|
233
|
+
<article class="pz-key-value-story-tile">
|
|
234
|
+
<div class="pz-key-value-story-copy">
|
|
235
|
+
<span class="pz-key-value-story-eyebrow">check-required false</span>
|
|
236
|
+
<h4 class="pz-key-value-story-tile-title">Always show rows</h4>
|
|
237
|
+
<p class="pz-key-value-story-tile-note">Empty note field is still rendered.</p>
|
|
238
|
+
</div>
|
|
239
|
+
|
|
240
|
+
<pz-key-value
|
|
241
|
+
:config="tenderConfig"
|
|
242
|
+
:data="tenderData"
|
|
243
|
+
:check-required="false"
|
|
244
|
+
/>
|
|
245
|
+
</article>
|
|
246
|
+
|
|
247
|
+
<article class="pz-key-value-story-tile">
|
|
248
|
+
<div class="pz-key-value-story-copy">
|
|
249
|
+
<span class="pz-key-value-story-eyebrow">winner bid</span>
|
|
250
|
+
<h4 class="pz-key-value-story-tile-title">Falsy-preserving values</h4>
|
|
251
|
+
<p class="pz-key-value-story-tile-note">Zero discount and boolean winner stay visible.</p>
|
|
252
|
+
</div>
|
|
253
|
+
|
|
254
|
+
<pz-key-value
|
|
255
|
+
:config="bidConfig"
|
|
256
|
+
:data="bidData"
|
|
257
|
+
/>
|
|
258
|
+
</article>
|
|
259
|
+
</section>
|
|
260
|
+
</section>
|
|
261
|
+
\`
|
|
262
|
+
}),
|
|
263
|
+
parameters: {
|
|
264
|
+
docs: {
|
|
265
|
+
description: {
|
|
266
|
+
story: "Reference board covering every \`flexDirection\` value, the \`checkRequired: false\` fallback, and numeric/boolean preservation."
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
}`,...(ae=(te=g.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};const xt=["Playground","ColumnLayout","RowLayout","WithoutRequiredFilter","CustomSlots","Gallery"];export{y as ColumnLayout,v as CustomSlots,g as Gallery,p as Playground,f as RowLayout,m as WithoutRequiredFilter,xt as __namedExportsOrder,ft as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-label[data-v-97ccbdea]{display:grid;gap:var(--pz-space-8);width:100%;color:var(--pz-color-text-primary)}.pz-label-caption[data-v-97ccbdea]{display:inline-flex;align-items:baseline;gap:var(--pz-space-4);width:fit-content;color:inherit;font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-label-required[data-v-97ccbdea]{color:var(--pz-color-red-50)}.pz-label-control[data-v-97ccbdea]{min-width:0}.pz-label.is-disabled[data-v-97ccbdea]{color:var(--pz-color-text-secondary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-label-story{display:grid;gap:var(--pz-space-24)}.pz-label-story-board,.pz-label-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-label-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-label-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-label-story-preview{display:grid;place-items:center;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-label-story-field{width:min(100%,640px)}.pz-label-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-label-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-label-story-rich-label{display:inline-flex;align-items:baseline;gap:var(--pz-space-8);flex-wrap:wrap}.pz-label-story-rich-label-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400}.pz-label-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-label-story-input{width:100%;min-height:var(--pz-space-44);padding:var(--pz-space-12) var(--pz-space-16);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-label-story-input::placeholder{color:var(--pz-color-grey-40)}.pz-label-story-input:focus-visible{outline:2px solid color-mix(in srgb,var(--pz-color-button-primary) 28%,transparent);outline-offset:2px;border-color:var(--pz-color-blue-30)}.pz-label-story-input:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 70%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}@media (width <= 768px){.pz-label-story-grid{grid-template-columns:1fr}.pz-label-story-header{flex-direction:column}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as i,v as c,e as l,f,l as t,m as n,p,g as m,o as s,u as b,t as _}from"./iframe-Ckq2fQkL.js";import{_ as v}from"./PzText-BOcxbzaG.js";const z=["for"],y={key:0,class:"pz-label-required","aria-hidden":"true"},P={class:"pz-label-control"},a=i({name:"PzLabel",__name:"PzLabel",props:{label:{default:""},for:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(r){const e=r,d=c(),u=m(()=>!!(e.label||d.label));return(o,q)=>(s(),l("div",{class:f(["pz-label",{"is-disabled":e.disabled}])},[u.value?(s(),l("label",{key:0,class:"pz-label-caption",for:e.for},[t(o.$slots,"label",{},()=>[b(_(e.label),1)],!0),e.required?(s(),l("span",y," * ")):n("",!0)],8,z)):n("",!0),p("div",P,[t(o.$slots,"default",{},void 0,!0)])],2))}}),V=v(a,[["__scopeId","data-v-97ccbdea"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzLabel",exportName:"default",displayName:"PzLabel",description:"",tags:{},props:[{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"for",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"label"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzLabel/PzLabel.vue"]});export{V as P};
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import{P as d}from"./PzText-BOcxbzaG.js";import{P as r}from"./PzLabel-jmQOAHGo.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const n=e=>{const a=[e.label?`label="${e.label}"`:null,e.for?`for="${e.for}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(t=>!!t).join(" "),p=[e.for?`id="${e.for}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.disabled?"disabled":null].filter(t=>!!t).join(" ");return`<template>
|
|
2
|
+
<PzLabel ${a}>
|
|
3
|
+
<input ${p} />
|
|
4
|
+
</PzLabel>
|
|
5
|
+
</template>`},b={title:"Components/Form/PzLabel",component:r,parameters:{docs:{description:{component:"Use `PzLabel` to pair a form control with its caption. It keeps the public API intentionally small: text label via prop or named slot, a required marker, disabled tone, and a `for` attribute for explicit control association."},source:{transform:(e,a)=>n(a.args??b.args)}}},args:{label:"Назва поля",for:"pz-label-story-input",required:!0,disabled:!1,placeholder:"Введіть опис..."},argTypes:{label:{control:"text",description:"Label text shown above the form control."},for:{control:"text",description:"Matches the `id` of the associated control for explicit labeling."},required:{control:"boolean",description:"Adds the visual required indicator next to the label text."},disabled:{control:"boolean",description:"Applies disabled styling to the label. Disable the slotted control separately."},placeholder:{control:"text",description:"Story-only placeholder for the demo input.",table:{category:"Story"}}},render:e=>({components:{pzLabel:r,pzText:d},setup(){return{args:e}},template:`
|
|
6
|
+
<div class="pz-label-story">
|
|
7
|
+
<section class="pz-label-story-board">
|
|
8
|
+
<div class="pz-label-story-header">
|
|
9
|
+
<div>
|
|
10
|
+
<span class="pz-label-story-eyebrow">Component API</span>
|
|
11
|
+
<pz-text variant="h4-bold">Field caption wrapper</pz-text>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
<div class="pz-label-story-preview">
|
|
16
|
+
<div class="pz-label-story-field">
|
|
17
|
+
<pz-label
|
|
18
|
+
:label="args.label"
|
|
19
|
+
:for="args.for"
|
|
20
|
+
:required="args.required"
|
|
21
|
+
:disabled="args.disabled"
|
|
22
|
+
>
|
|
23
|
+
<input
|
|
24
|
+
:id="args.for"
|
|
25
|
+
class="pz-label-story-input"
|
|
26
|
+
:placeholder="args.placeholder"
|
|
27
|
+
:disabled="args.disabled"
|
|
28
|
+
/>
|
|
29
|
+
</pz-label>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</section>
|
|
33
|
+
|
|
34
|
+
<section class="pz-label-story-gallery">
|
|
35
|
+
<div class="pz-label-story-header">
|
|
36
|
+
<div>
|
|
37
|
+
<span class="pz-label-story-eyebrow">Usage</span>
|
|
38
|
+
<pz-text variant="h4-bold">Typical form labeling states</pz-text>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
<div class="pz-label-story-grid">
|
|
43
|
+
<article class="pz-label-story-card">
|
|
44
|
+
<pz-label
|
|
45
|
+
label="Назва поля"
|
|
46
|
+
for="pz-label-story-default"
|
|
47
|
+
>
|
|
48
|
+
<input
|
|
49
|
+
id="pz-label-story-default"
|
|
50
|
+
class="pz-label-story-input"
|
|
51
|
+
placeholder="Введіть опис..."
|
|
52
|
+
/>
|
|
53
|
+
</pz-label>
|
|
54
|
+
<span class="pz-label-story-note">Стандартний label над контролом з явним зв’язком через for/id.</span>
|
|
55
|
+
</article>
|
|
56
|
+
|
|
57
|
+
<article class="pz-label-story-card">
|
|
58
|
+
<pz-label
|
|
59
|
+
label="Назва поля"
|
|
60
|
+
for="pz-label-story-required"
|
|
61
|
+
required
|
|
62
|
+
>
|
|
63
|
+
<input
|
|
64
|
+
id="pz-label-story-required"
|
|
65
|
+
class="pz-label-story-input"
|
|
66
|
+
placeholder="Обов'язкове поле"
|
|
67
|
+
/>
|
|
68
|
+
</pz-label>
|
|
69
|
+
<span class="pz-label-story-note">Показує required-маркер для полів, які не можна залишити порожніми.</span>
|
|
70
|
+
</article>
|
|
71
|
+
|
|
72
|
+
<article class="pz-label-story-card">
|
|
73
|
+
<pz-label
|
|
74
|
+
for="pz-label-story-slot"
|
|
75
|
+
required
|
|
76
|
+
>
|
|
77
|
+
<template #label>
|
|
78
|
+
<span class="pz-label-story-rich-label">
|
|
79
|
+
Контактна особа
|
|
80
|
+
<span class="pz-label-story-rich-label-note">через label slot</span>
|
|
81
|
+
</span>
|
|
82
|
+
</template>
|
|
83
|
+
|
|
84
|
+
<input
|
|
85
|
+
id="pz-label-story-slot"
|
|
86
|
+
class="pz-label-story-input"
|
|
87
|
+
placeholder="Ім'я та прізвище"
|
|
88
|
+
/>
|
|
89
|
+
</pz-label>
|
|
90
|
+
<span class="pz-label-story-note">Приклад label slot, коли в підпис треба додати додатковий текст або складнішу розмітку.</span>
|
|
91
|
+
</article>
|
|
92
|
+
|
|
93
|
+
<article class="pz-label-story-card">
|
|
94
|
+
<pz-label
|
|
95
|
+
label="Назва поля"
|
|
96
|
+
for="pz-label-story-disabled"
|
|
97
|
+
disabled
|
|
98
|
+
>
|
|
99
|
+
<input
|
|
100
|
+
id="pz-label-story-disabled"
|
|
101
|
+
class="pz-label-story-input"
|
|
102
|
+
value="Недоступне поле"
|
|
103
|
+
disabled
|
|
104
|
+
/>
|
|
105
|
+
</pz-label>
|
|
106
|
+
<span class="pz-label-story-note">Disabled-стан приглушує і підпис, і сам control, але семантика label зберігається.</span>
|
|
107
|
+
</article>
|
|
108
|
+
</div>
|
|
109
|
+
</section>
|
|
110
|
+
</div>
|
|
111
|
+
`})},l={parameters:{docs:{description:{story:"Інтерактивний приклад wrapper-компонента для підпису поля. Gallery показує базовий label, required-модифікатор, slot-підпис і disabled-стан."}}}};var s,o,i;l.parameters={...l.parameters,docs:{...(s=l.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
112
|
+
parameters: {
|
|
113
|
+
docs: {
|
|
114
|
+
description: {
|
|
115
|
+
story: "Інтерактивний приклад wrapper-компонента для підпису поля. Gallery показує базовий label, required-модифікатор, slot-підпис і disabled-стан."
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}`,...(i=(o=l.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const m=["Playground"];export{l as Playground,m as __namedExportsOrder,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-link[data-v-
|
|
1
|
+
.pz-link[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover);--pz-link-background: transparent;--pz-link-hover-background: transparent;--pz-link-border-color: transparent;--pz-link-hover-border-color: transparent;--pz-link-disabled-border-color: transparent;--pz-link-content-decoration: none;--pz-link-hover-decoration: underline;--pz-link-radius: var(--pz-space-4);--pz-link-gap: var(--pz-space-8);--pz-link-padding-inline: 0;--pz-link-padding-block: 0;--pz-link-icon-size: var(--pz-font-size-16);--pz-link-font-style: normal;align-items:center;gap:var(--pz-link-gap);width:fit-content;padding:var(--pz-link-padding-block) var(--pz-link-padding-inline);border:1px solid var(--pz-link-border-color);border-radius:var(--pz-link-radius);background:var(--pz-link-background);color:var(--pz-link-color);cursor:pointer;text-decoration:none;overflow-wrap:break-word;font-style:var(--pz-link-font-style);-webkit-hyphens:auto;hyphens:auto;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-link--inline[data-v-2ff8892d]{display:inline-flex}.pz-link--block[data-v-2ff8892d]{display:flex}.pz-link--bold[data-v-2ff8892d]{font-weight:600}.pz-link--italic[data-v-2ff8892d]{--pz-link-font-style: italic}.pz-link--line-through .pz-link-content[data-v-2ff8892d]{text-decoration:line-through}.pz-link--primary[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--neutral[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-primary);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--gray[data-v-2ff8892d]{--pz-link-color: var(--pz-color-grey-60);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--button[data-v-2ff8892d]{--pz-link-color: var(--pz-color-button-primary);--pz-link-hover-color: var(--pz-color-white);--pz-link-background: transparent;--pz-link-hover-background: var(--pz-color-button-primary-hover);--pz-link-border-color: var(--pz-color-button-primary);--pz-link-hover-border-color: var(--pz-color-button-primary-hover);--pz-link-disabled-border-color: color-mix(in srgb, var(--pz-color-button-disabled) 60%, transparent);--pz-link-hover-decoration: none;--pz-link-radius: var(--pz-space-4);--pz-link-padding-inline: var(--pz-space-8);--pz-link-padding-block: var(--pz-space-4)}.pz-link--icon[data-v-2ff8892d]{--pz-link-color: var(--pz-color-icon-primary);--pz-link-hover-color: var(--pz-color-icon-hover);--pz-link-hover-decoration: none;--pz-link-icon-size: var(--pz-font-size-20)}.pz-link--icon-only[data-v-2ff8892d]{--pz-link-padding-inline: var(--pz-space-4);--pz-link-padding-block: var(--pz-space-4)}.pz-link--disabled[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-link-disabled);--pz-link-hover-color: var(--pz-color-text-link-disabled);--pz-link-border-color: var(--pz-link-disabled-border-color);cursor:default;pointer-events:none}.pz-link[data-v-2ff8892d]:hover,.pz-link[data-v-2ff8892d]:focus-visible{color:var(--pz-link-hover-color);border-color:var(--pz-link-hover-border-color);background:var(--pz-link-hover-background);outline:none}.pz-link[data-v-2ff8892d]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-link-hover-color) 18%,transparent)}.pz-link-prefix[data-v-2ff8892d],.pz-link-suffix[data-v-2ff8892d]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-link-content[data-v-2ff8892d]{min-width:0;text-decoration:var(--pz-link-content-decoration)}.pz-link-prefix[data-v-2ff8892d]:empty,.pz-link-suffix[data-v-2ff8892d]:empty,.pz-link-content[data-v-2ff8892d]:empty{display:none}.pz-link:hover .pz-link-content[data-v-2ff8892d],.pz-link:focus-visible .pz-link-content[data-v-2ff8892d]{text-decoration:var(--pz-link-hover-decoration)}.pz-link-prefix[data-v-2ff8892d] .pz-icon,.pz-link-suffix[data-v-2ff8892d] .pz-icon{--pz-icon-size: var(--pz-link-icon-size);--pz-icon-color: currentcolor}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as m,
|
|
1
|
+
import{d as m,v as k,e as l,l as t,m as i,f as v,g as o,o as n}from"./iframe-Ckq2fQkL.js";import{_ as b}from"./PzText-BOcxbzaG.js";const z="noopener noreferrer",_=["href","target","rel","aria-disabled","tabindex"],y={key:0,class:"pz-link-prefix"},h={key:1,class:"pz-link-content"},g={key:2,class:"pz-link-suffix"},s=m({name:"PzLink",__name:"PzLink",props:{href:{},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}},setup(r){const f=k(),e=r,u=o(()=>!!f.default),d=o(()=>e.rel?e.rel:e.target==="_blank"?z:void 0),p=o(()=>[`pz-link--${e.variant}`,{"pz-link--inline":e.inline,"pz-link--block":!e.inline,"pz-link--disabled":e.disabled,"pz-link--bold":e.bold,"pz-link--italic":e.italic,"pz-link--line-through":e.lineThrough,"pz-link--icon-only":e.variant==="icon"&&!u.value}]),c=a=>{e.disabled&&(a.preventDefault(),a.stopPropagation())};return(a,P)=>(n(),l("a",{href:e.href,target:e.target,rel:d.value,"aria-disabled":e.disabled||void 0,tabindex:e.disabled?-1:void 0,class:v(["pz-link",p.value]),onClick:c},[a.$slots.prefix?(n(),l("span",y,[t(a.$slots,"prefix",{},void 0,!0)])):i("",!0),a.$slots.default?(n(),l("span",h,[t(a.$slots,"default",{},void 0,!0)])):i("",!0),a.$slots.suffix?(n(),l("span",g,[t(a.$slots,"suffix",{},void 0,!0)])):i("",!0)],10,_))}}),q=b(s,[["__scopeId","data-v-2ff8892d"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzLink",exportName:"default",displayName:"PzLink",description:"",tags:{},props:[{name:"href",required:!0,type:{name:"string"}},{name:"variant",required:!1,type:{name:"PzLinkVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"target",required:!1,type:{name:"PzLinkTarget"},defaultValue:{func:!1,value:'"_self"'}},{name:"rel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"inline",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"bold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"italic",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"lineThrough",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzLink/PzLink.vue"]});export{q as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as p}from"./PzIcon-
|
|
1
|
+
import{_ as p}from"./PzIcon-DTWQGv5c.js";import{P as c}from"./PzText-BOcxbzaG.js";import{p as d,a as f}from"./configs-DshpCAYO.js";import{P as o}from"./PzLink-CwtmibRx.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const m=[{variant:"primary",label:"Primary text link",suffix:"open_in_new"},{variant:"neutral",label:"Neutral navigation link"},{variant:"gray",label:"Gray meta link"},{variant:"button",label:"Button-like action",prefix:"description"},{variant:"icon",label:"Icon-led action",prefix:"launch"}],u=e=>{const t=[`href="${e.href}"`,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].filter(n=>!!n).join(" "),s=[e.showPrefix?` <template #prefix>
|
|
2
2
|
<PzIcon name="open_in_new" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -1 +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;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;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-
|
|
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;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;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-f841f3e6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.pz-modal-overlay[data-v-f841f3e6]{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-f841f3e6]{--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-f841f3e6]{--pz-modal-width: min(520px, calc(100vw - 32px) )}.pz-modal-dialog--regular[data-v-f841f3e6]{--pz-modal-width: min(720px, calc(100vw - 32px) )}.pz-modal-dialog--wide[data-v-f841f3e6]{--pz-modal-width: min(1080px, calc(100vw - 32px) )}.pz-modal-dialog--fullscreen[data-v-f841f3e6]{--pz-modal-width: calc(100vw - 24px) ;max-height:calc(100vh - 24px)}.pz-modal-header[data-v-f841f3e6],.pz-modal-footer[data-v-f841f3e6]{position:sticky;z-index:1;background:var(--pz-color-white)}.pz-modal-header[data-v-f841f3e6]{top:0;display:flex;align-items:start;justify-content:end;gap:16px;padding:var(--pz-modal-padding)}.pz-modal-header--between[data-v-f841f3e6]{justify-content:space-between}.pz-modal-footer[data-v-f841f3e6]{bottom:0;display:flex;align-items:center;justify-content:end;gap:12px;padding:var(--pz-modal-padding)}.pz-modal-title[data-v-f841f3e6]{min-width:0;padding-top:2px}.pz-modal-body[data-v-f841f3e6]{padding:0 var(--pz-modal-padding) var(--pz-modal-padding);color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-close[data-v-f841f3e6]{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-f841f3e6]:hover,.pz-modal-close[data-v-f841f3e6]: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-f841f3e6]{padding:12px}.pz-modal-dialog[data-v-f841f3e6]{--pz-modal-width: calc(100vw - 24px) ;--pz-modal-padding: 16px}.pz-modal-header[data-v-f841f3e6]{gap:12px;padding-bottom:12px}.pz-modal-footer[data-v-f841f3e6]{flex-wrap:wrap;justify-content:stretch}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as Z,
|
|
1
|
+
import{d as Z,v as G,w as A,T as H,i as C,e as n,p as v,P as J,f as P,l as f,m as l,q as Q,y as k,G as X,U as Y,V as ee,g as r,o as a,j as oe,u as te,t as se,r as F}from"./iframe-Ckq2fQkL.js";import{P as O,_ as ae}from"./PzText-BOcxbzaG.js";import{_ as le}from"./PzIcon-DTWQGv5c.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)),U=r(()=>z.value||o.showCloseButton),K=r(()=>[`pz-modal-dialog--${o.size}`]);let M="";const _=s=>{if(!(typeof document>"u")){if(s){M=document.body.style.overflow,document.body.style.overflow="hidden";return}document.body.style.overflow=M}},b=()=>{y(re)},R=()=>{o.closeOnOverlay&&b()},W=()=>{o.closeOnEscape&&b()};return A(()=>o.isOpen,s=>{_(s)},{immediate:!0}),H(()=>{_(!1)}),(s,x)=>(a(),C(Y,{to:"body"},[o.isOpen?(a(),n("div",{key:0,class:"pz-modal",onKeydown:X(W,["esc"])},[v("div",{class:"pz-modal-overlay",onClick:R},[v("div",{ref:"dialogRef",class:P(["pz-modal-dialog",K.value]),role:"dialog","aria-modal":!0,"aria-labelledby":g.value,"aria-describedby":w.value,onClick:x[0]||(x[0]=J(()=>{},["stop"]))},[U.value?(a(),n("header",{key:0,class:P(["pz-modal-header",{"pz-modal-header--between":z.value}])},[z.value?(a(),n("div",{key:0,id:g.value,class:"pz-modal-title"},[f(s.$slots,"header",{},()=>[o.title?(a(),C(k(O),{key:0,variant:"h4-bold",as:"h2"},{default:oe(()=>[te(se(o.title),1)]),_:1})):l("",!0)],!0)],8,ce)):l("",!0),o.showCloseButton?(a(),n("button",{key:1,type:"button",class:"pz-modal-close","aria-label":o.closeLabel,onClick:b},[Q(k(le),{name:"close",size:"24",label:"Close modal"})],8,pe)):l("",!0)],2)):l("",!0),v("div",{id:w.value,class:"pz-modal-body"},[f(s.$slots,"default",{},void 0,!0)],8,ue),s.$slots.footer?(a(),n("footer",me,[f(s.$slots,"footer",{},void 0,!0)])):l("",!0)],10,ie)])],32)):l("",!0)]))}}),h=ae(m,[["__scopeId","data-v-f841f3e6"]]);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>
|
|
@@ -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-
|
|
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-5d1c69f0]{--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-5d1c69f0]{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-5d1c69f0]:hover{color:var(--pz-color-text-link-hover)}.pz-nav__item.active[data-v-5d1c69f0]{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-5d1c69f0]{opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.pz-nav__text[data-v-5d1c69f0]{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;font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-nav__text.active[data-v-5d1c69f0]{color:var(--pz-nav-active-color)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{d as R,e as r,F,
|
|
1
|
+
import{d as R,e as r,F,s as $,o,f as m,i as B,j,l as y,u as x,t as b,y as A,R as O,B as L,g as V,h as z,S as f}from"./iframe-Ckq2fQkL.js";import{_ as W,P as g}from"./PzText-BOcxbzaG.js";import"./preload-helper-C1FmrZbK.js";const Q={class:"pz-nav"},l=R({name:"PzNav",__name:"PzNav",props:{config:{}},setup(s){const t=L(),h=s,d=a=>{const[n=""]=a.split("#");return n?n.startsWith("/")?n:`/${n}`:"/"},q=a=>a.startsWith("#")?a:d(a),E=V(()=>!h.config.some(a=>d(a.path)===t.path)),u=a=>d(a.path)===t.path||E.value&&!!a.isDefault;return(a,n)=>(o(),r("ul",Q,[(o(!0),r(F,null,$(h.config,(e,M)=>(o(),r("li",{key:`${e.path}-${M}`,class:m(["pz-nav__item",[{disabled:e.disabled},{active:u(e)}]])},[e.disabled?(o(),r("span",{key:1,class:m(["pz-nav__text",{active:u(e)}])},[y(a.$slots,"view",{data:e},()=>[x(b(e.text),1)],!0)],2)):(o(),B(A(O),{key:0,to:q(e.path),class:m(["pz-nav__text",{active:u(e)}])},{default:j(()=>[y(a.$slots,"view",{data:e},()=>[x(b(e.text),1)],!0)]),_:2},1032,["to","class"]))],2))),128))]))}}),v=W(l,[["__scopeId","data-v-5d1c69f0"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzNav",exportName:"default",displayName:"PzNav",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzNavItem"}]}}],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",text:"Закупівлі",isDefault:!0},{path:"/market/contracts",text:"Договори"},{path:"/market/plans",text:"Плани"},{path:"/market/selection",text:"Відбори"},{path:"/market/products",text:"Товари"}],U=[{path:"/tender/details",text:"Деталі закупівлі",isDefault:!0},{path:"/tender/questions",text:"Питання та вимоги (0)"},{path:"/tender/complaints",text:"Скарги (0)"},{path:"/tender/monitoring",text:"Моніторинг (0)",disabled:!0}],G=[{path:"/archive/overview",text:"Overview",isDefault:!0},{path:"/archive/history",text:"History",disabled:!0},{path:"/archive/files",text:"Files"}],H=s=>`<template>
|
|
2
2
|
<PzNav :config='${JSON.stringify(s.config,null,2)}' />
|
|
3
|
-
</template>`,
|
|
3
|
+
</template>`,J=()=>`<template>
|
|
4
4
|
<PzNav :config="config">
|
|
5
5
|
<template #view="{ data }">
|
|
6
6
|
<span class="custom-nav-item">
|
|
@@ -9,7 +9,7 @@ import{d as R,e as r,F,p as $,o,f as m,h as j,w as A,j as y,q as x,t as b,s as B
|
|
|
9
9
|
</span>
|
|
10
10
|
</template>
|
|
11
11
|
</PzNav>
|
|
12
|
-
</template>`,K={title:"Components/Navigation/PzNav",component:v,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:(s,t)=>
|
|
12
|
+
</template>`,K={title:"Components/Navigation/PzNav",component:v,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:(s,t)=>H(t.args??K.args)}}},args:{config:N},argTypes:{config:{control:"object",description:"Navigation items with route path, label, disabled state, and optional default fallback."}},render:s=>({components:{pzNav:v,pzText:g},setup(){const t=f();return z(async()=>{await t.push("/market/procedures")}),{args:s,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">
|
|
@@ -57,7 +57,7 @@ import{d as R,e as r,F,p as $,o,f as m,h as j,w as A,j as y,q as x,t as b,s as B
|
|
|
57
57
|
</article>
|
|
58
58
|
</section>
|
|
59
59
|
</div>
|
|
60
|
-
`})},i={},c={args:{config:
|
|
60
|
+
`})},i={},c={args:{config:G},render:s=>({components:{pzNav:v,pzText:g},setup(){const t=f();return z(async()=>{await t.push("/archive/unknown")}),{args:s}},template:`
|
|
61
61
|
<div class="pz-nav-story">
|
|
62
62
|
<section class="pz-nav-story-frame">
|
|
63
63
|
<div class="pz-nav-story-header">
|
|
@@ -73,7 +73,7 @@ import{d as R,e as r,F,p as $,o,f as m,h as j,w as A,j as y,q as x,t as b,s as B
|
|
|
73
73
|
</div>
|
|
74
74
|
</section>
|
|
75
75
|
</div>
|
|
76
|
-
`})},p={parameters:{docs:{source:{code:
|
|
76
|
+
`})},p={parameters:{docs:{source:{code:J()}}},render:()=>({components:{pzNav:v,pzText:g},setup(){const s=f(),t=[{path:"/nav/questions",text:"Questions",count:12,isDefault:!0},{path:"/nav/complaints",text:"Complaints",count:2},{path:"/nav/monitoring",text:"Monitoring",count:0,disabled:!0}];return z(async()=>{await s.push("/nav/questions")}),{config:t}},template:`
|
|
77
77
|
<div class="pz-nav-story">
|
|
78
78
|
<section class="pz-nav-story-frame">
|
|
79
79
|
<div class="pz-nav-story-header">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var c=Object.defineProperty;var _=(i,t,s)=>t in i?c(i,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[t]=s;var n=(i,t,s)=>_(i,typeof t!="symbol"?t+"":t,s);import{l as h}from"./lodash-CdDiHlzQ.js";const e={FULL_NUMBER:/[^0-9.,\-+]/g,DOT_OR_COMMA:/[.,]+/};class l{constructor(t,s){n(this,"_int","");n(this,"_last","");if(this.value=t,this.precision=s,!h.isNumber(t)&&!t||t==="-")return;const[r,o]=t.toString().replace(e.FULL_NUMBER,"").split(e.DOT_OR_COMMA);this._int=Number(r).toLocaleString("uk-UK")||"0",this._last=o||""}get number(){const t=this.precision!==void 0,s=e.DOT_OR_COMMA.test(this.value),r=t?s&&this.precision!==0:s,o=t?this._last.substring(0,this.precision):this._last;return r?`${this._int}.${o}`:this._int}}export{l as P};
|