@prozorro/prozorro-ui 0.0.18 → 0.0.20-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-BzWYtFMz.js → Color-FRDS63T2-BCwbAC62.js} +1 -1
- package/dist/app/assets/{Colors.stories-nhKxNhBA.js → Colors.stories-CtzTTuaw.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-B34qcR97.js → DocsRenderer-LL677BLK-DKKPj_O9.js} +5 -5
- package/dist/app/assets/{Grid.stories-v2euRVgx.js → Grid.stories-jNLiuP5v.js} +1 -1
- package/dist/app/assets/PzAccordion-BE5pfsji.js +1 -0
- package/dist/app/assets/PzAccordion-CJcM-9ym.css +1 -0
- package/dist/app/assets/{PzAccordion-ChXTPL78.css → PzAccordion-DKtMpe35.css} +1 -1
- package/dist/app/assets/{PzAccordion.stories-DJ_HT9fk.js → PzAccordion.stories-CmwUyxgn.js} +8 -7
- package/dist/app/assets/PzAccordionTable-C5s89sJN.css +1 -0
- package/dist/app/assets/PzAccordionTable.stories-CuWPb-K3.js +275 -0
- package/dist/app/assets/{PzArrayClamp-CsVVAZeZ.css → PzArrayClamp-BLTRNBbk.css} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-DfNrdeZo.js → PzArrayClamp.stories-CFGb8iDZ.js} +7 -6
- package/dist/app/assets/{PzBreadcrumb-DkQH4zmx.css → PzBreadcrumb-HHnQHkds.css} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-DaOHQHgW.js → PzBreadcrumb.stories-CbMCWY_D.js} +6 -6
- package/dist/app/assets/PzBtn-916mU0oY.css +1 -0
- package/dist/app/assets/PzBtn-B6FfMKnt.js +1 -0
- package/dist/app/assets/{PzBtn.stories-CYGLKqc3.js → PzBtn.stories-CB3V5RIg.js} +5 -4
- package/dist/app/assets/PzCheckbox-D2lG-G61.css +1 -0
- package/dist/app/assets/{PzCheckbox-rwLDdHDy.js → PzCheckbox-DOo3G1X1.js} +1 -1
- package/dist/app/assets/{PzCheckbox-AjI7DN-X.css → PzCheckbox-DorABAyu.css} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-DeT3ACPx.js → PzCheckbox.stories-DidDblqz.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup-BbrrL6mA.css → PzCheckboxGroup-D7y05FyD.css} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-B7EJ8z_H.js → PzCheckboxGroup.stories-x2GASZVJ.js} +3 -3
- package/dist/app/assets/PzCopyToClipboard-DOtO0RBq.css +1 -0
- package/dist/app/assets/PzCopyToClipboard.stories-194irny1.js +45 -0
- package/dist/app/assets/PzDate-Aqy8E-pf.css +1 -0
- package/dist/app/assets/PzDate-nABPu9YL.js +1 -0
- package/dist/app/assets/{PzDate.stories-B00KT0Z3.js → PzDate.stories-COyd-5io.js} +6 -5
- package/dist/app/assets/PzDateRange-BiJOokbK.css +1 -0
- package/dist/app/assets/PzDateRange.stories-DfskPbOd.js +9 -0
- package/dist/app/assets/{PzDomHandler.stories-ZmoUgZpO.js → PzDomHandler.stories-DsM3ECo5.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-ADCvYGy6.js → PzDropdown.stories-CZuAeRbp.js} +1 -1
- package/dist/app/assets/PzFileInput-BOG2rn9_.css +1 -0
- package/dist/app/assets/{PzFileInput.stories-C8jaYuqu.js → PzFileInput.stories-BL0Tc3gt.js} +3 -3
- package/dist/app/assets/{PzGrid.stories-COAFHJ1W.js → PzGrid.stories-BOBFdUIq.js} +3 -3
- package/dist/app/assets/{PzHint-C_J-NgV5.js → PzHint-4Fot3oSD.js} +1 -1
- package/dist/app/assets/{PzHint.stories-DE3Jaybz.js → PzHint.stories-CglItPHb.js} +1 -1
- package/dist/app/assets/{PzIcon-DtHaOlhQ.js → PzIcon-poIOHVO1.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-C_oYU4SD.js → PzIcon.stories-D3H69ZNb.js} +1 -1
- package/dist/app/assets/{PzImage.stories-DzlwKuwT.js → PzImage.stories-Dr5q7WPt.js} +1 -1
- package/dist/app/assets/PzImageInput-Dpxr8tsf.css +1 -0
- package/dist/app/assets/{PzImageInput.stories-OocNgTF2.js → PzImageInput.stories-C_IwemtR.js} +4 -4
- package/dist/app/assets/{PzInfoBlockLayout.stories-BY3P0fbt.js → PzInfoBlockLayout.stories-CAul1FJQ.js} +2 -2
- package/dist/app/assets/{PzInfoHint-2M1N5-8H.js → PzInfoHint-m4sypHCu.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-8vdsE657.js → PzInfoHint.stories-Bp-VVeGv.js} +1 -1
- package/dist/app/assets/PzInput-BCMo6PmT.css +1 -0
- package/dist/app/assets/{PzInput.stories-C3jn5y4z.js → PzInput.stories-CSv2zeeK.js} +5 -5
- package/dist/app/assets/PzInputDate-DajGwKjI.css +1 -0
- package/dist/app/assets/{PzInputDate.stories-DZmyNFFO.js → PzInputDate.stories-C5N12fHj.js} +3 -3
- package/dist/app/assets/PzInputNumber-D-YWl_V4.css +1 -0
- package/dist/app/assets/{PzInputNumber.stories-CK8e-Ve8.js → PzInputNumber.stories-BWMl9xMs.js} +3 -3
- package/dist/app/assets/PzKeyValue-77OwsVir.css +1 -0
- package/dist/app/assets/{PzKeyValue.stories-DC6ls3DF.js → PzKeyValue.stories-DBdiUEg8.js} +4 -4
- package/dist/app/assets/{PzLabel-De4xOP9y.js → PzLabel-BAPh5yk-.js} +1 -1
- package/dist/app/assets/{PzLabel-CNUgfkly.css → PzLabel-Cm_pZbcB.css} +1 -1
- package/dist/app/assets/PzLabel-ShA-3tPi.css +1 -0
- package/dist/app/assets/{PzLabel.stories-xnARVoWF.js → PzLabel.stories-Ha9WPtao.js} +1 -1
- package/dist/app/assets/PzLink-BO5pzUA8.css +1 -0
- package/dist/app/assets/PzLink-Q1NpV_QJ.js +1 -0
- package/dist/app/assets/{PzLink.stories-C3F89V5M.js → PzLink.stories-hIyGbNoM.js} +4 -3
- package/dist/app/assets/{PzListNav.stories-CDlZUHY5.js → PzListNav.stories-D7q3d-8H.js} +3 -3
- package/dist/app/assets/PzLoader.stories-BI9WG9-O.js +9 -0
- package/dist/app/assets/PzModal-Da1AKItx.css +1 -0
- package/dist/app/assets/{PzModal.stories-Mx8xHWMO.js → PzModal.stories-BG9V1Q5u.js} +4 -4
- package/dist/app/assets/PzMultiSelect-kijICuQ3.css +1 -0
- package/dist/app/assets/{PzMultiSelect.stories-BFoMHVkN.js → PzMultiSelect.stories-C19obsVM.js} +7 -7
- package/dist/app/assets/{PzNav-rSxiOk6V.css → PzNav-De1tcVxU.css} +1 -1
- package/dist/app/assets/{PzNav.stories-BfBh_I0D.js → PzNav.stories-C5O8_B-7.js} +9 -9
- package/dist/app/assets/{PzNumberFormat.stories-B_eYrwc4.js → PzNumberFormat.stories-CbaBSOl1.js} +1 -1
- package/dist/app/assets/{PzPagination-ohvV8gN-.css → PzPagination-BF-U8BNg.css} +1 -1
- package/dist/app/assets/PzPagination-DsLCoCA7.css +1 -0
- package/dist/app/assets/{PzPagination-Bw11L7YO.js → PzPagination-isThZsEU.js} +1 -1
- package/dist/app/assets/{PzPagination.stories-CZV0Q_-k.js → PzPagination.stories-BvCbYxR9.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-0KN52A9w.js → PzPriceFormat.stories-Btgv2UfV.js} +1 -1
- package/dist/app/assets/PzRadioGroup-DfOusdQ3.css +1 -0
- package/dist/app/assets/{PzRadioGroup.stories-A26PEqyR.js → PzRadioGroup.stories-BDptT0Zt.js} +2 -2
- package/dist/app/assets/PzRouterLink.stories-D10ABe6z.js +55 -0
- package/dist/app/assets/{PzScrollTo-GAEPiQFO.css → PzScrollTo-DC2p3qx8.css} +1 -1
- package/dist/app/assets/{PzScrollTo.stories-DzubaggF.js → PzScrollTo.stories-BJlLBIwI.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout-B3s9Usmb.css → PzSearchResultItemLayout-DPNsOBqN.css} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-CPFjtSNv.js → PzSearchResultItemLayout.stories-BEoAgmcx.js} +1 -1
- package/dist/app/assets/{PzSelect-Cn9BkSfg.js → PzSelect-Dvm9WLeL.js} +1 -1
- package/dist/app/assets/PzSelect-kuxLgX5-.css +1 -0
- package/dist/app/assets/{PzSelect-BwhRsTZd.css → PzSelect-qGupIZIz.css} +1 -1
- package/dist/app/assets/{PzSelect.stories-CgwCMZd-.js → PzSelect.stories-CFfqe1eq.js} +1 -1
- package/dist/app/assets/{PzSkeleton-BwC2svLL.js → PzSkeleton-Bf3tDBUe.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-DsurBEj4.js → PzSkeleton.stories-C1EGR_pz.js} +1 -1
- package/dist/app/assets/{PzStatus-B_H5z0YP.css → PzStatus--2NXUTlv.css} +1 -1
- package/dist/app/assets/PzStatus-CrMtYbRR.css +1 -0
- package/dist/app/assets/PzStatus-QcYI0uS9.js +1 -0
- package/dist/app/assets/{PzStatus.stories-Df25pJr9.js → PzStatus.stories-DMUAfPRV.js} +4 -3
- package/dist/app/assets/{PzTable-BNMYmoRd.css → PzTable-BOVqN6WA.css} +1 -1
- package/dist/app/assets/PzTable-CMrM0T_5.css +1 -0
- package/dist/app/assets/PzTable-CmJiR0G9.js +1 -0
- package/dist/app/assets/{PzTable.stories-BLvcQ6Rw.js → PzTable.stories-CaJjJF9B.js} +1 -1
- package/dist/app/assets/{PzTabs.stories-b4hlFEwl.js → PzTabs.stories-DoOhgnnG.js} +4 -4
- package/dist/app/assets/PzTag-BU4Nffdd.css +1 -0
- package/dist/app/assets/PzTag-DQn6tX-W.js +1 -0
- package/dist/app/assets/{PzTag.stories-Ujqwci2O.js → PzTag.stories-BeTLgPu9.js} +7 -6
- package/dist/app/assets/{PzText-BQZq8EVF.js → PzText-OlPU47Sz.js} +1 -1
- package/dist/app/assets/PzText-uPzrIzSU.css +1 -0
- package/dist/app/assets/{PzText.stories-BuvdtkFm.js → PzText.stories-DnRec827.js} +16 -16
- package/dist/app/assets/{PzTextClamp-B1WSxo7S.css → PzTextClamp-sinphphZ.css} +1 -1
- package/dist/app/assets/PzTextClamp.stories-DfWH1f4J.js +150 -0
- package/dist/app/assets/PzTextarea-DlC8K0sa.css +1 -0
- package/dist/app/assets/{PzTextarea.stories-DOG1qi1P.js → PzTextarea.stories-CCqwYmNv.js} +5 -5
- package/dist/app/assets/{PzValidatorXSS.stories-DscJMjuB.js → PzValidatorXSS.stories-CinnvE3j.js} +1 -1
- package/dist/app/assets/{Spacing.stories-DBSqX1Hj.js → Spacing.stories-BDxnAaOa.js} +1 -1
- package/dist/app/assets/{Typography.stories-DMvAqFvP.js → Typography.stories-CjEk87CA.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-ByDyVRbq.js → WithTooltip-65CFNBJE-CbbvshsF.js} +1 -1
- package/dist/app/assets/configs-B15JgQZ-.js +1 -0
- package/dist/app/assets/{floating-vue-n4D6Ru3Z.js → floating-vue-SZH28boQ.js} +1 -1
- package/dist/app/assets/{floating-vue-bEyZEONw.js → floating-vue-Xnl0QKgi.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-Cy8KDV6A.js → formatter-EIJCOSYU-p1Msusj6.js} +1 -1
- package/dist/app/assets/{iframe-CAy7Hju8.css → iframe-ujC0K8xu.css} +1 -1
- package/dist/app/assets/{iframe-C0Tj7XHr.js → iframe-yhLt8Lok.js} +75 -75
- package/dist/app/assets/{index-DcEnsmNU.js → index-DW75gAYJ.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-DaMG7TRH.js → syntaxhighlighter-OH4MV7E3-DdpEs6av.js} +1 -1
- package/dist/app/iframe.html +2 -2
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/components/Actions/PzBtn/types.d.ts +2 -0
- package/dist/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue.d.ts +1 -1
- package/dist/components/Actions/PzLink/PzLink.vue.d.ts +1 -1
- package/dist/components/Actions/PzLink/types.d.ts +2 -0
- package/dist/components/Actions/PzRouterLink/PzRouterLink.vue.d.ts +1 -1
- package/dist/components/Display/PzDate/types.d.ts +2 -0
- package/dist/components/Display/PzDateRange/types.d.ts +2 -0
- package/dist/components/Display/PzIcon/PzIcon.vue.d.ts +1 -1
- package/dist/components/Display/PzLoader/PzLoader.vue.d.ts +1 -1
- package/dist/components/Display/PzStatus/configs.d.ts +1 -1
- package/dist/components/Display/PzStatus/types.d.ts +2 -0
- package/dist/components/Display/PzTag/configs.d.ts +1 -1
- package/dist/components/Display/PzTag/types.d.ts +2 -0
- package/dist/components/Form/PzFileInput/PzFileInput.vue.d.ts +1 -1
- package/dist/components/Form/PzImageInput/PzImageInput.vue.d.ts +1 -1
- package/dist/components/Form/PzInput/PzInput.vue.d.ts +2 -2
- package/dist/components/Form/PzInputDate/PzInputDate.vue.d.ts +1 -1
- package/dist/components/Form/PzInputNumber/PzInputNumber.vue.d.ts +2 -2
- package/dist/components/Form/PzLabel/PzLabel.vue.d.ts +1 -1
- package/dist/components/Form/PzMultiSelect/PzMultiSelect.vue.d.ts +1 -1
- package/dist/components/Form/PzSelect/PzSelect.vue.d.ts +2 -2
- package/dist/components/Form/PzTextarea/PzTextarea.vue.d.ts +1 -1
- package/dist/components/Layouts/PzAccordion/PzAccordion.vue.d.ts +1 -1
- package/dist/components/Layouts/PzAccordion/types.d.ts +2 -0
- package/dist/components/Layouts/PzGrid/PzGrid.vue.d.ts +1 -1
- package/dist/components/Layouts/PzGrid/PzGridItem.vue.d.ts +1 -1
- package/dist/components/Layouts/PzGrid/configs.d.ts +1 -1
- package/dist/components/Navigation/PzNav/types.d.ts +2 -0
- package/dist/components/Text/PzArrayClamp/PzArrayClamp.vue.d.ts +1 -1
- package/dist/components/Text/PzArrayClamp/types.d.ts +2 -0
- package/dist/components/Text/PzText/configs.d.ts +2 -2
- package/dist/components/Text/PzTextClamp/PzTextClamp.vue.d.ts +3 -3
- package/dist/components/Text/PzTextClamp/types.d.ts +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +6 -6
- package/dist/prozorro-ui.js +2405 -2420
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/abstract/_typography.scss +5 -3
- package/src/styles/base/_typography.scss +125 -0
- package/src/styles/main.scss +1 -0
- package/dist/app/assets/PzAccordion-B0I9gAH8.js +0 -1
- package/dist/app/assets/PzAccordion-C0TpPK-x.css +0 -1
- package/dist/app/assets/PzAccordionTable-BAkuTUT5.css +0 -1
- package/dist/app/assets/PzAccordionTable.stories-DxKqjo-e.js +0 -275
- package/dist/app/assets/PzBtn-DcyqEb3Q.js +0 -1
- package/dist/app/assets/PzBtn-jjH45VOr.css +0 -1
- package/dist/app/assets/PzCheckbox-CMoU-kLD.css +0 -1
- package/dist/app/assets/PzClamp-DQz8TA5G.css +0 -1
- package/dist/app/assets/PzClamp.stories-Cy07si4i.js +0 -1
- package/dist/app/assets/PzCopyToClipboard-DYvP-lFq.css +0 -1
- package/dist/app/assets/PzCopyToClipboard.stories-C8ifzOzW.js +0 -45
- package/dist/app/assets/PzDate-Bsbb_VSV.css +0 -1
- package/dist/app/assets/PzDate-C90nxGrj.js +0 -1
- package/dist/app/assets/PzDateRange-D51oBNib.css +0 -1
- package/dist/app/assets/PzDateRange.stories-CvIYNizv.js +0 -9
- package/dist/app/assets/PzFileInput-DbN-ooyB.css +0 -1
- package/dist/app/assets/PzImageInput-dWKF820O.css +0 -1
- package/dist/app/assets/PzInput-CJA3u8GT.css +0 -1
- package/dist/app/assets/PzInputDate-pqxv_Osl.css +0 -1
- package/dist/app/assets/PzInputNumber-Bo159ZgO.css +0 -1
- package/dist/app/assets/PzKeyValue--VZbtZaU.css +0 -1
- package/dist/app/assets/PzLabel-b7WCTEW3.css +0 -1
- package/dist/app/assets/PzLink-BgMOL5GA.css +0 -1
- package/dist/app/assets/PzLink-C34ePoHR.js +0 -1
- package/dist/app/assets/PzLoader.stories-Ctqutr_i.js +0 -9
- package/dist/app/assets/PzModal-CFz3X4Lh.css +0 -1
- package/dist/app/assets/PzMultiSelect-JrKh7BA8.css +0 -1
- package/dist/app/assets/PzPagination-B4-GW3ZR.css +0 -1
- package/dist/app/assets/PzRadioGroup-BeXU451M.css +0 -1
- package/dist/app/assets/PzRouterLink.stories-CmmyRt54.js +0 -54
- package/dist/app/assets/PzSelect-Cc3jbYPS.css +0 -1
- package/dist/app/assets/PzStatus-B8fDQ3ZX.js +0 -1
- package/dist/app/assets/PzStatus-BJklUof0.css +0 -1
- package/dist/app/assets/PzTable-C1EasZ6G.css +0 -1
- package/dist/app/assets/PzTable-DuU8JAt1.js +0 -1
- package/dist/app/assets/PzTag-DkBbAhaD.css +0 -1
- package/dist/app/assets/PzTag-F76Pw53L.js +0 -1
- package/dist/app/assets/PzText-BwoHBjGs.css +0 -1
- package/dist/app/assets/PzTextClamp.stories-Dc67q_-y.js +0 -149
- package/dist/app/assets/PzTextarea-B3skmX1A.css +0 -1
- package/dist/app/assets/text-clamp.esm-Dv0GEKqA.js +0 -1
- package/dist/components/Display/PzClamp/PzClamp.vue.d.ts +0 -8
- package/dist/components/Display/PzClamp/index.d.ts +0 -2
- package/dist/components/Display/PzClamp/types.d.ts +0 -7
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as a}from"./PzText-
|
|
1
|
+
import{P as a}from"./PzText-OlPU47Sz.js";import"./iframe-yhLt8Lok.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=[{title:"Mobile",range:"< 768px",viewport:"375px frame",columns:4,gutter:"16px",margin:"16px",frame:"100%",className:"grid-foundation-demo-mobile"},{title:"Tablet",range:">= 768px",viewport:"768px frame",columns:8,gutter:"24px",margin:"32px",frame:"768px",className:"grid-foundation-demo-tablet"},{title:"Desktop",range:">= 1200px",viewport:"1440px frame",columns:12,gutter:"24px",margin:"80px",frame:"1440px",className:"grid-foundation-demo-desktop"}],d=[{name:".pz-container",type:"Layout",description:"Centered frame with responsive horizontal margins and a max width derived from grid tokens."},{name:".pz-container-fluid",type:"Layout",description:"Full-width container that keeps responsive side padding."},{name:".pz-grid",type:"Layout",description:"Responsive column grid using the active token set for columns and gutter."},{name:".pz-grid-fit",type:"Variant",description:"Auto-fit layout for equal cards when fixed column spans are not needed."},{name:".pz-col-1 ... .pz-col-12",type:"Span",description:"Column span utilities for the current layout context."},{name:".pz-col-md-* / .pz-col-xl-*",type:"Responsive span",description:"Breakpoint overrides for tablet and desktop layout changes."},{name:".pz-start-*",type:"Start",description:"Column start utilities for offset and alignment control."}],s=[{name:"@include pz-container",type:"Mixin",description:"Applies the container width and side padding contract inside component styles."},{name:"@include pz-grid",type:"Mixin",description:"Creates a grid that follows the active token-driven column and gap system."},{name:"@include pz-grid-span($span)",type:"Mixin",description:"Applies a specific column span without reaching for utility classes."},{name:"@include min-media-devices($key)",type:"Mixin",description:"Wraps content in @media (min-width: ...) for the named $breakpoints key. Used internally by grid and spacing utilities."},{name:"@include max-media-devices($key)",type:"Mixin",description:"Wraps content in @media (max-width: ...) with 0.02px offset (Bootstrap convention). Use for mobile-only overrides."}],r=[{key:"xs",value:"0",description:"Default — no media query guard. Applied at all widths."},{key:"sm",value:"576px",description:"Small viewport floor."},{key:"md",value:"768px",description:"Tablet layout threshold."},{key:"lg",value:"1024px",description:"Large viewport floor."},{key:"xl",value:"1200px",description:"Desktop layout threshold."},{key:"xxl",value:"1400px",description:"Wide display floor."}],u={title:"Foundation/Grid",parameters:{prototype:{caption:"Grid system",note:"Responsive layout foundation for containers, columns, spans, and offsets."},docs:{description:{component:"Grid system reference for `@prozorro/prozorro-ui`. The live Figma embed for node `14:221` was unavailable anonymously, so this implementation aligns the grid with the repository breakpoint model and documents the resulting library contract."}}},render:()=>({components:{pzText:a},setup(){return{breakpointSpecs:n,utilityRows:d,mixinRows:s,scssBreakpoints:r}},template:`
|
|
2
2
|
<div class="grid-foundation">
|
|
3
3
|
<section class="grid-foundation-board">
|
|
4
4
|
<header class="grid-foundation-hero">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as g,e as n,q as i,F as y,x as h,v as c,B as r,f as u,p as b,o as a,y as _,S as P,I as V,t as x,u as f,A as C,g as A}from"./iframe-yhLt8Lok.js";import{_ as w}from"./PzIcon-poIOHVO1.js";import{P as k}from"./PzSkeleton-Bf3tDBUe.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const q=[{id:"line-1",width:"187px"},{id:"line-2",width:"242px"},{id:"line-3",width:"169px"},{id:"line-4",width:"364px"},{id:"line-5",width:"481px"},{id:"line-6",width:"436px"},{id:"line-7",width:"436px"},{id:"line-8",width:"436px"},{id:"line-9",width:"481px"}],B={key:0,class:"pz-accordion-content__transition"},N={key:0,class:"pz-accordion-content__loader"},$={key:1},o=g({name:"PzAccordionContent",__name:"PzAccordionContent",props:{active:{type:Boolean},loading:{type:Boolean,default:!1},contentClass:{default:""}},setup(e){return(s,m)=>e.active?(a(),n("div",B,[i("div",{class:u(["pz-accordion-content__surface",e.contentClass])},[e.loading?(a(),n("div",N,[(a(!0),n(y,null,h(c(q),t=>(a(),_(c(k),{key:t.id,width:t.width,height:"24px"},null,8,["width"]))),128))])):(a(),n("div",$,[r(s.$slots,"default",{},void 0,!0)]))],2)])):b("",!0)}}),I=z(o,[["__scopeId","data-v-cc5d33b2"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzAccordionContent",exportName:"default",displayName:"PzAccordionContent",description:"",tags:{},props:[{name:"active",required:!0,type:{name:"boolean"}},{name:"loading",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"contentClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzAccordion/PzAccordionContent.vue"]});const S=["aria-expanded","disabled"],j={class:"pz-accordion__trigger-content"},l=g({name:"PzAccordion",__name:"PzAccordion",props:{modelValue:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},label:{default:""},disabled:{type:Boolean,default:!1},contentClass:{default:""},typography:{}},emits:["update:modelValue"],setup(e,{emit:s}){const m=s,t=e,p=()=>{t.disabled||m("update:modelValue",!t.modelValue)},v=A(()=>({active:t.modelValue,disabled:t.disabled,toggle:p}));return(d,F)=>(a(),n("div",{class:u(["pz-accordion",{"pz-accordion--open":e.modelValue,disabled:e.disabled}])},[i("button",{type:"button",class:"pz-accordion__trigger","aria-expanded":e.modelValue,disabled:e.disabled,onClick:p},[i("span",j,[d.$slots.trigger?r(d.$slots,"trigger",P(V({key:0},v.value)),void 0,!0):(a(),n(y,{key:1},[e.label?(a(),n("span",{key:0,class:u(["pz-accordion__label",e.typography?`pz-typography--${e.typography}`:null])},x(e.label),3)):b("",!0)],64))]),f(c(w),{name:"expand_more",size:"20",class:"pz-accordion__icon"})],8,S),f(I,{active:e.modelValue,"content-class":e.contentClass,loading:e.loading},{default:C(()=>[r(d.$slots,"default",{},void 0,!0)]),_:3},8,["active","content-class","loading"])],2))}}),E=z(l,[["__scopeId","data-v-66f6bb40"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzAccordion",exportName:"default",displayName:"PzAccordion",description:"",tags:{},props:[{name:"modelValue",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"loading",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"contentClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"trigger",scoped:!0,bindings:[]},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzAccordion/PzAccordion.vue"]});export{E as P,I as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-accordion-content[data-v-cc5d33b2]{--margin: var(--pz-space-4)}.pz-accordion-content__transition[data-v-cc5d33b2]{width:100%}.pz-accordion-content__loader[data-v-cc5d33b2]{display:grid;gap:var(--pz-space-8)}.pz-accordion-content__surface[data-v-cc5d33b2]{width:100%;margin-top:var(--margin);margin-bottom:var(--margin)}@media (min-width: 1024px){.pz-accordion-content__surface[data-v-cc5d33b2]{--margin: var(--pz-space-8)}}.pz-accordion[data-v-66f6bb40]{border-top:1px solid var(--pz-color-stroke-grey);border-bottom:1px solid var(--pz-color-stroke-grey)}.pz-accordion+.pz-accordion[data-v-66f6bb40]{border-top-width:0}.pz-accordion__trigger[data-v-66f6bb40]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16);width:100%;padding:var(--pz-space-16) 0 var(--pz-space-24) 0;border:0;background:transparent;color:var(--pz-color-text-primary);text-align:left;cursor:pointer}.pz-accordion__trigger[data-v-66f6bb40]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px}.pz-accordion__trigger[data-v-66f6bb40]:hover:not(:disabled){background-color:color-mix(in srgb,var(--pz-color-blue-10) 72%,transparent)}.pz-accordion__trigger[data-v-66f6bb40]:disabled{cursor:default}.pz-accordion__trigger-content[data-v-66f6bb40]{flex:1 1 auto;min-width:0}.pz-accordion__label[data-v-66f6bb40]{display:inline-flex;align-items:center;min-width:0;overflow-wrap:break-word;font-size:var(--pz-accordion-label-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-accordion-label-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-accordion-label-line-height, var(--pz-typography-line-height, 1.5))}.pz-accordion__icon[data-v-66f6bb40]{flex:0 0 auto;margin-top:2px;color:var(--pz-color-text-secondary)}.pz-accordion--open .pz-accordion__icon[data-v-66f6bb40]{transform:rotate(180deg);color:var(--pz-color-text-primary)}.pz-accordion.disabled[data-v-66f6bb40]{opacity:.7}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-accordion-story{display:grid;gap:var(--pz-space-24)}.pz-accordion-story-board{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-accordion-story-header,.pz-accordion-story-offer,.pz-accordion-story-definition-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-accordion-story-copy,.pz-accordion-story-body,.pz-accordion-story-sections,.pz-accordion-story-section,.pz-accordion-story-offer-main,.pz-accordion-story-offer-price{display:grid;gap:var(--pz-space-12)}.pz-accordion-story-eyebrow,.pz-accordion-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-accordion-story-preview{padding:var(--pz-space-24);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-accordion-story-title,.pz-accordion-story-subtitle,.pz-accordion-story-paragraph,.pz-accordion-story-offer-id,.pz-accordion-story-offer-caption,.pz-accordion-story-definition-row dt,.pz-accordion-story-definition-row dd{margin:0}.pz-accordion-story-title,.pz-accordion-story-subtitle,.pz-accordion-story-offer-name,.pz-accordion-story-offer-value{color:var(--pz-color-text-primary)}.pz-accordion-story-title{font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}.pz-accordion-story-subtitle,.pz-accordion-story-offer-name{font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-accordion-story-paragraph,.pz-accordion-story-offer-id,.pz-accordion-story-offer-caption,.pz-accordion-story-definition-row dt,.pz-accordion-story-definition-row dd{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-accordion-story-offer-value{color:var(--pz-color-status-active);font-size:var(--pz-font-size-18);font-weight:600;line-height:1.5}.pz-accordion-story-definition-list{display:grid;gap:var(--pz-space-16);margin:0}.pz-accordion-story-definition-row{padding-bottom:var(--pz-space-8);border-bottom:1px dotted color-mix(in srgb,var(--pz-color-grey-30) 88%,transparent)}.pz-accordion-story-definition-row dt{flex:0 0 32%;color:var(--pz-color-text-primary);font-weight:600}.pz-accordion-story-definition-row dd{flex:1 1 auto;color:var(--pz-color-text-primary)}@media (width <= 900px){.pz-accordion-story-header,.pz-accordion-story-offer,.pz-accordion-story-definition-row{flex-direction:column}.pz-accordion-story-definition-row dt{flex-basis:auto}}
|
|
1
|
+
.pz-accordion-story{display:grid;gap:var(--pz-space-24)}.pz-accordion-story-board{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-accordion-story-header,.pz-accordion-story-offer,.pz-accordion-story-definition-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-accordion-story-copy,.pz-accordion-story-body,.pz-accordion-story-sections,.pz-accordion-story-section,.pz-accordion-story-offer-main,.pz-accordion-story-offer-price{display:grid;gap:var(--pz-space-12)}.pz-accordion-story-eyebrow,.pz-accordion-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-accordion-story-preview{padding:var(--pz-space-24);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-accordion-story-title,.pz-accordion-story-subtitle,.pz-accordion-story-paragraph,.pz-accordion-story-offer-id,.pz-accordion-story-offer-caption,.pz-accordion-story-definition-row dt,.pz-accordion-story-definition-row dd{margin:0}.pz-accordion-story-title,.pz-accordion-story-subtitle,.pz-accordion-story-offer-name,.pz-accordion-story-offer-value{color:var(--pz-color-text-primary)}.pz-accordion-story-title{overflow-wrap:break-word;font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}.pz-accordion-story-subtitle,.pz-accordion-story-offer-name{overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-accordion-story-paragraph,.pz-accordion-story-offer-id,.pz-accordion-story-offer-caption,.pz-accordion-story-definition-row dt,.pz-accordion-story-definition-row dd{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-accordion-story-offer-value{color:var(--pz-color-status-active);overflow-wrap:break-word;font-size:var(--pz-font-size-18);font-weight:600;line-height:1.5}.pz-accordion-story-definition-list{display:grid;gap:var(--pz-space-16);margin:0}.pz-accordion-story-definition-row{padding-bottom:var(--pz-space-8);border-bottom:1px dotted color-mix(in srgb,var(--pz-color-grey-30) 88%,transparent)}.pz-accordion-story-definition-row dt{flex:0 0 32%;color:var(--pz-color-text-primary);font-weight:600}.pz-accordion-story-definition-row dd{flex:1 1 auto;color:var(--pz-color-text-primary)}@media (width <= 900px){.pz-accordion-story-header,.pz-accordion-story-offer,.pz-accordion-story-definition-row{flex-direction:column}.pz-accordion-story-definition-row dt{flex-basis:auto}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as S}from"./iframe-
|
|
1
|
+
import{r as S}from"./iframe-yhLt8Lok.js";import{P as c}from"./PzAccordion-BE5pfsji.js";import{P}from"./PzLink-Q1NpV_QJ.js";import{P as A}from"./PzStatus-QcYI0uS9.js";import{P as w}from"./PzText-OlPU47Sz.js";import{p as V}from"./configs-B15JgQZ-.js";import"./preload-helper-C1FmrZbK.js";import"./PzIcon-poIOHVO1.js";import"./PzSkeleton-Bf3tDBUe.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const x={supplier:'ТОВАРИСТВО З ОБМЕЖЕНОЮ ВІДПОВІДАЛЬНІСТЮ "ЕКО ЦЕНТР ПРОЕКТ"',identifier:"#43194460 (UA-EDR)",amountLabel:"Остаточна пропозиція:",amountValue:"98 000,00 UAH",statusLabel:"Переможець"},O=[{id:"name",label:"Найменування:",value:'ТОВАРИСТВО З ОБМЕЖЕНОЮ ВІДПОВІДАЛЬНІСТЮ "ЕКО ЦЕНТР ПРОЕКТ"'},{id:"code",label:"Ідентифікаційний код:",value:"#43194460 (UA-EDR)"},{id:"location",label:"Місцезнаходження:",value:"79008, Україна, Львівська область, місто Львів, ВУЛИЦЯ П.БЕРИНДИ будинок 3 квартира 4"},{id:"category",label:"Класифікація суб’єктів господарювання:",value:"Суб'єкт малого підприємництва"}],i="<\/script>",k=o=>{const a=['v-model="isOpen"',o.label?`label="${o.label}"`:null,o.disabled?':disabled="true"':null,o.loading?':loading="true"':null,o.contentClass?`content-class="${o.contentClass}"`:null].filter(e=>!!e).join(`
|
|
2
2
|
`);return`<script setup lang="ts">
|
|
3
3
|
import { ref } from "vue";
|
|
4
4
|
|
|
@@ -7,11 +7,11 @@ ${i}
|
|
|
7
7
|
|
|
8
8
|
<template>
|
|
9
9
|
<PzAccordion
|
|
10
|
-
${
|
|
10
|
+
${a}
|
|
11
11
|
>
|
|
12
12
|
Accordion body content
|
|
13
13
|
</PzAccordion>
|
|
14
|
-
</template>`},
|
|
14
|
+
</template>`},T=`<script setup lang="ts">
|
|
15
15
|
import { ref } from "vue";
|
|
16
16
|
|
|
17
17
|
const isOpen = ref(true);
|
|
@@ -54,7 +54,7 @@ ${i}
|
|
|
54
54
|
>
|
|
55
55
|
Деталі рішення після завантаження
|
|
56
56
|
</PzAccordion>
|
|
57
|
-
</template>`,
|
|
57
|
+
</template>`,U={title:"Components/Layouts/PzAccordion",component:c,parameters:{prototype:{caption:"PzAccordion",note:"Disclosure component for procurement sections with a simple label, a custom trigger slot, and a built-in loading state."},docs:{description:{component:"Use `PzAccordion` for collapsible procurement sections. The public API is intentionally small: control it with `v-model`, provide a fallback `label`, use `loading` for built-in skeleton content, and switch to the `trigger` slot for richer headers."},source:{transform:(o,a)=>k(a.args??U.args)}}},args:{modelValue:!1,label:"Додаткові умови проведення закупівлі",disabled:!1,loading:!1,contentClass:"",typography:void 0},argTypes:{modelValue:{control:"boolean",description:"Controls the expanded state. Use with `v-model`."},label:{control:"text",description:"Fallback trigger label when the `trigger` slot is not used."},disabled:{control:"boolean",description:"Disables interaction and prevents toggling."},loading:{control:"boolean",description:"Replaces body content with the built-in skeleton loader while the accordion stays open."},contentClass:{control:"text",description:"Optional class applied to the content surface wrapper."},typography:{control:"select",options:[void 0,...V],description:"Overrides label typography using a PzText variant."}},render:o=>({components:{pzAccordion:c,pzText:w},setup(){return{args:o,updateModelValue:e=>{o.modelValue=e}}},template:`
|
|
58
58
|
<div class="pz-accordion-story">
|
|
59
59
|
<section class="pz-accordion-story-board">
|
|
60
60
|
<div class="pz-accordion-story-header">
|
|
@@ -72,6 +72,7 @@ ${i}
|
|
|
72
72
|
:disabled="args.disabled"
|
|
73
73
|
:loading="args.loading"
|
|
74
74
|
:content-class="args.contentClass"
|
|
75
|
+
:typography="args.typography"
|
|
75
76
|
@update:model-value="updateModelValue"
|
|
76
77
|
>
|
|
77
78
|
<div class="pz-accordion-story-body">
|
|
@@ -86,7 +87,7 @@ ${i}
|
|
|
86
87
|
</div>
|
|
87
88
|
</section>
|
|
88
89
|
</div>
|
|
89
|
-
`})},n={},r={parameters:{docs:{source:{code:
|
|
90
|
+
`})},n={},r={parameters:{docs:{source:{code:T}}},render:()=>({components:{pzAccordion:c,pzLink:P,pzStatus:A},setup(){return{isOpen:S(!0),participantRows:O,winnerSummary:x}},template:`
|
|
90
91
|
<div class="pz-accordion-story">
|
|
91
92
|
<section class="pz-accordion-story-board">
|
|
92
93
|
<div class="pz-accordion-story-header">
|
|
@@ -144,7 +145,7 @@ ${i}
|
|
|
144
145
|
</div>
|
|
145
146
|
</section>
|
|
146
147
|
</div>
|
|
147
|
-
`})},s={args:{modelValue:!0,label:"Завантаження деталей рішення",loading:!0},parameters:{docs:{source:{code:L}}},render:o=>({components:{pzAccordion:c,pzText:w},setup(){return{args:o,updateModelValue:
|
|
148
|
+
`})},s={args:{modelValue:!0,label:"Завантаження деталей рішення",loading:!0},parameters:{docs:{source:{code:L}}},render:o=>({components:{pzAccordion:c,pzText:w},setup(){return{args:o,updateModelValue:e=>{o.modelValue=e}}},template:`
|
|
148
149
|
<div class="pz-accordion-story">
|
|
149
150
|
<section class="pz-accordion-story-board">
|
|
150
151
|
<div class="pz-accordion-story-header">
|
|
@@ -319,4 +320,4 @@ ${i}
|
|
|
319
320
|
label: "Архівна секція без взаємодії",
|
|
320
321
|
disabled: true
|
|
321
322
|
}
|
|
322
|
-
}`,...(h=(b=t.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};const
|
|
323
|
+
}`,...(h=(b=t.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};const W=["Playground","CustomTrigger","LoadingState","DisabledState"];export{r as CustomTrigger,t as DisabledState,s as LoadingState,n as Playground,W as __namedExportsOrder,U as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-accordion-table-wrap[data-v-de5b3340]{width:100%;overflow-x:auto}.pz-accordion-table[data-v-de5b3340]{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-accordion-table-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-accordion-table-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-accordion-table-line-height, var(--pz-typography-line-height, 1.5))}@media (max-width: 1023.98px){.pz-accordion-table__head[data-v-de5b3340]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.pz-accordion-table__row[data-v-de5b3340]{position:relative;border-bottom:1px solid var(--pz-color-stroke-grey)}.pz-accordion-table__row.open[data-v-de5b3340]{border-bottom-width:0}.pz-accordion-table__row.expandable[data-v-de5b3340]:hover{background-color:color-mix(in srgb,var(--pz-color-blue-10) 72%,transparent);cursor:pointer}.pz-accordion-table__row--sub-row[data-v-de5b3340]{border-bottom-width:0}@media (max-width: 1023.98px){.pz-accordion-table__row--sub-row[data-v-de5b3340]{display:block}}.pz-accordion-table__row--sub-row-open[data-v-de5b3340]{border-bottom-width:1px}@media (max-width: 1023.98px){.pz-accordion-table__row[data-v-de5b3340]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pz-space-8);padding-block:var(--pz-space-16)}}@media (max-width: 1023.98px){.pz-accordion-table__cell--first-col[data-v-de5b3340]{padding-right:var(--pz-space-40)}}.pz-accordion-table__toggle-head[data-v-de5b3340]{width:48px}.pz-accordion-table__toggle-cell[data-v-de5b3340]{width:48px;padding:var(--pz-space-12) 0 var(--pz-space-16) var(--pz-space-8);text-align:right;vertical-align:top}@media (max-width: 1023.98px){.pz-accordion-table__toggle-cell[data-v-de5b3340]{position:absolute;top:var(--pz-space-16);right:0;width:auto;padding:0}}.pz-accordion-table__toggle-button[data-v-de5b3340]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--pz-color-text-secondary);cursor:pointer}.pz-accordion-table__toggle-button[data-v-de5b3340]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px}.pz-accordion-table__toggle-button[data-v-de5b3340]:hover{background-color:color-mix(in srgb,var(--pz-color-blue-10) 72%,transparent);color:var(--pz-color-text-primary)}.pz-accordion-table__toggle-button--open[data-v-de5b3340]{color:var(--pz-color-text-primary);transform:rotate(180deg)}.pz-accordion-table__sub-row-cell[data-v-de5b3340]{padding:0}.pz-accordion-table[data-v-de5b3340] .pz-accordion-table-sub-row-surface{padding:var(--pz-space-16) 0 var(--pz-space-24);background:color-mix(in srgb,var(--pz-color-blue-10) 18%,var(--pz-color-white))}.pz-accordion-table-story{display:grid;gap:var(--pz-space-24)}.pz-accordion-table-story-board{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-accordion-table-story-header,.pz-accordion-table-story-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-accordion-table-story-copy,.pz-accordion-table-story-sub-row,.pz-accordion-table-story-detail,.pz-accordion-table-story-tags,.pz-accordion-table-story-detail-list{display:grid;gap:var(--pz-space-12)}.pz-accordion-table-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-accordion-table-story-preview{padding:var(--pz-space-24);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-accordion-table-story-detail-copy,.pz-accordion-table-story-detail-list{margin:0;color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-accordion-table-story-detail-list{padding-left:var(--pz-space-20)}@media (width <= 900px){.pz-accordion-table-story-header,.pz-accordion-table-story-detail-head{flex-direction:column}}
|
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
import{d as fa,E as ga,h as va,w as ya,e as _,q as j,F as k,x as N,y as G,v as z,p as O,a3 as ma,g as de,o as f,n as pe,f as F,H as _a,A as ue,B as be,Y as $a,u as fe}from"./iframe-yhLt8Lok.js";import{g as Ta}from"./_commonjsHelpers-Cpj98o6Y.js";import{d as Y,b as ha,e as Ge,f as I,g as Aa,i as C,_ as X,h,j as za,a as J,k as wa,l as Q,m as Sa,c as Pa}from"./isArray-DPUC7i9_.js";import{a as ja}from"./PzAccordion-BE5pfsji.js";import{_ as Oa}from"./PzIcon-poIOHVO1.js";import{b as ge,c as xa}from"./PzTable-CmJiR0G9.js";import{_ as Ia}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{P as Ca}from"./PzLink-Q1NpV_QJ.js";import{P as ka}from"./PzStatus-QcYI0uS9.js";import{P as Ke}from"./PzTag-DQn6tX-W.js";import{P as qe}from"./PzText-OlPU47Sz.js";import"./preload-helper-C1FmrZbK.js";import"./PzSkeleton-Bf3tDBUe.js";import"./lodash-CdDiHlzQ.js";import"./PzInfoHint-m4sypHCu.js";import"./PzHint-4Fot3oSD.js";import"./floating-vue-SZH28boQ.js";import"./floating-vue-Xnl0QKgi.js";var Fa=Y;function La(){this.__data__=new Fa,this.size=0}var Ba=La;function Ea(e){var a=this.__data__,t=a.delete(e);return this.size=a.size,t}var Ra=Ea;function Da(e){return this.__data__.get(e)}var Ma=Da;function Ua(e){return this.__data__.has(e)}var Va=Ua,Na=Y,Ga=Ge,Ka=ha,qa=200;function Wa(e,a){var t=this.__data__;if(t instanceof Na){var r=t.__data__;if(!Ga||r.length<qa-1)return r.push([e,a]),this.size=++t.size,this;t=this.__data__=new Ka(r)}return t.set(e,a),this.size=t.size,this}var Ha=Wa,Za=Y,Ya=Ba,Xa=Ra,Ja=Ma,Qa=Va,et=Ha;function w(e){var a=this.__data__=new Za(e);this.size=a.size}w.prototype.clear=Ya;w.prototype.delete=Xa;w.prototype.get=Ja;w.prototype.has=Qa;w.prototype.set=et;var at=w;function tt(e,a){for(var t=-1,r=e==null?0:e.length;++t<r&&a(e[t],t,e)!==!1;);return e}var rt=tt,nt=I,ot=function(){try{var e=nt(Object,"defineProperty");return e({},"",{}),e}catch{}}(),st=ot,ve=st;function it(e,a,t){a=="__proto__"&&ve?ve(e,a,{configurable:!0,enumerable:!0,value:t,writable:!0}):e[a]=t}var We=it,lt=We,ct=Aa,dt=Object.prototype,pt=dt.hasOwnProperty;function ut(e,a,t){var r=e[a];(!(pt.call(e,a)&&ct(r,t))||t===void 0&&!(a in e))&<(e,a,t)}var He=ut,bt=He,ft=We;function gt(e,a,t,r){var s=!t;t||(t={});for(var i=-1,o=a.length;++i<o;){var c=a[i],u=r?r(t[c],e[c],c,t,e):void 0;u===void 0&&(u=e[c]),s?ft(t,c,u):bt(t,c,u)}return t}var V=gt;function vt(e,a){for(var t=-1,r=Array(e);++t<e;)r[t]=a(t);return r}var yt=vt,mt=X,_t=C,$t="[object Arguments]";function Tt(e){return _t(e)&&mt(e)==$t}var ht=Tt,ye=ht,At=C,Ze=Object.prototype,zt=Ze.hasOwnProperty,wt=Ze.propertyIsEnumerable,St=ye(function(){return arguments}())?ye:function(e){return At(e)&&zt.call(e,"callee")&&!wt.call(e,"callee")},Pt=St,D={exports:{}};function jt(){return!1}var Ot=jt;D.exports;(function(e,a){var t=h,r=Ot,s=a&&!a.nodeType&&a,i=s&&!0&&e&&!e.nodeType&&e,o=i&&i.exports===s,c=o?t.Buffer:void 0,u=c?c.isBuffer:void 0,b=u||r;e.exports=b})(D,D.exports);var Ye=D.exports,xt=9007199254740991,It=/^(?:0|[1-9]\d*)$/;function Ct(e,a){var t=typeof e;return a=a??xt,!!a&&(t=="number"||t!="symbol"&&It.test(e))&&e>-1&&e%1==0&&e<a}var kt=Ct,Ft=9007199254740991;function Lt(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Ft}var Xe=Lt,Bt=X,Et=Xe,Rt=C,Dt="[object Arguments]",Mt="[object Array]",Ut="[object Boolean]",Vt="[object Date]",Nt="[object Error]",Gt="[object Function]",Kt="[object Map]",qt="[object Number]",Wt="[object Object]",Ht="[object RegExp]",Zt="[object Set]",Yt="[object String]",Xt="[object WeakMap]",Jt="[object ArrayBuffer]",Qt="[object DataView]",er="[object Float32Array]",ar="[object Float64Array]",tr="[object Int8Array]",rr="[object Int16Array]",nr="[object Int32Array]",or="[object Uint8Array]",sr="[object Uint8ClampedArray]",ir="[object Uint16Array]",lr="[object Uint32Array]",p={};p[er]=p[ar]=p[tr]=p[rr]=p[nr]=p[or]=p[sr]=p[ir]=p[lr]=!0;p[Dt]=p[Mt]=p[Jt]=p[Ut]=p[Qt]=p[Vt]=p[Nt]=p[Gt]=p[Kt]=p[qt]=p[Wt]=p[Ht]=p[Zt]=p[Yt]=p[Xt]=!1;function cr(e){return Rt(e)&&Et(e.length)&&!!p[Bt(e)]}var dr=cr;function pr(e){return function(a){return e(a)}}var ee=pr,M={exports:{}};M.exports;(function(e,a){var t=za,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,i=s&&s.exports===r,o=i&&t.process,c=function(){try{var u=s&&s.require&&s.require("util").types;return u||o&&o.binding&&o.binding("util")}catch{}}();e.exports=c})(M,M.exports);var ae=M.exports,ur=dr,br=ee,me=ae,_e=me&&me.isTypedArray,fr=_e?br(_e):ur,gr=fr,vr=yt,yr=Pt,mr=J,_r=Ye,$r=kt,Tr=gr,hr=Object.prototype,Ar=hr.hasOwnProperty;function zr(e,a){var t=mr(e),r=!t&&yr(e),s=!t&&!r&&_r(e),i=!t&&!r&&!s&&Tr(e),o=t||r||s||i,c=o?vr(e.length,String):[],u=c.length;for(var b in e)(a||Ar.call(e,b))&&!(o&&(b=="length"||s&&(b=="offset"||b=="parent")||i&&(b=="buffer"||b=="byteLength"||b=="byteOffset")||$r(b,u)))&&c.push(b);return c}var Je=zr,wr=Object.prototype;function Sr(e){var a=e&&e.constructor,t=typeof a=="function"&&a.prototype||wr;return e===t}var te=Sr;function Pr(e,a){return function(t){return e(a(t))}}var Qe=Pr,jr=Qe,Or=jr(Object.keys,Object),xr=Or,Ir=te,Cr=xr,kr=Object.prototype,Fr=kr.hasOwnProperty;function Lr(e){if(!Ir(e))return Cr(e);var a=[];for(var t in Object(e))Fr.call(e,t)&&t!="constructor"&&a.push(t);return a}var Br=Lr,Er=wa,Rr=Xe;function Dr(e){return e!=null&&Rr(e.length)&&!Er(e)}var ea=Dr,Mr=Je,Ur=Br,Vr=ea;function Nr(e){return Vr(e)?Mr(e):Ur(e)}var re=Nr,Gr=V,Kr=re;function qr(e,a){return e&&Gr(a,Kr(a),e)}var Wr=qr;function Hr(e){var a=[];if(e!=null)for(var t in Object(e))a.push(t);return a}var Zr=Hr,Yr=Q,Xr=te,Jr=Zr,Qr=Object.prototype,en=Qr.hasOwnProperty;function an(e){if(!Yr(e))return Jr(e);var a=Xr(e),t=[];for(var r in e)r=="constructor"&&(a||!en.call(e,r))||t.push(r);return t}var tn=an,rn=Je,nn=tn,on=ea;function sn(e){return on(e)?rn(e,!0):nn(e)}var ne=sn,ln=V,cn=ne;function dn(e,a){return e&&ln(a,cn(a),e)}var pn=dn,U={exports:{}};U.exports;(function(e,a){var t=h,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,i=s&&s.exports===r,o=i?t.Buffer:void 0,c=o?o.allocUnsafe:void 0;function u(b,A){if(A)return b.slice();var g=b.length,$=c?c(g):new b.constructor(g);return b.copy($),$}e.exports=u})(U,U.exports);var un=U.exports;function bn(e,a){var t=-1,r=e.length;for(a||(a=Array(r));++t<r;)a[t]=e[t];return a}var fn=bn;function gn(e,a){for(var t=-1,r=e==null?0:e.length,s=0,i=[];++t<r;){var o=e[t];a(o,t,e)&&(i[s++]=o)}return i}var vn=gn;function yn(){return[]}var aa=yn,mn=vn,_n=aa,$n=Object.prototype,Tn=$n.propertyIsEnumerable,$e=Object.getOwnPropertySymbols,hn=$e?function(e){return e==null?[]:(e=Object(e),mn($e(e),function(a){return Tn.call(e,a)}))}:_n,oe=hn,An=V,zn=oe;function wn(e,a){return An(e,zn(e),a)}var Sn=wn;function Pn(e,a){for(var t=-1,r=a.length,s=e.length;++t<r;)e[s+t]=a[t];return e}var ta=Pn,jn=Qe,On=jn(Object.getPrototypeOf,Object),ra=On,xn=ta,In=ra,Cn=oe,kn=aa,Fn=Object.getOwnPropertySymbols,Ln=Fn?function(e){for(var a=[];e;)xn(a,Cn(e)),e=In(e);return a}:kn,na=Ln,Bn=V,En=na;function Rn(e,a){return Bn(e,En(e),a)}var Dn=Rn,Mn=ta,Un=J;function Vn(e,a,t){var r=a(e);return Un(e)?r:Mn(r,t(e))}var oa=Vn,Nn=oa,Gn=oe,Kn=re;function qn(e){return Nn(e,Kn,Gn)}var Wn=qn,Hn=oa,Zn=na,Yn=ne;function Xn(e){return Hn(e,Yn,Zn)}var Jn=Xn,Qn=I,eo=h,ao=Qn(eo,"DataView"),to=ao,ro=I,no=h,oo=ro(no,"Promise"),so=oo,io=I,lo=h,co=io(lo,"Set"),po=co,uo=I,bo=h,fo=uo(bo,"WeakMap"),go=fo,K=to,q=Ge,W=so,H=po,Z=go,sa=X,S=Sa,Te="[object Map]",vo="[object Object]",he="[object Promise]",Ae="[object Set]",ze="[object WeakMap]",we="[object DataView]",yo=S(K),mo=S(q),_o=S(W),$o=S(H),To=S(Z),T=sa;(K&&T(new K(new ArrayBuffer(1)))!=we||q&&T(new q)!=Te||W&&T(W.resolve())!=he||H&&T(new H)!=Ae||Z&&T(new Z)!=ze)&&(T=function(e){var a=sa(e),t=a==vo?e.constructor:void 0,r=t?S(t):"";if(r)switch(r){case yo:return we;case mo:return Te;case _o:return he;case $o:return Ae;case To:return ze}return a});var se=T,ho=Object.prototype,Ao=ho.hasOwnProperty;function zo(e){var a=e.length,t=new e.constructor(a);return a&&typeof e[0]=="string"&&Ao.call(e,"index")&&(t.index=e.index,t.input=e.input),t}var wo=zo,So=h,Po=So.Uint8Array,jo=Po,Se=jo;function Oo(e){var a=new e.constructor(e.byteLength);return new Se(a).set(new Se(e)),a}var ie=Oo,xo=ie;function Io(e,a){var t=a?xo(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.byteLength)}var Co=Io,ko=/\w*$/;function Fo(e){var a=new e.constructor(e.source,ko.exec(e));return a.lastIndex=e.lastIndex,a}var Lo=Fo,Pe=Pa,je=Pe?Pe.prototype:void 0,Oe=je?je.valueOf:void 0;function Bo(e){return Oe?Object(Oe.call(e)):{}}var Eo=Bo,Ro=ie;function Do(e,a){var t=a?Ro(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}var Mo=Do,Uo=ie,Vo=Co,No=Lo,Go=Eo,Ko=Mo,qo="[object Boolean]",Wo="[object Date]",Ho="[object Map]",Zo="[object Number]",Yo="[object RegExp]",Xo="[object Set]",Jo="[object String]",Qo="[object Symbol]",es="[object ArrayBuffer]",as="[object DataView]",ts="[object Float32Array]",rs="[object Float64Array]",ns="[object Int8Array]",os="[object Int16Array]",ss="[object Int32Array]",is="[object Uint8Array]",ls="[object Uint8ClampedArray]",cs="[object Uint16Array]",ds="[object Uint32Array]";function ps(e,a,t){var r=e.constructor;switch(a){case es:return Uo(e);case qo:case Wo:return new r(+e);case as:return Vo(e,t);case ts:case rs:case ns:case os:case ss:case is:case ls:case cs:case ds:return Ko(e,t);case Ho:return new r;case Zo:case Jo:return new r(e);case Yo:return No(e);case Xo:return new r;case Qo:return Go(e)}}var us=ps,bs=Q,xe=Object.create,fs=function(){function e(){}return function(a){if(!bs(a))return{};if(xe)return xe(a);e.prototype=a;var t=new e;return e.prototype=void 0,t}}(),gs=fs,vs=gs,ys=ra,ms=te;function _s(e){return typeof e.constructor=="function"&&!ms(e)?vs(ys(e)):{}}var $s=_s,Ts=se,hs=C,As="[object Map]";function zs(e){return hs(e)&&Ts(e)==As}var ws=zs,Ss=ws,Ps=ee,Ie=ae,Ce=Ie&&Ie.isMap,js=Ce?Ps(Ce):Ss,Os=js,xs=se,Is=C,Cs="[object Set]";function ks(e){return Is(e)&&xs(e)==Cs}var Fs=ks,Ls=Fs,Bs=ee,ke=ae,Fe=ke&&ke.isSet,Es=Fe?Bs(Fe):Ls,Rs=Es,Ds=at,Ms=rt,Us=He,Vs=Wr,Ns=pn,Gs=un,Ks=fn,qs=Sn,Ws=Dn,Hs=Wn,Zs=Jn,Ys=se,Xs=wo,Js=us,Qs=$s,ei=J,ai=Ye,ti=Os,ri=Q,ni=Rs,oi=re,si=ne,ii=1,li=2,ci=4,ia="[object Arguments]",di="[object Array]",pi="[object Boolean]",ui="[object Date]",bi="[object Error]",la="[object Function]",fi="[object GeneratorFunction]",gi="[object Map]",vi="[object Number]",ca="[object Object]",yi="[object RegExp]",mi="[object Set]",_i="[object String]",$i="[object Symbol]",Ti="[object WeakMap]",hi="[object ArrayBuffer]",Ai="[object DataView]",zi="[object Float32Array]",wi="[object Float64Array]",Si="[object Int8Array]",Pi="[object Int16Array]",ji="[object Int32Array]",Oi="[object Uint8Array]",xi="[object Uint8ClampedArray]",Ii="[object Uint16Array]",Ci="[object Uint32Array]",l={};l[ia]=l[di]=l[hi]=l[Ai]=l[pi]=l[ui]=l[zi]=l[wi]=l[Si]=l[Pi]=l[ji]=l[gi]=l[vi]=l[ca]=l[yi]=l[mi]=l[_i]=l[$i]=l[Oi]=l[xi]=l[Ii]=l[Ci]=!0;l[bi]=l[la]=l[Ti]=!1;function E(e,a,t,r,s,i){var o,c=a&ii,u=a&li,b=a&ci;if(t&&(o=s?t(e,r,s,i):t(e)),o!==void 0)return o;if(!ri(e))return e;var A=ei(e);if(A){if(o=Xs(e),!c)return Ks(e,o)}else{var g=Ys(e),$=g==la||g==fi;if(ai(e))return Gs(e,c);if(g==ca||g==ia||$&&!s){if(o=u||$?{}:Qs(e),!c)return u?Ws(e,Ns(o,e)):qs(e,Vs(o,e))}else{if(!l[g])return s?e:{};o=Js(e,g,c)}}i||(i=new Ds);var P=i.get(e);if(P)return P;i.set(e,o),ni(e)?e.forEach(function(n){o.add(E(n,a,t,n,e,i))}):ti(e)&&e.forEach(function(n,m){o.set(m,E(n,a,t,m,e,i))});var d=b?u?Zs:Hs:u?si:oi,y=A?void 0:d(e);return Ms(y||e,function(n,m){y&&(m=n,n=e[m]),Us(o,m,E(n,a,t,m,e,i))}),o}var ki=E,Fi=ki,Li=1,Bi=4;function Ei(e){return Fi(e,Li|Bi)}var Ri=Ei;const Di=Ta(Ri),da="—",Mi=100,Ui={id:"accordion-toggle",name:"",key:""},Vi={class:"pz-accordion-table-wrap"},Ni={class:"pz-accordion-table"},Gi={key:0,class:"pz-accordion-table__head"},Ki={class:"pz-accordion-table__row pz-accordion-table__row--head"},qi=["id","onClick"],Wi={key:0,class:"pz-accordion-table__toggle-cell"},Hi=["aria-expanded","aria-label","onClick"],Zi=["colspan"],R=fa({name:"PzAccordionTable",__name:"PzAccordionTable",props:{rowIdFn:{type:Function,default:({id:e})=>String(e??"")},defaultOpenedSubRowFn:{type:Function,default:()=>!1},visibleToggleBtnFn:{type:Function,default:()=>!1},fields:{},data:{},defaultValue:{default:da},visibleHeader:{type:Boolean,default:!0}},setup(e){const a=ga(),t=ma({array:[]}),r=e;va(()=>P()),ya(()=>[r.data,r.defaultOpenedSubRowFn],()=>P(),{deep:!0});const s=de(()=>t.array.some(d=>u(d))),i=de(()=>r.fields.length+(s.value?1:0)),o=({colWidth:d})=>({width:r.fields.some(({colWidth:n})=>!!n)?`${d}%`:`${Math.floor(Mi/r.fields.length)}%`}),c=d=>!!a[d],u=d=>r.visibleToggleBtnFn(d),b=d=>{u(d)&&(d.showSubRow=!d.showSubRow)},A=d=>r.rowIdFn(d)||void 0,g=d=>{const{target:y}=d;return y instanceof Element&&!!y.closest("a, button, input, select, textarea, summary, [role='button']")},$=(d,y)=>{g(y)||b(d)},P=()=>{t.array=Di(r.data||[]).map(d=>({...d,showSubRow:r.defaultOpenedSubRowFn(d)}))};return(d,y)=>(f(),_("div",Vi,[j("table",Ni,[e.visibleHeader?(f(),_("thead",Gi,[j("tr",Ki,[(f(!0),_(k,null,N(e.fields,n=>(f(),G(z(ge),{key:n.id,column:n,style:pe(o(n))},null,8,["column","style"]))),128)),s.value?(f(),G(z(ge),{key:0,column:z(Ui),class:"pz-accordion-table__toggle-head"},null,8,["column"])):O("",!0)])])):O("",!0),j("tbody",null,[(f(!0),_(k,null,N(t.array,(n,m)=>(f(),_(k,{key:n.id??m},[j("tr",{id:A(n),class:F(["pz-accordion-table__row",{expandable:u(n),open:n.showSubRow}]),onClick:v=>$(n,v)},[(f(!0),_(k,null,N(e.fields,(v,ua)=>(f(),G(z(xa),{key:`${v.id}-${v.key}`,column:v,data:n,style:pe(o(v)),"default-value":e.defaultValue,class:F({"pz-accordion-table__cell--first-col":ua===0})},_a({_:2},[c(v.key)?{name:"default",fn:ue(({value:ba})=>[be(d.$slots,v.key,{data:n,column:v,value:ba,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),key:"0"}:void 0]),1032,["column","data","style","default-value","class"]))),128)),s.value?(f(),_("td",Wi,[u(n)?(f(),_("button",{key:0,type:"button",class:F(["pz-accordion-table__toggle-button",{"pz-accordion-table__toggle-button--open":n.showSubRow}]),"aria-expanded":n.showSubRow,"aria-label":n.showSubRow?"Згорнути деталі рядка":"Розгорнути деталі рядка",onClick:$a(v=>b(n),["stop"])},[fe(z(Oa),{name:"expand_more",size:"20"})],10,Hi)):O("",!0)])):O("",!0)],10,qi),u(n)?(f(),_("tr",{key:0,class:F(["pz-accordion-table__row pz-accordion-table__row--sub-row",{"pz-accordion-table__row--sub-row-open":n.showSubRow}])},[j("td",{colspan:i.value,class:"pz-accordion-table__sub-row-cell"},[fe(z(ja),{active:n.showSubRow,"content-class":"pz-accordion-table-sub-row-surface"},{default:ue(()=>[be(d.$slots,"subRow",{data:n,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),_:2},1032,["active"])],8,Zi)],2)):O("",!0)],64))),128))])])]))}}),le=Ia(R,[["__scopeId","data-v-de5b3340"]]);R.__docgenInfo=Object.assign({displayName:R.name??R.__name},{name:"PzAccordionTable",exportName:"default",displayName:"PzAccordionTable",description:"",tags:{},props:[{name:"rowIdFn",required:!1,type:{name:"PzAccordionTableRowIdFn"},defaultValue:{func:!1,value:'({ id }: PzAccordionTableRow) => String(id ?? "")'}},{name:"defaultOpenedSubRowFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn"},defaultValue:{func:!1,value:"() => false"}},{name:"visibleToggleBtnFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn"},defaultValue:{func:!1,value:"() => false"}},{name:"fields",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn"}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"PzAccordionTableRow"}]}},{name:"defaultValue",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"PZ_ACCORDION_TABLE_DEFAULT_VALUE"}},{name:"visibleHeader",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"field.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"},{name:"column",title:"binding"},{name:"value",title:"binding"},{name:"expanded",title:"binding"},{name:"toggle",title:"binding"}]},{name:"subRow",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"expanded",title:"binding"},{name:"toggle",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzAccordionTable/PzAccordionTable.vue"]});const pa=[{id:"name",name:"Назва",key:"name",colWidth:22},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:28},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"location",name:"Місце поставки",key:"location",colWidth:22},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:14}],ce=[{id:"paper-a4",name:"Папір для друку A4",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"1 упаковка",location:"09801, Україна, Київська область, м. Тетіїв, вул. Цвіткова, 26",deliveryDate:"по 27 листопада 2026",statusLabel:"Відповідає",statusVariant:"active",details:[{id:"format",title:"1. Формат паперу",tags:["Підтверджує участь","Відноситься до предмету закупівлі"],description:"Формат паперу А4 (210x297 мм)",values:["Формат паперу (210x297 мм)","Допустиме значення: А4"]},{id:"color",title:"2. Колір паперу",tags:["Підтверджує участь","Відноситься до предмету закупівлі"],description:"Колір паперу білий",values:["Колір паперу","Допустиме значення: Білий"]}]},{id:"paper-a3",name:"Папір для друку A3",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"10 упаковок",location:"09801, Україна, Київська область, м. Тетіїв, вул. Цвіткова, 26",deliveryDate:"по 27 листопада 2026",statusLabel:"Відповідає",statusVariant:"active"},{id:"ketamine",name:"ТОПЕНТАЛ ліофілізат для розчину для ін'єкцій по 1,0 г у флаконах",classification:"ДК 021:2015: 33600000-6 — Фармацевтична продукція",quantity:"20 флаконів",location:"09801, Україна, Київська область, м. Тетіїв, вул. Цвіткова, 26",deliveryDate:"по 27 листопада 2026",statusLabel:"Потребує перевірки",statusVariant:"progress",supplier:{name:"ТОВ Медичні рішення",href:"https://prozorro.gov.ua"},details:[{id:"dosage",title:"1. Дозування та форма випуску",tags:["Підтверджує участь"],description:"Ліофілізат для розчину для ін'єкцій, по 1,0 г у флаконах",values:["Форма випуску: ліофілізат","Дозування: 1,0 г"]}]}],Yi=[{id:"supplier",name:"Постачальник",key:"supplier",colWidth:28},{id:"classification",name:"Предмет закупівлі",key:"classification",colWidth:30},{id:"quantity",name:"Обсяг",key:"quantity",colWidth:12},{id:"statusLabel",name:"Статус",key:"statusLabel",colWidth:14},{id:"deliveryDate",name:"Поставка",key:"deliveryDate",colWidth:16}],Xi=ce.map(e=>({...e,supplier:e.supplier??{name:"ТОВ Канцелярія плюс",href:"https://prozorro.gov.ua"}})),Ji=`<template>
|
|
2
|
+
<PzAccordionTable
|
|
3
|
+
:fields="fields"
|
|
4
|
+
:data="data"
|
|
5
|
+
:visible-toggle-btn-fn="visibleToggleBtnFn"
|
|
6
|
+
>
|
|
7
|
+
<template #subRow="{ data }">
|
|
8
|
+
<div>{{ data.name }}</div>
|
|
9
|
+
</template>
|
|
10
|
+
</PzAccordionTable>
|
|
11
|
+
</template>`,Qi=`<template>
|
|
12
|
+
<PzAccordionTable
|
|
13
|
+
:fields="fields"
|
|
14
|
+
:data="data"
|
|
15
|
+
:visible-toggle-btn-fn="visibleToggleBtnFn"
|
|
16
|
+
>
|
|
17
|
+
<template #supplier="{ data }">
|
|
18
|
+
<PzLink :href="data.supplier.href" bold>
|
|
19
|
+
{{ data.supplier.name }}
|
|
20
|
+
</PzLink>
|
|
21
|
+
</template>
|
|
22
|
+
|
|
23
|
+
<template #statusLabel="{ data }">
|
|
24
|
+
<PzStatus :variant="data.statusVariant">
|
|
25
|
+
{{ data.statusLabel }}
|
|
26
|
+
</PzStatus>
|
|
27
|
+
</template>
|
|
28
|
+
|
|
29
|
+
<template #subRow="{ data }">
|
|
30
|
+
<div>Expanded details for {{ data.name }}</div>
|
|
31
|
+
</template>
|
|
32
|
+
</PzAccordionTable>
|
|
33
|
+
</template>`,ml={title:"Components/Data/PzAccordionTable",component:le,parameters:{prototype:{caption:"PzAccordionTable",note:"Table rows can expand into a full-width details area. Figma node access was blocked by rate limits during this turn, so fine spacing was verified against the screenshot and the local prototype."},docs:{description:{component:"Use `PzAccordionTable` when most rows behave like a standard data table but some rows also reveal a nested detail surface. It reuses `PzTable` cell primitives, keeps a per-row toggle predicate, and exposes named cell slots plus a `subRow` slot for expanded content."},source:{code:Ji}}},args:{fields:pa,data:ce,defaultValue:da,visibleHeader:!0,rowIdFn:e=>String(e.id??""),defaultOpenedSubRowFn:()=>!1,visibleToggleBtnFn:e=>{var a;return!!((a=e.details)!=null&&a.length)}},argTypes:{fields:{control:!1,description:"Column configuration array based on `PzTableColumn`."},data:{control:!1,description:"Table rows. Expansion state is managed internally from the provided data."},defaultValue:{control:"text",description:"Fallback content for empty cells."},visibleHeader:{control:"boolean",description:"Shows or hides the desktop header row."},rowIdFn:{control:!1,description:"Maps a row to the rendered DOM id attribute."},defaultOpenedSubRowFn:{control:!1,description:"Sets the initial open state for matching rows."},visibleToggleBtnFn:{control:!1,description:"Determines whether a row renders the expansion control and detail section."}}},x={render:e=>({components:{pzAccordionTable:le,pzText:qe,pzTag:Ke},setup(){return{args:e}},template:`
|
|
34
|
+
<div class="pz-accordion-table-story">
|
|
35
|
+
<section class="pz-accordion-table-story-board">
|
|
36
|
+
<div class="pz-accordion-table-story-header">
|
|
37
|
+
<div class="pz-accordion-table-story-copy">
|
|
38
|
+
<span class="pz-accordion-table-story-eyebrow">Component API</span>
|
|
39
|
+
<pz-text variant="h4-bold">Mixed flat and expandable rows</pz-text>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<div class="pz-accordion-table-story-preview">
|
|
44
|
+
<pz-accordion-table v-bind="args">
|
|
45
|
+
<template #subRow="{ data }">
|
|
46
|
+
<div class="pz-accordion-table-story-sub-row">
|
|
47
|
+
<div
|
|
48
|
+
v-for="detail in data.details || []"
|
|
49
|
+
:key="detail.id"
|
|
50
|
+
class="pz-accordion-table-story-detail"
|
|
51
|
+
>
|
|
52
|
+
<div class="pz-accordion-table-story-detail-head">
|
|
53
|
+
<strong>{{ detail.title }}</strong>
|
|
54
|
+
<div class="pz-accordion-table-story-tags">
|
|
55
|
+
<pz-tag
|
|
56
|
+
v-for="tag in detail.tags"
|
|
57
|
+
:key="tag"
|
|
58
|
+
variant="grey-light"
|
|
59
|
+
>
|
|
60
|
+
{{ tag }}
|
|
61
|
+
</pz-tag>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
<p class="pz-accordion-table-story-detail-copy">{{ detail.description }}</p>
|
|
66
|
+
|
|
67
|
+
<ul class="pz-accordion-table-story-detail-list">
|
|
68
|
+
<li
|
|
69
|
+
v-for="value in detail.values"
|
|
70
|
+
:key="value"
|
|
71
|
+
>
|
|
72
|
+
{{ value }}
|
|
73
|
+
</li>
|
|
74
|
+
</ul>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</template>
|
|
78
|
+
</pz-accordion-table>
|
|
79
|
+
</div>
|
|
80
|
+
</section>
|
|
81
|
+
</div>
|
|
82
|
+
`})},L={parameters:{docs:{source:{code:Qi}}},args:{fields:Yi,data:Xi,visibleToggleBtnFn:e=>{var a;return!!((a=e.details)!=null&&a.length)}},render:e=>({components:{pzAccordionTable:le,pzLink:Ca,pzStatus:ka,pzText:qe,pzTag:Ke},setup(){return{args:e}},template:`
|
|
83
|
+
<div class="pz-accordion-table-story">
|
|
84
|
+
<section class="pz-accordion-table-story-board">
|
|
85
|
+
<div class="pz-accordion-table-story-header">
|
|
86
|
+
<div class="pz-accordion-table-story-copy">
|
|
87
|
+
<span class="pz-accordion-table-story-eyebrow">Usage example</span>
|
|
88
|
+
<pz-text variant="h4-bold">Custom cells and detail content</pz-text>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
|
|
92
|
+
<div class="pz-accordion-table-story-preview">
|
|
93
|
+
<pz-accordion-table v-bind="args">
|
|
94
|
+
<template #supplier="{ data }">
|
|
95
|
+
<pz-link
|
|
96
|
+
:href="data.supplier.href"
|
|
97
|
+
bold
|
|
98
|
+
>
|
|
99
|
+
{{ data.supplier.name }}
|
|
100
|
+
</pz-link>
|
|
101
|
+
</template>
|
|
102
|
+
|
|
103
|
+
<template #statusLabel="{ data }">
|
|
104
|
+
<pz-status :variant="data.statusVariant">
|
|
105
|
+
{{ data.statusLabel }}
|
|
106
|
+
</pz-status>
|
|
107
|
+
</template>
|
|
108
|
+
|
|
109
|
+
<template #subRow="{ data }">
|
|
110
|
+
<div class="pz-accordion-table-story-sub-row">
|
|
111
|
+
<div class="pz-accordion-table-story-detail-head">
|
|
112
|
+
<strong>{{ data.name }}</strong>
|
|
113
|
+
<pz-tag variant="blue">Додаткові умови</pz-tag>
|
|
114
|
+
</div>
|
|
115
|
+
|
|
116
|
+
<p class="pz-accordion-table-story-detail-copy">
|
|
117
|
+
{{ data.classification }}
|
|
118
|
+
</p>
|
|
119
|
+
|
|
120
|
+
<p class="pz-accordion-table-story-detail-copy">
|
|
121
|
+
Постачання: {{ data.location }}
|
|
122
|
+
</p>
|
|
123
|
+
</div>
|
|
124
|
+
</template>
|
|
125
|
+
</pz-accordion-table>
|
|
126
|
+
</div>
|
|
127
|
+
</section>
|
|
128
|
+
</div>
|
|
129
|
+
`})},B={args:{fields:pa,data:ce,defaultOpenedSubRowFn:e=>e.id==="paper-a4",visibleToggleBtnFn:e=>{var a;return!!((a=e.details)!=null&&a.length)}},render:x.render};var Le,Be,Ee;x.parameters={...x.parameters,docs:{...(Le=x.parameters)==null?void 0:Le.docs,source:{originalSource:`{
|
|
130
|
+
render: (args: PzAccordionTableStoryArgs) => ({
|
|
131
|
+
components: {
|
|
132
|
+
pzAccordionTable: PzAccordionTable,
|
|
133
|
+
pzText: PzText,
|
|
134
|
+
pzTag: PzTag
|
|
135
|
+
},
|
|
136
|
+
setup() {
|
|
137
|
+
return {
|
|
138
|
+
args
|
|
139
|
+
};
|
|
140
|
+
},
|
|
141
|
+
template: \`
|
|
142
|
+
<div class="pz-accordion-table-story">
|
|
143
|
+
<section class="pz-accordion-table-story-board">
|
|
144
|
+
<div class="pz-accordion-table-story-header">
|
|
145
|
+
<div class="pz-accordion-table-story-copy">
|
|
146
|
+
<span class="pz-accordion-table-story-eyebrow">Component API</span>
|
|
147
|
+
<pz-text variant="h4-bold">Mixed flat and expandable rows</pz-text>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
|
|
151
|
+
<div class="pz-accordion-table-story-preview">
|
|
152
|
+
<pz-accordion-table v-bind="args">
|
|
153
|
+
<template #subRow="{ data }">
|
|
154
|
+
<div class="pz-accordion-table-story-sub-row">
|
|
155
|
+
<div
|
|
156
|
+
v-for="detail in data.details || []"
|
|
157
|
+
:key="detail.id"
|
|
158
|
+
class="pz-accordion-table-story-detail"
|
|
159
|
+
>
|
|
160
|
+
<div class="pz-accordion-table-story-detail-head">
|
|
161
|
+
<strong>{{ detail.title }}</strong>
|
|
162
|
+
<div class="pz-accordion-table-story-tags">
|
|
163
|
+
<pz-tag
|
|
164
|
+
v-for="tag in detail.tags"
|
|
165
|
+
:key="tag"
|
|
166
|
+
variant="grey-light"
|
|
167
|
+
>
|
|
168
|
+
{{ tag }}
|
|
169
|
+
</pz-tag>
|
|
170
|
+
</div>
|
|
171
|
+
</div>
|
|
172
|
+
|
|
173
|
+
<p class="pz-accordion-table-story-detail-copy">{{ detail.description }}</p>
|
|
174
|
+
|
|
175
|
+
<ul class="pz-accordion-table-story-detail-list">
|
|
176
|
+
<li
|
|
177
|
+
v-for="value in detail.values"
|
|
178
|
+
:key="value"
|
|
179
|
+
>
|
|
180
|
+
{{ value }}
|
|
181
|
+
</li>
|
|
182
|
+
</ul>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
</template>
|
|
186
|
+
</pz-accordion-table>
|
|
187
|
+
</div>
|
|
188
|
+
</section>
|
|
189
|
+
</div>
|
|
190
|
+
\`
|
|
191
|
+
})
|
|
192
|
+
}`,...(Ee=(Be=x.parameters)==null?void 0:Be.docs)==null?void 0:Ee.source}}};var Re,De,Me;L.parameters={...L.parameters,docs:{...(Re=L.parameters)==null?void 0:Re.docs,source:{originalSource:`{
|
|
193
|
+
parameters: {
|
|
194
|
+
docs: {
|
|
195
|
+
source: {
|
|
196
|
+
code: customSlotsSource
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
args: {
|
|
201
|
+
fields: contractFields,
|
|
202
|
+
data: contractData,
|
|
203
|
+
visibleToggleBtnFn: (row: PzAccordionTableRow) => Boolean((row as RequirementRow).details?.length)
|
|
204
|
+
},
|
|
205
|
+
render: (args: PzAccordionTableStoryArgs) => ({
|
|
206
|
+
components: {
|
|
207
|
+
pzAccordionTable: PzAccordionTable,
|
|
208
|
+
pzLink: PzLink,
|
|
209
|
+
pzStatus: PzStatus,
|
|
210
|
+
pzText: PzText,
|
|
211
|
+
pzTag: PzTag
|
|
212
|
+
},
|
|
213
|
+
setup() {
|
|
214
|
+
return {
|
|
215
|
+
args
|
|
216
|
+
};
|
|
217
|
+
},
|
|
218
|
+
template: \`
|
|
219
|
+
<div class="pz-accordion-table-story">
|
|
220
|
+
<section class="pz-accordion-table-story-board">
|
|
221
|
+
<div class="pz-accordion-table-story-header">
|
|
222
|
+
<div class="pz-accordion-table-story-copy">
|
|
223
|
+
<span class="pz-accordion-table-story-eyebrow">Usage example</span>
|
|
224
|
+
<pz-text variant="h4-bold">Custom cells and detail content</pz-text>
|
|
225
|
+
</div>
|
|
226
|
+
</div>
|
|
227
|
+
|
|
228
|
+
<div class="pz-accordion-table-story-preview">
|
|
229
|
+
<pz-accordion-table v-bind="args">
|
|
230
|
+
<template #supplier="{ data }">
|
|
231
|
+
<pz-link
|
|
232
|
+
:href="data.supplier.href"
|
|
233
|
+
bold
|
|
234
|
+
>
|
|
235
|
+
{{ data.supplier.name }}
|
|
236
|
+
</pz-link>
|
|
237
|
+
</template>
|
|
238
|
+
|
|
239
|
+
<template #statusLabel="{ data }">
|
|
240
|
+
<pz-status :variant="data.statusVariant">
|
|
241
|
+
{{ data.statusLabel }}
|
|
242
|
+
</pz-status>
|
|
243
|
+
</template>
|
|
244
|
+
|
|
245
|
+
<template #subRow="{ data }">
|
|
246
|
+
<div class="pz-accordion-table-story-sub-row">
|
|
247
|
+
<div class="pz-accordion-table-story-detail-head">
|
|
248
|
+
<strong>{{ data.name }}</strong>
|
|
249
|
+
<pz-tag variant="blue">Додаткові умови</pz-tag>
|
|
250
|
+
</div>
|
|
251
|
+
|
|
252
|
+
<p class="pz-accordion-table-story-detail-copy">
|
|
253
|
+
{{ data.classification }}
|
|
254
|
+
</p>
|
|
255
|
+
|
|
256
|
+
<p class="pz-accordion-table-story-detail-copy">
|
|
257
|
+
Постачання: {{ data.location }}
|
|
258
|
+
</p>
|
|
259
|
+
</div>
|
|
260
|
+
</template>
|
|
261
|
+
</pz-accordion-table>
|
|
262
|
+
</div>
|
|
263
|
+
</section>
|
|
264
|
+
</div>
|
|
265
|
+
\`
|
|
266
|
+
})
|
|
267
|
+
}`,...(Me=(De=L.parameters)==null?void 0:De.docs)==null?void 0:Me.source}}};var Ue,Ve,Ne;B.parameters={...B.parameters,docs:{...(Ue=B.parameters)==null?void 0:Ue.docs,source:{originalSource:`{
|
|
268
|
+
args: {
|
|
269
|
+
fields: requirementFields,
|
|
270
|
+
data: requirementData,
|
|
271
|
+
defaultOpenedSubRowFn: (row: PzAccordionTableRow) => row.id === "paper-a4",
|
|
272
|
+
visibleToggleBtnFn: (row: PzAccordionTableRow) => Boolean((row as RequirementRow).details?.length)
|
|
273
|
+
},
|
|
274
|
+
render: Playground.render
|
|
275
|
+
}`,...(Ne=(Ve=B.parameters)==null?void 0:Ve.docs)==null?void 0:Ne.source}}};const _l=["Playground","CustomSlots","DefaultOpenedRows"];export{L as CustomSlots,B as DefaultOpenedRows,x as Playground,_l as __namedExportsOrder,ml as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-array-clamp-story{display:grid;gap:24px}.pz-array-clamp-story-hero,.pz-array-clamp-story-card{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-array-clamp-story-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:20px;padding:clamp(22px,2vw,30px)}.pz-array-clamp-story-copy,.pz-array-clamp-story-preview,.pz-array-clamp-story-card{display:grid;gap:16px}.pz-array-clamp-story-preview,.pz-array-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-array-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-array-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.pz-array-clamp-story-label,.pz-array-clamp-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-array-clamp-story-label,.pz-array-clamp-story-eyebrow{color:var(--pz-color-text-link-hover)}.pz-array-clamp-story-custom-toggle{padding:0;border:0;background:transparent;color:var(--pz-color-text-link);cursor:pointer;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-array-clamp-story-custom-toggle:hover,.pz-array-clamp-story-custom-toggle:focus-visible{color:var(--pz-color-text-link-hover);outline:none}@media (width <= 1024px){.pz-array-clamp-story-hero,.pz-array-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-array-clamp-story-hero,.pz-array-clamp-story-preview,.pz-array-clamp-story-card{padding:20px;border-radius:22px}}.pz-array-clamp[data-v-
|
|
1
|
+
.pz-array-clamp-story{display:grid;gap:24px}.pz-array-clamp-story-hero,.pz-array-clamp-story-card{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-array-clamp-story-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:20px;padding:clamp(22px,2vw,30px)}.pz-array-clamp-story-copy,.pz-array-clamp-story-preview,.pz-array-clamp-story-card{display:grid;gap:16px}.pz-array-clamp-story-preview,.pz-array-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-array-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-array-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.pz-array-clamp-story-label,.pz-array-clamp-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-array-clamp-story-label,.pz-array-clamp-story-eyebrow{color:var(--pz-color-text-link-hover)}.pz-array-clamp-story-custom-toggle{padding:0;border:0;background:transparent;color:var(--pz-color-text-link);cursor:pointer;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-array-clamp-story-custom-toggle:hover,.pz-array-clamp-story-custom-toggle:focus-visible{color:var(--pz-color-text-link-hover);outline:none}@media (width <= 1024px){.pz-array-clamp-story-hero,.pz-array-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-array-clamp-story-hero,.pz-array-clamp-story-preview,.pz-array-clamp-story-card{padding:20px;border-radius:22px}}.pz-array-clamp[data-v-32677182]{margin:0;padding:0;list-style:none;color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-array-clamp-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-array-clamp-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-array-clamp-line-height, var(--pz-typography-line-height, 1.5))}.pz-array-clamp__item[data-v-32677182]{margin:0;padding:0}.pz-array-clamp__toggle[data-v-32677182]{padding:0;border:0;background:transparent;color:var(--pz-color-text-link);cursor:pointer;transition:color .16s ease;overflow-wrap:break-word;font-size:var(--pz-array-clamp-toggle-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-array-clamp-toggle-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-array-clamp-toggle-line-height, var(--pz-typography-line-height, 1.5))}.pz-array-clamp__toggle[data-v-32677182]:hover,.pz-array-clamp__toggle[data-v-32677182]:focus-visible{color:var(--pz-color-text-link-hover);outline:none}
|
package/dist/app/assets/{PzArrayClamp.stories-DfNrdeZo.js → PzArrayClamp.stories-CFGb8iDZ.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as
|
|
1
|
+
import{d as O,r as x,w as E,e as r,F as D,x as F,B as f,p as U,f as h,g as n,o,C as j,t as C,q as J}from"./iframe-yhLt8Lok.js";import{P as N}from"./PzText-OlPU47Sz.js";import{p as M}from"./configs-B15JgQZ-.js";import{_ as R}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const W={key:0,class:"pz-array-clamp__item"},G=3,c=O({name:"PzArrayClamp",__name:"PzArrayClamp",props:{list:{},count:{default:G},expanded:{type:Boolean,default:!1},expandLabel:{default:"Показати більше"},collapseLabel:{default:"Показати менше"},btnClass:{default:""},typography:{}},emits:["update:expanded"],setup(e,{emit:t}){const a=e,m=t,u=x(a.expanded);E(()=>a.expanded,l=>{u.value=l});const s=n(()=>u.value),I=n(()=>s.value?a.list:a.list.slice(0,a.count)),b=n(()=>Math.max(a.list.length-a.count,0)),q=n(()=>b.value>0),z=()=>{const l=!s.value;u.value=l,m("update:expanded",l)};return(l,X)=>(o(),r("ul",{class:h(["pz-array-clamp",e.typography?`pz-typography--${e.typography}`:null])},[(o(!0),r(D,null,F(I.value,(y,v)=>(o(),r("li",{key:`${String(y)}-${v}`,class:"pz-array-clamp__item"},[f(l.$slots,"default",{item:y,index:v},()=>[j(C(y),1)],!0)]))),128)),q.value?(o(),r("li",W,[f(l.$slots,"toggle",{toggle:z,expanded:s.value,hiddenCount:b.value},()=>[J("button",{type:"button",class:h(["pz-array-clamp__toggle",e.btnClass]),onClick:z},C(s.value?e.collapseLabel:e.expandLabel),3)],!0)])):U("",!0)],2))}}),g=R(c,[["__scopeId","data-v-32677182"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzArrayClamp",exportName:"default",displayName:"PzArrayClamp",description:"",tags:{},props:[{name:"list",required:!0,type:{name:"Array",elements:[{name:"unknown"}]}},{name:"count",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"DEFAULT_VISIBLE_COUNT"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expandLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Показати більше"'}},{name:"collapseLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Показати менше"'}},{name:"btnClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"default",scoped:!0,bindings:[{name:"item",title:"binding"},{name:"index",title:"binding"}]},{name:"toggle",scoped:!0,bindings:[{name:"toggle",title:"binding"},{name:"expanded",title:"binding"},{name:"hidden-count",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzArrayClamp/PzArrayClamp.vue"]});const L=['251035-П29"','"7519 АК1"','"236-1701082"','"236-1702091"','"236-1115030"'],B=['ТОВ "Центральна ремонтна база"','ТОВ "Укрспецлогістика"','ДП "Технічний сервіс №17"','ТОВ "Промавтодеталь"'],H=e=>`<template>
|
|
2
2
|
<PzArrayClamp ${[`:list='${JSON.stringify(e.list,null,2)}'`,e.count!==3?`:count="${e.count}"`:null,e.expanded?':expanded="true"':null,e.expandLabel!=="Показати більше"?`expand-label="${e.expandLabel}"`:null,e.collapseLabel!=="Показати менше"?`collapse-label="${e.collapseLabel}"`:null].filter(m=>!!m).join(" ")} />
|
|
3
3
|
</template>`,K=()=>`<template>
|
|
4
4
|
<PzArrayClamp :list="items" :count="2">
|
|
@@ -12,7 +12,7 @@ import{d as q,r as b,w as V,e as n,F as D,A as F,l as v,y as O,g as r,o,E as U,t
|
|
|
12
12
|
</button>
|
|
13
13
|
</template>
|
|
14
14
|
</PzArrayClamp>
|
|
15
|
-
</template>`,Q={title:"Components/Text/PzArrayClamp",component:
|
|
15
|
+
</template>`,Q={title:"Components/Text/PzArrayClamp",component:g,parameters:{prototype:{caption:"Array clamp component",note:"Compact vertical list for short repeated values. It stays close to the old array clamp prototype, but uses design-system text and link tokens plus controlled expand state."},docs:{description:{component:"Use `PzArrayClamp` to show a short list of repeated values with a link-like reveal action. Item text defaults to the `body-regular` style, and the component supports item and toggle slots for customization."},source:{transform:(e,t)=>H(t.args??Q.args)}}},args:{list:L,count:3,expanded:!1,expandLabel:"Показати більше",collapseLabel:"Показати менше",btnClass:"",typography:void 0,title:"Compact values inside a table cell"},argTypes:{list:{control:"object",description:"Items rendered by the clamp."},count:{control:{type:"number",min:1,max:10,step:1},description:"Number of items visible before the list is expanded."},expanded:{control:"boolean",description:"Controlled expanded state."},expandLabel:{control:"text",description:"Default label shown while collapsed."},collapseLabel:{control:"text",description:"Default label shown while expanded."},btnClass:{control:"text",description:"Additional class names for the default toggle button."},typography:{control:"select",options:[void 0,...M],description:"Overrides typography using a PzText variant."},title:{control:"text",description:"Story-only heading.",table:{category:"Story"}}},render:e=>({components:{pzArrayClamp:g,pzText:N},setup(){const t=x(!!e.expanded);return E(()=>e.expanded,a=>{t.value=!!a}),{args:e,expanded:t,supplierNames:B,tenderCodes:L}},template:`
|
|
16
16
|
<div class="pz-array-clamp-story">
|
|
17
17
|
<section class="pz-array-clamp-story-hero">
|
|
18
18
|
<div class="pz-array-clamp-story-copy">
|
|
@@ -31,6 +31,7 @@ import{d as q,r as b,w as V,e as n,F as D,A as F,l as v,y as O,g as r,o,E as U,t
|
|
|
31
31
|
:expand-label="args.expandLabel"
|
|
32
32
|
:collapse-label="args.collapseLabel"
|
|
33
33
|
:btn-class="args.btnClass"
|
|
34
|
+
:typography="args.typography"
|
|
34
35
|
@update:expanded="expanded = $event"
|
|
35
36
|
/>
|
|
36
37
|
</div>
|
|
@@ -48,7 +49,7 @@ import{d as q,r as b,w as V,e as n,F as D,A as F,l as v,y as O,g as r,o,E as U,t
|
|
|
48
49
|
</article>
|
|
49
50
|
</section>
|
|
50
51
|
</div>
|
|
51
|
-
`})},p={},d={args:{list
|
|
52
|
+
`})},p={},d={args:{list:B,count:2,title:"Two visible suppliers"}},i={parameters:{docs:{source:{code:K()}}},render:()=>({components:{pzArrayClamp:g,pzText:N},setup(){return{expanded:x(!1),items:['"236-1701082"','"236-1702091"','"236-1115030"','"236-1302024"']}},template:`
|
|
52
53
|
<div class="pz-array-clamp-story">
|
|
53
54
|
<section class="pz-array-clamp-story-hero">
|
|
54
55
|
<div class="pz-array-clamp-story-copy">
|
|
@@ -82,13 +83,13 @@ import{d as q,r as b,w as V,e as n,F as D,A as F,l as v,y as O,g as r,o,E as U,t
|
|
|
82
83
|
</div>
|
|
83
84
|
</section>
|
|
84
85
|
</div>
|
|
85
|
-
`})};var
|
|
86
|
+
`})};var T,w,A;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:"{}",...(A=(w=p.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var P,S,_;d.parameters={...d.parameters,docs:{...(P=d.parameters)==null?void 0:P.docs,source:{originalSource:`{
|
|
86
87
|
args: {
|
|
87
88
|
list: supplierNames,
|
|
88
89
|
count: 2,
|
|
89
90
|
title: "Two visible suppliers"
|
|
90
91
|
}
|
|
91
|
-
}`,...(
|
|
92
|
+
}`,...(_=(S=d.parameters)==null?void 0:S.docs)==null?void 0:_.source}}};var V,$,k;i.parameters={...i.parameters,docs:{...(V=i.parameters)==null?void 0:V.docs,source:{originalSource:`{
|
|
92
93
|
parameters: {
|
|
93
94
|
docs: {
|
|
94
95
|
source: {
|
|
@@ -145,4 +146,4 @@ import{d as q,r as b,w as V,e as n,F as D,A as F,l as v,y as O,g as r,o,E as U,t
|
|
|
145
146
|
</div>
|
|
146
147
|
\`
|
|
147
148
|
})
|
|
148
|
-
}`,...(
|
|
149
|
+
}`,...(k=($=i.parameters)==null?void 0:$.docs)==null?void 0:k.source}}};const le=["Playground","TwoVisibleItems","CustomSlots"];export{i as CustomSlots,p as Playground,d as TwoVisibleItems,le as __namedExportsOrder,Q as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.pz-breadcrumb-story{display:grid;gap:var(--pz-space-24)}.pz-breadcrumb-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-breadcrumb-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-breadcrumb-story-eyebrow,.pz-breadcrumb-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-breadcrumb-story-surface{display:grid;gap:var(--pz-space-20);padding:var(--pz-space-24);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-breadcrumb-story-grid{display:grid;gap:var(--pz-space-16)}.pz-breadcrumb-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-breadcrumb-story-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-breadcrumb-story-card-surface{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-background-frame) 96%,var(--pz-color-white))}@media (width <= 768px){.pz-breadcrumb-story-header{flex-direction:column}.pz-breadcrumb-story-card{grid-template-columns:1fr}}.pz-breadcrumb[data-v-1817047b]{--pz-breadcrumb-link-color: var(--pz-color-text-primary);--pz-breadcrumb-current-color: var(--pz-color-text-secondary);--pz-breadcrumb-separator-color: var(--pz-color-grey-60);width:100%}.pz-breadcrumb__list[data-v-1817047b]{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none}.pz-breadcrumb__item[data-v-1817047b]{display:inline-flex;align-items:center}.pz-breadcrumb__item[data-v-1817047b]:not(:first-child):before{content:"›";margin:0 10px;color:var(--pz-breadcrumb-separator-color);font-size:var(--pz-font-size-14);line-height:1}.pz-breadcrumb__link[data-v-1817047b]{color:var(--pz-breadcrumb-link-color);text-decoration:none;transition:color .16s ease;font-size:var(--pz-breadcrumb-link-font-size, var(--pz-font-size-12));font-weight:var(--pz-breadcrumb-link-font-weight, 400);line-height:var(--pz-breadcrumb-link-line-height, 1.5)}.pz-breadcrumb__link[data-v-1817047b]:hover{color:var(--pz-color-text-link-hover)}.pz-breadcrumb__link--current[data-v-1817047b]{color:var(--pz-breadcrumb-current-color);pointer-events:none}
|
|
1
|
+
@charset "UTF-8";.pz-breadcrumb-story{display:grid;gap:var(--pz-space-24)}.pz-breadcrumb-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-breadcrumb-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-breadcrumb-story-eyebrow,.pz-breadcrumb-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-breadcrumb-story-surface{display:grid;gap:var(--pz-space-20);padding:var(--pz-space-24);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-breadcrumb-story-grid{display:grid;gap:var(--pz-space-16)}.pz-breadcrumb-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-breadcrumb-story-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-breadcrumb-story-card-surface{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-background-frame) 96%,var(--pz-color-white))}@media (width <= 768px){.pz-breadcrumb-story-header{flex-direction:column}.pz-breadcrumb-story-card{grid-template-columns:1fr}}.pz-breadcrumb[data-v-1817047b]{--pz-breadcrumb-link-color: var(--pz-color-text-primary);--pz-breadcrumb-current-color: var(--pz-color-text-secondary);--pz-breadcrumb-separator-color: var(--pz-color-grey-60);width:100%}.pz-breadcrumb__list[data-v-1817047b]{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none}.pz-breadcrumb__item[data-v-1817047b]{display:inline-flex;align-items:center}.pz-breadcrumb__item[data-v-1817047b]:not(:first-child):before{content:"›";margin:0 10px;color:var(--pz-breadcrumb-separator-color);font-size:var(--pz-font-size-14);line-height:1}.pz-breadcrumb__link[data-v-1817047b]{color:var(--pz-breadcrumb-link-color);text-decoration:none;transition:color .16s ease;overflow-wrap:break-word;font-size:var(--pz-breadcrumb-link-font-size, var(--pz-typography-font-size, var(--pz-font-size-12)));font-weight:var(--pz-breadcrumb-link-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-breadcrumb-link-line-height, var(--pz-typography-line-height, 1.5))}.pz-breadcrumb__link[data-v-1817047b]:hover{color:var(--pz-color-text-link-hover)}.pz-breadcrumb__link--current[data-v-1817047b]{color:var(--pz-breadcrumb-current-color);pointer-events:none}
|