@prozorro/prozorro-ui 0.0.41-beta → 0.0.43-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-2obUEhCm.js → Color-FRDS63T2-DgnS4N6X.js} +1 -1
- package/dist/app/assets/{Colors.stories-BMbHMhGA.js → Colors.stories-6h4keQbq.js} +1 -1
- package/dist/app/assets/{Display.stories-BBjsLwDc.js → Display.stories-BFrXHEJ4.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-CuOoqRZl.js → DocsRenderer-LL677BLK-Cba908TN.js} +5 -5
- package/dist/app/assets/Gap-BWNZxL-I.css +1 -0
- package/dist/app/assets/Gap.stories-JdFpzPby.js +150 -0
- package/dist/app/assets/{Grid.stories-CQZCZI5j.js → Grid.stories-B_-vP0Uk.js} +1 -1
- package/dist/app/assets/PzAccordion-BT9BQIFR.js +1 -0
- package/dist/app/assets/PzAccordion-C5E0-Y2-.css +1 -0
- package/dist/app/assets/PzAccordion-DlHGgAeU.css +1 -0
- package/dist/app/assets/{PzAccordion.stories-DOIXAlLU.js → PzAccordion.stories-rXmsbnEe.js} +98 -20
- package/dist/app/assets/{PzAccordionTable.stories-XpYTmVac.js → PzAccordionTable.stories-DubcW4ov.js} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-DRzMKk3Q.js → PzArrayClamp.stories-Doc19RiO.js} +4 -4
- package/dist/app/assets/{PzBreadcrumb.stories-DSwR6Zhy.js → PzBreadcrumb.stories-vbJqi27z.js} +1 -1
- package/dist/app/assets/{PzBtn-CHWxsUbf.js → PzBtn-1iB766YP.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-DMcabHwY.js → PzBtn.stories-Cp7S8PKp.js} +1 -1
- package/dist/app/assets/{PzCheckbox-DUlY0-zQ.js → PzCheckbox-DiI37O2v.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-CGIuN9RB.js → PzCheckbox.stories-D_gzp-Fc.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-DKXcZ7XR.js → PzCheckboxGroup.stories-h61QD6oS.js} +2 -2
- package/dist/app/assets/{PzCopyToClipboard.stories-BqX-I96y.js → PzCopyToClipboard.stories-Co2xtTa3.js} +3 -3
- package/dist/app/assets/{PzDate-CobC6sjl.js → PzDate-C1hX12A0.js} +1 -1
- package/dist/app/assets/{PzDate.stories-DJxtTIqM.js → PzDate.stories-CRhRBXki.js} +1 -1
- package/dist/app/assets/{PzDateRange.stories-BmAh9FKD.js → PzDateRange.stories-C0JsYde1.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-BGQNF3RT.js → PzDomHandler.stories-D2YDz9DL.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-B5f5--_5.js → PzDropdown.stories-73_UT97U.js} +1 -1
- package/dist/app/assets/{PzFileInput.stories-b0DduB20.js → PzFileInput.stories-WfVEsGkL.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-DRAb-gdp.js → PzGrid.stories-DQyXRmzE.js} +3 -3
- package/dist/app/assets/{PzHint-VbJ8_OEs.js → PzHint-BaZNmSVB.js} +1 -1
- package/dist/app/assets/{PzHint.stories-DIhWcr3O.js → PzHint.stories-CyePgPKY.js} +1 -1
- package/dist/app/assets/{PzIcon-C-3xKskM.js → PzIcon-DXFdpW2n.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-DCEHxy8A.js → PzIcon.stories-CPsWG7Hc.js} +1 -1
- package/dist/app/assets/{PzImage.stories-CWf_nZnD.js → PzImage.stories-BmtpmrWC.js} +1 -1
- package/dist/app/assets/{PzImageInput.stories-DgvF_4Hf.js → PzImageInput.stories-Dc_hEAxk.js} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout.stories-BUdFb8-m.js → PzInfoBlockLayout.stories-QkLgQifL.js} +2 -2
- package/dist/app/assets/{PzInfoHint-DhuMOgQr.js → PzInfoHint-D1LOs8WA.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-CXpKqqmS.js → PzInfoHint.stories-B1zKIeLN.js} +1 -1
- package/dist/app/assets/{PzInput.stories-CaSEsE9F.js → PzInput.stories-D78FQMuF.js} +5 -5
- package/dist/app/assets/{PzInputDate.stories-BUZq7VSB.js → PzInputDate.stories-DjBRYU1c.js} +1 -1
- package/dist/app/assets/{PzInputNumber.stories-Dhjg4gA5.js → PzInputNumber.stories-L3BBQsmm.js} +2 -2
- package/dist/app/assets/{PzKeyValue-BOmUJdpo.js → PzKeyValue-CD_si4QT.js} +1 -1
- package/dist/app/assets/{PzKeyValue.stories-C4rWPP8T.js → PzKeyValue.stories-DjLxQvE1.js} +1 -1
- package/dist/app/assets/{PzLabel-CFLEBhzy.js → PzLabel-7yldZ-JH.js} +1 -1
- package/dist/app/assets/{PzLabel.stories-CCf1csl5.js → PzLabel.stories-LMNTXXJV.js} +1 -1
- package/dist/app/assets/{PzLink-XzzpwDDe.js → PzLink-AW4PfUcN.js} +1 -1
- package/dist/app/assets/{PzLink.stories-Bs0oj9Zr.js → PzLink.stories-rbVmErFx.js} +1 -1
- package/dist/app/assets/{PzListNav-Dqq7pboP.js → PzListNav-DQqdOfnh.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-D2aip-cT.js → PzListNav.stories-B4FNbY01.js} +1 -1
- package/dist/app/assets/{PzLoader.stories-DY6PtBpi.js → PzLoader.stories-CaPTvZX3.js} +2 -2
- package/dist/app/assets/{PzModal.stories-DC0LT5Qz.js → PzModal.stories-BMLaFypv.js} +4 -4
- package/dist/app/assets/{PzMultiSelect.stories-enwvShW9.js → PzMultiSelect.stories-BofZoF1u.js} +1 -1
- package/dist/app/assets/{PzNav.stories-_me46xTg.js → PzNav.stories-BeH5RJYS.js} +1 -1
- package/dist/app/assets/{PzNumberFormat.stories-Tgzd7Ttu.js → PzNumberFormat.stories-wQu_Z09x.js} +1 -1
- package/dist/app/assets/{PzPagination-BdZP_alz.js → PzPagination-CMzxclWV.js} +1 -1
- package/dist/app/assets/{PzPagination.stories-COXfJ0CP.js → PzPagination.stories-Dtj0SvBl.js} +1 -1
- package/dist/app/assets/{PzPaginationProvider.stories-BY0X1zt3.js → PzPaginationProvider.stories-wUIxJ1BF.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-Bn7VyLHN.js → PzPriceFormat.stories-zk5JXBOv.js} +1 -1
- package/dist/app/assets/{PzRadioGroup.stories-CZg42y4W.js → PzRadioGroup.stories-DRGcBU0t.js} +2 -2
- package/dist/app/assets/{PzRouterLink.stories-w3FUezJW.js → PzRouterLink.stories-Y8mTuDEw.js} +2 -2
- package/dist/app/assets/{PzScrollTo.stories-BAwTBJOw.js → PzScrollTo.stories-BRsObVs-.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-C8PMflOD.js → PzSearchResultItemLayout.stories-f7vlTlqs.js} +1 -1
- package/dist/app/assets/PzSelect-Ca-HcznT.js +1 -0
- package/dist/app/assets/{PzSelect.stories-CpbpJZqk.js → PzSelect.stories-a4rVD6jh.js} +1 -1
- package/dist/app/assets/{PzSkeleton-e2shhmz6.js → PzSkeleton-LX0kJrLm.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-Cn0fkZf3.js → PzSkeleton.stories-C2M8Q8b8.js} +1 -1
- package/dist/app/assets/{PzStatus-BgkfQHGk.js → PzStatus-DYGlvpqL.js} +1 -1
- package/dist/app/assets/{PzStatus.stories-BKqWeLtT.js → PzStatus.stories-BAFY9nMq.js} +1 -1
- package/dist/app/assets/{PzTable-D2LKFxwd.js → PzTable-DEGAWRou.js} +1 -1
- package/dist/app/assets/{PzTable.stories-D1ygOE5A.js → PzTable.stories-D9bP1zHY.js} +1 -1
- package/dist/app/assets/{PzTablePaginationProvider.stories-BWZ3CeB1.js → PzTablePaginationProvider.stories-D8EMzNeM.js} +1 -1
- package/dist/app/assets/{PzTabs.stories-BgBxGpKa.js → PzTabs.stories-DsN8kDSF.js} +1 -1
- package/dist/app/assets/{PzTag-DAOIn8mO.js → PzTag-BwhxzDXe.js} +1 -1
- package/dist/app/assets/{PzTag.stories-pmikPYMk.js → PzTag.stories-BF3jlKHL.js} +1 -1
- package/dist/app/assets/{PzText-DCaCG1Xi.js → PzText-8KvCoCEc.js} +1 -1
- package/dist/app/assets/{PzText.stories-D4pXngYq.js → PzText.stories-DJ24GCVA.js} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-vFF78pFR.js → PzTextClamp.stories-DNSoARv9.js} +1 -1
- package/dist/app/assets/{PzTextarea.stories-Co3I3JKV.js → PzTextarea.stories-sIin_3f1.js} +3 -3
- package/dist/app/assets/{PzValidatorXSS.stories-C9NSjKBE.js → PzValidatorXSS.stories-Dg-CpV7R.js} +1 -1
- package/dist/app/assets/{Spacing.stories-BSGAAXnF.js → Spacing.stories-CFAVx5n2.js} +1 -1
- package/dist/app/assets/{StaticPagination.composable-DtYpvhgQ.js → StaticPagination.composable-CwElAiHW.js} +1 -1
- package/dist/app/assets/{Typography.stories-DeOre0Rr.js → Typography.stories-DHhdi7UW.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-Hgwe5NHB.js → WithTooltip-65CFNBJE-hJfVU2ZG.js} +1 -1
- package/dist/app/assets/{floating-vue-C03hZ3mq.js → floating-vue-DG78MVHr.js} +1 -1
- package/dist/app/assets/{floating-vue-CspvJYvV.js → floating-vue-xuj-SMFP.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-DsBeP-5V.js → formatter-EIJCOSYU-BYOnUjf2.js} +1 -1
- package/dist/app/assets/{iframe-ZPsq2dEK.css → iframe-BvXLovcC.css} +1 -1
- package/dist/app/assets/{iframe-CK_-siX_.js → iframe-iNMR-yGE.js} +4 -4
- package/dist/app/assets/{index-BW21p6n4.js → index-De1Uh725.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-B_EgZCJm.js → syntaxhighlighter-OH4MV7E3-BqWsvx_m.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/Layouts/PzAccordion/PzAccordion.vue.d.ts +1 -0
- package/dist/components/Layouts/PzAccordion/configs.d.ts +1 -0
- package/dist/components/Layouts/PzAccordion/index.d.ts +1 -1
- package/dist/components/Layouts/PzAccordion/types.d.ts +2 -0
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +6 -6
- package/dist/prozorro-ui.js +1167 -1164
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/base/_gap.scss +51 -0
- package/src/styles/main.scss +1 -0
- package/dist/app/assets/PzAccordion-BSQYPNjM.js +0 -1
- package/dist/app/assets/PzAccordion-CXBhi_gL.css +0 -1
- package/dist/app/assets/PzAccordion-c_zcspyL.css +0 -1
- package/dist/app/assets/PzSelect-DQhnNexa.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gap-foundation{display:grid}.gap-foundation-board{display:grid;gap:30px;padding:clamp(28px,3vw,42px);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 82%,transparent);border-radius:32px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),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 24px 80px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 98%,transparent)}.gap-foundation-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:20px}.gap-foundation-hero-copy,.gap-foundation-hero-note,.gap-foundation-section,.gap-foundation-token-card,.gap-foundation-group-card,.gap-foundation-preview-card{border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 70%,transparent);border-radius:28px;background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 18px 52px color-mix(in srgb,var(--pz-color-black-90) 6%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 98%,transparent)}.gap-foundation-hero-copy,.gap-foundation-hero-note,.gap-foundation-section{padding:clamp(22px,2vw,30px)}.gap-foundation-hero-copy,.gap-foundation-hero-note,.gap-foundation-section-heading,.gap-foundation-group-head,.gap-foundation-token-head{display:grid;gap:8px}.gap-foundation-kicker,.gap-foundation-chip{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:8px 12px;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}.gap-foundation-section{display:grid;gap:18px}.gap-foundation-token-grid,.gap-foundation-groups,.gap-foundation-preview{display:grid;gap:16px}.gap-foundation-token-grid,.gap-foundation-groups,.gap-foundation-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-foundation-token-card,.gap-foundation-group-card,.gap-foundation-preview-card{display:grid;gap:18px;padding:20px}.gap-foundation-ruler{display:flex;align-items:center;min-height:38px}.gap-foundation-ruler-bar{display:inline-flex;height:12px;min-width:2px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 90%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-blue-60) 90%,var(--pz-color-white)))}.gap-foundation-token-meta{display:grid;gap:6px}.gap-foundation-token-meta code,.gap-foundation-cell-code code{color:var(--pz-color-text-primary);font-size:13px;line-height:1.6}.gap-foundation-code{margin:0;padding:20px;overflow:auto;border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 70%,transparent);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 96%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)))}.gap-foundation-code code{color:var(--pz-color-text-primary);font-size:13px;line-height:1.6}.gap-foundation-bp-table{display:grid;grid-template-columns:minmax(220px,300px) minmax(100px,140px) minmax(0,1fr);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:22px;overflow:hidden;background:var(--pz-color-white)}.gap-foundation-table{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:22px;overflow:hidden;background:var(--pz-color-white)}.gap-foundation-head,.gap-foundation-cell{padding:16px 18px}.gap-foundation-head{background:color-mix(in srgb,var(--pz-color-grey-20) 88%,transparent);color:var(--pz-color-text-primary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gap-foundation-cell{display:flex;align-items:center;border-top:1px solid color-mix(in srgb,var(--pz-color-grey-30) 56%,transparent)}.gap-foundation-preview-surface{border:1px dashed color-mix(in srgb,var(--pz-color-blue-50) 30%,transparent);border-radius:22px;background:color-mix(in srgb,var(--pz-color-blue-10) 86%,var(--pz-color-white));padding:16px}.gap-foundation-preview-fill{display:grid;place-items:center;min-width:72px;min-height:48px;padding:12px;border-radius:14px;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) 72%,transparent)}@media (width <= 1200px){.gap-foundation-hero,.gap-foundation-token-grid,.gap-foundation-groups,.gap-foundation-preview{grid-template-columns:1fr}}@media (width <= 1024px){.gap-foundation-table,.gap-foundation-bp-table{grid-template-columns:1fr}.gap-foundation-head{display:none}.gap-foundation-cell{border-top:none}}@media (width <= 640px){.gap-foundation-board,.gap-foundation-hero-copy,.gap-foundation-hero-note,.gap-foundation-section,.gap-foundation-token-card,.gap-foundation-group-card,.gap-foundation-preview-card{padding:18px;border-radius:22px}}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
import{P as p}from"./PzText-8KvCoCEc.js";import"./iframe-iNMR-yGE.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=[{token:"0",value:"0",variable:"--pz-space-0",utility:"pz-gap-0",note:"Collapse gaps between adjacent items."},{token:"4",value:"4px",variable:"--pz-space-4",utility:"pz-gap-4",note:"Hairline gap between tightly coupled chips or icons."},{token:"8",value:"8px",variable:"--pz-space-8",utility:"pz-gap-8",note:"Gap between dependent inline items."},{token:"16",value:"16px",variable:"--pz-space-16",utility:"pz-gap-16",note:"Default gap for card grids and link groups."},{token:"20",value:"20px",variable:"--pz-space-20",utility:"pz-gap-20",note:"Gap between equal elements."},{token:"24",value:"24px",variable:"--pz-space-24",utility:"pz-gap-24",note:"Gap for layout sections and tab groups."},{token:"32",value:"32px",variable:"--pz-space-32",utility:"pz-gap-32",note:"Gap between nested content blocks."},{token:"40",value:"40px",variable:"--pz-space-40",utility:"pz-gap-40",note:"Large gap inside spacious layouts."},{token:"44",value:"44px",variable:"--pz-space-44",utility:"pz-gap-44",note:"Gap between a header and content in cabinet layouts."},{token:"60",value:"60px",variable:"--pz-space-60",utility:"pz-gap-60",note:"Gap between equal large blocks."}],o=[{title:"Gap utilities",note:"Both axes",items:[{name:".pz-gap-*",description:"Sets `gap` (row and column) on a flex or grid container."}]},{title:"Axis gap utilities",note:"Single axis",items:[{name:".pz-gap-x-*",description:"Sets `column-gap` only."},{name:".pz-gap-y-*",description:"Sets `row-gap` only."}]}],s=[{name:"sm",prefix:".pz-gap-sm-{value}",minWidth:"≥ 576px",description:"Small viewports and up."},{name:"md",prefix:".pz-gap-md-{value}",minWidth:"≥ 768px",description:"Tablet breakpoint and up."},{name:"lg",prefix:".pz-gap-lg-{value}",minWidth:"≥ 1024px",description:"Large viewports and up."},{name:"xl",prefix:".pz-gap-xl-{value}",minWidth:"≥ 1200px",description:"Desktop breakpoint and up."},{name:"xxl",prefix:".pz-gap-xxl-{value}",minWidth:"≥ 1400px",description:"Wide displays and up."}],l=[1,2,3,4],u={title:"Foundation/Gap",parameters:{prototype:{caption:"Gap scale",note:"Responsive `gap` utility reference for flex and grid containers."},docs:{description:{component:"Gap foundation for `@prozorro/prozorro-ui`. The utility module emits `pz-gap-*`, `pz-gap-x-*`, and `pz-gap-y-*` classes backed by the shared `--pz-space-*` token scale, with mobile-first breakpoint prefixes for responsive layouts."}}},render:()=>({components:{pzText:p},setup(){return{gapTokens:n,utilityGroups:o,gapBreakpoints:s,previewItems:l}},template:`
|
|
2
|
+
<div class="gap-foundation">
|
|
3
|
+
<section class="gap-foundation-board">
|
|
4
|
+
<header class="gap-foundation-hero">
|
|
5
|
+
<div class="gap-foundation-hero-copy">
|
|
6
|
+
<span class="gap-foundation-kicker">Gap module</span>
|
|
7
|
+
<pz-text variant="h2-bold">Responsive gap utilities from a shared token scale</pz-text>
|
|
8
|
+
<pz-text variant="body-regular">
|
|
9
|
+
Apply consistent spacing between flex and grid children. Utilities map the shared spacing scale onto the CSS gap, column-gap, and row-gap properties.
|
|
10
|
+
</pz-text>
|
|
11
|
+
</div>
|
|
12
|
+
|
|
13
|
+
<div class="gap-foundation-hero-note">
|
|
14
|
+
<pz-text variant="small-bold">Implementation note</pz-text>
|
|
15
|
+
<pz-text variant="small-regular">
|
|
16
|
+
Classes are emitted from src/styles/base/_gap.scss using the same mobile-first breakpoints as the spacing and display modules.
|
|
17
|
+
</pz-text>
|
|
18
|
+
</div>
|
|
19
|
+
</header>
|
|
20
|
+
|
|
21
|
+
<section class="gap-foundation-section">
|
|
22
|
+
<div class="gap-foundation-section-heading">
|
|
23
|
+
<pz-text variant="h4-bold">Token scale</pz-text>
|
|
24
|
+
<pz-text variant="small-regular">Base gap values and their utility aliases.</pz-text>
|
|
25
|
+
</div>
|
|
26
|
+
|
|
27
|
+
<div class="gap-foundation-token-grid">
|
|
28
|
+
<article
|
|
29
|
+
v-for="token in gapTokens"
|
|
30
|
+
:key="token.variable"
|
|
31
|
+
class="gap-foundation-token-card"
|
|
32
|
+
>
|
|
33
|
+
<div class="gap-foundation-token-head">
|
|
34
|
+
<span class="gap-foundation-chip">{{ token.value }}</span>
|
|
35
|
+
<pz-text variant="h4-semibold">Gap {{ token.token }}</pz-text>
|
|
36
|
+
</div>
|
|
37
|
+
|
|
38
|
+
<div class="gap-foundation-ruler">
|
|
39
|
+
<span
|
|
40
|
+
class="gap-foundation-ruler-bar"
|
|
41
|
+
:style="{ width: token.value === '0' ? '2px' : token.value }"
|
|
42
|
+
></span>
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<div class="gap-foundation-token-meta">
|
|
46
|
+
<code>{{ token.variable }}</code>
|
|
47
|
+
<pz-text variant="small-regular">{{ token.note }}</pz-text>
|
|
48
|
+
<pz-text variant="small-regular">{{ token.utility }}</pz-text>
|
|
49
|
+
</div>
|
|
50
|
+
</article>
|
|
51
|
+
</div>
|
|
52
|
+
</section>
|
|
53
|
+
|
|
54
|
+
<section class="gap-foundation-section">
|
|
55
|
+
<div class="gap-foundation-section-heading">
|
|
56
|
+
<pz-text variant="h4-bold">Utility groups</pz-text>
|
|
57
|
+
<pz-text variant="small-regular">Public classes emitted by the SCSS module.</pz-text>
|
|
58
|
+
</div>
|
|
59
|
+
|
|
60
|
+
<div class="gap-foundation-groups">
|
|
61
|
+
<article
|
|
62
|
+
v-for="group in utilityGroups"
|
|
63
|
+
:key="group.title"
|
|
64
|
+
class="gap-foundation-group-card"
|
|
65
|
+
>
|
|
66
|
+
<div class="gap-foundation-group-head">
|
|
67
|
+
<span class="gap-foundation-chip">{{ group.note }}</span>
|
|
68
|
+
<pz-text variant="h4-semibold">{{ group.title }}</pz-text>
|
|
69
|
+
</div>
|
|
70
|
+
|
|
71
|
+
<div class="gap-foundation-table">
|
|
72
|
+
<div class="gap-foundation-head">Utility</div>
|
|
73
|
+
<div class="gap-foundation-head">Description</div>
|
|
74
|
+
|
|
75
|
+
<template v-for="item in group.items" :key="group.title + item.name">
|
|
76
|
+
<div class="gap-foundation-cell gap-foundation-cell-code"><code>{{ item.name }}</code></div>
|
|
77
|
+
<div class="gap-foundation-cell"><pz-text variant="body-regular">{{ item.description }}</pz-text></div>
|
|
78
|
+
</template>
|
|
79
|
+
</div>
|
|
80
|
+
</article>
|
|
81
|
+
</div>
|
|
82
|
+
</section>
|
|
83
|
+
|
|
84
|
+
<section class="gap-foundation-section">
|
|
85
|
+
<div class="gap-foundation-section-heading">
|
|
86
|
+
<pz-text variant="h4-bold">Responsive utilities</pz-text>
|
|
87
|
+
<pz-text variant="small-regular">
|
|
88
|
+
Breakpoint-prefixed overrides follow the same mobile-first model as spacing and display. Classes apply at the given minimum width and cascade upward.
|
|
89
|
+
</pz-text>
|
|
90
|
+
</div>
|
|
91
|
+
|
|
92
|
+
<pre class="gap-foundation-code"><code><!-- tighter gap on mobile, looser on desktop -->
|
|
93
|
+
<div class="pz-flex pz-gap-8 pz-gap-lg-24">...</div>
|
|
94
|
+
|
|
95
|
+
<!-- independent column and row gaps in a grid -->
|
|
96
|
+
<div class="pz-grid pz-gap-x-16 pz-gap-y-8">...</div></code></pre>
|
|
97
|
+
|
|
98
|
+
<div class="gap-foundation-bp-table">
|
|
99
|
+
<div class="gap-foundation-head">Prefix pattern</div>
|
|
100
|
+
<div class="gap-foundation-head">Min-width</div>
|
|
101
|
+
<div class="gap-foundation-head">Description</div>
|
|
102
|
+
|
|
103
|
+
<template v-for="bp in gapBreakpoints" :key="bp.name">
|
|
104
|
+
<div class="gap-foundation-cell gap-foundation-cell-code"><code>{{ bp.prefix }}</code></div>
|
|
105
|
+
<div class="gap-foundation-cell"><pz-text variant="small-bold">{{ bp.minWidth }}</pz-text></div>
|
|
106
|
+
<div class="gap-foundation-cell"><pz-text variant="body-regular">{{ bp.description }}</pz-text></div>
|
|
107
|
+
</template>
|
|
108
|
+
</div>
|
|
109
|
+
</section>
|
|
110
|
+
|
|
111
|
+
<section class="gap-foundation-section">
|
|
112
|
+
<div class="gap-foundation-section-heading">
|
|
113
|
+
<pz-text variant="h4-bold">Live preview</pz-text>
|
|
114
|
+
<pz-text variant="small-regular">Flex containers using the emitted gap utility classes directly.</pz-text>
|
|
115
|
+
</div>
|
|
116
|
+
|
|
117
|
+
<div class="gap-foundation-preview">
|
|
118
|
+
<article class="gap-foundation-preview-card">
|
|
119
|
+
<span class="gap-foundation-chip">pz-gap-8</span>
|
|
120
|
+
<div class="gap-foundation-preview-surface pz-flex pz-flex--wrap pz-gap-8">
|
|
121
|
+
<div v-for="n in previewItems" :key="n" class="gap-foundation-preview-fill">
|
|
122
|
+
<pz-text variant="small-bold">{{ n }}</pz-text>
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
</article>
|
|
126
|
+
|
|
127
|
+
<article class="gap-foundation-preview-card">
|
|
128
|
+
<span class="gap-foundation-chip">pz-gap-24</span>
|
|
129
|
+
<div class="gap-foundation-preview-surface pz-flex pz-flex--wrap pz-gap-24">
|
|
130
|
+
<div v-for="n in previewItems" :key="n" class="gap-foundation-preview-fill">
|
|
131
|
+
<pz-text variant="small-bold">{{ n }}</pz-text>
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
134
|
+
</article>
|
|
135
|
+
|
|
136
|
+
<article class="gap-foundation-preview-card">
|
|
137
|
+
<span class="gap-foundation-chip">pz-gap-x-24 + pz-gap-y-8</span>
|
|
138
|
+
<div class="gap-foundation-preview-surface pz-flex pz-flex--wrap pz-gap-x-24 pz-gap-y-8">
|
|
139
|
+
<div v-for="n in previewItems" :key="n" class="gap-foundation-preview-fill">
|
|
140
|
+
<pz-text variant="small-bold">{{ n }}</pz-text>
|
|
141
|
+
</div>
|
|
142
|
+
</div>
|
|
143
|
+
</article>
|
|
144
|
+
</div>
|
|
145
|
+
</section>
|
|
146
|
+
</section>
|
|
147
|
+
</div>
|
|
148
|
+
`})},e={name:"Reference"};var a,t,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
149
|
+
name: "Reference"
|
|
150
|
+
}`,...(i=(t=e.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};const v=["Reference"];export{e as Reference,v as __namedExportsOrder,u as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as a}from"./PzText-
|
|
1
|
+
import{P as a}from"./PzText-8KvCoCEc.js";import"./iframe-iNMR-yGE.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{e as b,f as o,q as m,F as h,A as w,C as f,y as v,g,p as C,o as t,u as q,r as B,w as $,T as N,J as S,t as j,z as _,x as I,c as l,j as F}from"./iframe-iNMR-yGE.js";import{_ as L}from"./PzIcon-DXFdpW2n.js";import{P as O}from"./PzSkeleton-LX0kJrLm.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";const X=["","slim"],T=[{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"}],U={key:0,class:"pz-accordion-content__transition"},W={key:0,class:"pz-accordion-content__loader"},D={key:1},i=b({name:"PzAccordionContent",__name:"PzAccordionContent",props:{active:{type:Boolean},loading:{type:Boolean,default:!1},contentClass:{default:""}},setup(n){return(c,y)=>n.active?(t(),o("div",U,[m("div",{class:g(["pz-accordion-content__surface",n.contentClass])},[n.loading?(t(),o("div",W,[(t(!0),o(h,null,w(f(T),a=>(t(),q(f(O),{key:a.id,width:a.width,height:"24px"},null,8,["width"]))),128))])):(t(),o("div",D,[v(c.$slots,"default",{},void 0,!0)]))],2)])):C("",!0)}}),E=k(i,[["__scopeId","data-v-69d723b3"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__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"],M={class:"pz-accordion__trigger-content"},d=b({name:"PzAccordion",__name:"PzAccordion",props:{modelValue:{type:Boolean,default:void 0},loading:{type:Boolean,default:!1},label:{default:""},disabled:{type:Boolean,default:!1},contentClass:{default:""},typography:{},skin:{default:""}},emits:["update:modelValue"],setup(n,{emit:c}){const y=c,a=n,r=F(),u=B(a.modelValue===!0),p=l(()=>{const e=r==null?void 0:r.vnode.props;return!!(e!=null&&e["onUpdate:modelValue"]||e!=null&&e.onUpdateModelValue)}),s=l(()=>p.value?a.modelValue===!0:u.value),P=l(()=>a.skin?`pz-accordion--${a.skin}`:""),V=l(()=>[a.contentClass,a.skin==="slim"?"pz-accordion-slim-content":""].filter(e=>!!e).join(" ")),x=l(()=>a.skin==="slim"?"16":"20");$(()=>a.modelValue,e=>{!p.value&&e!==void 0&&(u.value=e)});const z=()=>{if(a.disabled)return;const e=!s.value;p.value||(u.value=e),y("update:modelValue",e)},A=l(()=>({active:s.value,disabled:a.disabled,toggle:z}));return(e,G)=>(t(),o("div",{class:g(["pz-accordion",[P.value,{"pz-accordion--open":s.value,disabled:n.disabled}]])},[m("button",{type:"button",class:"pz-accordion__trigger","aria-expanded":s.value,disabled:n.disabled,onClick:z},[m("span",M,[e.$slots.trigger?v(e.$slots,"trigger",N(S({key:0},A.value)),void 0,!0):(t(),o(h,{key:1},[n.label?(t(),o("span",{key:0,class:g(["pz-accordion__label",n.typography?`pz-typography--${n.typography}`:null])},j(n.label),3)):C("",!0)],64))]),_(f(L),{name:"expand_more",size:x.value,class:"pz-accordion__icon"},null,8,["size"])],8,J),_(E,{active:s.value,"content-class":V.value,loading:n.loading},{default:I(()=>[v(e.$slots,"default",{},void 0,!0)]),_:3},8,["active","content-class","loading"])],2))}}),Y=k(d,[["__scopeId","data-v-8f609f15"]]);d.__docgenInfo=Object.assign({displayName:d.name??d.__name},{name:"PzAccordion",exportName:"default",displayName:"PzAccordion",description:"",tags:{},props:[{name:"modelValue",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"undefined"}},{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"}},{name:"skin",required:!1,type:{name:"PzAccordionSkin"},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{Y as P,E as a,X as p};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-accordion-content__transition[data-v-69d723b3]{width:100%}.pz-accordion-content__loader[data-v-69d723b3]{display:grid;gap:var(--pz-space-8)}.pz-accordion-content__surface[data-v-69d723b3]{width:100%}.pz-accordion[data-v-8f609f15]{border-top:1px solid var(--pz-color-stroke-grey);border-bottom:1px solid var(--pz-color-stroke-grey)}.pz-accordion+.pz-accordion[data-v-8f609f15]{border-top-width:0}.pz-accordion__trigger[data-v-8f609f15]{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-8f609f15]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px}.pz-accordion__trigger[data-v-8f609f15]:hover:not(:disabled){background-color:color-mix(in srgb,var(--pz-color-blue-10) 72%,transparent)}.pz-accordion__trigger[data-v-8f609f15]:disabled{cursor:default}.pz-accordion__trigger-content[data-v-8f609f15]{flex:1 1 auto;min-width:0}.pz-accordion__label[data-v-8f609f15]{display:inline-flex;align-items:center;min-width:0;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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-8f609f15]{flex:0 0 auto;margin-top:2px;color:var(--pz-color-text-secondary)}.pz-accordion--open .pz-accordion__icon[data-v-8f609f15]{transform:rotate(180deg);color:var(--pz-color-text-primary)}.pz-accordion.disabled[data-v-8f609f15]{opacity:.7}.pz-accordion--slim[data-v-8f609f15]{border-top:0;border-bottom:0}.pz-accordion--slim+.pz-accordion--slim[data-v-8f609f15]{border-top-width:0}.pz-accordion--slim .pz-accordion__trigger[data-v-8f609f15]{display:inline-flex;justify-content:flex-start;width:auto;padding:0;gap:var(--pz-space-8);color:var(--pz-color-text-link)}.pz-accordion--slim .pz-accordion__trigger[data-v-8f609f15]:hover:not(:disabled){background-color:transparent;color:var(--pz-color-text-link-hover)}.pz-accordion--slim .pz-accordion__label[data-v-8f609f15]{-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;overflow-wrap:break-word;font-size:var(--pz-accordion-slim-label-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-accordion-slim-label-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-accordion-slim-label-line-height, var(--pz-typography-line-height, 1.5))}.pz-accordion--slim .pz-accordion__icon[data-v-8f609f15]{margin-top:2px;color:currentcolor}.pz-accordion--slim[data-v-8f609f15] .pz-accordion-slim-content{padding-top:var(--pz-space-16)}
|
|
@@ -0,0 +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-preview-plain{border-color:transparent;background:var(--pz-color-background-primary);box-shadow:none}.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{-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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{-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;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,21 +1,21 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as D}from"./iframe-iNMR-yGE.js";import{P as e,p as R}from"./PzAccordion-BT9BQIFR.js";import{P as $}from"./PzLink-AW4PfUcN.js";import{P as E}from"./PzStatus-DYGlvpqL.js";import{P as L}from"./PzText-8KvCoCEc.js";import{p as I}from"./configs-B15JgQZ-.js";import"./preload-helper-C1FmrZbK.js";import"./PzIcon-DXFdpW2n.js";import"./PzSkeleton-LX0kJrLm.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const B={supplier:'ТОВАРИСТВО З ОБМЕЖЕНОЮ ВІДПОВІДАЛЬНІСТЮ "ЕКО ЦЕНТР ПРОЕКТ"',identifier:"#43194460 (UA-EDR)",amountLabel:"Остаточна пропозиція:",amountValue:"98 000,00 UAH",statusLabel:"Переможець"},_=[{id:"name",label:"Найменування:",value:'ТОВАРИСТВО З ОБМЕЖЕНОЮ ВІДПОВІДАЛЬНІСТЮ "ЕКО ЦЕНТР ПРОЕКТ"'},{id:"code",label:"Ідентифікаційний код:",value:"#43194460 (UA-EDR)"},{id:"location",label:"Місцезнаходження:",value:"79008, Україна, Львівська область, місто Львів, ВУЛИЦЯ П.БЕРИНДИ будинок 3 квартира 4"},{id:"category",label:"Класифікація суб’єктів господарювання:",value:"Суб'єкт малого підприємництва"}],p="<\/script>",q=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,o.skin?`skin="${o.skin}"`:null].filter(n=>!!n).join(`
|
|
2
2
|
`);return`<script setup lang="ts">
|
|
3
3
|
import { ref } from "vue";
|
|
4
4
|
|
|
5
5
|
const isOpen = ref(${o.modelValue??!1});
|
|
6
|
-
${
|
|
6
|
+
${p}
|
|
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>`},H=`<script setup lang="ts">
|
|
15
15
|
import { ref } from "vue";
|
|
16
16
|
|
|
17
17
|
const isOpen = ref(true);
|
|
18
|
-
${
|
|
18
|
+
${p}
|
|
19
19
|
|
|
20
20
|
<template>
|
|
21
21
|
<PzAccordion v-model="isOpen">
|
|
@@ -39,23 +39,23 @@ ${l}
|
|
|
39
39
|
|
|
40
40
|
<div>Accordion content</div>
|
|
41
41
|
</PzAccordion>
|
|
42
|
-
</template>`,
|
|
42
|
+
</template>`,N=`<template>
|
|
43
43
|
<PzAccordion label="Додаткові умови проведення закупівлі">
|
|
44
44
|
Accordion body content
|
|
45
45
|
</PzAccordion>
|
|
46
|
-
</template>`,
|
|
46
|
+
</template>`,W=`<template>
|
|
47
47
|
<PzAccordion
|
|
48
48
|
:model-value="true"
|
|
49
49
|
label="Додаткові умови проведення закупівлі"
|
|
50
50
|
>
|
|
51
51
|
Accordion body content
|
|
52
52
|
</PzAccordion>
|
|
53
|
-
</template>`,
|
|
53
|
+
</template>`,j=`<script setup lang="ts">
|
|
54
54
|
import { ref } from "vue";
|
|
55
55
|
|
|
56
56
|
const isOpen = ref(true);
|
|
57
57
|
const loading = ref(true);
|
|
58
|
-
${
|
|
58
|
+
${p}
|
|
59
59
|
|
|
60
60
|
<template>
|
|
61
61
|
<PzAccordion
|
|
@@ -65,7 +65,15 @@ ${l}
|
|
|
65
65
|
>
|
|
66
66
|
Деталі рішення після завантаження
|
|
67
67
|
</PzAccordion>
|
|
68
|
-
</template>`,
|
|
68
|
+
</template>`,F=`<template>
|
|
69
|
+
<PzAccordion
|
|
70
|
+
skin="slim"
|
|
71
|
+
label="Детальний опис"
|
|
72
|
+
:model-value="true"
|
|
73
|
+
>
|
|
74
|
+
Учасники процедури закупівлі повинні надати у складі тендерних пропозицій інформацію та документи, які підтверджують відповідність тендерної пропозиції учасника технічним, якісним, кількісним та іншим вимогам до предмета закупівлі, установленим замовником.
|
|
75
|
+
</PzAccordion>
|
|
76
|
+
</template>`,G={title:"Components/Layouts/PzAccordion",component:e,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. It works uncontrolled without props, can be controlled with `v-model` for external navigation, supports a fallback `label`, uses `loading` for built-in skeleton content, and switches to the `trigger` slot for richer headers."},source:{transform:(o,a)=>q(a.args??G.args)}}},args:{modelValue:!1,label:"Додаткові умови проведення закупівлі",disabled:!1,loading:!1,contentClass:"",typography:void 0,skin:""},argTypes:{modelValue:{control:"boolean",description:"Controls the expanded state when provided. Omit it for internal uncontrolled state."},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,...I],description:"Overrides label typography using a PzText variant."},skin:{control:"select",options:R,description:"Visual skin for the accordion. Use `slim` for compact inline disclosure sections."}},render:o=>({components:{pzAccordion:e,pzText:L},setup(){return{args:o,updateModelValue:n=>{o.modelValue=n}}},template:`
|
|
69
77
|
<div class="pz-accordion-story">
|
|
70
78
|
<section class="pz-accordion-story-board">
|
|
71
79
|
<div class="pz-accordion-story-header">
|
|
@@ -84,6 +92,7 @@ ${l}
|
|
|
84
92
|
:loading="args.loading"
|
|
85
93
|
:content-class="args.contentClass"
|
|
86
94
|
:typography="args.typography"
|
|
95
|
+
:skin="args.skin"
|
|
87
96
|
@update:model-value="updateModelValue"
|
|
88
97
|
>
|
|
89
98
|
<div class="pz-accordion-story-body">
|
|
@@ -98,7 +107,7 @@ ${l}
|
|
|
98
107
|
</div>
|
|
99
108
|
</section>
|
|
100
109
|
</div>
|
|
101
|
-
`})},
|
|
110
|
+
`})},s={},r={parameters:{docs:{source:{code:N},description:{story:"No `v-model` is required for basic disclosure behavior. The accordion keeps its own open/closed state."}}},args:{modelValue:void 0,label:"Додаткові умови проведення закупівлі"},render:o=>({components:{pzAccordion:e},setup(){return{args:o}},template:`
|
|
102
111
|
<div class="pz-accordion-story">
|
|
103
112
|
<section class="pz-accordion-story-board">
|
|
104
113
|
<div class="pz-accordion-story-preview">
|
|
@@ -108,6 +117,7 @@ ${l}
|
|
|
108
117
|
:loading="args.loading"
|
|
109
118
|
:content-class="args.contentClass"
|
|
110
119
|
:typography="args.typography"
|
|
120
|
+
:skin="args.skin"
|
|
111
121
|
>
|
|
112
122
|
<div class="pz-accordion-story-body">
|
|
113
123
|
<p class="pz-accordion-story-paragraph">
|
|
@@ -118,7 +128,7 @@ ${l}
|
|
|
118
128
|
</div>
|
|
119
129
|
</section>
|
|
120
130
|
</div>
|
|
121
|
-
`})},t={parameters:{docs:{source:{code:
|
|
131
|
+
`})},t={parameters:{docs:{source:{code:W},description:{story:'`:model-value="true"` without `v-model` initializes the accordion as open, then it continues working with internal state.'}}},args:{modelValue:!0,label:"Додаткові умови проведення закупівлі"},render:o=>({components:{pzAccordion:e},setup(){return{args:o}},template:`
|
|
122
132
|
<div class="pz-accordion-story">
|
|
123
133
|
<section class="pz-accordion-story-board">
|
|
124
134
|
<div class="pz-accordion-story-preview">
|
|
@@ -129,6 +139,7 @@ ${l}
|
|
|
129
139
|
:loading="args.loading"
|
|
130
140
|
:content-class="args.contentClass"
|
|
131
141
|
:typography="args.typography"
|
|
142
|
+
:skin="args.skin"
|
|
132
143
|
>
|
|
133
144
|
<div class="pz-accordion-story-body">
|
|
134
145
|
<p class="pz-accordion-story-paragraph">
|
|
@@ -139,7 +150,7 @@ ${l}
|
|
|
139
150
|
</div>
|
|
140
151
|
</section>
|
|
141
152
|
</div>
|
|
142
|
-
`})},c={parameters:{docs:{source:{code:
|
|
153
|
+
`})},c={parameters:{docs:{source:{code:H}}},render:()=>({components:{pzAccordion:e,pzLink:$,pzStatus:E},setup(){return{isOpen:D(!0),participantRows:_,winnerSummary:B}},template:`
|
|
143
154
|
<div class="pz-accordion-story">
|
|
144
155
|
<section class="pz-accordion-story-board">
|
|
145
156
|
<div class="pz-accordion-story-header">
|
|
@@ -197,7 +208,7 @@ ${l}
|
|
|
197
208
|
</div>
|
|
198
209
|
</section>
|
|
199
210
|
</div>
|
|
200
|
-
`})},i={args:{modelValue:!0,label:"Завантаження деталей рішення",loading:!0},parameters:{docs:{source:{code:
|
|
211
|
+
`})},i={args:{modelValue:!0,label:"Завантаження деталей рішення",loading:!0},parameters:{docs:{source:{code:j}}},render:o=>({components:{pzAccordion:e,pzText:L},setup(){return{args:o,updateModelValue:n=>{o.modelValue=n}}},template:`
|
|
201
212
|
<div class="pz-accordion-story">
|
|
202
213
|
<section class="pz-accordion-story-board">
|
|
203
214
|
<div class="pz-accordion-story-header">
|
|
@@ -226,7 +237,24 @@ ${l}
|
|
|
226
237
|
</div>
|
|
227
238
|
</section>
|
|
228
239
|
</div>
|
|
229
|
-
`})},d={args:{modelValue:!
|
|
240
|
+
`})},d={args:{modelValue:!0,label:"Детальний опис",skin:"slim"},parameters:{docs:{source:{code:F},description:{story:'Use `skin="slim"` for compact disclosure text blocks without the default bordered row treatment.'}}},render:o=>({components:{pzAccordion:e},setup(){return{args:o,updateModelValue:n=>{o.modelValue=n}}},template:`
|
|
241
|
+
<div class="pz-accordion-story">
|
|
242
|
+
<section class="pz-accordion-story-board">
|
|
243
|
+
<div class="pz-accordion-story-preview pz-accordion-story-preview-plain">
|
|
244
|
+
<pz-accordion
|
|
245
|
+
:model-value="args.modelValue"
|
|
246
|
+
:label="args.label"
|
|
247
|
+
:skin="args.skin"
|
|
248
|
+
@update:model-value="updateModelValue"
|
|
249
|
+
>
|
|
250
|
+
<p class="pz-accordion-story-paragraph">
|
|
251
|
+
Учасники процедури закупівлі повинні надати у складі тендерних пропозицій інформацію та документи, які підтверджують відповідність тендерної пропозиції учасника технічним, якісним, кількісним та іншим вимогам до предмета закупівлі, установленим замовником.
|
|
252
|
+
</p>
|
|
253
|
+
</pz-accordion>
|
|
254
|
+
</div>
|
|
255
|
+
</section>
|
|
256
|
+
</div>
|
|
257
|
+
`})},l={args:{modelValue:!1,label:"Архівна секція без взаємодії",disabled:!0}};var u,m,z;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(z=(m=s.parameters)==null?void 0:m.docs)==null?void 0:z.source}}};var g,v,y;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
230
258
|
parameters: {
|
|
231
259
|
docs: {
|
|
232
260
|
source: {
|
|
@@ -260,6 +288,7 @@ ${l}
|
|
|
260
288
|
:loading="args.loading"
|
|
261
289
|
:content-class="args.contentClass"
|
|
262
290
|
:typography="args.typography"
|
|
291
|
+
:skin="args.skin"
|
|
263
292
|
>
|
|
264
293
|
<div class="pz-accordion-story-body">
|
|
265
294
|
<p class="pz-accordion-story-paragraph">
|
|
@@ -272,7 +301,7 @@ ${l}
|
|
|
272
301
|
</div>
|
|
273
302
|
\`
|
|
274
303
|
})
|
|
275
|
-
}`,...(y=(
|
|
304
|
+
}`,...(y=(v=r.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var b,f,h;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
276
305
|
parameters: {
|
|
277
306
|
docs: {
|
|
278
307
|
source: {
|
|
@@ -307,6 +336,7 @@ ${l}
|
|
|
307
336
|
:loading="args.loading"
|
|
308
337
|
:content-class="args.contentClass"
|
|
309
338
|
:typography="args.typography"
|
|
339
|
+
:skin="args.skin"
|
|
310
340
|
>
|
|
311
341
|
<div class="pz-accordion-story-body">
|
|
312
342
|
<p class="pz-accordion-story-paragraph">
|
|
@@ -319,7 +349,7 @@ ${l}
|
|
|
319
349
|
</div>
|
|
320
350
|
\`
|
|
321
351
|
})
|
|
322
|
-
}`,...(
|
|
352
|
+
}`,...(h=(f=t.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var w,A,S;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`{
|
|
323
353
|
parameters: {
|
|
324
354
|
docs: {
|
|
325
355
|
source: {
|
|
@@ -401,7 +431,7 @@ ${l}
|
|
|
401
431
|
</div>
|
|
402
432
|
\`
|
|
403
433
|
})
|
|
404
|
-
}`,...(
|
|
434
|
+
}`,...(S=(A=c.parameters)==null?void 0:A.docs)==null?void 0:S.source}}};var k,V,P;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
405
435
|
args: {
|
|
406
436
|
modelValue: true,
|
|
407
437
|
label: "Завантаження деталей рішення",
|
|
@@ -459,10 +489,58 @@ ${l}
|
|
|
459
489
|
</div>
|
|
460
490
|
\`
|
|
461
491
|
})
|
|
462
|
-
}`,...(
|
|
492
|
+
}`,...(P=(V=i.parameters)==null?void 0:V.docs)==null?void 0:P.source}}};var x,O,T;d.parameters={...d.parameters,docs:{...(x=d.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
493
|
+
args: {
|
|
494
|
+
modelValue: true,
|
|
495
|
+
label: "Детальний опис",
|
|
496
|
+
skin: "slim"
|
|
497
|
+
},
|
|
498
|
+
parameters: {
|
|
499
|
+
docs: {
|
|
500
|
+
source: {
|
|
501
|
+
code: slimSkinSource
|
|
502
|
+
},
|
|
503
|
+
description: {
|
|
504
|
+
story: 'Use \`skin="slim"\` for compact disclosure text blocks without the default bordered row treatment.'
|
|
505
|
+
}
|
|
506
|
+
}
|
|
507
|
+
},
|
|
508
|
+
render: (args: PzAccordionStoryArgs) => ({
|
|
509
|
+
components: {
|
|
510
|
+
pzAccordion: PzAccordion
|
|
511
|
+
},
|
|
512
|
+
setup() {
|
|
513
|
+
const updateModelValue = (value: boolean): void => {
|
|
514
|
+
args.modelValue = value;
|
|
515
|
+
};
|
|
516
|
+
return {
|
|
517
|
+
args,
|
|
518
|
+
updateModelValue
|
|
519
|
+
};
|
|
520
|
+
},
|
|
521
|
+
template: \`
|
|
522
|
+
<div class="pz-accordion-story">
|
|
523
|
+
<section class="pz-accordion-story-board">
|
|
524
|
+
<div class="pz-accordion-story-preview pz-accordion-story-preview-plain">
|
|
525
|
+
<pz-accordion
|
|
526
|
+
:model-value="args.modelValue"
|
|
527
|
+
:label="args.label"
|
|
528
|
+
:skin="args.skin"
|
|
529
|
+
@update:model-value="updateModelValue"
|
|
530
|
+
>
|
|
531
|
+
<p class="pz-accordion-story-paragraph">
|
|
532
|
+
Учасники процедури закупівлі повинні надати у складі тендерних пропозицій інформацію та документи, які підтверджують відповідність тендерної пропозиції учасника технічним, якісним, кількісним та іншим вимогам до предмета закупівлі, установленим замовником.
|
|
533
|
+
</p>
|
|
534
|
+
</pz-accordion>
|
|
535
|
+
</div>
|
|
536
|
+
</section>
|
|
537
|
+
</div>
|
|
538
|
+
\`
|
|
539
|
+
})
|
|
540
|
+
}`,...(T=(O=d.parameters)==null?void 0:O.docs)==null?void 0:T.source}}};var M,U,C;l.parameters={...l.parameters,docs:{...(M=l.parameters)==null?void 0:M.docs,source:{originalSource:`{
|
|
463
541
|
args: {
|
|
464
542
|
modelValue: false,
|
|
465
543
|
label: "Архівна секція без взаємодії",
|
|
466
544
|
disabled: true
|
|
467
545
|
}
|
|
468
|
-
}`,...(
|
|
546
|
+
}`,...(C=(U=l.parameters)==null?void 0:U.docs)==null?void 0:C.source}}};const so=["Playground","Uncontrolled","InitialOpen","CustomTrigger","LoadingState","SlimSkin","DisabledState"];export{c as CustomTrigger,l as DisabledState,t as InitialOpen,i as LoadingState,s as Playground,d as SlimSkin,r as Uncontrolled,so as __namedExportsOrder,G as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as ya,E as va,h as ma,w as _a,f as m,q as S,F as k,u as N,x as K,v as A,p as P,r as Ta,c as de,o as f,n as pe,g as F,I as $a,A as ue,y as be,Z as ha,B as ge}from"./iframe-CK_-siX_.js";import{g as Aa}from"./_commonjsHelpers-Cpj98o6Y.js";import{d as Y,b as za,e as Ke,f as O,g as wa,i as x,_ as X,h as $,j as Sa,a as J,k as Pa,l as Q,m as ja,c as Oa}from"./isArray-DPUC7i9_.js";import{a as xa}from"./PzAccordion-BSQYPNjM.js";import{_ as Ia}from"./PzIcon-C-3xKskM.js";import{b as fe,c as Ca}from"./PzTable-D2LKFxwd.js";import{_ as ka}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{P as Fa}from"./PzLink-XzzpwDDe.js";import{P as La}from"./PzStatus-BgkfQHGk.js";import{P as Ge}from"./PzTag-DAOIn8mO.js";import{P as qe}from"./PzText-DCaCG1Xi.js";import"./preload-helper-C1FmrZbK.js";import"./PzSkeleton-e2shhmz6.js";import"./lodash-CdDiHlzQ.js";import"./PzInfoHint-DhuMOgQr.js";import"./PzHint-VbJ8_OEs.js";import"./floating-vue-CspvJYvV.js";import"./floating-vue-C03hZ3mq.js";var Ra=Y;function Ba(){this.__data__=new Ra,this.size=0}var Ea=Ba;function Da(e){var a=this.__data__,t=a.delete(e);return this.size=a.size,t}var Ma=Da;function Ua(e){return this.__data__.get(e)}var Va=Ua;function Na(e){return this.__data__.has(e)}var Ka=Na,Ga=Y,qa=Ke,Wa=za,Ha=200;function Za(e,a){var t=this.__data__;if(t instanceof Ga){var r=t.__data__;if(!qa||r.length<Ha-1)return r.push([e,a]),this.size=++t.size,this;t=this.__data__=new Wa(r)}return t.set(e,a),this.size=t.size,this}var Ya=Za,Xa=Y,Ja=Ea,Qa=Ma,et=Va,at=Ka,tt=Ya;function z(e){var a=this.__data__=new Xa(e);this.size=a.size}z.prototype.clear=Ja;z.prototype.delete=Qa;z.prototype.get=et;z.prototype.has=at;z.prototype.set=tt;var rt=z;function nt(e,a){for(var t=-1,r=e==null?0:e.length;++t<r&&a(e[t],t,e)!==!1;);return e}var ot=nt,st=O,it=function(){try{var e=st(Object,"defineProperty");return e({},"",{}),e}catch{}}(),lt=it,ye=lt;function ct(e,a,t){a=="__proto__"&&ye?ye(e,a,{configurable:!0,enumerable:!0,value:t,writable:!0}):e[a]=t}var We=ct,dt=We,pt=wa,ut=Object.prototype,bt=ut.hasOwnProperty;function gt(e,a,t){var r=e[a];(!(bt.call(e,a)&&pt(r,t))||t===void 0&&!(a in e))&&dt(e,a,t)}var He=gt,ft=He,yt=We;function vt(e,a,t,r){var s=!t;t||(t={});for(var l=-1,o=a.length;++l<o;){var d=a[l],u=r?r(t[d],e[d],d,t,e):void 0;u===void 0&&(u=e[d]),s?yt(t,d,u):ft(t,d,u)}return t}var V=vt;function mt(e,a){for(var t=-1,r=Array(e);++t<e;)r[t]=a(t);return r}var _t=mt,Tt=X,$t=x,ht="[object Arguments]";function At(e){return $t(e)&&Tt(e)==ht}var zt=At,ve=zt,wt=x,Ze=Object.prototype,St=Ze.hasOwnProperty,Pt=Ze.propertyIsEnumerable,jt=ve(function(){return arguments}())?ve:function(e){return wt(e)&&St.call(e,"callee")&&!Pt.call(e,"callee")},Ot=jt,D={exports:{}};function xt(){return!1}var It=xt;D.exports;(function(e,a){var t=$,r=It,s=a&&!a.nodeType&&a,l=s&&!0&&e&&!e.nodeType&&e,o=l&&l.exports===s,d=o?t.Buffer:void 0,u=d?d.isBuffer:void 0,b=u||r;e.exports=b})(D,D.exports);var Ye=D.exports,Ct=9007199254740991,kt=/^(?:0|[1-9]\d*)$/;function Ft(e,a){var t=typeof e;return a=a??Ct,!!a&&(t=="number"||t!="symbol"&&kt.test(e))&&e>-1&&e%1==0&&e<a}var Lt=Ft,Rt=9007199254740991;function Bt(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Rt}var Xe=Bt,Et=X,Dt=Xe,Mt=x,Ut="[object Arguments]",Vt="[object Array]",Nt="[object Boolean]",Kt="[object Date]",Gt="[object Error]",qt="[object Function]",Wt="[object Map]",Ht="[object Number]",Zt="[object Object]",Yt="[object RegExp]",Xt="[object Set]",Jt="[object String]",Qt="[object WeakMap]",er="[object ArrayBuffer]",ar="[object DataView]",tr="[object Float32Array]",rr="[object Float64Array]",nr="[object Int8Array]",or="[object Int16Array]",sr="[object Int32Array]",ir="[object Uint8Array]",lr="[object Uint8ClampedArray]",cr="[object Uint16Array]",dr="[object Uint32Array]",p={};p[tr]=p[rr]=p[nr]=p[or]=p[sr]=p[ir]=p[lr]=p[cr]=p[dr]=!0;p[Ut]=p[Vt]=p[er]=p[Nt]=p[ar]=p[Kt]=p[Gt]=p[qt]=p[Wt]=p[Ht]=p[Zt]=p[Yt]=p[Xt]=p[Jt]=p[Qt]=!1;function pr(e){return Mt(e)&&Dt(e.length)&&!!p[Et(e)]}var ur=pr;function br(e){return function(a){return e(a)}}var ee=br,M={exports:{}};M.exports;(function(e,a){var t=Sa,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,l=s&&s.exports===r,o=l&&t.process,d=function(){try{var u=s&&s.require&&s.require("util").types;return u||o&&o.binding&&o.binding("util")}catch{}}();e.exports=d})(M,M.exports);var ae=M.exports,gr=ur,fr=ee,me=ae,_e=me&&me.isTypedArray,yr=_e?fr(_e):gr,vr=yr,mr=_t,_r=Ot,Tr=J,$r=Ye,hr=Lt,Ar=vr,zr=Object.prototype,wr=zr.hasOwnProperty;function Sr(e,a){var t=Tr(e),r=!t&&_r(e),s=!t&&!r&&$r(e),l=!t&&!r&&!s&&Ar(e),o=t||r||s||l,d=o?mr(e.length,String):[],u=d.length;for(var b in e)(a||wr.call(e,b))&&!(o&&(b=="length"||s&&(b=="offset"||b=="parent")||l&&(b=="buffer"||b=="byteLength"||b=="byteOffset")||hr(b,u)))&&d.push(b);return d}var Je=Sr,Pr=Object.prototype;function jr(e){var a=e&&e.constructor,t=typeof a=="function"&&a.prototype||Pr;return e===t}var te=jr;function Or(e,a){return function(t){return e(a(t))}}var Qe=Or,xr=Qe,Ir=xr(Object.keys,Object),Cr=Ir,kr=te,Fr=Cr,Lr=Object.prototype,Rr=Lr.hasOwnProperty;function Br(e){if(!kr(e))return Fr(e);var a=[];for(var t in Object(e))Rr.call(e,t)&&t!="constructor"&&a.push(t);return a}var Er=Br,Dr=Pa,Mr=Xe;function Ur(e){return e!=null&&Mr(e.length)&&!Dr(e)}var ea=Ur,Vr=Je,Nr=Er,Kr=ea;function Gr(e){return Kr(e)?Vr(e):Nr(e)}var re=Gr,qr=V,Wr=re;function Hr(e,a){return e&&qr(a,Wr(a),e)}var Zr=Hr;function Yr(e){var a=[];if(e!=null)for(var t in Object(e))a.push(t);return a}var Xr=Yr,Jr=Q,Qr=te,en=Xr,an=Object.prototype,tn=an.hasOwnProperty;function rn(e){if(!Jr(e))return en(e);var a=Qr(e),t=[];for(var r in e)r=="constructor"&&(a||!tn.call(e,r))||t.push(r);return t}var nn=rn,on=Je,sn=nn,ln=ea;function cn(e){return ln(e)?on(e,!0):sn(e)}var ne=cn,dn=V,pn=ne;function un(e,a){return e&&dn(a,pn(a),e)}var bn=un,U={exports:{}};U.exports;(function(e,a){var t=$,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,l=s&&s.exports===r,o=l?t.Buffer:void 0,d=o?o.allocUnsafe:void 0;function u(b,h){if(h)return b.slice();var y=b.length,_=d?d(y):new b.constructor(y);return b.copy(_),_}e.exports=u})(U,U.exports);var gn=U.exports;function fn(e,a){var t=-1,r=e.length;for(a||(a=Array(r));++t<r;)a[t]=e[t];return a}var yn=fn;function vn(e,a){for(var t=-1,r=e==null?0:e.length,s=0,l=[];++t<r;){var o=e[t];a(o,t,e)&&(l[s++]=o)}return l}var mn=vn;function _n(){return[]}var aa=_n,Tn=mn,$n=aa,hn=Object.prototype,An=hn.propertyIsEnumerable,Te=Object.getOwnPropertySymbols,zn=Te?function(e){return e==null?[]:(e=Object(e),Tn(Te(e),function(a){return An.call(e,a)}))}:$n,oe=zn,wn=V,Sn=oe;function Pn(e,a){return wn(e,Sn(e),a)}var jn=Pn;function On(e,a){for(var t=-1,r=a.length,s=e.length;++t<r;)e[s+t]=a[t];return e}var ta=On,xn=Qe,In=xn(Object.getPrototypeOf,Object),ra=In,Cn=ta,kn=ra,Fn=oe,Ln=aa,Rn=Object.getOwnPropertySymbols,Bn=Rn?function(e){for(var a=[];e;)Cn(a,Fn(e)),e=kn(e);return a}:Ln,na=Bn,En=V,Dn=na;function Mn(e,a){return En(e,Dn(e),a)}var Un=Mn,Vn=ta,Nn=J;function Kn(e,a,t){var r=a(e);return Nn(e)?r:Vn(r,t(e))}var oa=Kn,Gn=oa,qn=oe,Wn=re;function Hn(e){return Gn(e,Wn,qn)}var Zn=Hn,Yn=oa,Xn=na,Jn=ne;function Qn(e){return Yn(e,Jn,Xn)}var eo=Qn,ao=O,to=$,ro=ao(to,"DataView"),no=ro,oo=O,so=$,io=oo(so,"Promise"),lo=io,co=O,po=$,uo=co(po,"Set"),bo=uo,go=O,fo=$,yo=go(fo,"WeakMap"),vo=yo,G=no,q=Ke,W=lo,H=bo,Z=vo,sa=X,w=ja,$e="[object Map]",mo="[object Object]",he="[object Promise]",Ae="[object Set]",ze="[object WeakMap]",we="[object DataView]",_o=w(G),To=w(q),$o=w(W),ho=w(H),Ao=w(Z),T=sa;(G&&T(new G(new ArrayBuffer(1)))!=we||q&&T(new q)!=$e||W&&T(W.resolve())!=he||H&&T(new H)!=Ae||Z&&T(new Z)!=ze)&&(T=function(e){var a=sa(e),t=a==mo?e.constructor:void 0,r=t?w(t):"";if(r)switch(r){case _o:return we;case To:return $e;case $o:return he;case ho:return Ae;case Ao:return ze}return a});var se=T,zo=Object.prototype,wo=zo.hasOwnProperty;function So(e){var a=e.length,t=new e.constructor(a);return a&&typeof e[0]=="string"&&wo.call(e,"index")&&(t.index=e.index,t.input=e.input),t}var Po=So,jo=$,Oo=jo.Uint8Array,xo=Oo,Se=xo;function Io(e){var a=new e.constructor(e.byteLength);return new Se(a).set(new Se(e)),a}var ie=Io,Co=ie;function ko(e,a){var t=a?Co(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.byteLength)}var Fo=ko,Lo=/\w*$/;function Ro(e){var a=new e.constructor(e.source,Lo.exec(e));return a.lastIndex=e.lastIndex,a}var Bo=Ro,Pe=Oa,je=Pe?Pe.prototype:void 0,Oe=je?je.valueOf:void 0;function Eo(e){return Oe?Object(Oe.call(e)):{}}var Do=Eo,Mo=ie;function Uo(e,a){var t=a?Mo(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}var Vo=Uo,No=ie,Ko=Fo,Go=Bo,qo=Do,Wo=Vo,Ho="[object Boolean]",Zo="[object Date]",Yo="[object Map]",Xo="[object Number]",Jo="[object RegExp]",Qo="[object Set]",es="[object String]",as="[object Symbol]",ts="[object ArrayBuffer]",rs="[object DataView]",ns="[object Float32Array]",os="[object Float64Array]",ss="[object Int8Array]",is="[object Int16Array]",ls="[object Int32Array]",cs="[object Uint8Array]",ds="[object Uint8ClampedArray]",ps="[object Uint16Array]",us="[object Uint32Array]";function bs(e,a,t){var r=e.constructor;switch(a){case ts:return No(e);case Ho:case Zo:return new r(+e);case rs:return Ko(e,t);case ns:case os:case ss:case is:case ls:case cs:case ds:case ps:case us:return Wo(e,t);case Yo:return new r;case Xo:case es:return new r(e);case Jo:return Go(e);case Qo:return new r;case as:return qo(e)}}var gs=bs,fs=Q,xe=Object.create,ys=function(){function e(){}return function(a){if(!fs(a))return{};if(xe)return xe(a);e.prototype=a;var t=new e;return e.prototype=void 0,t}}(),vs=ys,ms=vs,_s=ra,Ts=te;function $s(e){return typeof e.constructor=="function"&&!Ts(e)?ms(_s(e)):{}}var hs=$s,As=se,zs=x,ws="[object Map]";function Ss(e){return zs(e)&&As(e)==ws}var Ps=Ss,js=Ps,Os=ee,Ie=ae,Ce=Ie&&Ie.isMap,xs=Ce?Os(Ce):js,Is=xs,Cs=se,ks=x,Fs="[object Set]";function Ls(e){return ks(e)&&Cs(e)==Fs}var Rs=Ls,Bs=Rs,Es=ee,ke=ae,Fe=ke&&ke.isSet,Ds=Fe?Es(Fe):Bs,Ms=Ds,Us=rt,Vs=ot,Ns=He,Ks=Zr,Gs=bn,qs=gn,Ws=yn,Hs=jn,Zs=Un,Ys=Zn,Xs=eo,Js=se,Qs=Po,ei=gs,ai=hs,ti=J,ri=Ye,ni=Is,oi=Q,si=Ms,ii=re,li=ne,ci=1,di=2,pi=4,ia="[object Arguments]",ui="[object Array]",bi="[object Boolean]",gi="[object Date]",fi="[object Error]",la="[object Function]",yi="[object GeneratorFunction]",vi="[object Map]",mi="[object Number]",ca="[object Object]",_i="[object RegExp]",Ti="[object Set]",$i="[object String]",hi="[object Symbol]",Ai="[object WeakMap]",zi="[object ArrayBuffer]",wi="[object DataView]",Si="[object Float32Array]",Pi="[object Float64Array]",ji="[object Int8Array]",Oi="[object Int16Array]",xi="[object Int32Array]",Ii="[object Uint8Array]",Ci="[object Uint8ClampedArray]",ki="[object Uint16Array]",Fi="[object Uint32Array]",c={};c[ia]=c[ui]=c[zi]=c[wi]=c[bi]=c[gi]=c[Si]=c[Pi]=c[ji]=c[Oi]=c[xi]=c[vi]=c[mi]=c[ca]=c[_i]=c[Ti]=c[$i]=c[hi]=c[Ii]=c[Ci]=c[ki]=c[Fi]=!0;c[fi]=c[la]=c[Ai]=!1;function B(e,a,t,r,s,l){var o,d=a&ci,u=a&di,b=aπif(t&&(o=s?t(e,r,s,l):t(e)),o!==void 0)return o;if(!oi(e))return e;var h=ti(e);if(h){if(o=Qs(e),!d)return Ws(e,o)}else{var y=Js(e),_=y==la||y==yi;if(ri(e))return qs(e,d);if(y==ca||y==ia||_&&!s){if(o=u||_?{}:ai(e),!d)return u?Zs(e,Gs(o,e)):Hs(e,Ks(o,e))}else{if(!c[y])return s?e:{};o=ei(e,y,d)}}l||(l=new Us);var I=l.get(e);if(I)return I;l.set(e,o),si(e)?e.forEach(function(g){o.add(B(g,a,t,g,e,l))}):ni(e)&&e.forEach(function(g,n){o.set(n,B(g,a,t,n,e,l))});var C=b?u?Xs:Ys:u?li:ii,i=h?void 0:C(e);return Vs(i||e,function(g,n){i&&(n=g,g=e[n]),Ns(o,n,B(g,a,t,n,e,l))}),o}var Li=B,Ri=Li,Bi=1,Ei=4;function Di(e){return Ri(e,Bi|Ei)}var Mi=Di;const Ui=Aa(Mi),da="—",Vi=100,Ni={id:"accordion-toggle",name:"",key:""},Ki={class:"pz-accordion-table-wrap"},Gi={class:"pz-accordion-table"},qi={key:0,class:"pz-accordion-table__head"},Wi={class:"pz-accordion-table__row pz-accordion-table__row--head"},Hi=["id","onClick"],Zi={key:0,class:"pz-accordion-table__toggle-cell"},Yi=["aria-expanded","aria-label","onClick"],Xi=["colspan"],E=ya({name:"PzAccordionTable",__name:"PzAccordionTable",props:{rowIdFn:{type:Function,default:e=>String(e.id??"")},defaultOpenedSubRowFn:{type:Function,default:()=>!1},visibleToggleBtnFn:{type:Function,default:()=>!1},fields:{},data:{},defaultValue:{default:da},visibleHeader:{type:Boolean,default:!0}},setup(e){const a=va(),t=Ta([]),r=e;ma(()=>C()),_a(()=>[r.data,r.defaultOpenedSubRowFn],()=>C(),{deep:!0});const s=de(()=>t.value.some(i=>u(i))),l=de(()=>r.fields.length+(s.value?1:0)),o=({colWidth:i})=>({width:r.fields.some(({colWidth:n})=>!!n)?`${i}%`:`${Math.floor(Vi/r.fields.length)}%`}),d=i=>!!a[i],u=i=>r.visibleToggleBtnFn(i),b=i=>{u(i)&&(i.showSubRow=!i.showSubRow)},h=i=>r.rowIdFn(i)||void 0,y=(i,g)=>{const{id:n}=i;return typeof n=="string"||typeof n=="number"?n:g},_=i=>{const{target:g}=i;return g instanceof Element&&!!g.closest("a, button, input, select, textarea, summary, [role='button']")},I=(i,g)=>{_(g)||b(i)},C=()=>{t.value=Ui(r.data||[]).map(i=>({...i,showSubRow:r.defaultOpenedSubRowFn(i)}))};return(i,g)=>(f(),m("div",Ki,[S("table",Gi,[e.visibleHeader?(f(),m("thead",qi,[S("tr",Wi,[(f(!0),m(k,null,N(e.fields,n=>(f(),K(A(fe),{key:n.id,column:n,style:pe(o(n))},null,8,["column","style"]))),128)),s.value?(f(),K(A(fe),{key:0,column:A(Ni),class:"pz-accordion-table__toggle-head"},null,8,["column"])):P("",!0)])])):P("",!0),S("tbody",null,[(f(!0),m(k,null,N(t.value,(n,ce)=>(f(),m(k,{key:y(n,ce)},[S("tr",{id:h(n),class:F(["pz-accordion-table__row",{expandable:u(n),open:n.showSubRow}]),onClick:v=>I(n,v)},[(f(!0),m(k,null,N(e.fields,(v,ga)=>(f(),K(A(Ca),{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":ga===0})},$a({_:2},[d(v.key)?{name:"default",fn:ue(({value:fa})=>[be(i.$slots,v.key,{data:n,column:v,value:fa,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),key:"0"}:void 0]),1032,["column","data","style","default-value","class"]))),128)),s.value?(f(),m("td",Zi,[u(n)?(f(),m("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:ha(v=>b(n),["stop"])},[ge(A(Ia),{name:"expand_more",size:"20"})],10,Yi)):P("",!0)])):P("",!0)],10,Hi),u(n)?(f(),m("tr",{key:0,class:F(["pz-accordion-table__row pz-accordion-table__row--sub-row",{"pz-accordion-table__row--sub-row-open":n.showSubRow}])},[S("td",{colspan:l.value,class:"pz-accordion-table__sub-row-cell"},[ge(A(xa),{active:n.showSubRow,"content-class":"pz-accordion-table-sub-row-surface pz-bg-grey-20 pz-p-8 pz-pb-24 pz-p-lg-24 pz-pb-lg-32"},{default:ue(()=>[be(i.$slots,"subRow",{data:n,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),_:2},1032,["active"])],8,Xi)],2)):P("",!0)],64))),128))])])]))}}),pa=ka(E,[["__scopeId","data-v-8ef5368d"]]);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",elements:[{name:"TRow"}]},defaultValue:{func:!1,value:'(row: TRow) => String((row as PzAccordionTableRow).id ?? "")'}},{name:"defaultOpenedSubRowFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn",elements:[{name:"TRow"}]},defaultValue:{func:!1,value:"() => false"}},{name:"visibleToggleBtnFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn",elements:[{name:"TRow"}]},defaultValue:{func:!1,value:"() => false"}},{name:"fields",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn",elements:[{name:"TKey"}]}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"TRow"}]}},{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 ua=pa,Ji=pa,ba=[{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}],le=[{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 г"]}]}],Qi=[{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}],el=le.map(e=>({...e,supplier:e.supplier??{name:"ТОВ Канцелярія плюс",href:"https://prozorro.gov.ua"}})),al=`<template>
|
|
1
|
+
import{e as ya,E as va,h as ma,w as _a,f as m,q as S,F as k,A as N,u as K,C as A,p as P,r as Ta,c as de,o as f,n as pe,g as F,I as $a,x as ue,y as be,Z as ha,z as ge}from"./iframe-iNMR-yGE.js";import{g as Aa}from"./_commonjsHelpers-Cpj98o6Y.js";import{d as Y,b as za,e as Ke,f as O,g as wa,i as x,_ as X,h as $,j as Sa,a as J,k as Pa,l as Q,m as ja,c as Oa}from"./isArray-DPUC7i9_.js";import{a as xa}from"./PzAccordion-BT9BQIFR.js";import{_ as Ia}from"./PzIcon-DXFdpW2n.js";import{b as fe,c as Ca}from"./PzTable-DEGAWRou.js";import{_ as ka}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{P as Fa}from"./PzLink-AW4PfUcN.js";import{P as La}from"./PzStatus-DYGlvpqL.js";import{P as Ge}from"./PzTag-BwhxzDXe.js";import{P as qe}from"./PzText-8KvCoCEc.js";import"./preload-helper-C1FmrZbK.js";import"./PzSkeleton-LX0kJrLm.js";import"./lodash-CdDiHlzQ.js";import"./PzInfoHint-D1LOs8WA.js";import"./PzHint-BaZNmSVB.js";import"./floating-vue-xuj-SMFP.js";import"./floating-vue-DG78MVHr.js";var Ra=Y;function Ba(){this.__data__=new Ra,this.size=0}var Ea=Ba;function Da(e){var a=this.__data__,t=a.delete(e);return this.size=a.size,t}var Ma=Da;function Ua(e){return this.__data__.get(e)}var Va=Ua;function Na(e){return this.__data__.has(e)}var Ka=Na,Ga=Y,qa=Ke,Wa=za,Ha=200;function Za(e,a){var t=this.__data__;if(t instanceof Ga){var r=t.__data__;if(!qa||r.length<Ha-1)return r.push([e,a]),this.size=++t.size,this;t=this.__data__=new Wa(r)}return t.set(e,a),this.size=t.size,this}var Ya=Za,Xa=Y,Ja=Ea,Qa=Ma,et=Va,at=Ka,tt=Ya;function z(e){var a=this.__data__=new Xa(e);this.size=a.size}z.prototype.clear=Ja;z.prototype.delete=Qa;z.prototype.get=et;z.prototype.has=at;z.prototype.set=tt;var rt=z;function nt(e,a){for(var t=-1,r=e==null?0:e.length;++t<r&&a(e[t],t,e)!==!1;);return e}var ot=nt,st=O,it=function(){try{var e=st(Object,"defineProperty");return e({},"",{}),e}catch{}}(),lt=it,ye=lt;function ct(e,a,t){a=="__proto__"&&ye?ye(e,a,{configurable:!0,enumerable:!0,value:t,writable:!0}):e[a]=t}var We=ct,dt=We,pt=wa,ut=Object.prototype,bt=ut.hasOwnProperty;function gt(e,a,t){var r=e[a];(!(bt.call(e,a)&&pt(r,t))||t===void 0&&!(a in e))&&dt(e,a,t)}var He=gt,ft=He,yt=We;function vt(e,a,t,r){var s=!t;t||(t={});for(var l=-1,o=a.length;++l<o;){var d=a[l],u=r?r(t[d],e[d],d,t,e):void 0;u===void 0&&(u=e[d]),s?yt(t,d,u):ft(t,d,u)}return t}var V=vt;function mt(e,a){for(var t=-1,r=Array(e);++t<e;)r[t]=a(t);return r}var _t=mt,Tt=X,$t=x,ht="[object Arguments]";function At(e){return $t(e)&&Tt(e)==ht}var zt=At,ve=zt,wt=x,Ze=Object.prototype,St=Ze.hasOwnProperty,Pt=Ze.propertyIsEnumerable,jt=ve(function(){return arguments}())?ve:function(e){return wt(e)&&St.call(e,"callee")&&!Pt.call(e,"callee")},Ot=jt,D={exports:{}};function xt(){return!1}var It=xt;D.exports;(function(e,a){var t=$,r=It,s=a&&!a.nodeType&&a,l=s&&!0&&e&&!e.nodeType&&e,o=l&&l.exports===s,d=o?t.Buffer:void 0,u=d?d.isBuffer:void 0,b=u||r;e.exports=b})(D,D.exports);var Ye=D.exports,Ct=9007199254740991,kt=/^(?:0|[1-9]\d*)$/;function Ft(e,a){var t=typeof e;return a=a??Ct,!!a&&(t=="number"||t!="symbol"&&kt.test(e))&&e>-1&&e%1==0&&e<a}var Lt=Ft,Rt=9007199254740991;function Bt(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Rt}var Xe=Bt,Et=X,Dt=Xe,Mt=x,Ut="[object Arguments]",Vt="[object Array]",Nt="[object Boolean]",Kt="[object Date]",Gt="[object Error]",qt="[object Function]",Wt="[object Map]",Ht="[object Number]",Zt="[object Object]",Yt="[object RegExp]",Xt="[object Set]",Jt="[object String]",Qt="[object WeakMap]",er="[object ArrayBuffer]",ar="[object DataView]",tr="[object Float32Array]",rr="[object Float64Array]",nr="[object Int8Array]",or="[object Int16Array]",sr="[object Int32Array]",ir="[object Uint8Array]",lr="[object Uint8ClampedArray]",cr="[object Uint16Array]",dr="[object Uint32Array]",p={};p[tr]=p[rr]=p[nr]=p[or]=p[sr]=p[ir]=p[lr]=p[cr]=p[dr]=!0;p[Ut]=p[Vt]=p[er]=p[Nt]=p[ar]=p[Kt]=p[Gt]=p[qt]=p[Wt]=p[Ht]=p[Zt]=p[Yt]=p[Xt]=p[Jt]=p[Qt]=!1;function pr(e){return Mt(e)&&Dt(e.length)&&!!p[Et(e)]}var ur=pr;function br(e){return function(a){return e(a)}}var ee=br,M={exports:{}};M.exports;(function(e,a){var t=Sa,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,l=s&&s.exports===r,o=l&&t.process,d=function(){try{var u=s&&s.require&&s.require("util").types;return u||o&&o.binding&&o.binding("util")}catch{}}();e.exports=d})(M,M.exports);var ae=M.exports,gr=ur,fr=ee,me=ae,_e=me&&me.isTypedArray,yr=_e?fr(_e):gr,vr=yr,mr=_t,_r=Ot,Tr=J,$r=Ye,hr=Lt,Ar=vr,zr=Object.prototype,wr=zr.hasOwnProperty;function Sr(e,a){var t=Tr(e),r=!t&&_r(e),s=!t&&!r&&$r(e),l=!t&&!r&&!s&&Ar(e),o=t||r||s||l,d=o?mr(e.length,String):[],u=d.length;for(var b in e)(a||wr.call(e,b))&&!(o&&(b=="length"||s&&(b=="offset"||b=="parent")||l&&(b=="buffer"||b=="byteLength"||b=="byteOffset")||hr(b,u)))&&d.push(b);return d}var Je=Sr,Pr=Object.prototype;function jr(e){var a=e&&e.constructor,t=typeof a=="function"&&a.prototype||Pr;return e===t}var te=jr;function Or(e,a){return function(t){return e(a(t))}}var Qe=Or,xr=Qe,Ir=xr(Object.keys,Object),Cr=Ir,kr=te,Fr=Cr,Lr=Object.prototype,Rr=Lr.hasOwnProperty;function Br(e){if(!kr(e))return Fr(e);var a=[];for(var t in Object(e))Rr.call(e,t)&&t!="constructor"&&a.push(t);return a}var Er=Br,Dr=Pa,Mr=Xe;function Ur(e){return e!=null&&Mr(e.length)&&!Dr(e)}var ea=Ur,Vr=Je,Nr=Er,Kr=ea;function Gr(e){return Kr(e)?Vr(e):Nr(e)}var re=Gr,qr=V,Wr=re;function Hr(e,a){return e&&qr(a,Wr(a),e)}var Zr=Hr;function Yr(e){var a=[];if(e!=null)for(var t in Object(e))a.push(t);return a}var Xr=Yr,Jr=Q,Qr=te,en=Xr,an=Object.prototype,tn=an.hasOwnProperty;function rn(e){if(!Jr(e))return en(e);var a=Qr(e),t=[];for(var r in e)r=="constructor"&&(a||!tn.call(e,r))||t.push(r);return t}var nn=rn,on=Je,sn=nn,ln=ea;function cn(e){return ln(e)?on(e,!0):sn(e)}var ne=cn,dn=V,pn=ne;function un(e,a){return e&&dn(a,pn(a),e)}var bn=un,U={exports:{}};U.exports;(function(e,a){var t=$,r=a&&!a.nodeType&&a,s=r&&!0&&e&&!e.nodeType&&e,l=s&&s.exports===r,o=l?t.Buffer:void 0,d=o?o.allocUnsafe:void 0;function u(b,h){if(h)return b.slice();var y=b.length,_=d?d(y):new b.constructor(y);return b.copy(_),_}e.exports=u})(U,U.exports);var gn=U.exports;function fn(e,a){var t=-1,r=e.length;for(a||(a=Array(r));++t<r;)a[t]=e[t];return a}var yn=fn;function vn(e,a){for(var t=-1,r=e==null?0:e.length,s=0,l=[];++t<r;){var o=e[t];a(o,t,e)&&(l[s++]=o)}return l}var mn=vn;function _n(){return[]}var aa=_n,Tn=mn,$n=aa,hn=Object.prototype,An=hn.propertyIsEnumerable,Te=Object.getOwnPropertySymbols,zn=Te?function(e){return e==null?[]:(e=Object(e),Tn(Te(e),function(a){return An.call(e,a)}))}:$n,oe=zn,wn=V,Sn=oe;function Pn(e,a){return wn(e,Sn(e),a)}var jn=Pn;function On(e,a){for(var t=-1,r=a.length,s=e.length;++t<r;)e[s+t]=a[t];return e}var ta=On,xn=Qe,In=xn(Object.getPrototypeOf,Object),ra=In,Cn=ta,kn=ra,Fn=oe,Ln=aa,Rn=Object.getOwnPropertySymbols,Bn=Rn?function(e){for(var a=[];e;)Cn(a,Fn(e)),e=kn(e);return a}:Ln,na=Bn,En=V,Dn=na;function Mn(e,a){return En(e,Dn(e),a)}var Un=Mn,Vn=ta,Nn=J;function Kn(e,a,t){var r=a(e);return Nn(e)?r:Vn(r,t(e))}var oa=Kn,Gn=oa,qn=oe,Wn=re;function Hn(e){return Gn(e,Wn,qn)}var Zn=Hn,Yn=oa,Xn=na,Jn=ne;function Qn(e){return Yn(e,Jn,Xn)}var eo=Qn,ao=O,to=$,ro=ao(to,"DataView"),no=ro,oo=O,so=$,io=oo(so,"Promise"),lo=io,co=O,po=$,uo=co(po,"Set"),bo=uo,go=O,fo=$,yo=go(fo,"WeakMap"),vo=yo,G=no,q=Ke,W=lo,H=bo,Z=vo,sa=X,w=ja,$e="[object Map]",mo="[object Object]",he="[object Promise]",Ae="[object Set]",ze="[object WeakMap]",we="[object DataView]",_o=w(G),To=w(q),$o=w(W),ho=w(H),Ao=w(Z),T=sa;(G&&T(new G(new ArrayBuffer(1)))!=we||q&&T(new q)!=$e||W&&T(W.resolve())!=he||H&&T(new H)!=Ae||Z&&T(new Z)!=ze)&&(T=function(e){var a=sa(e),t=a==mo?e.constructor:void 0,r=t?w(t):"";if(r)switch(r){case _o:return we;case To:return $e;case $o:return he;case ho:return Ae;case Ao:return ze}return a});var se=T,zo=Object.prototype,wo=zo.hasOwnProperty;function So(e){var a=e.length,t=new e.constructor(a);return a&&typeof e[0]=="string"&&wo.call(e,"index")&&(t.index=e.index,t.input=e.input),t}var Po=So,jo=$,Oo=jo.Uint8Array,xo=Oo,Se=xo;function Io(e){var a=new e.constructor(e.byteLength);return new Se(a).set(new Se(e)),a}var ie=Io,Co=ie;function ko(e,a){var t=a?Co(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.byteLength)}var Fo=ko,Lo=/\w*$/;function Ro(e){var a=new e.constructor(e.source,Lo.exec(e));return a.lastIndex=e.lastIndex,a}var Bo=Ro,Pe=Oa,je=Pe?Pe.prototype:void 0,Oe=je?je.valueOf:void 0;function Eo(e){return Oe?Object(Oe.call(e)):{}}var Do=Eo,Mo=ie;function Uo(e,a){var t=a?Mo(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}var Vo=Uo,No=ie,Ko=Fo,Go=Bo,qo=Do,Wo=Vo,Ho="[object Boolean]",Zo="[object Date]",Yo="[object Map]",Xo="[object Number]",Jo="[object RegExp]",Qo="[object Set]",es="[object String]",as="[object Symbol]",ts="[object ArrayBuffer]",rs="[object DataView]",ns="[object Float32Array]",os="[object Float64Array]",ss="[object Int8Array]",is="[object Int16Array]",ls="[object Int32Array]",cs="[object Uint8Array]",ds="[object Uint8ClampedArray]",ps="[object Uint16Array]",us="[object Uint32Array]";function bs(e,a,t){var r=e.constructor;switch(a){case ts:return No(e);case Ho:case Zo:return new r(+e);case rs:return Ko(e,t);case ns:case os:case ss:case is:case ls:case cs:case ds:case ps:case us:return Wo(e,t);case Yo:return new r;case Xo:case es:return new r(e);case Jo:return Go(e);case Qo:return new r;case as:return qo(e)}}var gs=bs,fs=Q,xe=Object.create,ys=function(){function e(){}return function(a){if(!fs(a))return{};if(xe)return xe(a);e.prototype=a;var t=new e;return e.prototype=void 0,t}}(),vs=ys,ms=vs,_s=ra,Ts=te;function $s(e){return typeof e.constructor=="function"&&!Ts(e)?ms(_s(e)):{}}var hs=$s,As=se,zs=x,ws="[object Map]";function Ss(e){return zs(e)&&As(e)==ws}var Ps=Ss,js=Ps,Os=ee,Ie=ae,Ce=Ie&&Ie.isMap,xs=Ce?Os(Ce):js,Is=xs,Cs=se,ks=x,Fs="[object Set]";function Ls(e){return ks(e)&&Cs(e)==Fs}var Rs=Ls,Bs=Rs,Es=ee,ke=ae,Fe=ke&&ke.isSet,Ds=Fe?Es(Fe):Bs,Ms=Ds,Us=rt,Vs=ot,Ns=He,Ks=Zr,Gs=bn,qs=gn,Ws=yn,Hs=jn,Zs=Un,Ys=Zn,Xs=eo,Js=se,Qs=Po,ei=gs,ai=hs,ti=J,ri=Ye,ni=Is,oi=Q,si=Ms,ii=re,li=ne,ci=1,di=2,pi=4,ia="[object Arguments]",ui="[object Array]",bi="[object Boolean]",gi="[object Date]",fi="[object Error]",la="[object Function]",yi="[object GeneratorFunction]",vi="[object Map]",mi="[object Number]",ca="[object Object]",_i="[object RegExp]",Ti="[object Set]",$i="[object String]",hi="[object Symbol]",Ai="[object WeakMap]",zi="[object ArrayBuffer]",wi="[object DataView]",Si="[object Float32Array]",Pi="[object Float64Array]",ji="[object Int8Array]",Oi="[object Int16Array]",xi="[object Int32Array]",Ii="[object Uint8Array]",Ci="[object Uint8ClampedArray]",ki="[object Uint16Array]",Fi="[object Uint32Array]",c={};c[ia]=c[ui]=c[zi]=c[wi]=c[bi]=c[gi]=c[Si]=c[Pi]=c[ji]=c[Oi]=c[xi]=c[vi]=c[mi]=c[ca]=c[_i]=c[Ti]=c[$i]=c[hi]=c[Ii]=c[Ci]=c[ki]=c[Fi]=!0;c[fi]=c[la]=c[Ai]=!1;function B(e,a,t,r,s,l){var o,d=a&ci,u=a&di,b=aπif(t&&(o=s?t(e,r,s,l):t(e)),o!==void 0)return o;if(!oi(e))return e;var h=ti(e);if(h){if(o=Qs(e),!d)return Ws(e,o)}else{var y=Js(e),_=y==la||y==yi;if(ri(e))return qs(e,d);if(y==ca||y==ia||_&&!s){if(o=u||_?{}:ai(e),!d)return u?Zs(e,Gs(o,e)):Hs(e,Ks(o,e))}else{if(!c[y])return s?e:{};o=ei(e,y,d)}}l||(l=new Us);var I=l.get(e);if(I)return I;l.set(e,o),si(e)?e.forEach(function(g){o.add(B(g,a,t,g,e,l))}):ni(e)&&e.forEach(function(g,n){o.set(n,B(g,a,t,n,e,l))});var C=b?u?Xs:Ys:u?li:ii,i=h?void 0:C(e);return Vs(i||e,function(g,n){i&&(n=g,g=e[n]),Ns(o,n,B(g,a,t,n,e,l))}),o}var Li=B,Ri=Li,Bi=1,Ei=4;function Di(e){return Ri(e,Bi|Ei)}var Mi=Di;const Ui=Aa(Mi),da="—",Vi=100,Ni={id:"accordion-toggle",name:"",key:""},Ki={class:"pz-accordion-table-wrap"},Gi={class:"pz-accordion-table"},qi={key:0,class:"pz-accordion-table__head"},Wi={class:"pz-accordion-table__row pz-accordion-table__row--head"},Hi=["id","onClick"],Zi={key:0,class:"pz-accordion-table__toggle-cell"},Yi=["aria-expanded","aria-label","onClick"],Xi=["colspan"],E=ya({name:"PzAccordionTable",__name:"PzAccordionTable",props:{rowIdFn:{type:Function,default:e=>String(e.id??"")},defaultOpenedSubRowFn:{type:Function,default:()=>!1},visibleToggleBtnFn:{type:Function,default:()=>!1},fields:{},data:{},defaultValue:{default:da},visibleHeader:{type:Boolean,default:!0}},setup(e){const a=va(),t=Ta([]),r=e;ma(()=>C()),_a(()=>[r.data,r.defaultOpenedSubRowFn],()=>C(),{deep:!0});const s=de(()=>t.value.some(i=>u(i))),l=de(()=>r.fields.length+(s.value?1:0)),o=({colWidth:i})=>({width:r.fields.some(({colWidth:n})=>!!n)?`${i}%`:`${Math.floor(Vi/r.fields.length)}%`}),d=i=>!!a[i],u=i=>r.visibleToggleBtnFn(i),b=i=>{u(i)&&(i.showSubRow=!i.showSubRow)},h=i=>r.rowIdFn(i)||void 0,y=(i,g)=>{const{id:n}=i;return typeof n=="string"||typeof n=="number"?n:g},_=i=>{const{target:g}=i;return g instanceof Element&&!!g.closest("a, button, input, select, textarea, summary, [role='button']")},I=(i,g)=>{_(g)||b(i)},C=()=>{t.value=Ui(r.data||[]).map(i=>({...i,showSubRow:r.defaultOpenedSubRowFn(i)}))};return(i,g)=>(f(),m("div",Ki,[S("table",Gi,[e.visibleHeader?(f(),m("thead",qi,[S("tr",Wi,[(f(!0),m(k,null,N(e.fields,n=>(f(),K(A(fe),{key:n.id,column:n,style:pe(o(n))},null,8,["column","style"]))),128)),s.value?(f(),K(A(fe),{key:0,column:A(Ni),class:"pz-accordion-table__toggle-head"},null,8,["column"])):P("",!0)])])):P("",!0),S("tbody",null,[(f(!0),m(k,null,N(t.value,(n,ce)=>(f(),m(k,{key:y(n,ce)},[S("tr",{id:h(n),class:F(["pz-accordion-table__row",{expandable:u(n),open:n.showSubRow}]),onClick:v=>I(n,v)},[(f(!0),m(k,null,N(e.fields,(v,ga)=>(f(),K(A(Ca),{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":ga===0})},$a({_:2},[d(v.key)?{name:"default",fn:ue(({value:fa})=>[be(i.$slots,v.key,{data:n,column:v,value:fa,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),key:"0"}:void 0]),1032,["column","data","style","default-value","class"]))),128)),s.value?(f(),m("td",Zi,[u(n)?(f(),m("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:ha(v=>b(n),["stop"])},[ge(A(Ia),{name:"expand_more",size:"20"})],10,Yi)):P("",!0)])):P("",!0)],10,Hi),u(n)?(f(),m("tr",{key:0,class:F(["pz-accordion-table__row pz-accordion-table__row--sub-row",{"pz-accordion-table__row--sub-row-open":n.showSubRow}])},[S("td",{colspan:l.value,class:"pz-accordion-table__sub-row-cell"},[ge(A(xa),{active:n.showSubRow,"content-class":"pz-accordion-table-sub-row-surface pz-bg-grey-20 pz-p-8 pz-pb-24 pz-p-lg-24 pz-pb-lg-32"},{default:ue(()=>[be(i.$slots,"subRow",{data:n,expanded:n.showSubRow,toggle:()=>b(n)},void 0,!0)]),_:2},1032,["active"])],8,Xi)],2)):P("",!0)],64))),128))])])]))}}),pa=ka(E,[["__scopeId","data-v-8ef5368d"]]);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",elements:[{name:"TRow"}]},defaultValue:{func:!1,value:'(row: TRow) => String((row as PzAccordionTableRow).id ?? "")'}},{name:"defaultOpenedSubRowFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn",elements:[{name:"TRow"}]},defaultValue:{func:!1,value:"() => false"}},{name:"visibleToggleBtnFn",required:!1,type:{name:"PzAccordionTableRowPredicateFn",elements:[{name:"TRow"}]},defaultValue:{func:!1,value:"() => false"}},{name:"fields",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn",elements:[{name:"TKey"}]}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"TRow"}]}},{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 ua=pa,Ji=pa,ba=[{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}],le=[{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 г"]}]}],Qi=[{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}],el=le.map(e=>({...e,supplier:e.supplier??{name:"ТОВ Канцелярія плюс",href:"https://prozorro.gov.ua"}})),al=`<template>
|
|
2
2
|
<PzAccordionTable
|
|
3
3
|
:fields="fields"
|
|
4
4
|
:data="data"
|