@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,57 @@
|
|
|
1
|
+
import{P as o}from"./PzNumberFormat-D5xYsZ3A.js";import{P as a}from"./PzText-BOcxbzaG.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const c={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
|
+
<div>
|
|
3
|
+
<pz-text variant="h4-semibold">PzNumberFormat Usage</pz-text>
|
|
4
|
+
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
5
|
+
<li v-for="(ex, index) in examples" :key="index" style="margin-top: 8px;">
|
|
6
|
+
<pz-text variant="body-regular">
|
|
7
|
+
<strong>{{ ex.description }}:</strong> Input: <code>{{ ex.value }}</code>, Output: <code>{{ ex.result }}</code>
|
|
8
|
+
</pz-text>
|
|
9
|
+
</li>
|
|
10
|
+
</ul>
|
|
11
|
+
</div>
|
|
12
|
+
`})};var t,i,r;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
|
|
13
|
+
render: () => ({
|
|
14
|
+
components: {
|
|
15
|
+
pzText: PzText
|
|
16
|
+
},
|
|
17
|
+
setup() {
|
|
18
|
+
return {
|
|
19
|
+
examples: [{
|
|
20
|
+
value: 1234567,
|
|
21
|
+
description: "Millions without decimals"
|
|
22
|
+
}, {
|
|
23
|
+
value: 1234567.891,
|
|
24
|
+
precision: 2,
|
|
25
|
+
description: "Millions with 2 decimals precision"
|
|
26
|
+
}, {
|
|
27
|
+
value: "54321.1",
|
|
28
|
+
description: "String input with 1 decimal"
|
|
29
|
+
}, {
|
|
30
|
+
value: 0,
|
|
31
|
+
description: "Zero"
|
|
32
|
+
}, {
|
|
33
|
+
value: "-",
|
|
34
|
+
description: "Invalid/empty dash"
|
|
35
|
+
}, {
|
|
36
|
+
value: null,
|
|
37
|
+
description: "Null value"
|
|
38
|
+
}].map(item => ({
|
|
39
|
+
...item,
|
|
40
|
+
result: new PzNumberFormat(item.value, item.precision).number
|
|
41
|
+
}))
|
|
42
|
+
};
|
|
43
|
+
},
|
|
44
|
+
template: \`
|
|
45
|
+
<div>
|
|
46
|
+
<pz-text variant="h4-semibold">PzNumberFormat Usage</pz-text>
|
|
47
|
+
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
48
|
+
<li v-for="(ex, index) in examples" :key="index" style="margin-top: 8px;">
|
|
49
|
+
<pz-text variant="body-regular">
|
|
50
|
+
<strong>{{ ex.description }}:</strong> Input: <code>{{ ex.value }}</code>, Output: <code>{{ ex.result }}</code>
|
|
51
|
+
</pz-text>
|
|
52
|
+
</li>
|
|
53
|
+
</ul>
|
|
54
|
+
</div>
|
|
55
|
+
\`
|
|
56
|
+
})
|
|
57
|
+
}`,...(r=(i=e.parameters)==null?void 0:i.docs)==null?void 0:r.source}}};const x=["Usage"];export{e as Usage,x as __namedExportsOrder,c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-pagination-story{display:grid;gap:var(--pz-space-24)}.pz-pagination-story-board,.pz-pagination-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-pagination-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-pagination-story-eyebrow,.pz-pagination-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-pagination-story-preview{display:grid;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-pagination-story-grid{display:grid;gap:var(--pz-space-16)}.pz-pagination-story-card{display:grid;gap:var(--pz-space-8);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-pagination-story-card-label{margin:0;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current{display:flex;align-items:center;gap:var(--pz-space-8);padding:var(--pz-space-4) var(--pz-space-8);border-radius:4px;background:color-mix(in srgb,var(--pz-color-blue-10) 80%,transparent);width:fit-content}.pz-pagination-story-current-label{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current-value{color:var(--pz-color-text-link);font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}.pz-pagination__list[data-v-
|
|
1
|
+
.pz-pagination-story{display:grid;gap:var(--pz-space-24)}.pz-pagination-story-board,.pz-pagination-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-pagination-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-pagination-story-eyebrow,.pz-pagination-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-pagination-story-preview{display:grid;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-pagination-story-grid{display:grid;gap:var(--pz-space-16)}.pz-pagination-story-card{display:grid;gap:var(--pz-space-8);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-pagination-story-card-label{margin:0;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current{display:flex;align-items:center;gap:var(--pz-space-8);padding:var(--pz-space-4) var(--pz-space-8);border-radius:4px;background:color-mix(in srgb,var(--pz-color-blue-10) 80%,transparent);width:fit-content}.pz-pagination-story-current-label{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current-value{color:var(--pz-color-text-link);font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}.pz-pagination__list[data-v-9513ae82]{display:flex;align-items:center;gap:var(--pz-space-4);list-style:none;margin:0;padding:0}.pz-pagination__item[data-v-9513ae82]{display:flex}.pz-pagination__btn[data-v-9513ae82]{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;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-pagination__btn[data-v-9513ae82]: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-9513ae82]{border-color:var(--pz-color-tag-blue)}.pz-pagination__btn--nav[data-v-9513ae82]{color:var(--pz-color-text-primary)}.pz-pagination__btn--nav[data-v-9513ae82]:disabled{opacity:.35;cursor:default}.pz-pagination__dots[data-v-9513ae82]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}
|
package/dist/app/assets/{PzPagination.stories-CFaLbyxd.js → PzPagination.stories-D_qRevIg.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as
|
|
1
|
+
import{d as M,e as r,p,q as w,y as T,F as I,s as q,g as m,o as l,f as D,t as B,r as c,w as G}from"./iframe-Ckq2fQkL.js";import{_ as O,P as j}from"./PzText-BOcxbzaG.js";import{_ as x}from"./PzIcon-DTWQGv5c.js";import"./preload-helper-C1FmrZbK.js";const R={class:"pz-pagination","aria-label":"Pagination"},U={class:"pz-pagination__list"},W=["disabled"],Y={key:0,class:"pz-pagination__dots","aria-hidden":"true"},H=["aria-current","onClick"],J=["disabled"],P=1,z=M({name:"PzPagination",__name:"PzPagination",props:{modelValue:{},total:{},perPage:{},radius:{default:2}},emits:["update:modelValue"],setup(a,{emit:n}){const e=a,o=n,g=m(()=>Math.ceil(e.total/e.perPage)),d=m(()=>e.modelValue<=1),u=m(()=>e.modelValue>=g.value),$=m(()=>{const s=g.value;if(s<=0)return[];if(s===1)return[{type:"page",page:P}];const y=e.modelValue,t=e.radius,_=P+1,f=s-1,h=Math.max(_,y-t),V=Math.min(f,y+t),i=[{type:"page",page:P}];h>_&&i.push({type:"dots",side:"left"});for(let b=h;b<=V;b++)i.push({type:"page",page:b});return V<f&&i.push({type:"dots",side:"right"}),i.push({type:"page",page:s}),i}),N=s=>{s!==e.modelValue&&o("update:modelValue",s)},k=()=>{d.value||o("update:modelValue",e.modelValue-1)},L=()=>{u.value||o("update:modelValue",e.modelValue+1)};return(s,y)=>(l(),r("nav",R,[p("ul",U,[p("li",null,[p("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:d.value,"aria-label":"Попередня сторінка",onClick:k},[w(T(x),{name:"chevron_left",size:"24"})],8,W)]),(l(!0),r(I,null,q($.value,t=>(l(),r("li",{key:t.type==="page"?`p-${t.page}`:`d-${t.side}`,class:"pz-pagination__item"},[t.type==="dots"?(l(),r("span",Y," … ")):(l(),r("button",{key:1,type:"button",class:D(["pz-pagination__btn",{"pz-pagination__btn--active":t.page===a.modelValue}]),"aria-current":t.page===a.modelValue?"page":void 0,onClick:_=>N(t.page)},B(t.page),11,H))]))),128)),p("li",null,[p("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:u.value,"aria-label":"Наступна сторінка",onClick:L},[w(T(x),{name:"chevron_right",size:"24"})],8,J)])])]))}}),F=O(z,[["__scopeId","data-v-9513ae82"]]);z.__docgenInfo=Object.assign({displayName:z.name??z.__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"]});const A=2,K=50,Q=100,X=3,Z="<\/script>",aa=a=>{const n=[':model-value="currentPage"',`:total="${a.total}"`,`:per-page="${a.perPage}"`,a.radius!==A?`:radius="${a.radius}"`:null,'@update:model-value="currentPage = $event"'].filter(e=>!!e).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 @@ ${Z}
|
|
|
80
80
|
</div>
|
|
81
81
|
</section>
|
|
82
82
|
</div>
|
|
83
|
-
`})},v={};var C,S,E;v.parameters={...v.parameters,docs:{...(C=v.parameters)==null?void 0:C.docs,source:{originalSource:"{}",...(E=(S=v.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};const
|
|
83
|
+
`})},v={};var C,S,E;v.parameters={...v.parameters,docs:{...(C=v.parameters)==null?void 0:C.docs,source:{originalSource:"{}",...(E=(S=v.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};const ia=["Playground"];export{v as Playground,ia as __namedExportsOrder,ea as default};
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import{l as p}from"./lodash-CdDiHlzQ.js";import{P as c}from"./PzText-BOcxbzaG.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.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 y={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
|
+
<div style="display: flex; flex-direction: column; gap: 24px;">
|
|
3
|
+
<section>
|
|
4
|
+
<pz-text variant="h4-semibold">minPriceStep</pz-text>
|
|
5
|
+
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
6
|
+
<li v-for="(ex, index) in minPriceExamples" :key="'min-' + index" style="margin-top: 8px;">
|
|
7
|
+
<pz-text variant="body-regular">
|
|
8
|
+
<strong>{{ ex.description }}:</strong> Value: <code>{{ ex.value }}</code>, Step: <code>{{ ex.step }}</code> → Result: <code>{{ ex.result }}</code>
|
|
9
|
+
</pz-text>
|
|
10
|
+
</li>
|
|
11
|
+
</ul>
|
|
12
|
+
</section>
|
|
13
|
+
|
|
14
|
+
<section>
|
|
15
|
+
<pz-text variant="h4-semibold">multiplyByHundredPercent</pz-text>
|
|
16
|
+
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
17
|
+
<li v-for="(ex, index) in percentExamples" :key="'pct-' + index" style="margin-top: 8px;">
|
|
18
|
+
<pz-text variant="body-regular">
|
|
19
|
+
<strong>{{ ex.description }}:</strong> Input: <code>{{ ex.value }}</code> → Result: <code>{{ ex.result }}</code>
|
|
20
|
+
</pz-text>
|
|
21
|
+
</li>
|
|
22
|
+
</ul>
|
|
23
|
+
</section>
|
|
24
|
+
</div>
|
|
25
|
+
`})};var s,a,l;i.parameters={...i.parameters,docs:{...(s=i.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
26
|
+
render: () => ({
|
|
27
|
+
components: {
|
|
28
|
+
pzText: PzText
|
|
29
|
+
},
|
|
30
|
+
setup() {
|
|
31
|
+
return {
|
|
32
|
+
minPriceExamples: [{
|
|
33
|
+
value: 1000,
|
|
34
|
+
step: 10,
|
|
35
|
+
description: "Value 1000, minimal step 10"
|
|
36
|
+
}, {
|
|
37
|
+
value: 50,
|
|
38
|
+
step: 2,
|
|
39
|
+
description: "Value 50, step 2"
|
|
40
|
+
}, {
|
|
41
|
+
value: 0,
|
|
42
|
+
step: 5,
|
|
43
|
+
description: "Zero value"
|
|
44
|
+
}].map(ex => ({
|
|
45
|
+
...ex,
|
|
46
|
+
result: PzPriceFormat.minPriceStep(ex.value, ex.step)
|
|
47
|
+
})),
|
|
48
|
+
percentExamples: [{
|
|
49
|
+
value: 0.12345,
|
|
50
|
+
description: "Standard fractional"
|
|
51
|
+
}, {
|
|
52
|
+
value: 1,
|
|
53
|
+
description: "Complete ratio"
|
|
54
|
+
}, {
|
|
55
|
+
value: "0.55",
|
|
56
|
+
description: "String fractional"
|
|
57
|
+
}].map(ex => ({
|
|
58
|
+
...ex,
|
|
59
|
+
result: PzPriceFormat.multiplyByHundredPercent(ex.value)
|
|
60
|
+
}))
|
|
61
|
+
};
|
|
62
|
+
},
|
|
63
|
+
template: \`
|
|
64
|
+
<div style="display: flex; flex-direction: column; gap: 24px;">
|
|
65
|
+
<section>
|
|
66
|
+
<pz-text variant="h4-semibold">minPriceStep</pz-text>
|
|
67
|
+
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
68
|
+
<li v-for="(ex, index) in minPriceExamples" :key="'min-' + index" style="margin-top: 8px;">
|
|
69
|
+
<pz-text variant="body-regular">
|
|
70
|
+
<strong>{{ ex.description }}:</strong> Value: <code>{{ ex.value }}</code>, Step: <code>{{ ex.step }}</code> → Result: <code>{{ ex.result }}</code>
|
|
71
|
+
</pz-text>
|
|
72
|
+
</li>
|
|
73
|
+
</ul>
|
|
74
|
+
</section>
|
|
75
|
+
|
|
76
|
+
<section>
|
|
77
|
+
<pz-text variant="h4-semibold">multiplyByHundredPercent</pz-text>
|
|
78
|
+
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
79
|
+
<li v-for="(ex, index) in percentExamples" :key="'pct-' + index" style="margin-top: 8px;">
|
|
80
|
+
<pz-text variant="body-regular">
|
|
81
|
+
<strong>{{ ex.description }}:</strong> Input: <code>{{ ex.value }}</code> → Result: <code>{{ ex.result }}</code>
|
|
82
|
+
</pz-text>
|
|
83
|
+
</li>
|
|
84
|
+
</ul>
|
|
85
|
+
</section>
|
|
86
|
+
</div>
|
|
87
|
+
\`
|
|
88
|
+
})
|
|
89
|
+
}`,...(l=(a=i.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};const P=["Usage"];export{i as Usage,P as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-radio-group-story{display:grid;gap:var(--pz-space-24)}.pz-radio-group-story-board,.pz-radio-group-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-radio-group-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-radio-group-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-radio-group-story-preview{display:grid;place-items:center;min-height:240px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-radio-group-story-field{width:min(100%,640px)}.pz-radio-group-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-radio-group-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-radio-group-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}@media (width <= 960px){.pz-radio-group-story-grid{grid-template-columns:1fr}.pz-radio-group-story-header{flex-direction:column}}.pz-radio-group[data-v-1a5a6243]{display:grid;gap:var(--pz-space-8)}.pz-radio-group.accordion .pz-radio-group-option[data-v-1a5a6243]:not(:first-child){padding-top:var(--pz-space-12);margin-top:var(--pz-space-12);border-top:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent)}.pz-radio-group-option[data-v-1a5a6243]{--pz-radio-border-color: var(--pz-color-black-90);--pz-radio-dot-color: var(--pz-color-button-success);--pz-radio-label-color: var(--pz-color-text-primary);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pz-space-12);align-items:start;color:var(--pz-radio-label-color);cursor:pointer}.pz-radio-group-input[data-v-1a5a6243]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-radio-group-control[data-v-1a5a6243]{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--pz-space-16);block-size:var(--pz-space-16);margin-top:2px;border:2px solid var(--pz-radio-border-color);border-radius:50%;background:var(--pz-color-background-primary);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pz-radio-group-dot[data-v-1a5a6243]{inline-size:var(--pz-space-8);block-size:var(--pz-space-8);border-radius:50%;background:var(--pz-radio-dot-color);transform:scale(0);transition:transform .16s ease}.pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-1a5a6243]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-radio-group-input:checked+.pz-radio-group-control[data-v-1a5a6243]{--pz-radio-border-color: var(--pz-color-button-success)}.pz-radio-group-input:checked+.pz-radio-group-control .pz-radio-group-dot[data-v-1a5a6243]{transform:scale(1)}.pz-radio-group-label[data-v-1a5a6243]{min-width:0;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-radio-group-content[data-v-1a5a6243]{grid-column:2/-1;display:grid;gap:var(--pz-space-8);color:var(--pz-color-text-secondary)}.pz-radio-group-option.disabled[data-v-1a5a6243]{--pz-radio-border-color: var(--pz-color-grey-40);--pz-radio-dot-color: var(--pz-color-button-disabled);--pz-radio-label-color: var(--pz-color-text-secondary);cursor:not-allowed}.pz-radio-group-option.disabled .pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-1a5a6243]{box-shadow:none}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import{d as w,e as n,F as k,s as S,f as b,o as i,p,l as g,u as _,t as C,A as v,m as R,r as f,w as O}from"./iframe-Ckq2fQkL.js";import{P as $}from"./PzLabel-jmQOAHGo.js";import{_ as L,P as B}from"./PzText-BOcxbzaG.js";import"./preload-helper-C1FmrZbK.js";const N=["aria-disabled"],q=["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)=>(i(),n("div",{class:b(["pz-radio-group",e.mode]),"aria-disabled":e.disabled,role:"radiogroup"},[(i(!0),n(k,null,S(e.options,(a,r)=>(i(),n("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?(i(),n("div",I,[g(o.$slots,"content",v({ref_for:!0},t(a,r)),void 0,!0)])):R("",!0)],10,q))),128))],10,N))}}),z=L(c,[["__scopeId","data-v-1a5a6243"]]);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
|
+
<PzLabel label="${e.heading}">
|
|
3
|
+
<PzRadioGroup
|
|
4
|
+
v-model="selectedValue"
|
|
5
|
+
${s}
|
|
6
|
+
:options="options"
|
|
7
|
+
/>
|
|
8
|
+
</PzLabel>
|
|
9
|
+
</template>
|
|
10
|
+
|
|
11
|
+
<script setup lang="ts">
|
|
12
|
+
import { ref } from "vue";
|
|
13
|
+
|
|
14
|
+
const options = [
|
|
15
|
+
{ label: "Text radiobutton", value: "one" },
|
|
16
|
+
{ label: "Text radiobutton", value: "two" },
|
|
17
|
+
{ label: "Text radiobutton", value: "three" },
|
|
18
|
+
];
|
|
19
|
+
|
|
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:B},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
|
+
<div class="pz-radio-group-story">
|
|
23
|
+
<section class="pz-radio-group-story-board">
|
|
24
|
+
<div class="pz-radio-group-story-header">
|
|
25
|
+
<div>
|
|
26
|
+
<span class="pz-radio-group-story-eyebrow">Component API</span>
|
|
27
|
+
<pz-text variant="h4-bold">Single-choice group with checkbox-aligned styling</pz-text>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
<div class="pz-radio-group-story-preview">
|
|
32
|
+
<div class="pz-radio-group-story-field">
|
|
33
|
+
<pz-label :label="args.heading">
|
|
34
|
+
<pz-radio-group
|
|
35
|
+
v-model="selectedValue"
|
|
36
|
+
:name="args.name"
|
|
37
|
+
:mode="args.mode"
|
|
38
|
+
:disabled="args.disabled"
|
|
39
|
+
:options="args.options"
|
|
40
|
+
:option-class="args.optionClass"
|
|
41
|
+
/>
|
|
42
|
+
</pz-label>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</section>
|
|
46
|
+
|
|
47
|
+
<section class="pz-radio-group-story-gallery">
|
|
48
|
+
<div class="pz-radio-group-story-header">
|
|
49
|
+
<div>
|
|
50
|
+
<span class="pz-radio-group-story-eyebrow">Patterns</span>
|
|
51
|
+
<pz-text variant="h4-bold">Spacing, long labels, and expandable content</pz-text>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
<div class="pz-radio-group-story-grid">
|
|
56
|
+
<article class="pz-radio-group-story-card">
|
|
57
|
+
<pz-radio-group
|
|
58
|
+
name="radioGroup-1"
|
|
59
|
+
model-value="one"
|
|
60
|
+
:options="[{ label: 'Text radiobutton', value: 'one' }]"
|
|
61
|
+
/>
|
|
62
|
+
<span class="pz-radio-group-story-note">Найпростіший випадок: одна опція для single-choice сценарію.</span>
|
|
63
|
+
</article>
|
|
64
|
+
|
|
65
|
+
<article class="pz-radio-group-story-card">
|
|
66
|
+
<pz-radio-group
|
|
67
|
+
name="radioGroup-2"
|
|
68
|
+
model-value="two"
|
|
69
|
+
:options="radioOptions.slice(0, 2)"
|
|
70
|
+
/>
|
|
71
|
+
<span class="pz-radio-group-story-note">Дві опції показують базовий вертикальний ритм групи та відступ 8px між елементами.</span>
|
|
72
|
+
</article>
|
|
73
|
+
|
|
74
|
+
<article class="pz-radio-group-story-card">
|
|
75
|
+
<pz-radio-group
|
|
76
|
+
name="radioGroup-3"
|
|
77
|
+
model-value="two"
|
|
78
|
+
:options="radioOptions.slice(0, 3)"
|
|
79
|
+
/>
|
|
80
|
+
<span class="pz-radio-group-story-note">Три опції відтворюють типовий список вибору для коротких переліків.</span>
|
|
81
|
+
</article>
|
|
82
|
+
|
|
83
|
+
<article class="pz-radio-group-story-card">
|
|
84
|
+
<pz-radio-group
|
|
85
|
+
name="radioGroup-4"
|
|
86
|
+
model-value="three"
|
|
87
|
+
:options="radioOptions"
|
|
88
|
+
/>
|
|
89
|
+
<span class="pz-radio-group-story-note">Чотири опції показують, як компонент масштабується до повнішої групи без зміни стилю.</span>
|
|
90
|
+
</article>
|
|
91
|
+
|
|
92
|
+
<article class="pz-radio-group-story-card">
|
|
93
|
+
<pz-radio-group
|
|
94
|
+
name="radioGroup-5"
|
|
95
|
+
model-value="two"
|
|
96
|
+
:options="longLabelOptions"
|
|
97
|
+
/>
|
|
98
|
+
<span class="pz-radio-group-story-note">Довгий label перевіряє перенесення тексту та стабільне вирівнювання radio-control.</span>
|
|
99
|
+
</article>
|
|
100
|
+
|
|
101
|
+
<article class="pz-radio-group-story-card">
|
|
102
|
+
<pz-radio-group
|
|
103
|
+
v-model="accordionValue"
|
|
104
|
+
name="radioGroup-6"
|
|
105
|
+
mode="accordion"
|
|
106
|
+
:options="[
|
|
107
|
+
{ label: 'Оплата після поставки', value: 'postpaid' },
|
|
108
|
+
{ label: 'Попередня оплата', value: 'prepaid' },
|
|
109
|
+
]"
|
|
110
|
+
>
|
|
111
|
+
<template #content="{ value }">
|
|
112
|
+
<span class="pz-radio-group-story-note">
|
|
113
|
+
{{ value === 'prepaid' ? 'Покажіть додаткові поля для передоплати.' : 'Покажіть умови післяплати.' }}
|
|
114
|
+
</span>
|
|
115
|
+
</template>
|
|
116
|
+
</pz-radio-group>
|
|
117
|
+
<span class="pz-radio-group-story-note">Accordion-режим відкриває додатковий контент тільки для обраної опції.</span>
|
|
118
|
+
</article>
|
|
119
|
+
</div>
|
|
120
|
+
</section>
|
|
121
|
+
</div>
|
|
122
|
+
`})},u={parameters:{docs:{description:{story:"Інтерактивний приклад групи radio buttons. Gallery нижче пояснює різну кількість опцій, довгі назви та accordion-режим для пов’язаного контенту."}}}};var h,P,x;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`{
|
|
123
|
+
parameters: {
|
|
124
|
+
docs: {
|
|
125
|
+
description: {
|
|
126
|
+
story: "Інтерактивний приклад групи radio buttons. Gallery нижче пояснює різну кількість опцій, довгі назви та accordion-режим для пов’язаного контенту."
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}`,...(x=(P=u.parameters)==null?void 0:P.docs)==null?void 0:x.source}}};const M=["Playground"];export{u as Playground,M as __namedExportsOrder,E as default};
|
package/dist/app/assets/{PzRouterLink.stories-BcMmoayC.js → PzRouterLink.stories-Dc_EnCBz.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as
|
|
1
|
+
import{d as g,x as v,i as k,j as n,y as s,R as z,o as y,q as x,z as P,l as u,A as w,g as R,B as _}from"./iframe-Ckq2fQkL.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-DTWQGv5c.js";import{P as A}from"./PzText-BOcxbzaG.js";import{P as T}from"./PzLink-CwtmibRx.js";import"./preload-helper-C1FmrZbK.js";const l=g({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}},setup(e){const t=e,o=v(),r=(a,p)=>{t.disabled||t.target!=="_self"||p(a)};return(a,p)=>(y(),k(s(z),{custom:"",to:t.to,replace:t.replace},{default:n(({href:m,navigate:h})=>[x(s(T),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,onClick:b=>r(b,h)}),P({default:n(()=>[u(a.$slots,"default")]),_:2},[a.$slots.prefix?{name:"prefix",fn:n(()=>[u(a.$slots,"prefix")]),key:"0"}:void 0,a.$slots.suffix?{name:"suffix",fn:n(()=>[u(a.$slots,"suffix")]),key:"1"}:void 0]),1040,["href","variant","target","rel","disabled","inline","bold","italic","line-through","onClick"])]),_:3},8,["to","replace"]))}});l.__docgenInfo=Object.assign({displayName:l.name??l.__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 $=e=>{const o=[`to="${typeof e.to=="string"?e.to:JSON.stringify(e.to)}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null,e.replace?':replace="true"':null].filter(a=>!!a).join(" "),r=[e.showPrefix?` <template #prefix>
|
|
2
2
|
<PzIcon name="arrow_back" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -7,7 +7,7 @@ import{d as b,u as g,h as k,w as n,s,R as z,o as y,m as x,v as P,j as u,x as w,g
|
|
|
7
7
|
${r.join(`
|
|
8
8
|
`)}
|
|
9
9
|
</PzRouterLink>
|
|
10
|
-
</template>`},B={title:"Components/Actions/PzRouterLink",component:l,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)
|
|
10
|
+
</template>`},B={title:"Components/Actions/PzRouterLink",component:l,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)=>$(t.args??B.args)}}},args:{to:"/tenders/active",variant:"primary",target:"_self",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,replace:!1,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."},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:l,pzIcon:V,pzText:A},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">
|
|
@@ -51,4 +51,4 @@ ${r.join(`
|
|
|
51
51
|
</div>
|
|
52
52
|
</section>
|
|
53
53
|
</div>
|
|
54
|
-
`})},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
|
|
54
|
+
`})},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 U=["Playground"];export{i as Playground,U as __namedExportsOrder,B as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as a,
|
|
1
|
+
import{r as a,w as p,T as y}from"./iframe-Ckq2fQkL.js";import{P as f}from"./PzText-BOcxbzaG.js";import"./preload-helper-C1FmrZbK.js";const g=["auto","instant","smooth"],b=2e3,z="pz-scroll-to-highlight",S="smooth",c=t=>typeof t=="number"?{offsetTop:t}:t??{},m=t=>{if(typeof window>"u"||typeof document>"u")return null;if(typeof t=="number")return t;const o=typeof t=="string"?document.querySelector(t):t instanceof HTMLElement?t:null;return o?window.scrollY+o.getBoundingClientRect().top:null},d=(t,o)=>{if(!t||typeof window>"u")return;const s=o.highlightClassName??z,e=o.highlightDuration??b;s&&(t.classList.add(s),window.setTimeout(()=>{t.classList.remove(s)},e))};class r{static moveById(o,s){if(typeof document>"u")return!1;const e=document.getElementById(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToTop(o){return r.moveTo(0,o)}static moveTo(o,s){if(typeof window>"u")return!1;const e=c(s);return window.scrollTo({top:Math.max(o-(e.offsetTop??0),0),left:0,behavior:e.behavior??S}),!0}static moveByQuerySelector(o,s){if(typeof document>"u")return!1;const e=document.querySelector(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToElement(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}static move(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}}const T=24,P="100vh",x=t=>{const o=[t.behavior!=="smooth"?`behavior: "${t.behavior}"`:null,t.offsetTop!==T?`offsetTop: ${t.offsetTop}`:null].filter(e=>!!e).join(", ");return`<script setup lang="ts">
|
|
2
2
|
import { PzScrollTo } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const scrollToTenderDocuments = (): void => {
|
|
@@ -8,12 +8,12 @@ const scrollToTenderDocuments = (): void => {
|
|
|
8
8
|
|
|
9
9
|
<template>
|
|
10
10
|
<button type="button" @click="scrollToTenderDocuments">Scroll to documents</button>
|
|
11
|
-
</template>`},
|
|
11
|
+
</template>`},w=[{id:"overview",label:"Overview",copy:"Short context for the procurement scenario and the current workflow state."},{id:"criteria",label:"Criteria",copy:"Eligibility and qualification requirements for suppliers and attached evidence."},{id:"documents",label:"Documents",copy:"Attached files, visual previews, and supporting procurement materials for review."}],E=[{name:"moveById",signature:"PzScrollTo.moveById(id, options?)",description:"Scrolls to an element found by id and optionally highlights it after scrolling.",params:"`id: string`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveById("documents", { offsetTop: 24, behavior: "smooth" });'},{name:"moveByQuerySelector",signature:"PzScrollTo.moveByQuerySelector(selector, options?)",description:"Scrolls to the first element matching a CSS selector and can highlight it.",params:"`selector: string`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveByQuerySelector("#documents .item", 32);'},{name:"moveTo",signature:"PzScrollTo.moveTo(targetTop, options?)",description:"Scrolls to an absolute Y position in the page.",params:"`targetTop: number`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.moveTo(640, { behavior: "auto" });'},{name:"moveToTop",signature:"PzScrollTo.moveToTop(options?)",description:"Scrolls the page back to the top.",params:"`options?: PzScrollToOptions`",example:'PzScrollTo.moveToTop({ behavior: "smooth" });'},{name:"moveToElement",signature:"PzScrollTo.moveToElement(element, options?)",description:"Scrolls directly to a passed HTMLElement instance.",params:"`element: HTMLElement`, `options?: number | PzScrollToOptions`",example:"PzScrollTo.moveToElement(sectionRef.value, { offsetTop: 16 });"},{name:"move",signature:"PzScrollTo.move(target, options?)",description:"Universal method that accepts a number, selector, or HTMLElement target.",params:"`target: number | string | HTMLElement`, `options?: number | PzScrollToOptions`",example:'PzScrollTo.move("#documents", { highlightClassName: "pz-scroll-to-highlight" });'}],B=[{name:"PzScrollBehavior",signature:'type PzScrollBehavior = "auto" | "instant" | "smooth"',description:"Defines the scroll behavior passed to `window.scrollTo`.",example:'const behavior: PzScrollBehavior = "smooth";'},{name:"PzScrollToTarget",signature:"type PzScrollToTarget = number | string | HTMLElement",description:"Universal target type accepted by `move(...)`: absolute Y position, CSS selector, or HTMLElement.",example:'PzScrollTo.move("#documents");'},{name:"PzScrollToOptions",signature:"interface PzScrollToOptions",description:"`offsetTop` shifts the final position, `behavior` controls animation, `highlightClassName` adds a CSS class to the target, and `highlightDuration` removes it after a timeout.",example:`const options: PzScrollToOptions = {
|
|
12
12
|
offsetTop: 24,
|
|
13
13
|
behavior: "smooth",
|
|
14
14
|
highlightClassName: "pz-scroll-to-highlight",
|
|
15
15
|
highlightDuration: 2000
|
|
16
|
-
};`}],
|
|
16
|
+
};`}],L={title:"Utilities/PzScrollTo",parameters:{prototype:{caption:"Scroll utility",note:"Direct utility for anchor-like programmatic scrolling. It keeps the old moveById/moveTo/moveByQuerySelector API, but adds typed options and a reusable highlight hook for target sections."},docs:{description:{component:"Use `PzScrollTo` from the library root for programmatic scrolling to document sections, anchored blocks, or absolute positions. Available methods: `moveById(id, options?)`, `moveByQuerySelector(selector, options?)`, `moveTo(targetTop, options?)`, `moveToTop(options?)`, `moveToElement(element, options?)`, and `move(target, options?)`. `options` supports `offsetTop`, `behavior`, `highlightClassName`, and `highlightDuration`."},source:{transform:(t,o)=>x(o.args??L.args)}}},args:{behavior:"smooth",offsetTop:T},argTypes:{behavior:{control:"inline-radio",options:g,description:"Scroll behavior passed to window.scrollTo."},offsetTop:{control:{type:"number",min:0,max:120,step:4},description:"Top offset subtracted from the target position."}},render:t=>({components:{pzText:f},setup(){const o=a(t.behavior),s=a(t.offsetTop);p(()=>t.behavior,l=>{o.value=l}),p(()=>t.offsetTop,l=>{s.value=l});const e=l=>{r.moveById(l,{behavior:o.value,offsetTop:s.value})},n=()=>{r.moveToTop({behavior:o.value})};return y(()=>{document.querySelectorAll(".pz-scroll-to-highlight").forEach(l=>{l.classList.remove("pz-scroll-to-highlight")})}),{methodDocs:E,sections:w,scrollToSection:e,scrollToTop:n,typeDocs:B}},template:`
|
|
17
17
|
<div class="pz-scroll-to-story">
|
|
18
18
|
<section class="pz-scroll-to-story-toolbar">
|
|
19
19
|
<div class="pz-scroll-to-story-copy">
|
|
@@ -78,4 +78,4 @@ const scrollToTenderDocuments = (): void => {
|
|
|
78
78
|
</article>
|
|
79
79
|
</section>
|
|
80
80
|
</div>
|
|
81
|
-
`})},i={};var u,h,v;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(v=(h=i.parameters)==null?void 0:h.docs)==null?void 0:v.source}}};const O=["Playground"];export{i as Playground,O as __namedExportsOrder,
|
|
81
|
+
`})},i={};var u,h,v;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(v=(h=i.parameters)==null?void 0:h.docs)==null?void 0:v.source}}};const O=["Playground"];export{i as Playground,O as __namedExportsOrder,L as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-search-result-layout-story{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:var(--pz-space-24);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 44%);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-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-search-result-layout-story-board{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker,.pz-search-result-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-chip{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-result-label{margin:var(--pz-space-16) 0 var(--pz-space-12);color:var(--pz-color-text-secondary);font-size:15px;line-height:1.6}.pz-search-result-layout-story-sort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);font:inherit;cursor:default}.pz-search-result-layout-story-sort span{color:var(--pz-color-text-link-hover);font-weight:700}.pz-search-result-layout-story-list{margin:0;padding:0}.pz-search-result-layout-story-main,.pz-search-result-layout-story-aside{display:grid;gap:var(--pz-space-8)}.pz-search-result-layout-story-title{color:var(--pz-color-text-link-hover);font-size:clamp(21px,1.7vw,24px);font-weight:400;line-height:1.35;text-decoration:none}.pz-search-result-layout-story-title:hover{text-decoration:underline}.pz-search-result-layout-story-status,.pz-search-result-layout-story-subtitle{margin:0;color:var(--pz-color-text-secondary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-organization,.pz-search-result-layout-story-identifier{margin:0;color:var(--pz-color-text-primary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-aside{gap:var(--pz-space-12)}.pz-search-result-layout-story-metric{display:grid;gap:4px}.pz-search-result-layout-story-metric-label{color:var(--pz-color-text-secondary);font-size:14px;line-height:1.4}.pz-search-result-layout-story-metric-value{color:var(--pz-color-text-primary);font-size:clamp(18px,1.8vw,22px);font-weight:400;line-height:1.25}.pz-search-result-layout-story-metric-value-success{color:#6aa356}@media (width <= 1024px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{flex-direction:column}}@media (width <= 640px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:20px;border-radius:22px}.pz-search-result-layout-story-title{font-size:20px}}.pz-search-result-item-layout[data-v-
|
|
1
|
+
.pz-search-result-layout-story{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:var(--pz-space-24);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 44%);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-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-search-result-layout-story-board{display:grid;gap:var(--pz-space-24)}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker,.pz-search-result-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-search-result-layout-story-eyebrow,.pz-search-result-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-chip{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-search-result-layout-story-result-label{margin:var(--pz-space-16) 0 var(--pz-space-12);color:var(--pz-color-text-secondary);font-size:15px;line-height:1.6}.pz-search-result-layout-story-sort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);font:inherit;cursor:default}.pz-search-result-layout-story-sort span{color:var(--pz-color-text-link-hover);font-weight:700}.pz-search-result-layout-story-list{margin:0;padding:0}.pz-search-result-layout-story-main,.pz-search-result-layout-story-aside{display:grid;gap:var(--pz-space-8)}.pz-search-result-layout-story-title{color:var(--pz-color-text-link-hover);font-size:clamp(21px,1.7vw,24px);font-weight:400;line-height:1.35;text-decoration:none}.pz-search-result-layout-story-title:hover{text-decoration:underline}.pz-search-result-layout-story-status,.pz-search-result-layout-story-subtitle{margin:0;color:var(--pz-color-text-secondary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-organization,.pz-search-result-layout-story-identifier{margin:0;color:var(--pz-color-text-primary);font-size:14px;line-height:1.55}.pz-search-result-layout-story-aside{gap:var(--pz-space-12)}.pz-search-result-layout-story-metric{display:grid;gap:4px}.pz-search-result-layout-story-metric-label{color:var(--pz-color-text-secondary);font-size:14px;line-height:1.4}.pz-search-result-layout-story-metric-value{color:var(--pz-color-text-primary);font-size:clamp(18px,1.8vw,22px);font-weight:400;line-height:1.25}.pz-search-result-layout-story-metric-value-success{color:#6aa356}@media (width <= 1024px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group-header{flex-direction:column}}@media (width <= 640px){.pz-search-result-layout-story-hero,.pz-search-result-layout-story-group{padding:20px;border-radius:22px}.pz-search-result-layout-story-title{font-size:20px}}.pz-search-result-item-layout[data-v-6b699261]{margin:0;padding:0;list-style:none}.pz-search-result-item-layout+.pz-search-result-item-layout[data-v-6b699261]{margin-top:var(--pz-space-12)}.pz-search-result-item-layout-surface[data-v-6b699261]{position:relative;padding:var(--pz-space-16);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 100%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 7%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 3%,transparent),transparent 40%);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 4%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}@media (min-width: 1024px){.pz-search-result-item-layout-surface[data-v-6b699261]{padding-inline:var(--pz-space-24)}}.pz-search-result-item-layout-grid[data-v-6b699261]{display:grid;gap:var(--pz-space-16);align-items:start}@media (min-width: 1024px){.pz-search-result-item-layout-grid[data-v-6b699261]{grid-template-columns:minmax(0,1fr) minmax(240px,292px);gap:40px}}.pz-search-result-item-layout-main[data-v-6b699261],.pz-search-result-item-layout-aside[data-v-6b699261]{min-width:0}.pz-search-result-item-layout-aside[data-v-6b699261]{display:grid;align-content:start;gap:var(--pz-space-12)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as p,P as d}from"./PzText-
|
|
1
|
+
import{_ as p,P as d}from"./PzText-BOcxbzaG.js";import{d as m,i as y,j as h,k as z,o as v,p as a,l}from"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const g={class:"pz-search-result-item-layout-surface"},b={class:"pz-search-result-item-layout-grid"},f={class:"pz-search-result-item-layout-main"},L={class:"pz-search-result-item-layout-aside"},o=m({name:"PzSearchResultItemLayout",__name:"PzSearchResultItemLayout",props:{as:{default:"li"}},setup(e){const t=e;return(s,R)=>(v(),y(z(t.as),{class:"pz-search-result-item-layout"},{default:h(()=>[a("div",g,[a("div",b,[a("div",f,[l(s.$slots,"first-col",{},void 0,!0)]),a("div",L,[l(s.$slots,"second-col",{},void 0,!0)])])])]),_:3}))}}),c=p(o,[["__scopeId","data-v-6b699261"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSearchResultItemLayout",exportName:"default",displayName:"PzSearchResultItemLayout",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzSearchResultItemLayoutTag"},defaultValue:{func:!1,value:'"li"'}}],slots:[{name:"first-col"},{name:"second-col"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzSearchResultItemLayout/PzSearchResultItemLayout.vue"]});const _=["li","article","div"],I=[{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"}]}]}],S=e=>`<template>
|
|
2
2
|
<PzSearchResultItemLayout ${[e.as&&e.as!=="li"?`as="${e.as}"`:null].filter(s=>!!s).join(" ")}>
|
|
3
3
|
<template #first-col>
|
|
4
4
|
<a href="#">Result title</a>
|
|
@@ -14,7 +14,7 @@ import{_ as p,P as d}from"./PzText-Qtpayc5y.js";import{d as m,h as y,w as h,i as
|
|
|
14
14
|
</div>
|
|
15
15
|
</template>
|
|
16
16
|
</PzSearchResultItemLayout>
|
|
17
|
-
</template>`,P={title:"Components/Layouts/PzSearchResultItemLayout",component:c,parameters:{prototype:{caption:"Search result item layout",note:"Search-list card shell for procurement, selection, and planning results. The component owns spacing, card surface, and responsive column rhythm while consumers compose the inner content through slots."},docs:{description:{component:"Use `PzSearchResultItemLayout` as a structural primitive for search results with a wide content area and a compact metrics column. Fill the content through the `first-col` and `second-col` slots."},source:{transform:(e,t)=>S(t.args??P.args)}}},args:{as:"li"},argTypes:{as:{control:"select",options:
|
|
17
|
+
</template>`,P={title:"Components/Layouts/PzSearchResultItemLayout",component:c,parameters:{prototype:{caption:"Search result item layout",note:"Search-list card shell for procurement, selection, and planning results. The component owns spacing, card surface, and responsive column rhythm while consumers compose the inner content through slots."},docs:{description:{component:"Use `PzSearchResultItemLayout` as a structural primitive for search results with a wide content area and a compact metrics column. Fill the content through the `first-col` and `second-col` slots."},source:{transform:(e,t)=>S(t.args??P.args)}}},args:{as:"li"},argTypes:{as:{control:"select",options:_,description:"HTML tag used for the outer wrapper."}},render:e=>({components:{pzSearchResultItemLayout:c,pzText:d},setup(){return{args:e,searchResultGroups:I}},template:`
|
|
18
18
|
<section class="pz-search-result-layout-story">
|
|
19
19
|
<div class="pz-search-result-layout-story-hero">
|
|
20
20
|
<div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as s,e as l,n as o,f as r,g as i,o as u}from"./iframe-
|
|
1
|
+
import{d as s,e as l,n as o,f as r,g as i,o as u}from"./iframe-Ckq2fQkL.js";import{_ as d}from"./PzText-BOcxbzaG.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,m)=>(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 +1 @@
|
|
|
1
|
-
.pz-skeleton[data-v-
|
|
1
|
+
.pz-skeleton[data-v-f3a7d77e]{max-width:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--pz-color-grey-30) 82%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-white) 92%,var(--pz-color-grey-20)),color-mix(in srgb,var(--pz-color-grey-30) 82%,var(--pz-color-white)));background-size:200% 100%;animation:pz-skeleton-shimmer-f3a7d77e 1.6s linear infinite}.pz-skeleton--static[data-v-f3a7d77e]{animation:none}@keyframes pz-skeleton-shimmer-f3a7d77e{0%{background-position:200% 0}to{background-position:-200% 0}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as n}from"./PzText-
|
|
1
|
+
import{P as n}from"./PzText-BOcxbzaG.js";import{P as t}from"./PzSkeleton-BMyhdGXq.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const c={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:n},setup(){return{args:a}},template:`
|
|
2
2
|
<div class="pz-skeleton-story">
|
|
3
3
|
<section class="pz-skeleton-story-board">
|
|
4
4
|
<div class="pz-skeleton-story-header">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-status[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-progress);display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;max-width:100%;padding:2px 8px;border-radius:3px;background:var(--pz-status-background);color:var(--pz-color-white);box-sizing:border-box;vertical-align:middle;width:fit-content;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status--inactive[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-inactive)}.pz-status--hidden[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-hidden)}.pz-status--active[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-active)}.pz-status--monitoring[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-monitoring)}.pz-status--disabled[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-disabled)}.pz-status--progress[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-progress)}.pz-status--auction-progress[data-v-63f04bd2]{--pz-status-background: var(--pz-gradient-status-auction-progress)}.pz-status--auction-waiting[data-v-63f04bd2]{--pz-status-background: var(--pz-gradient-status-auction-waiting)}.pz-status--auction-success[data-v-63f04bd2]{--pz-status-background: var(--pz-gradient-status-auction-success)}.pz-status--gradient[data-v-63f04bd2]{--pz-status-color: var(--pz-color-white)}.pz-status__label[data-v-63f04bd2]{min-width:0;white-space:normal;overflow-wrap:anywhere}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as o,
|
|
1
|
+
import{d as o,i as r,j as u,f as l,k as c,g as i,o as p,p as d,l as m}from"./iframe-Ckq2fQkL.js";import{_ as f}from"./PzText-BOcxbzaG.js";const _=["auction-progress","auction-waiting","auction-success"],z={class:"pz-status__label"},a=o({name:"PzStatus",__name:"PzStatus",props:{variant:{default:"progress"},as:{default:"span"}},setup(t){const s=t,e=i(()=>[`pz-status--${s.variant}`,{"pz-status--gradient":_.includes(s.variant)}]);return(n,v)=>(p(),r(c(s.as),{class:l(["pz-status",e.value])},{default:u(()=>[d("span",z,[m(n.$slots,"default",{},void 0,!0)])]),_:3},8,["class"]))}}),g=f(a,[["__scopeId","data-v-63f04bd2"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__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"'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzStatus/PzStatus.vue"]});export{g as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as l}from"./PzText-
|
|
1
|
+
import{P as l}from"./PzText-BOcxbzaG.js";import{P as s}from"./PzStatus-rctea0Gb.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const c=["inactive","hidden","active","monitoring","disabled","progress","auction-progress","auction-waiting","auction-success"],d=["span","div","li"],p=[{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:"Порушення усунуто"}],v=[{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:"Текст"}],u=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>`,m={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)=>u(i.args??m.args)}}},args:{variant:"progress",as:"span",label:"Очікує розгляду"},argTypes:{variant:{control:"select",options:c,description:"Semantic status variant."},as:{control:"select",options:d,description:"HTML tag used for the wrapper."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}}},render:t=>({components:{pzStatus:s,pzText:l},setup(){return{args:t,statusReferenceItems:p,statusPaletteItems:v}},template:`
|
|
4
4
|
<div class="pz-status-story">
|