@prozorro/prozorro-ui 0.0.8 → 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-NkJWwZpV.js +1 -0
- package/dist/app/assets/{Colors.stories-B6EPF0nC.js → Colors.stories-BYTBLsDR.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-6m2x0Slf.js → DocsRenderer-LL677BLK-DT0XE5RB.js} +24 -24
- package/dist/app/assets/{Grid.stories-DCpTvq1h.js → Grid.stories-B3nKsUwh.js} +1 -1
- package/dist/app/assets/PzAccordion-CTihyZc5.js +1 -0
- package/dist/app/assets/PzAccordion-ChXTPL78.css +1 -0
- package/dist/app/assets/PzAccordion-DoVx3poA.css +1 -0
- package/dist/app/assets/PzAccordion.stories-cOAYUrCJ.js +322 -0
- package/dist/app/assets/PzAccordionTable-C4g8Fidf.css +1 -0
- 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-DYjTyM_w.js → PzArrayClamp.stories-Btd9xMHi.js} +5 -5
- package/dist/app/assets/{PzBreadcrumb-Dcs3weae.css → PzBreadcrumb-BrcWtMgd.css} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-b4V3GARM.js → PzBreadcrumb.stories-D54RjRCg.js} +5 -5
- package/dist/app/assets/{PzBtn-Brjbpw1b.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-Bu5qPhtp.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-DqW3Mfem.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-CPjzWBvH.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-C1Y3nz5O.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-B6l3Ocr8.js → PzHint.stories-C2oiTVIN.js} +1 -1
- package/dist/app/assets/{PzIcon-Don8TXO3.js → PzIcon-DTWQGv5c.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-DE4e2be_.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-DoGwhzIO.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-DbFWjWZn.css +1 -0
- package/dist/app/assets/PzInfoBlockLayout.stories-BBkiY-o7.js +248 -0
- package/dist/app/assets/PzInfoHint-C-UyP8PR.js +1 -0
- package/dist/app/assets/PzInfoHint-CWG8xkDj.css +1 -0
- package/dist/app/assets/{PzInfoHint-CtK7BZOs.css → PzInfoHint-Da02XLY2.css} +1 -1
- package/dist/app/assets/PzInfoHint.stories-6f6FePkY.js +38 -0
- 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-CwtmibRx.js +1 -0
- package/dist/app/assets/{PzLink.stories-D1DLILnY.js → PzLink.stories-BnY0IvI7.js} +3 -3
- package/dist/app/assets/{PzModal-X71wpoOT.css → PzModal-Ck4FnyKm.css} +1 -1
- package/dist/app/assets/{PzModal.stories-GJIUTcxR.js → PzModal.stories-Bq5YuGJo.js} +3 -3
- package/dist/app/assets/{PzNav-DRAXqlz0.css → PzNav-BCqeyJHD.css} +1 -1
- package/dist/app/assets/{PzNav.stories-vqArvp6y.js → PzNav.stories-5KiqcPrd.js} +7 -7
- 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-D-kZtPzf.js → PzPagination.stories-D_qRevIg.js} +1 -1
- 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-CRcNmODE.js → PzRouterLink.stories-Dc_EnCBz.js} +3 -3
- package/dist/app/assets/{PzScrollTo.stories-C0m8oG4O.js → PzScrollTo.stories-4BSDyJ2p.js} +4 -4
- package/dist/app/assets/PzSearchResultItemLayout-B3s9Usmb.css +1 -0
- package/dist/app/assets/PzSearchResultItemLayout.stories-QRI-A0Zi.js +112 -0
- package/dist/app/assets/PzSkeleton-0INQyyC6.css +1 -0
- package/dist/app/assets/PzSkeleton-BMyhdGXq.js +1 -0
- package/dist/app/assets/PzSkeleton-i88RYFSk.css +1 -0
- package/dist/app/assets/PzSkeleton.stories-Djp-bBqZ.js +39 -0
- package/dist/app/assets/PzStatus-B5X_PK3m.css +1 -0
- package/dist/app/assets/{PzStatus-DlvKjmG7.css → PzStatus-B_H5z0YP.css} +1 -1
- package/dist/app/assets/PzStatus-rctea0Gb.js +1 -0
- package/dist/app/assets/{PzStatus.stories-u5QAVco_.js → PzStatus.stories-BZ2XwRJs.js} +4 -4
- package/dist/app/assets/PzTable-BNMYmoRd.css +1 -0
- package/dist/app/assets/PzTable-CzfehTN7.js +1 -0
- package/dist/app/assets/PzTable-DFFqGC19.css +1 -0
- package/dist/app/assets/PzTable.stories-C76ZN_A5.js +353 -0
- package/dist/app/assets/{PzTabs-Cko9ewqz.css → PzTabs-Dqx9m4Y3.css} +1 -1
- package/dist/app/assets/{PzTabs.stories-CEoVVF4Z.js → PzTabs.stories-DHf6EZU7.js} +11 -11
- package/dist/app/assets/PzTag-CKddmHDs.css +1 -0
- package/dist/app/assets/{PzTag-rwtmuhv6.css → PzTag-C_iRJRZc.css} +1 -1
- package/dist/app/assets/PzTag-DudHfisQ.js +1 -0
- package/dist/app/assets/{PzTag.stories-B2WKURWu.js → PzTag.stories-BIrmr98f.js} +6 -6
- package/dist/app/assets/{PzText-LfRr6NF7.js → PzText-BOcxbzaG.js} +1 -1
- package/dist/app/assets/PzText-mQOOz4_d.css +1 -0
- package/dist/app/assets/{PzText.stories-CJhqWJtS.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-B-2pPs9u.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-DqA_mla7.js → PzValidatorXSS.stories-zCaJ6Q__.js} +1 -1
- package/dist/app/assets/{Spacing.stories-55zVSJ08.js → Spacing.stories-Dzeg7Tfn.js} +1 -1
- package/dist/app/assets/{Typography.stories-DEgPTqUk.js → Typography.stories-GZEYS8Ny.js} +1 -1
- package/dist/app/assets/WithTooltip-65CFNBJE-C0efi5Yj.js +9 -0
- package/dist/app/assets/_commonjsHelpers-Cpj98o6Y.js +1 -0
- package/dist/app/assets/configs-CZIaFchr.js +1 -0
- package/dist/app/assets/configs-DshpCAYO.js +1 -0
- package/dist/app/assets/{floating-vue-ydzBnlRK.js → floating-vue-D0dcONsr.js} +1 -1
- package/dist/app/assets/formatter-EIJCOSYU-Noau93iy.js +1 -0
- package/dist/app/assets/{iframe-XnrfGA2g.js → iframe-Ckq2fQkL.js} +180 -180
- package/dist/app/assets/isArray-DPUC7i9_.js +1 -0
- package/dist/app/assets/lodash-CdDiHlzQ.js +27 -0
- package/dist/app/assets/syntaxhighlighter-OH4MV7E3-ByOORGJm.js +6 -0
- 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/Data/PzAccordionTable/PzAccordionTable.vue.d.ts +43 -0
- package/dist/components/Data/PzAccordionTable/constants.d.ts +4 -0
- package/dist/components/Data/PzAccordionTable/index.d.ts +2 -0
- package/dist/components/Data/PzAccordionTable/types.d.ts +28 -0
- package/dist/components/Data/PzTable/PzTable.vue.d.ts +24 -0
- package/dist/components/Data/PzTable/PzTableData.vue.d.ts +25 -0
- package/dist/components/Data/PzTable/PzTableHead.vue.d.ts +3 -0
- package/dist/components/Data/PzTable/constants.d.ts +1 -0
- package/dist/components/Data/PzTable/index.d.ts +4 -0
- package/dist/components/Data/PzTable/types.d.ts +35 -0
- 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/PzSkeleton/PzSkeleton.vue.d.ts +8 -0
- package/dist/components/Display/PzSkeleton/index.d.ts +2 -0
- package/dist/components/Display/PzSkeleton/types.d.ts +6 -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/Layouts/PzAccordion/PzAccordion.vue.d.ts +33 -0
- package/dist/components/Layouts/PzAccordion/PzAccordionContent.vue.d.ts +21 -0
- package/dist/components/Layouts/PzAccordion/configs.d.ts +4 -0
- package/dist/components/Layouts/PzAccordion/index.d.ts +3 -0
- package/dist/components/Layouts/PzAccordion/types.d.ts +21 -0
- package/dist/components/{PzGrid → Layouts/PzGrid}/configs.d.ts +1 -1
- package/dist/components/Layouts/PzInfoBlockLayout/PzInfoBlockLayout.vue.d.ts +24 -0
- package/dist/components/Layouts/PzInfoBlockLayout/index.d.ts +2 -0
- package/dist/components/Layouts/PzInfoBlockLayout/types.d.ts +6 -0
- package/dist/components/Layouts/PzSearchResultItemLayout/PzSearchResultItemLayout.vue.d.ts +21 -0
- package/dist/components/Layouts/PzSearchResultItemLayout/index.d.ts +2 -0
- package/dist/components/Layouts/PzSearchResultItemLayout/types.d.ts +4 -0
- package/dist/index.d.ts +38 -19
- package/dist/package.json +8 -2
- package/dist/prozorro-ui.cjs +27 -1
- package/dist/prozorro-ui.js +7898 -2108
- 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 +8 -2
- package/dist/app/assets/Color-FRDS63T2-C5bQ2Iuy.js +0 -1
- package/dist/app/assets/PzHint-BwKGDkUu.js +0 -1
- package/dist/app/assets/PzHint-kEBemRXE.css +0 -1
- package/dist/app/assets/PzInfoHint.stories-CWDV-k9d.js +0 -38
- package/dist/app/assets/PzLink-BkfNrG4H.js +0 -1
- package/dist/app/assets/PzText-DsC8c6AJ.css +0 -1
- package/dist/app/assets/WithTooltip-65CFNBJE-D3ytr0gE.js +0 -9
- package/dist/app/assets/formatter-EIJCOSYU-Ca5EM9Pa.js +0 -1
- package/dist/app/assets/syntaxhighlighter-OH4MV7E3-meijqKce.js +0 -6
- 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 +2 -2
- 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 +3 -3
- 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/{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 +1 -1
- 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/{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/{PzGrid → Layouts/PzGrid}/PzGrid.vue.d.ts +2 -2
- package/dist/components/{PzGrid → Layouts/PzGrid}/PzGridItem.vue.d.ts +1 -1
- 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/{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 +2 -2
- 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 +1 -1
- /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 +0 -0
- /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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as
|
|
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>
|
|
@@ -99,13 +99,13 @@ import{d as H,H as Z,L as A,M as J,j as C,e as n,y as v,N as G,f as k,r as f,h a
|
|
|
99
99
|
size: "compact",
|
|
100
100
|
buttonLabel: "Open compact modal"
|
|
101
101
|
}
|
|
102
|
-
}`,...(T=(D=c.parameters)==null?void 0:D.docs)==null?void 0:T.source}}};var $,N
|
|
102
|
+
}`,...(T=(D=c.parameters)==null?void 0:D.docs)==null?void 0:T.source}}};var $,q,N;p.parameters={...p.parameters,docs:{...($=p.parameters)==null?void 0:$.docs,source:{originalSource:`{
|
|
103
103
|
args: {
|
|
104
104
|
title: "Перегляд документів закупівлі",
|
|
105
105
|
size: "wide",
|
|
106
106
|
buttonLabel: "Open wide modal"
|
|
107
107
|
}
|
|
108
|
-
}`,...(
|
|
108
|
+
}`,...(N=(q=p.parameters)==null?void 0:q.docs)==null?void 0:N.source}}};var j,I,V;u.parameters={...u.parameters,docs:{...(j=u.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
109
109
|
parameters: {
|
|
110
110
|
docs: {
|
|
111
111
|
source: {
|
|
@@ -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,I as $,o,f as m,j,w as A,r as y,J as x,t as b,k as B,R as
|
|
|
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,I as $,o,f as m,j,w as A,r as y,J as x,t as b,k as B,R as
|
|
|
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,I as $,o,f as m,j,w as A,r as y,J as x,t as b,k as B,R as
|
|
|
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">
|
|
@@ -96,7 +96,7 @@ import{d as R,e as r,F,I as $,o,f as m,j,w as A,r as y,J as x,t as b,k as B,R as
|
|
|
96
96
|
</div>
|
|
97
97
|
</section>
|
|
98
98
|
</div>
|
|
99
|
-
`})};var w,k
|
|
99
|
+
`})};var w,P,k;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(k=(P=i.parameters)==null?void 0:P.docs)==null?void 0:k.source}}};var _,S,D;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
100
100
|
args: {
|
|
101
101
|
config: archiveNavItems
|
|
102
102
|
},
|
|
@@ -132,7 +132,7 @@ import{d as R,e as r,F,I as $,o,f as m,j,w as A,r as y,J as x,t as b,k as B,R as
|
|
|
132
132
|
</div>
|
|
133
133
|
\`
|
|
134
134
|
})
|
|
135
|
-
}`,...(
|
|
135
|
+
}`,...(D=(S=c.parameters)==null?void 0:S.docs)==null?void 0:D.source}}};var I,T,C;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`{
|
|
136
136
|
parameters: {
|
|
137
137
|
docs: {
|
|
138
138
|
source: {
|
|
@@ -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};
|
|
@@ -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-D-kZtPzf.js → PzPagination.stories-D_qRevIg.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as M,e as r,
|
|
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});
|
|
@@ -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-CRcNmODE.js → PzRouterLink.stories-Dc_EnCBz.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as g,
|
|
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 g,u as v,j as k,w as n,k as s,R as z,o as y,l as x,m as P,r as u,p a
|
|
|
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{
|
|
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};
|
|
@@ -0,0 +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-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)}
|