@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
package/package.json
CHANGED
|
@@ -15,10 +15,12 @@
|
|
|
15
15
|
|
|
16
16
|
@mixin typography-emit($size, $weight, $line: 1.5, $prefix: null) {
|
|
17
17
|
@if $prefix {
|
|
18
|
-
|
|
19
|
-
font-
|
|
20
|
-
|
|
18
|
+
overflow-wrap: break-word;
|
|
19
|
+
font-size: var(--#{$prefix}-font-size, var(--pz-typography-font-size, #{$size}));
|
|
20
|
+
font-weight: var(--#{$prefix}-font-weight, var(--pz-typography-font-weight, #{$weight}));
|
|
21
|
+
line-height: var(--#{$prefix}-line-height, var(--pz-typography-line-height, #{$line}));
|
|
21
22
|
} @else {
|
|
23
|
+
overflow-wrap: break-word;
|
|
22
24
|
font-size: $size;
|
|
23
25
|
font-weight: $weight;
|
|
24
26
|
line-height: $line;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
@use "sass:list";
|
|
2
|
+
|
|
3
|
+
// Utility classes for opt-in typography variants. Mirror PzText variants and
|
|
4
|
+
// expose --pz-typography-* CSS vars consumed by the typography mixins. Any
|
|
5
|
+
// component whose typography mixin uses a prefix will pick these up via the
|
|
6
|
+
// fallback chain without specificity conflicts.
|
|
7
|
+
|
|
8
|
+
$pz-typography-variants: (
|
|
9
|
+
"h1-bold": (
|
|
10
|
+
44,
|
|
11
|
+
700,
|
|
12
|
+
),
|
|
13
|
+
"h1-regular": (
|
|
14
|
+
44,
|
|
15
|
+
400,
|
|
16
|
+
),
|
|
17
|
+
"h2-bold": (
|
|
18
|
+
32,
|
|
19
|
+
700,
|
|
20
|
+
),
|
|
21
|
+
"h3-bold": (
|
|
22
|
+
24,
|
|
23
|
+
700,
|
|
24
|
+
),
|
|
25
|
+
"h3-regular": (
|
|
26
|
+
24,
|
|
27
|
+
400,
|
|
28
|
+
),
|
|
29
|
+
"h4-regular": (
|
|
30
|
+
18,
|
|
31
|
+
400,
|
|
32
|
+
),
|
|
33
|
+
"h4-semibold": (
|
|
34
|
+
18,
|
|
35
|
+
600,
|
|
36
|
+
),
|
|
37
|
+
"h4-bold": (
|
|
38
|
+
18,
|
|
39
|
+
700,
|
|
40
|
+
),
|
|
41
|
+
"subtitle": (
|
|
42
|
+
16,
|
|
43
|
+
600,
|
|
44
|
+
),
|
|
45
|
+
"body-regular": (
|
|
46
|
+
14,
|
|
47
|
+
400,
|
|
48
|
+
),
|
|
49
|
+
"body-semibold": (
|
|
50
|
+
14,
|
|
51
|
+
600,
|
|
52
|
+
),
|
|
53
|
+
"body-bold": (
|
|
54
|
+
14,
|
|
55
|
+
700,
|
|
56
|
+
),
|
|
57
|
+
"capitalized": (
|
|
58
|
+
14,
|
|
59
|
+
400,
|
|
60
|
+
),
|
|
61
|
+
"hint": (
|
|
62
|
+
14,
|
|
63
|
+
400,
|
|
64
|
+
),
|
|
65
|
+
"line-through": (
|
|
66
|
+
14,
|
|
67
|
+
400,
|
|
68
|
+
),
|
|
69
|
+
"small-regular": (
|
|
70
|
+
12,
|
|
71
|
+
400,
|
|
72
|
+
),
|
|
73
|
+
"small-semibold": (
|
|
74
|
+
12,
|
|
75
|
+
600,
|
|
76
|
+
),
|
|
77
|
+
"small-bold": (
|
|
78
|
+
12,
|
|
79
|
+
700,
|
|
80
|
+
),
|
|
81
|
+
"link": (
|
|
82
|
+
14,
|
|
83
|
+
400,
|
|
84
|
+
),
|
|
85
|
+
"document": (
|
|
86
|
+
14,
|
|
87
|
+
400,
|
|
88
|
+
),
|
|
89
|
+
);
|
|
90
|
+
|
|
91
|
+
.pz-typography {
|
|
92
|
+
@each $name, $tokens in $pz-typography-variants {
|
|
93
|
+
$size: list.nth($tokens, 1);
|
|
94
|
+
$weight: list.nth($tokens, 2);
|
|
95
|
+
|
|
96
|
+
&--#{$name} {
|
|
97
|
+
--pz-typography-font-size: var(--pz-font-size-#{$size});
|
|
98
|
+
--pz-typography-font-weight: #{$weight};
|
|
99
|
+
--pz-typography-line-height: 1.5;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
&--centered {
|
|
104
|
+
text-align: center;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
&--capitalized {
|
|
108
|
+
text-transform: uppercase;
|
|
109
|
+
letter-spacing: 0.05em;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
&--hint {
|
|
113
|
+
color: var(--pz-color-text-secondary);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
&--line-through {
|
|
117
|
+
text-decoration: line-through;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
&--link {
|
|
121
|
+
color: var(--pz-color-text-link);
|
|
122
|
+
text-decoration: underline;
|
|
123
|
+
cursor: pointer;
|
|
124
|
+
}
|
|
125
|
+
}
|
package/src/styles/main.scss
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as p,e as n,k as i,F as g,A as v,u as c,l as r,f as _,y as b,o as a,B as h,V as P,K as V,t as C,z as f,D as x,g as A}from"./iframe-C0Tj7XHr.js";import{_ as k}from"./PzIcon-DtHaOlhQ.js";import{P as w}from"./PzSkeleton-BwC2svLL.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const B=[{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"}],N={key:0,class:"pz-accordion-content__transition"},$={key:0,class:"pz-accordion-content__loader"},q={key:1},t=p({name:"PzAccordionContent",__name:"PzAccordionContent",props:{active:{type:Boolean},loading:{type:Boolean,default:!1},contentClass:{default:""}},setup(e){return(s,u)=>e.active?(a(),n("div",N,[i("div",{class:_(["pz-accordion-content__surface",e.contentClass])},[e.loading?(a(),n("div",$,[(a(!0),n(g,null,v(c(B),o=>(a(),h(c(w),{key:o.id,width:o.width,height:"24px"},null,8,["width"]))),128))])):(a(),n("div",q,[r(s.$slots,"default",{},void 0,!0)]))],2)])):b("",!0)}}),I=z(t,[["__scopeId","data-v-cc5d33b2"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__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 j=["aria-expanded","disabled"],F={class:"pz-accordion__trigger-content"},L={key:0,class:"pz-accordion__label"},l=p({name:"PzAccordion",__name:"PzAccordion",props:{modelValue:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},label:{default:""},disabled:{type:Boolean,default:!1},contentClass:{default:""}},emits:["update:modelValue"],setup(e,{emit:s}){const u=s,o=e,m=()=>{o.disabled||u("update:modelValue",!o.modelValue)},y=A(()=>({active:o.modelValue,disabled:o.disabled,toggle:m}));return(d,S)=>(a(),n("div",{class:_(["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:m},[i("span",F,[d.$slots.trigger?r(d.$slots,"trigger",P(V({key:0},y.value)),void 0,!0):(a(),n(g,{key:1},[e.label?(a(),n("span",L,C(e.label),1)):b("",!0)],64))]),f(c(k),{name:"expand_more",size:"20",class:"pz-accordion__icon"})],8,j),f(I,{active:e.modelValue,"content-class":e.contentClass,loading:e.loading},{default:x(()=>[r(d.$slots,"default",{},void 0,!0)]),_:3},8,["active","content-class","loading"])],2))}}),K=z(l,[["__scopeId","data-v-ce4ca346"]]);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:'""'}}],slots:[{name:"trigger",scoped:!0,bindings:[]},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzAccordion/PzAccordion.vue"]});export{K as P,I as a};
|
|
@@ -1 +0,0 @@
|
|
|
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-ce4ca346]{border-top:1px solid var(--pz-color-stroke-grey);border-bottom:1px solid var(--pz-color-stroke-grey)}.pz-accordion+.pz-accordion[data-v-ce4ca346]{border-top-width:0}.pz-accordion__trigger[data-v-ce4ca346]{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-ce4ca346]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px}.pz-accordion__trigger[data-v-ce4ca346]:hover:not(:disabled){background-color:color-mix(in srgb,var(--pz-color-blue-10) 72%,transparent)}.pz-accordion__trigger[data-v-ce4ca346]:disabled{cursor:default}.pz-accordion__trigger-content[data-v-ce4ca346]{flex:1 1 auto;min-width:0}.pz-accordion__label[data-v-ce4ca346]{display:inline-flex;align-items:center;min-width:0;font-size:var(--pz-accordion-label-font-size, var(--pz-font-size-14));font-weight:var(--pz-accordion-label-font-weight, 600);line-height:var(--pz-accordion-label-line-height, 1.5)}.pz-accordion__icon[data-v-ce4ca346]{flex:0 0 auto;margin-top:2px;color:var(--pz-color-text-secondary)}.pz-accordion--open .pz-accordion__icon[data-v-ce4ca346]{transform:rotate(180deg);color:var(--pz-color-text-primary)}.pz-accordion.disabled[data-v-ce4ca346]{opacity:.7}
|
|
@@ -1 +0,0 @@
|
|
|
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);font-size:var(--pz-accordion-table-font-size, var(--pz-font-size-14));font-weight:var(--pz-accordion-table-font-weight, 400);line-height:var(--pz-accordion-table-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);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}}
|
|
@@ -1,275 +0,0 @@
|
|
|
1
|
-
import{d as fa,H as ga,j as va,w as ya,e as _,k as j,F as k,A as N,B as G,u as z,y as O,h as ma,g as de,o as f,n as pe,f as F,J as _a,D as ue,l as be,M as $a,z as fe}from"./iframe-C0Tj7XHr.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-B0I9gAH8.js";import{_ as Oa}from"./PzIcon-DtHaOlhQ.js";import{b as ge,c as xa}from"./PzTable-DuU8JAt1.js";import{_ as Ia}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{P as Ca}from"./PzLink-C34ePoHR.js";import{P as ka}from"./PzStatus-B8fDQ3ZX.js";import{P as Ke}from"./PzTag-F76Pw53L.js";import{P as qe}from"./PzText-BQZq8EVF.js";import"./preload-helper-C1FmrZbK.js";import"./PzSkeleton-BwC2svLL.js";import"./lodash-CdDiHlzQ.js";import"./PzInfoHint-2M1N5-8H.js";import"./PzHint-C_J-NgV5.js";import"./floating-vue-n4D6Ru3Z.js";import"./floating-vue-bEyZEONw.js";var Fa=Y;function La(){this.__data__=new Fa,this.size=0}var Ba=La;function Ra(e){var a=this.__data__,t=a.delete(e);return this.size=a.size,t}var Ea=Ra;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=Ea,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,Rt=Xe,Et=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 Et(e)&&Rt(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,Rr=wa,Er=Xe;function Dr(e){return e!=null&&Er(e.length)&&!Rr(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,Rn=na;function En(e,a){return Bn(e,Rn(e),a)}var Dn=En,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 Ro=Bo,Eo=ie;function Do(e,a){var t=a?Eo(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}var Mo=Do,Uo=ie,Vo=Co,No=Lo,Go=Ro,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,Rs=Fe?Bs(Fe):Ls,Es=Rs,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=Es,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 R(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(R(n,a,t,n,e,i))}):ti(e)&&e.forEach(function(n,m){o.set(m,R(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,R(n,a,t,m,e,i))}),o}var ki=R,Fi=ki,Li=1,Bi=4;function Ri(e){return Fi(e,Li|Bi)}var Ei=Ri;const Di=Ta(Ei),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"],E=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(E,[["__scopeId","data-v-de5b3340"]]);E.__docgenInfo=Object.assign({displayName:E.name??E.__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,Re;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
|
-
}`,...(Re=(Be=x.parameters)==null?void 0:Be.docs)==null?void 0:Re.source}}};var Ee,De,Me;L.parameters={...L.parameters,docs:{...(Ee=L.parameters)==null?void 0:Ee.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 +0,0 @@
|
|
|
1
|
-
import{d as i,e as a,l as o,y as l,f as p,o as t}from"./iframe-C0Tj7XHr.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d=["type","disabled"],f={key:0,class:"pz-btn-prefix"},c={key:1,class:"pz-btn-content"},m={key:2,class:"pz-btn-suffix"},s=i({name:"PzBtn",__name:"PzBtn",props:{variant:{default:"primary"},type:{default:"button"},disabled:{type:Boolean,default:!1}},setup(r){const n=r;return(e,y)=>(t(),a("button",{type:n.type,disabled:n.disabled,class:p(["pz-btn",`pz-btn--${n.variant}`])},[e.$slots.prefix?(t(),a("span",f,[o(e.$slots,"prefix",{},void 0,!0)])):l("",!0),e.$slots.default?(t(),a("span",c,[o(e.$slots,"default",{},void 0,!0)])):l("",!0),e.$slots.suffix?(t(),a("span",m,[o(e.$slots,"suffix",{},void 0,!0)])):l("",!0)],10,d))}}),z=u(s,[["__scopeId","data-v-7cce5a5f"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzBtn",exportName:"default",displayName:"PzBtn",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzBtnVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"type",required:!1,type:{name:"PzBtnType"},defaultValue:{func:!1,value:'"button"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzBtn/PzBtn.vue"]});export{z as P};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-btn[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-white);--pz-btn-disabled-bg: var(--pz-color-button-disabled);--pz-btn-disabled-border-color: var(--pz-color-button-disabled);--pz-btn-active-color: var(--pz-btn-color);--pz-btn-active-bg: var(--pz-btn-bg);--pz-btn-active-border-color: var(--pz-btn-border-color);--pz-btn-radius: var(--pz-space-4);--pz-btn-padding-block: var(--pz-space-8);--pz-btn-padding-inline: var(--pz-space-12);--pz-btn-gap: var(--pz-space-8);display:inline-flex;align-items:center;gap:var(--pz-btn-gap);padding:var(--pz-btn-padding-block) var(--pz-btn-padding-inline);border:1px solid var(--pz-btn-border-color);border-radius:var(--pz-btn-radius);background:var(--pz-btn-bg);color:var(--pz-btn-color);cursor:pointer;text-decoration:none;outline:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;font-size:var(--pz-btn-font-size, var(--pz-font-size-14));font-weight:var(--pz-btn-font-weight, 600);line-height:var(--pz-btn-line-height, 1.5)}.pz-btn[data-v-7cce5a5f]:not(:disabled):hover,.pz-btn[data-v-7cce5a5f]:not(:disabled):focus-visible{color:var(--pz-btn-hover-color);background:var(--pz-btn-hover-bg);border-color:var(--pz-btn-hover-border-color)}.pz-btn[data-v-7cce5a5f]:not(:disabled):active{color:var(--pz-btn-active-color);background:var(--pz-btn-active-bg);border-color:var(--pz-btn-active-border-color)}.pz-btn[data-v-7cce5a5f]:not(:disabled):focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-btn-hover-bg) 28%,transparent)}.pz-btn[data-v-7cce5a5f]:disabled{color:var(--pz-btn-disabled-color);background:var(--pz-btn-disabled-bg);border-color:var(--pz-btn-disabled-border-color);cursor:not-allowed}.pz-btn--primary[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-primary);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-primary-hover);--pz-btn-border-color: var(--pz-color-button-primary);--pz-btn-hover-border-color: var(--pz-color-button-primary-hover)}.pz-btn--primary-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-primary);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-primary-hover);--pz-btn-border-color: var(--pz-color-button-primary);--pz-btn-hover-border-color: var(--pz-color-button-primary-hover);--pz-btn-active-color: var(--pz-color-white);--pz-btn-active-bg: var(--pz-color-button-primary);--pz-btn-active-border-color: var(--pz-color-button-primary);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--danger[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-danger);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-danger-hover);--pz-btn-border-color: var(--pz-color-button-danger);--pz-btn-hover-border-color: var(--pz-color-button-danger-hover)}.pz-btn--danger-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-danger);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-danger-hover);--pz-btn-border-color: var(--pz-color-button-danger);--pz-btn-hover-border-color: var(--pz-color-button-danger-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--alert[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-alert);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-alert-hover);--pz-btn-border-color: var(--pz-color-button-alert);--pz-btn-hover-border-color: var(--pz-color-button-alert-hover)}.pz-btn--alert-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-alert);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-alert-hover);--pz-btn-border-color: var(--pz-color-button-alert);--pz-btn-hover-border-color: var(--pz-color-button-alert-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--success[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-success);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-success-hover);--pz-btn-border-color: var(--pz-color-button-success);--pz-btn-hover-border-color: var(--pz-color-button-success-hover)}.pz-btn--success-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-success);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-success-hover);--pz-btn-border-color: var(--pz-color-button-success);--pz-btn-hover-border-color: var(--pz-color-button-success-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--pink[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-pink);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-pink-hover);--pz-btn-border-color: var(--pz-color-button-pink);--pz-btn-hover-border-color: var(--pz-color-button-pink-hover)}.pz-btn--pink-outline[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-button-pink);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-pink-hover);--pz-btn-border-color: var(--pz-color-button-pink);--pz-btn-hover-border-color: var(--pz-color-button-pink-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--link[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-text-primary);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-text-link-hover);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: transparent;--pz-btn-radius: 0}.pz-btn--transparent[data-v-7cce5a5f]{--pz-btn-color: var(--pz-color-text-link);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-text-link-hover);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: transparent;--pz-btn-padding-block: var(--pz-space-4);--pz-btn-padding-inline: 0}.pz-btn-prefix[data-v-7cce5a5f],.pz-btn-suffix[data-v-7cce5a5f]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-btn-prefix[data-v-7cce5a5f]:empty,.pz-btn-suffix[data-v-7cce5a5f]:empty,.pz-btn-content[data-v-7cce5a5f]:empty{display:none}.pz-btn-prefix[data-v-7cce5a5f] .pz-icon,.pz-btn-suffix[data-v-7cce5a5f] .pz-icon{--pz-icon-color: currentcolor}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-checkbox[data-v-f78db6fd]{--pz-checkbox-border-color: var(--pz-color-grey-60);--pz-checkbox-mark-color: var(--pz-color-white);--pz-checkbox-active-color: var(--pz-color-button-success);--pz-checkbox-label-color: var(--pz-color-text-primary);position:relative;display:inline-flex;align-items:flex-start;gap:var(--pz-space-12);max-width:100%;color:var(--pz-checkbox-label-color);cursor:pointer}.pz-checkbox-input[data-v-f78db6fd]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-checkbox-control[data-v-f78db6fd]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:var(--pz-space-16);block-size:var(--pz-space-16);margin-top:2px;border:3px solid var(--pz-checkbox-border-color);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:transparent;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.pz-checkbox-input:focus-visible+.pz-checkbox-control[data-v-f78db6fd]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-checkbox-input:checked+.pz-checkbox-control[data-v-f78db6fd]{border-color:var(--pz-checkbox-active-color);background:var(--pz-checkbox-active-color);color:var(--pz-checkbox-mark-color)}.pz-checkbox-icon[data-v-f78db6fd]{inline-size:12px;block-size:12px}.pz-checkbox-label[data-v-f78db6fd]{min-width:0;font-size:var(--pz-checkbox-label-font-size, var(--pz-font-size-14));font-weight:var(--pz-checkbox-label-font-weight, 400);line-height:var(--pz-checkbox-label-line-height, 1.5)}.pz-checkbox.switch .pz-checkbox-control[data-v-f78db6fd]{inline-size:40px;block-size:23px;margin-top:0;border-radius:999px;border-color:var(--pz-checkbox-active-color);background:var(--pz-color-background-primary);color:transparent}.pz-checkbox-thumb[data-v-f78db6fd]{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:14px;block-size:14px;border-radius:50%;background:var(--pz-checkbox-active-color);transition:transform .16s ease}.pz-checkbox.switch .pz-checkbox-input:checked+.pz-checkbox-control[data-v-f78db6fd]{background:var(--pz-color-background-primary);color:transparent}.pz-checkbox.switch .pz-checkbox-input:checked+.pz-checkbox-control .pz-checkbox-thumb[data-v-f78db6fd]{transform:translate(16px)}.pz-checkbox.disabled[data-v-f78db6fd]{--pz-checkbox-border-color: var(--pz-color-grey-40);--pz-checkbox-active-color: var(--pz-color-button-disabled);--pz-checkbox-label-color: var(--pz-color-text-secondary);cursor:not-allowed}.pz-checkbox.disabled .pz-checkbox-control[data-v-f78db6fd]{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white))}.pz-checkbox.disabled .pz-checkbox-input:focus-visible+.pz-checkbox-control[data-v-f78db6fd]{box-shadow:none}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-clamp[data-v-e02c4b6a]{font-size:var(--pz-clamp-font-size, var(--pz-font-size-14));font-weight:var(--pz-clamp-font-weight, 400);line-height:var(--pz-clamp-line-height, 1.5)}.pz-clamp__btn[data-v-e02c4b6a]{--pz-btn-padding-block: 0;--pz-btn-padding-inline: 0;margin-left:var(--pz-space-4)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as f,B as i,D as s,u as l,o as r,M as y,E as _,t as g,y as C}from"./iframe-C0Tj7XHr.js";import{y as P}from"./text-clamp.esm-Dv0GEKqA.js";import{P as b}from"./PzBtn-DcyqEb3Q.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const a=f({name:"PzClamp",__name:"PzClamp",props:{text:{},maxContentLines:{default:3},clampPostfix:{default:"... "},collapseText:{default:"collapse"},yetText:{default:"yet"}},setup(o){const e=o;return(T,q)=>(r(),i(l(P),{"auto-resize":"",text:e.text,"max-lines":e.maxContentLines,ellipsis:e.clampPostfix,class:"pz-clamp"},{after:s(({toggle:d,expanded:n,clamped:x})=>[x||n?(r(),i(l(b),{key:0,variant:"transparent",type:"button",class:"pz-clamp__btn",onClick:y(d,["stop"])},{default:s(()=>[_(g(n?e.collapseText:e.yetText),1)]),_:2},1032,["onClick"])):C("",!0)]),_:1},8,["text","max-lines","ellipsis"]))}}),m=v(a,[["__scopeId","data-v-e02c4b6a"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzClamp",exportName:"default",displayName:"PzClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"3"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"... "'}},{name:"collapseText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"collapse"'}},{name:"yetText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"yet"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzClamp/PzClamp.vue"]});const z="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",k={title:"Components/Display/PzClamp",component:m,args:{text:z,maxContentLines:3,clampPostfix:"... ",collapseText:"collapse",yetText:"yet"},argTypes:{text:{control:"text",description:"Text content to display and clamp."},maxContentLines:{control:"number",description:"Maximum lines shown before clamping."},clampPostfix:{control:"text",description:"Ellipsis suffix at the clamp point."},collapseText:{control:"text",description:"Button label when content is expanded."},yetText:{control:"text",description:"Button label when content is clamped."}},render:o=>({components:{pzClamp:m},setup(){return{args:o}},template:'<pz-clamp v-bind="args" />'})},t={};var p,u,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(c=(u=t.parameters)==null?void 0:u.docs)==null?void 0:c.source}}};const w=["Playground"];export{t as Playground,w as __namedExportsOrder,k as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-copy-to-clipboard-story{display:grid;gap:var(--pz-space-20);max-width:560px;color:var(--pz-color-text-primary)}.pz-copy-to-clipboard-story-header,.pz-copy-to-clipboard-story-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-eyebrow{display:block;margin-bottom:var(--pz-space-4);color:var(--pz-color-text-secondary);text-transform:uppercase;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-chip{padding:var(--pz-space-4) var(--pz-space-8);border:1px solid var(--pz-color-blue-30);border-radius:var(--pz-space-4);background:var(--pz-color-blue-10);color:var(--pz-color-text-link);font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-preview,.pz-copy-to-clipboard-story-examples{padding:var(--pz-space-20);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-8);background:var(--pz-color-background-primary)}.pz-copy-to-clipboard-story-examples{display:grid;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-row{padding-bottom:var(--pz-space-16);border-bottom:1px solid var(--pz-color-grey-30)}.pz-copy-to-clipboard-story-row:last-child{padding-bottom:0;border-bottom:0}.pz-copy-to-clipboard[data-v-b6d0efa4]{display:inline-flex;vertical-align:middle}.pz-copy-to-clipboard-button[data-v-b6d0efa4]{display:inline-flex;align-items:center;gap:var(--pz-space-4);max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:color .16s ease,box-shadow .16s ease}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:hover,.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px;border-radius:var(--pz-space-4)}.pz-copy-to-clipboard-content[data-v-b6d0efa4]{min-width:0}.pz-copy-to-clipboard-icon[data-v-b6d0efa4]{flex:0 0 auto}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-button[data-v-b6d0efa4]{justify-content:center;width:24px;height:24px;color:var(--pz-color-icon-primary)}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-content[data-v-b6d0efa4]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import{P}from"./PzText-BQZq8EVF.js";import{d as w,a1 as V,e as d,Z as k,u as I,f as u,k as q,l as A,B,y as S,r as _,o as i,E as N,t as O}from"./iframe-C0Tj7XHr.js";import{O as U}from"./floating-vue-n4D6Ru3Z.js";import"./floating-vue-bEyZEONw.js";import{P as E}from"./PzDomHandler-BU7iMNnt.js";import{_ as D}from"./PzIcon-DtHaOlhQ.js";import{_ as $}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j=["aria-label"],F={class:"pz-copy-to-clipboard-content"},r=w({name:"PzCopyToClipboard",__name:"PzCopyToClipboard",props:{content:{},popupText:{default:"Скопійовано"},label:{default:"Скопіювати в буфер обміну"},timeout:{default:1e3},placement:{default:"top"},variant:{default:"text"},buttonClass:{default:""},showIcon:{type:Boolean,default:!0},stopPropagation:{type:Boolean,default:!0}},emits:["copied","error"],setup(e,{emit:x}){const t=e,s=_(!1);let o;const l=x,C=()=>{s.value=!1,o=void 0},h=()=>{o&&clearTimeout(o),s.value=!0,o=setTimeout(C,t.timeout)},T=async p=>{t.stopPropagation&&p.stopPropagation();try{await E.copyToClipboard(t.content),h(),l("copied",t.content)}catch(c){l("error",c)}};return V(()=>{o&&clearTimeout(o)}),(p,c)=>(i(),d("span",{class:u(["pz-copy-to-clipboard",`pz-copy-to-clipboard--${e.variant}`])},[k((i(),d("button",{type:"button",class:u(["pz-copy-to-clipboard-button",e.buttonClass]),"aria-label":e.label,onClick:T},[q("span",F,[A(p.$slots,"default",{},()=>[N(O(e.content),1)],!0)]),e.showIcon||e.variant==="icon"?(i(),B(D,{key:0,class:"pz-copy-to-clipboard-icon",name:"content_copy",size:"16"})):S("",!0)],10,j)),[[I(U),{shown:s.value,content:e.popupText,placement:e.placement,theme:"dark-tooltip",triggers:[]}]])],2))}}),m=$(r,[["__scopeId","data-v-b6d0efa4"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzCopyToClipboard",exportName:"default",displayName:"PzCopyToClipboard",description:"",tags:{},props:[{name:"content",required:!0,type:{name:"string"}},{name:"popupText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопійовано"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопіювати в буфер обміну"'}},{name:"timeout",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}},{name:"variant",required:!1,type:{name:"PzCopyToClipboardVariant"},defaultValue:{func:!1,value:'"text"'}},{name:"buttonClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"showIcon",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"stopPropagation",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"copied",type:{names:["string"]}},{name:"error",type:{names:["unknown"]}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue"]});const Q={title:"Components/Actions/PzCopyToClipboard",component:m,args:{content:"UA-2026-05-07-000001-a",text:"UA-2026-05-07-000001-a",popupText:"Скопійовано",label:"Скопіювати ідентифікатор",timeout:1e3,placement:"top",variant:"text",buttonClass:"",showIcon:!0,stopPropagation:!0},argTypes:{content:{control:"text",description:"Value copied to the clipboard."},text:{control:"text",description:"Slot text shown in the preview.",table:{category:"Slots"}},popupText:{control:"text",description:"Tooltip text shown after a successful copy."},label:{control:"text",description:"Accessible button label."},timeout:{control:"number",description:"Tooltip visibility duration in milliseconds."},placement:{control:"select",options:["top","top-start","bottom","bottom-start"],description:"Tooltip placement relative to the trigger."},variant:{control:"inline-radio",options:["text","icon"],description:"Visual trigger treatment."},buttonClass:{control:"text",description:"Additional class applied to the native button."},showIcon:{control:"boolean",description:"Shows the copy icon next to text variants."},stopPropagation:{control:"boolean",description:"Stops click propagation before copying."}},render:e=>({components:{pzCopyToClipboard:m,pzText:P},setup(){return{args:e}},template:`
|
|
2
|
-
<section class="pz-copy-to-clipboard-story">
|
|
3
|
-
<div class="pz-copy-to-clipboard-story-header">
|
|
4
|
-
<div>
|
|
5
|
-
<span class="pz-copy-to-clipboard-story-eyebrow">Component API</span>
|
|
6
|
-
<pz-text variant="h4-bold">Copy trigger</pz-text>
|
|
7
|
-
</div>
|
|
8
|
-
<span class="pz-copy-to-clipboard-story-chip">{{ args.variant }}</span>
|
|
9
|
-
</div>
|
|
10
|
-
|
|
11
|
-
<div class="pz-copy-to-clipboard-story-preview">
|
|
12
|
-
<pz-copy-to-clipboard v-bind="args">
|
|
13
|
-
{{ args.text }}
|
|
14
|
-
</pz-copy-to-clipboard>
|
|
15
|
-
</div>
|
|
16
|
-
|
|
17
|
-
<div class="pz-copy-to-clipboard-story-examples">
|
|
18
|
-
<div class="pz-copy-to-clipboard-story-row">
|
|
19
|
-
<span>UA-2026-05-07-000001-a</span>
|
|
20
|
-
<pz-copy-to-clipboard
|
|
21
|
-
content="UA-2026-05-07-000001-a"
|
|
22
|
-
label="Скопіювати ідентифікатор закупівлі"
|
|
23
|
-
popup-text="Код скопійовано"
|
|
24
|
-
variant="icon"
|
|
25
|
-
/>
|
|
26
|
-
</div>
|
|
27
|
-
|
|
28
|
-
<div class="pz-copy-to-clipboard-story-row">
|
|
29
|
-
<pz-copy-to-clipboard
|
|
30
|
-
content="prozorro@example.gov.ua"
|
|
31
|
-
popup-text="Email скопійовано"
|
|
32
|
-
label="Скопіювати email"
|
|
33
|
-
:show-icon="false"
|
|
34
|
-
>
|
|
35
|
-
prozorro@example.gov.ua
|
|
36
|
-
</pz-copy-to-clipboard>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
</section>
|
|
40
|
-
`})},a={},n={args:{variant:"icon",text:"Copy"}};var y,b,f;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:"{}",...(f=(b=a.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};var v,g,z;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
41
|
-
args: {
|
|
42
|
-
variant: "icon",
|
|
43
|
-
text: "Copy"
|
|
44
|
-
}
|
|
45
|
-
}`,...(z=(g=n.parameters)==null?void 0:g.docs)==null?void 0:z.source}}};const R=["Playground","IconOnly"];export{n as IconOnly,a as Playground,R as __namedExportsOrder,Q as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pz-date[data-v-1141ae7b]{display:inline-flex;align-items:center;color:var(--pz-color-text-primary);font-size:var(--pz-date-font-size, var(--pz-font-size-14));font-weight:var(--pz-date-font-weight, 400);line-height:var(--pz-date-line-height, 1.5)}.pz-date__separator[data-v-1141ae7b]{width:5px;height:5px;border-radius:50%;margin-inline:var(--pz-space-8);background-color:var(--pz-color-blue-50)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as D,e as n,t as l,y as p,F as g,k as f,g as s,o}from"./iframe-C0Tj7XHr.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const y=["datetime"],z={key:0,class:"pz-date__date"},P={class:"pz-date__time"},m=2,r=D({name:"PzDate",__name:"PzDate",props:{date:{},format:{default:"DD MM YYYY HH:mm"}},setup(Y){const t=Y,i=s(()=>{if(!t.date)return null;const e=new Date(t.date.replace(" ","T"));return isNaN(e.getTime())?null:e}),u=s(()=>{const e=i.value;return e?t.format==="YYYY"?new Intl.DateTimeFormat("uk-UA",{year:"numeric"}).format(e):t.format==="MM YYYY"?new Intl.DateTimeFormat("uk-UA",{month:"long",year:"numeric"}).format(e):new Intl.DateTimeFormat("uk-UA",{day:"numeric",month:"long",year:"numeric"}).format(e):""}),c=s(()=>{const e=i.value;if(!e||t.format!=="DD MM YYYY HH:mm"&&t.format!=="DD MM YYYY HH:mm:ss")return"";const a=String(e.getHours()).padStart(m,"0"),d=String(e.getMinutes()).padStart(m,"0");if(t.format==="DD MM YYYY HH:mm:ss"){const _=String(e.getSeconds()).padStart(m,"0");return`${a}:${d}:${_}`}return`${a}:${d}`});return(e,a)=>(o(),n("time",{class:"pz-date",datetime:t.date},[u.value?(o(),n("span",z,l(u.value),1)):p("",!0),c.value?(o(),n(g,{key:1},[a[0]||(a[0]=f("i",{class:"pz-date__separator","aria-hidden":"true"},null,-1)),f("span",P,l(c.value),1)],64)):p("",!0)],8,y))}}),k=M(r,[["__scopeId","data-v-1141ae7b"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzDate",exportName:"default",displayName:"PzDate",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"string"}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDate/PzDate.vue"]});export{k as P};
|