@prozorro/prozorro-ui 0.1.8-beta → 0.1.9-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-CAjV4kX-.js → Color-FRDS63T2-B3_aev_c.js} +1 -1
- package/dist/app/assets/{Colors.stories-CTVJfxP9.js → Colors.stories-LhK6rbUK.js} +1 -1
- package/dist/app/assets/{Display.stories-Bo0-PMwk.js → Display.stories-BQGqoxcB.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-Llmeq6PS.js → DocsRenderer-LL677BLK-300RXC6P.js} +5 -5
- package/dist/app/assets/{Gap.stories-vKkjQ6ti.js → Gap.stories-BZIDJvZD.js} +1 -1
- package/dist/app/assets/{Grid.stories-UV7bK2t_.js → Grid.stories-B_h0qPC5.js} +1 -1
- package/dist/app/assets/{PzAccordion-ClxMiHcU.js → PzAccordion-Cojdm6sg.js} +1 -1
- package/dist/app/assets/{PzAccordion.stories-2_ofTvgC.js → PzAccordion.stories-BcttDu_f.js} +1 -1
- package/dist/app/assets/{PzAccordionTable.stories-DWgsrSq1.js → PzAccordionTable.stories-CQ-4Qsy-.js} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-DsOixR9K.js → PzArrayClamp.stories-D9kMEuNh.js} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-zoy8mbzF.js → PzBreadcrumb.stories-Nvb-uXmZ.js} +1 -1
- package/dist/app/assets/{PzBtn-DPvzToFW.js → PzBtn-CUgm96FR.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-BsxZ3oTy.js → PzBtn.stories-DW5vwEC9.js} +1 -1
- package/dist/app/assets/{PzCheckbox-BhIc1yJ-.js → PzCheckbox-TPoGik9Z.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-CmVJv79z.js → PzCheckbox.stories-Vz8ULFOB.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-DQ-yAddQ.js → PzCheckboxGroup.stories-DAIUp5E_.js} +1 -1
- package/dist/app/assets/{PzCopyToClipboard-p5uztEE_.js → PzCopyToClipboard-CeU5Xxiv.js} +1 -1
- package/dist/app/assets/{PzCopyToClipboard.stories-2G3Gn1_A.js → PzCopyToClipboard.stories-CSYkGHFX.js} +1 -1
- package/dist/app/assets/{PzDate-baR0_jQH.css → PzDate-BxcZABvm.css} +1 -1
- package/dist/app/assets/PzDate-asWCCinx.js +1 -0
- package/dist/app/assets/PzDate.stories-6UeFe7m-.js +242 -0
- package/dist/app/assets/{PzDateRange.stories-MwGhOa0I.js → PzDateRange.stories-gr0rT3IB.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-gEnf7qKn.js → PzDomHandler.stories-C3bcYiBq.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-DMyOMe3l.js → PzDropdown.stories-CcCpWuEG.js} +1 -1
- package/dist/app/assets/{PzFileInput.stories-Co1GI1__.js → PzFileInput.stories-DMFTRRpU.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-ByfTj_uS.js → PzGrid.stories-C69pNJlL.js} +1 -1
- package/dist/app/assets/{PzHint-Dj-v3Bqj.js → PzHint-DfIzPthY.js} +1 -1
- package/dist/app/assets/{PzHint.stories-HSvfLkFE.js → PzHint.stories-DpxNGCXy.js} +1 -1
- package/dist/app/assets/{PzIcon-CjmRwkad.js → PzIcon-4VRtjTG0.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-CM0_RoVP.js → PzIcon.stories-bInY3vGk.js} +1 -1
- package/dist/app/assets/{PzImage.stories-aIFsVQ_x.js → PzImage.stories-B0c5kWZR.js} +1 -1
- package/dist/app/assets/{PzImageInput.stories-Q7RVFjP5.js → PzImageInput.stories-YO4sE8AN.js} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout.stories-CwwvguO7.js → PzInfoBlockLayout.stories-vRm9Jzwm.js} +1 -1
- package/dist/app/assets/{PzInfoHint-FsQ8jhZ2.js → PzInfoHint-B9gKTfqR.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-Daa4AVwk.js → PzInfoHint.stories-CJUZCTjR.js} +1 -1
- package/dist/app/assets/{PzInput.stories-xWe8lHtA.js → PzInput.stories-CptpaLxP.js} +1 -1
- package/dist/app/assets/{PzInputDate.stories-Gj5SAsE7.js → PzInputDate.stories-DlaH_4Zz.js} +1 -1
- package/dist/app/assets/{PzInputNumber.stories-CfZRGr2p.js → PzInputNumber.stories-UqUVANuK.js} +1 -1
- package/dist/app/assets/{PzKeyValue-CTEB25cm.js → PzKeyValue-BlKF1jUR.js} +1 -1
- package/dist/app/assets/{PzKeyValue.stories-Bc_Uwe3E.js → PzKeyValue.stories-BhCRlKvO.js} +1 -1
- package/dist/app/assets/{PzLabel-aAS33M7v.js → PzLabel-BoW0MfRp.js} +1 -1
- package/dist/app/assets/{PzLabel.stories-7tn079od.js → PzLabel.stories-CH_4FA43.js} +1 -1
- package/dist/app/assets/{PzLink-Bw3j5HdV.js → PzLink-CViybz5T.js} +1 -1
- package/dist/app/assets/{PzLink.stories-tDsQyz5N.js → PzLink.stories-Dmx8dJ9X.js} +1 -1
- package/dist/app/assets/{PzListNav-D5MtuKSI.js → PzListNav-Bcwa8oKd.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-1hlPRSdN.js → PzListNav.stories-Bt5Bt2s-.js} +1 -1
- package/dist/app/assets/{PzLoader.stories-BOxsbbNN.js → PzLoader.stories-CMXRzTXW.js} +1 -1
- package/dist/app/assets/{PzMessages-BQa8YB3M.js → PzMessages-Ls5VYeJb.js} +1 -1
- package/dist/app/assets/{PzMessages.stories-D9ddbtr3.js → PzMessages.stories-BAej8A-j.js} +1 -1
- package/dist/app/assets/{PzModal.stories-C7sgEEt_.js → PzModal.stories-TlLP0MQg.js} +1 -1
- package/dist/app/assets/{PzMultiSelect.stories-DbjjPzih.js → PzMultiSelect.stories-CU7vmriW.js} +1 -1
- package/dist/app/assets/{PzNav.stories-BMClS4Me.js → PzNav.stories-C9Z6NDwD.js} +1 -1
- package/dist/app/assets/{PzNumberFormat.stories-DRFQNOdL.js → PzNumberFormat.stories-D4mFja4G.js} +1 -1
- package/dist/app/assets/{PzPagination-wbF2uCje.js → PzPagination-BkMXd-fQ.js} +1 -1
- package/dist/app/assets/{PzPagination.stories-vOQ2aXT2.js → PzPagination.stories-DcE6tlay.js} +1 -1
- package/dist/app/assets/{PzPaginationProvider.stories-sMHDUhjI.js → PzPaginationProvider.stories--2qbj8j1.js} +1 -1
- package/dist/app/assets/{PzPrice-BBSlSzJT.js → PzPrice-B3Q19EF4.js} +1 -1
- package/dist/app/assets/{PzPrice.stories-Dj5oLZWR.js → PzPrice.stories-BUkv_YP-.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-B5EJWC6H.js → PzPriceFormat.stories-D7Gg8pMY.js} +1 -1
- package/dist/app/assets/{PzPriceRange.stories-BDfdi8O6.js → PzPriceRange.stories-BqZPYpEF.js} +1 -1
- package/dist/app/assets/{PzRadioGroup.stories-Dv06JXZ_.js → PzRadioGroup.stories-DGG-gP_V.js} +1 -1
- package/dist/app/assets/{PzRouterLink.stories-j-t8XX1Y.js → PzRouterLink.stories-CHwtMbad.js} +1 -1
- package/dist/app/assets/{PzScrollTo.stories-BgWLtAo4.js → PzScrollTo.stories-DgT_cchY.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-3jx7MqX4.js → PzSearchResultItemLayout.stories-zmyHJU9f.js} +1 -1
- package/dist/app/assets/{PzSelect-D1ZrXLkv.js → PzSelect-BABe0rFw.js} +1 -1
- package/dist/app/assets/{PzSelect.stories-DSu7mh2F.js → PzSelect.stories-DPwMZl9W.js} +1 -1
- package/dist/app/assets/{PzSkeleton-DGZVNDZE.js → PzSkeleton-DGl1x3V7.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-OzxKKRtu.js → PzSkeleton.stories-CrIZxeJc.js} +1 -1
- package/dist/app/assets/{PzStatus-B6ZX7RPm.js → PzStatus-jS42ewt5.js} +1 -1
- package/dist/app/assets/{PzStatus.stories-DrB72wtG.js → PzStatus.stories-Cy5GJRD5.js} +1 -1
- package/dist/app/assets/{PzTable-D7Eh59NN.js → PzTable-BLFZgdV7.js} +1 -1
- package/dist/app/assets/{PzTable.stories-DpZOenRR.js → PzTable.stories-CKiRAtyL.js} +1 -1
- package/dist/app/assets/{PzTablePaginationProvider.stories-DTPMab_-.js → PzTablePaginationProvider.stories-9EIepSBw.js} +1 -1
- package/dist/app/assets/{PzTabs.stories-CBA_qZ78.js → PzTabs.stories-CDS94X_o.js} +1 -1
- package/dist/app/assets/{PzTag-xkgbmsoQ.js → PzTag-DBVga-ky.js} +1 -1
- package/dist/app/assets/{PzTag.stories-Vm6Uq3sU.js → PzTag.stories-CGkSCi0g.js} +1 -1
- package/dist/app/assets/{PzText-mUfHChWj.js → PzText-Bk3Tp8hQ.js} +1 -1
- package/dist/app/assets/{PzText.stories-BVcl9k4X.js → PzText.stories-Dd4fEXES.js} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-CJx_OfCL.js → PzTextClamp.stories-C2AeZZLo.js} +1 -1
- package/dist/app/assets/{PzTextarea.stories-Bq-vS8oa.js → PzTextarea.stories-BhZ2Yeh4.js} +1 -1
- package/dist/app/assets/{PzValidatorXSS.stories-B6RUB3iX.js → PzValidatorXSS.stories-BknRvg5D.js} +1 -1
- package/dist/app/assets/{Spacing.stories-5mZRRr23.js → Spacing.stories-WIZIUIm5.js} +1 -1
- package/dist/app/assets/{StaticPagination.composable-mNohzzFq.js → StaticPagination.composable-CDYrgV1R.js} +1 -1
- package/dist/app/assets/{Typography.stories-D5wqRnx8.js → Typography.stories-Fmu3QHba.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-D3zOcl6E.js → WithTooltip-65CFNBJE-DEaCdZH-.js} +1 -1
- package/dist/app/assets/{floating-vue-DN2QhPpb.js → floating-vue-DZjyQ72X.js} +1 -1
- package/dist/app/assets/{floating-vue-DHZMaBVI.js → floating-vue-EUhagzPf.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-Co1aEPbg.js → formatter-EIJCOSYU-DI_7827b.js} +1 -1
- package/dist/app/assets/{iframe-oVAMmFuo.js → iframe-BYzndFkC.js} +3 -3
- package/dist/app/assets/{index-WbvuIwDx.js → index-BAA5A_Zv.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-BMkFDLT-.js → syntaxhighlighter-OH4MV7E3-oYgzp84y.js} +1 -1
- package/dist/app/iframe.html +1 -1
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/components/Display/PzDate/PzDate.vue.d.ts +2 -0
- package/dist/components/Display/PzDate/types.d.ts +2 -0
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +13 -13
- package/dist/prozorro-ui.js +1174 -1145
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/app/assets/PzDate-URYUxFYx.js +0 -1
- package/dist/app/assets/PzDate.stories-B3HgUXCj.js +0 -117
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
import{p as f}from"./configs-CtUh_XBV.js";import{P as a}from"./PzDate-asWCCinx.js";import"./iframe-BYzndFkC.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const p="2026-05-06T15:37:37.682718+03:00",c=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],x=["2026-01-15T10:00:00+02:00","2026-02-15T10:00:00+02:00","2026-03-15T10:00:00+02:00","2026-04-15T10:00:00+03:00","2026-05-15T10:00:00+03:00","2026-06-15T10:00:00+03:00","2026-07-15T10:00:00+03:00","2026-08-15T10:00:00+03:00","2026-09-15T10:00:00+03:00","2026-10-15T10:00:00+03:00","2026-11-15T10:00:00+02:00","2026-12-15T10:00:00+02:00"],m=["uk","en","fr"],y=["2026-07-08+02:00","2026-11-15-05:00","2026-01-01+00:00"],D={title:"Components/Display/PzDate",component:a,parameters:{docs:{description:{component:"Renders an ISO 8601 datetime string as a localised date and time. Default locale is `uk-UA` (genitive month names); pass the `locale` prop for any other BCP-47 tag. Default output format: `6 травня 2026 • 15:37`. A date-only string carrying a UTC offset (e.g. `2026-07-08+02:00`) is auto-detected and rendered as the calendar date exactly as written, with the `(UTC±HH:MM)` label on a new line. When the format includes a time portion the date and time render as two visual blocks separated by a coloured dot, which can be hidden with `hideSeparator`."}}},args:{date:p,format:"DD MM YYYY HH:mm",typography:void 0,locale:void 0,hideSeparator:!1},argTypes:{date:{control:"text",description:"ISO 8601 datetime, or a date-only string with a UTC offset (e.g. 2026-07-08+02:00)."},format:{control:"select",options:c,description:"Output format. Ignored for auto-detected date-only + UTC-offset input."},typography:{control:"select",options:[void 0,...f],description:"Overrides typography using a PzText variant."},locale:{control:"select",options:[void 0,...m],description:"BCP-47 locale tag passed to Intl.DateTimeFormat. Defaults to uk-UA."},hideSeparator:{control:"boolean",description:"Hides the coloured separator dot between the date and time blocks."}}},e={parameters:{docs:{description:{story:"A single arg-driven instance. Use the Controls panel to change `date`, `format`, `locale`, `typography`, and `hideSeparator` and see the preview update live."}}},render:n=>({components:{pzDate:a},setup(){return{args:n}},template:'<pz-date v-bind="args" />'})},t={parameters:{docs:{description:{story:"Every supported usage of `PzDate` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."}}},render:n=>({components:{pzDate:a},setup(){return{args:n,sampleDate:p,formats:c,monthDates:x,locales:m,offsetDates:y}},template:`
|
|
2
|
+
<div style="display: flex; flex-direction: column; gap: 32px; font-family: inherit;">
|
|
3
|
+
<section>
|
|
4
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Format variants</h3>
|
|
5
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
6
|
+
Same datetime ({{ sampleDate }}) rendered with each available <code>format</code> value.
|
|
7
|
+
</p>
|
|
8
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
9
|
+
<div
|
|
10
|
+
v-for="f in formats"
|
|
11
|
+
:key="f"
|
|
12
|
+
style="display: flex; align-items: center; gap: 16px;"
|
|
13
|
+
>
|
|
14
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
|
|
15
|
+
<pz-date :date="sampleDate" :format="f" :typography="args.typography" />
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</section>
|
|
19
|
+
|
|
20
|
+
<section>
|
|
21
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Locale variants</h3>
|
|
22
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
23
|
+
Same datetime ({{ sampleDate }}) rendered with different <code>locale</code> values (default format).
|
|
24
|
+
</p>
|
|
25
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
26
|
+
<div
|
|
27
|
+
v-for="l in locales"
|
|
28
|
+
:key="l"
|
|
29
|
+
style="display: flex; align-items: center; gap: 16px;"
|
|
30
|
+
>
|
|
31
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">locale="{{ l }}"</code>
|
|
32
|
+
<pz-date :date="sampleDate" :locale="l" />
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</section>
|
|
36
|
+
|
|
37
|
+
<section>
|
|
38
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">UTC offset (date-only)</h3>
|
|
39
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
40
|
+
Date-only strings with a zone offset are auto-detected: the calendar date is rendered as written and the <code>(UTC±HH:MM)</code> label appears on a new line.
|
|
41
|
+
</p>
|
|
42
|
+
<div style="display: flex; flex-direction: column; gap: 16px;">
|
|
43
|
+
<div
|
|
44
|
+
v-for="d in offsetDates"
|
|
45
|
+
:key="d"
|
|
46
|
+
style="display: flex; align-items: flex-start; gap: 16px;"
|
|
47
|
+
>
|
|
48
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">{{ d }}</code>
|
|
49
|
+
<pz-date :date="d" />
|
|
50
|
+
<pz-date :date="d" locale="en-GB" />
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</section>
|
|
54
|
+
|
|
55
|
+
<section>
|
|
56
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Hide separator</h3>
|
|
57
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
58
|
+
<code>hideSeparator</code> removes the blue dot while keeping the spacing between date and time.
|
|
59
|
+
</p>
|
|
60
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
61
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
62
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">default</code>
|
|
63
|
+
<pz-date :date="sampleDate" />
|
|
64
|
+
</div>
|
|
65
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
66
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">hideSeparator</code>
|
|
67
|
+
<pz-date :date="sampleDate" :hide-separator="true" />
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</section>
|
|
71
|
+
|
|
72
|
+
<section>
|
|
73
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Month gallery</h3>
|
|
74
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
75
|
+
All 12 months in Ukrainian genitive form (default format <code>DD MM YYYY HH:mm</code>).
|
|
76
|
+
</p>
|
|
77
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
78
|
+
<pz-date v-for="d in monthDates" :key="d" :date="d" />
|
|
79
|
+
</div>
|
|
80
|
+
</section>
|
|
81
|
+
|
|
82
|
+
<section>
|
|
83
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Edge cases</h3>
|
|
84
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
85
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
86
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">empty string</code>
|
|
87
|
+
<pz-date date="" />
|
|
88
|
+
</div>
|
|
89
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
90
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">invalid string</code>
|
|
91
|
+
<pz-date date="not-a-date" />
|
|
92
|
+
</div>
|
|
93
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
94
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">space separator</code>
|
|
95
|
+
<pz-date date="2026-05-06 15:37:37" />
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
</section>
|
|
99
|
+
</div>
|
|
100
|
+
`})};var o,i,s;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
101
|
+
parameters: {
|
|
102
|
+
docs: {
|
|
103
|
+
description: {
|
|
104
|
+
story: "A single arg-driven instance. Use the Controls panel to change \`date\`, \`format\`, \`locale\`, \`typography\`, and \`hideSeparator\` and see the preview update live."
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
render: (args: PzDateProps) => ({
|
|
109
|
+
components: {
|
|
110
|
+
pzDate: PzDate
|
|
111
|
+
},
|
|
112
|
+
setup() {
|
|
113
|
+
return {
|
|
114
|
+
args
|
|
115
|
+
};
|
|
116
|
+
},
|
|
117
|
+
template: \`<pz-date v-bind="args" />\`
|
|
118
|
+
})
|
|
119
|
+
}`,...(s=(i=e.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};var d,l,r;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
120
|
+
parameters: {
|
|
121
|
+
docs: {
|
|
122
|
+
description: {
|
|
123
|
+
story: "Every supported usage of \`PzDate\` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
render: (args: PzDateProps) => ({
|
|
128
|
+
components: {
|
|
129
|
+
pzDate: PzDate
|
|
130
|
+
},
|
|
131
|
+
setup() {
|
|
132
|
+
return {
|
|
133
|
+
args,
|
|
134
|
+
sampleDate: SAMPLE_DATE,
|
|
135
|
+
formats: FORMAT_OPTIONS,
|
|
136
|
+
monthDates: MONTH_DATES,
|
|
137
|
+
locales: LOCALE_OPTIONS,
|
|
138
|
+
offsetDates: UTC_OFFSET_DATES
|
|
139
|
+
};
|
|
140
|
+
},
|
|
141
|
+
template: \`
|
|
142
|
+
<div style="display: flex; flex-direction: column; gap: 32px; font-family: inherit;">
|
|
143
|
+
<section>
|
|
144
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Format variants</h3>
|
|
145
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
146
|
+
Same datetime ({{ sampleDate }}) rendered with each available <code>format</code> value.
|
|
147
|
+
</p>
|
|
148
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
149
|
+
<div
|
|
150
|
+
v-for="f in formats"
|
|
151
|
+
:key="f"
|
|
152
|
+
style="display: flex; align-items: center; gap: 16px;"
|
|
153
|
+
>
|
|
154
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
|
|
155
|
+
<pz-date :date="sampleDate" :format="f" :typography="args.typography" />
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
</section>
|
|
159
|
+
|
|
160
|
+
<section>
|
|
161
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Locale variants</h3>
|
|
162
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
163
|
+
Same datetime ({{ sampleDate }}) rendered with different <code>locale</code> values (default format).
|
|
164
|
+
</p>
|
|
165
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
166
|
+
<div
|
|
167
|
+
v-for="l in locales"
|
|
168
|
+
:key="l"
|
|
169
|
+
style="display: flex; align-items: center; gap: 16px;"
|
|
170
|
+
>
|
|
171
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">locale="{{ l }}"</code>
|
|
172
|
+
<pz-date :date="sampleDate" :locale="l" />
|
|
173
|
+
</div>
|
|
174
|
+
</div>
|
|
175
|
+
</section>
|
|
176
|
+
|
|
177
|
+
<section>
|
|
178
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">UTC offset (date-only)</h3>
|
|
179
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
180
|
+
Date-only strings with a zone offset are auto-detected: the calendar date is rendered as written and the <code>(UTC±HH:MM)</code> label appears on a new line.
|
|
181
|
+
</p>
|
|
182
|
+
<div style="display: flex; flex-direction: column; gap: 16px;">
|
|
183
|
+
<div
|
|
184
|
+
v-for="d in offsetDates"
|
|
185
|
+
:key="d"
|
|
186
|
+
style="display: flex; align-items: flex-start; gap: 16px;"
|
|
187
|
+
>
|
|
188
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">{{ d }}</code>
|
|
189
|
+
<pz-date :date="d" />
|
|
190
|
+
<pz-date :date="d" locale="en-GB" />
|
|
191
|
+
</div>
|
|
192
|
+
</div>
|
|
193
|
+
</section>
|
|
194
|
+
|
|
195
|
+
<section>
|
|
196
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Hide separator</h3>
|
|
197
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
198
|
+
<code>hideSeparator</code> removes the blue dot while keeping the spacing between date and time.
|
|
199
|
+
</p>
|
|
200
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
201
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
202
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">default</code>
|
|
203
|
+
<pz-date :date="sampleDate" />
|
|
204
|
+
</div>
|
|
205
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
206
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">hideSeparator</code>
|
|
207
|
+
<pz-date :date="sampleDate" :hide-separator="true" />
|
|
208
|
+
</div>
|
|
209
|
+
</div>
|
|
210
|
+
</section>
|
|
211
|
+
|
|
212
|
+
<section>
|
|
213
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Month gallery</h3>
|
|
214
|
+
<p style="margin: 0 0 16px; font-size: 12px; color: #666;">
|
|
215
|
+
All 12 months in Ukrainian genitive form (default format <code>DD MM YYYY HH:mm</code>).
|
|
216
|
+
</p>
|
|
217
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
218
|
+
<pz-date v-for="d in monthDates" :key="d" :date="d" />
|
|
219
|
+
</div>
|
|
220
|
+
</section>
|
|
221
|
+
|
|
222
|
+
<section>
|
|
223
|
+
<h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Edge cases</h3>
|
|
224
|
+
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
225
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
226
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">empty string</code>
|
|
227
|
+
<pz-date date="" />
|
|
228
|
+
</div>
|
|
229
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
230
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">invalid string</code>
|
|
231
|
+
<pz-date date="not-a-date" />
|
|
232
|
+
</div>
|
|
233
|
+
<div style="display: flex; align-items: center; gap: 16px;">
|
|
234
|
+
<code style="min-width: 220px; font-size: 12px; color: #666;">space separator</code>
|
|
235
|
+
<pz-date date="2026-05-06 15:37:37" />
|
|
236
|
+
</div>
|
|
237
|
+
</div>
|
|
238
|
+
</section>
|
|
239
|
+
</div>
|
|
240
|
+
\`
|
|
241
|
+
})
|
|
242
|
+
}`,...(r=(l=t.parameters)==null?void 0:l.docs)==null?void 0:r.source}}};const w=["Default","Playground"];export{e as Default,t as Playground,w as __namedExportsOrder,D as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{p as P}from"./configs-CtUh_XBV.js";import{e as h,f as t,F as R,G as M,g as u,q as m,c as x,o as n,t as _,E as v,C as T}from"./iframe-
|
|
1
|
+
import{p as P}from"./configs-CtUh_XBV.js";import{e as h,f as t,F as R,G as M,g as u,q as m,c as x,o as n,t as _,E as v,C as T}from"./iframe-BYzndFkC.js";import{P as F}from"./PzDate-asWCCinx.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const k=["startDate","endDate"],H={key:0,class:"pz-date-range__separator","aria-hidden":"true"},V={key:1,class:"pz-date-range__label"},l=h({name:"PzDateRange",__name:"PzDateRange",props:{date:{},itemClass:{default:""},format:{default:"DD MM YYYY HH:mm"},hideRangeText:{type:Boolean,default:!1},mode:{default:"default"},translateFn:{type:Function,default:e=>e},typography:{}},setup(e){const z=e,p=x(()=>k.reduce((r,d)=>{const a=z.date[d];return a&&r.push({key:d,value:a,index:r.length}),r},[]));return(r,d)=>p.value.length?(n(),t("span",{key:0,class:u(["pz-date-range",[`pz-date-range--${e.mode}`,e.typography?`pz-typography--${e.typography}`:null]])},[(n(!0),t(R,null,M(p.value,a=>(n(),t("span",{key:a.key,class:u(["pz-date-range__item",e.itemClass])},[a.index>0?(n(),t("span",H)):m("",!0),e.hideRangeText?m("",!0):(n(),t("span",V,_(e.translateFn(a.key)),1)),v(T(F),{date:a.value,format:e.format},null,8,["date","format"])],2))),128))],2)):m("",!0)}}),b=O(l,[["__scopeId","data-v-2256e8e4"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzDateRange",exportName:"default",displayName:"PzDateRange",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"PzDateRangeValue"}},{name:"itemClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}},{name:"hideRangeText",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"mode",required:!1,type:{name:"PzDateRangeMode"},defaultValue:{func:!1,value:'"default"'}},{name:"translateFn",required:!1,type:{name:"PzDateRangeTranslateFn"},defaultValue:{func:!1,value:"(key: PzDateRangeKey) => key"}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDateRange/PzDateRange.vue"]});const Y={startDate:"2026-05-06T15:37:37.682718+03:00",endDate:"2026-05-12T11:10:00+03:00"},C=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],E=["default","new-line"],N=e=>({startDate:"від",endDate:"до"})[e],G={title:"Components/Display/PzDateRange",component:b,parameters:{docs:{description:{component:"Renders start and end dates through `PzDate`, keeping the default presentation as plain body text. Empty range edges are skipped."}}},args:{date:Y,format:"DD MM YYYY HH:mm",hideRangeText:!1,mode:"new-line",translateFn:N,typography:void 0},argTypes:{format:{control:"select",options:C},hideRangeText:{control:"boolean"},itemClass:{control:"text"},mode:{control:"radio",options:E},translateFn:{table:{disable:!0}},typography:{control:"select",options:[void 0,...P],description:"Overrides typography using a PzText variant."}}},s={args:{}},o={args:{date:{startDate:Y.startDate}}};var c,i,g;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
2
|
args: {}
|
|
3
3
|
}`,...(g=(i=s.parameters)==null?void 0:i.docs)==null?void 0:g.source}}};var f,y,D;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`{
|
|
4
4
|
args: {
|
package/dist/app/assets/{PzDomHandler.stories-gEnf7qKn.js → PzDomHandler.stories-C3bcYiBq.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,i as m}from"./iframe-
|
|
1
|
+
import{r as e,i as m}from"./iframe-BYzndFkC.js";import{P as h}from"./PzText-Bk3Tp8hQ.js";import{P as a}from"./PzDomHandler-BU7iMNnt.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const y=2e3,u=o=>`<script setup lang="ts">
|
|
2
2
|
import { PzDomHandler } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const handleCopy = async (): Promise<void> => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as C,v as E,y as h,C as c,H as U,r as m,o as A,z as y,s as L}from"./iframe-
|
|
1
|
+
import{e as C,v as E,y as h,C as c,H as U,r as m,o as A,z as y,s as L}from"./iframe-BYzndFkC.js";import{P as w}from"./PzBtn-CUgm96FR.js";import{_ as z}from"./PzIcon-4VRtjTG0.js";import{P as u}from"./PzText-Bk3Tp8hQ.js";import{k as $}from"./floating-vue-EUhagzPf.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const a=C({name:"PzDropdown",__name:"PzDropdown",props:{shown:{type:Boolean,default:void 0}},emits:["update:shown"],setup(n,{expose:t,emit:i}){const o=U(),k=i,l=m(null);function T(e){k("update:shown",e)}function B(){var e;(e=l.value)==null||e.show()}function R(){var e;(e=l.value)==null||e.hide()}return t({show:B,hide:R}),(e,j)=>(A(),E(c($),{id:c(o),ref_key:"dropdownRef",ref:l,class:"pz-dropdown",theme:"dropdown",container:"#"+c(o),shown:n.shown,"onUpdate:shown":T},{popper:h(()=>[y(e.$slots,"content",{},void 0,!0)]),default:h(()=>[y(e.$slots,"default",{},void 0,!0)]),_:3},8,["id","container","shown"]))}}),d=M(a,[["__scopeId","data-v-69acee1b"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzDropdown",exportName:"default",displayName:"PzDropdown",description:"",tags:{},expose:[{name:"show"},{name:"hide"}],props:[{name:"shown",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"update:shown",type:{names:["boolean"]}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzDropdown/PzDropdown.vue"]});const v=[{icon:"edit",label:"Редагувати"},{icon:"content_copy",label:"Створити копію"},{icon:"archive",label:"Архівувати"},{icon:"delete",label:"Видалити",danger:!0}],H=n=>`<template>
|
|
2
2
|
<PzDropdown>
|
|
3
3
|
<PzBtn variant="primary-outline">
|
|
4
4
|
${n.triggerLabel??"Дії"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as _,f as o,E as y,y as B,C as F,g as C,o as r,F as j,G as O,u as h,t as v,q as b,D as W,r as u,c,w as G}from"./iframe-
|
|
1
|
+
import{e as _,f as o,E as y,y as B,C as F,g as C,o as r,F as j,G as O,u as h,t as v,q as b,D as W,r as u,c,w as G}from"./iframe-BYzndFkC.js";import{P as H}from"./PzText-Bk3Tp8hQ.js";import{P as J}from"./PzBtn-CUgm96FR.js";import{_ as L}from"./PzIcon-4VRtjTG0.js";import{P as K}from"./PzLabel-BoW0MfRp.js";import{a as z}from"./PzMessages-Ls5VYeJb.js";import{a as M}from"./configs-D5Kdbqb7.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const X={key:0,class:"pz-file-input-list"},Y={class:"pz-file-input-item-body"},Z={class:"pz-file-input-item-name"},ee=["aria-label","onClick"],le={key:0,class:"pz-file-input-item-error-text"},ae={key:1,class:"pz-file-input-actions"},te=["id","name","multiple","accept","disabled"],se={class:"pz-file-input-helper"},ie={key:2,class:"pz-file-input-error"},P=_({name:"PzFileInput",__name:"PzFileInput",props:{name:{},modelValue:{default:()=>[]},label:{default:""},multiple:{type:Boolean,default:!1},extensions:{default:()=>[...M.acceptedExtensions]},maxFiles:{default:M.maxFiles},maxSizeBytes:{default:M.maxSizeBytes},textConfig:{},errorMessage:{default:""},hasServerValidations:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},emits:["focus","blur","update:modelValue"],setup(e,{emit:d}){const a=e,f=d,g=u(null),p=c(()=>{var t,l,i,s,m;return{buttonLabel:((t=a.textConfig)==null?void 0:t.buttonLabel)??z("form.pzFileInput.buttonLabel"),helperText:((l=a.textConfig)==null?void 0:l.helperText)??z("form.pzFileInput.helperText"),removeButtonLabel:((i=a.textConfig)==null?void 0:i.removeButtonLabel)??z("form.pzFileInput.removeButtonLabel"),invalidExtensionMessage:((s=a.textConfig)==null?void 0:s.invalidExtensionMessage)??z("form.pzFileInput.invalidExtensionMessage"),fileTooLargeMessage:((m=a.textConfig)==null?void 0:m.fileTooLargeMessage)??z("form.pzFileInput.fileTooLargeMessage")}}),n=c(()=>a.modelValue??[]),I=c(()=>n.value.length>0),x=c(()=>a.multiple?a.maxFiles:1),w=c(()=>n.value.length<x.value),D=c(()=>a.extensions.join(",")),R=t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(s=>l.endsWith(s.toLowerCase()))?t.size>a.maxSizeBytes?p.value.fileTooLargeMessage:"":p.value.invalidExtensionMessage},q=c(()=>{const t={};return n.value.forEach((l,i)=>{const s=R(l);s&&(t[i]=s)}),t}),$=()=>{var t;(t=g.value)==null||t.click()},N=t=>{const l=t.target,i=l.files?Array.from(l.files):[];if(i.length===0)return;const s=n.value.slice();let m;if(a.multiple){const U=Math.max(x.value-s.length,0);m=s.concat(i.slice(0,U))}else m=i.slice(0,1);l.value="",f("update:modelValue",m)},A=t=>{const l=n.value.slice();l.splice(t,1),f("update:modelValue",l)};return(t,l)=>(r(),o("div",{class:C(["pz-file-input",{error:!!e.errorMessage,disabled:e.disabled}])},[y(F(K),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[I.value?(r(),o("ul",X,[(r(!0),o(j,null,O(n.value,(i,s)=>(r(),o("li",{key:`${i.name}-${s}`,class:C(["pz-file-input-item",{"is-error":!!q.value[s]}])},[h("span",Y,[y(F(L),{name:"description",size:"20",class:"pz-file-input-item-icon"}),h("span",Z,v(i.name),1),e.editable&&!e.disabled?(r(),o("button",{key:0,type:"button",class:"pz-file-input-item-remove","aria-label":p.value.removeButtonLabel,onClick:m=>A(s)},[y(F(L),{name:"close",size:"14"})],8,ee)):b("",!0)]),q.value[s]?(r(),o("span",le,v(q.value[s]),1)):b("",!0)],2))),128))])):b("",!0),e.editable&&w.value?(r(),o("div",ae,[y(F(J),{variant:"primary-outline",type:"button",disabled:e.disabled,onClick:$},{default:B(()=>[W(v(p.value.buttonLabel),1)]),_:1},8,["disabled"]),h("input",{id:e.name,ref_key:"fileInputRef",ref:g,class:"pz-file-input-native",type:"file",name:e.name,multiple:e.multiple,accept:D.value,disabled:e.disabled,onChange:N,onFocus:l[0]||(l[0]=i=>f("focus")),onBlur:l[1]||(l[1]=i=>f("blur"))},null,40,te)])):b("",!0),h("span",se,v(p.value.helperText),1),e.errorMessage?(r(),o("span",ie,v(e.errorMessage),1)):b("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),S=Q(P,[["__scopeId","data-v-8f9e0c6d"]]);P.__docgenInfo=Object.assign({displayName:P.name??P.__name},{name:"PzFileInput",exportName:"default",displayName:"PzFileInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzFileInputValue"},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"multiple",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormDocumentUploadRules.acceptedExtensions]"}},{name:"maxFiles",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxFiles"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxSizeBytes"}},{name:"textConfig",required:!1,type:{name:"PzFormFileInputTextConfig"}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"hasServerValidations",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzFileInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzFileInput/PzFileInput.vue"]});const ne=e=>`<template>
|
|
2
2
|
<PzFileInput
|
|
3
3
|
v-model="files"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.multiple?':multiple="true"':null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.hasServerValidations?':has-server-validations="true"':null].filter(a=>!!a).join(" ")}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as _}from"./PzText-
|
|
1
|
+
import{P as _}from"./PzText-Bk3Tp8hQ.js";import{e as b,v,y as G,g as h,x as I,c as C,o as $,z as L}from"./iframe-BYzndFkC.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const c=[1,2,3,4,5,6,8,12,"full"],T=["div","section","article","main","aside","header","footer","nav","ul","ol"],o=b({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(t){const e=t,a=C(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(n,i)=>($(),v(I(e.as),{class:h(a.value)},{default:G(()=>[L(n.$slots,"default")]),_:3},8,["class"]))}});o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzGrid",exportName:"default",displayName:"PzGrid",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"container",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"fluid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"grid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"fit",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dense",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGrid.vue"]});const u=b({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(t){const e=t,a=(d,s)=>s?s==="full"?`pz-col-${d}full`:`pz-col-${d}${s}`:null,n=(d,s)=>s?`pz-start-${d}${s}`:null,i=C(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),n("",e.start),n("sm-",e.startSm),n("md-",e.startMd),n("lg-",e.startLg),n("xl-",e.startXl),n("xxl-",e.startXxl)]);return(d,s)=>($(),v(I(e.as),{class:h(i.value)},{default:G(()=>[L(d.$slots,"default")]),_:3},8,["class"]))}});u.__docgenInfo=Object.assign({displayName:u.name??u.__name},{name:"PzGridItem",exportName:"default",displayName:"PzGridItem",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"span",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"sm",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"md",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"lg",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xxl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"start",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startSm",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startMd",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startLg",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXxl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGridItem.vue"]});const f={as:"section",container:!0,grid:!0,fit:!1,dense:!1,fluid:!1,heroSpan:4,sidebarSpan:4,metricSpan:2},r={hero:{md:8,xl:7},sidebar:{md:4,xl:5},metric:{md:4,xl:3},nested:{span:4,md:8,xl:6},nestedItem:{span:4,md:4,xl:6}},q=(t,e,a)=>typeof e>"u"?null:typeof e=="boolean"?e===a?null:e?t:`:${t}="false"`:typeof e=="number"?e===a?null:`:${t}="${e}"`:e===a?null:`${t}="${e}"`,l=t=>t.map(([e,a,n])=>q(e,a,n)).filter(e=>!!e).map(e=>` ${e}`).join(`
|
|
2
2
|
`),E=t=>{const e=l([["as",t.as,"div"],["container",t.container,!1],["grid",t.grid,!0],["fluid",t.fluid,!1],["fit",t.fit,!1],["dense",t.dense,!1]]),a=l([["span",t.heroSpan],["md",r.hero.md],["xl",r.hero.xl]]),n=l([["span",t.sidebarSpan],["md",r.sidebar.md],["xl",r.sidebar.xl]]),i=l([["span",t.metricSpan],["md",r.metric.md],["xl",r.metric.xl]]);return`<template>
|
|
3
3
|
<PzGrid
|
|
4
4
|
${e}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as i,f as p,E as c,y as l,C as t,g as r,H as m,o as u,z as o}from"./iframe-
|
|
1
|
+
import{e as i,f as p,E as c,y as l,C as t,g as r,H as m,o as u,z as o}from"./iframe-BYzndFkC.js";import{V as d}from"./floating-vue-EUhagzPf.js";import"./floating-vue-DZjyQ72X.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const z=["id"],a=i({name:"PzHint",__name:"PzHint",props:{wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"},theme:{default:"tooltip"}},setup(e){const n=m();return(s,P)=>(u(),p("span",{id:t(n),class:r(["pz-hint-container",e.containerWrapperClass])},[c(t(d),{class:r(["pz-hint",e.wrapperClass]),theme:e.theme,placement:e.placement,container:"#"+t(n)},{popper:l(()=>[o(s.$slots,"content",{},void 0,!0)]),default:l(()=>[o(s.$slots,"default",{},void 0,!0)]),_:3},8,["class","theme","placement","container"])],10,z))}}),H=f(a,[["__scopeId","data-v-886526c8"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzHint",exportName:"default",displayName:"PzHint",description:"",tags:{},props:[{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}},{name:"theme",required:!1,type:{name:"PzHintTheme"},defaultValue:{func:!1,value:'"tooltip"'}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzHint/PzHint.vue"]});export{H as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as i}from"./PzIcon-
|
|
1
|
+
import{_ as i}from"./PzIcon-4VRtjTG0.js";import{P as l}from"./PzText-Bk3Tp8hQ.js";import{P as r}from"./PzHint-DfIzPthY.js";import"./iframe-BYzndFkC.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-vue-EUhagzPf.js";import"./floating-vue-DZjyQ72X.js";const c=t=>`<template>
|
|
2
2
|
<PzHint
|
|
3
3
|
${[t.wrapperClass?`wrapper-class="${t.wrapperClass}"`:null,t.containerWrapperClass?`container-wrapper-class="${t.containerWrapperClass}"`:null,t.theme&&t.theme!=="tooltip"?`theme="${t.theme}"`:null,t.placement&&t.placement!=="top"?`placement="${t.placement}"`:null].filter(s=>!!s).join(`
|
|
4
4
|
`)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as t,f as r,n as c,g as u,t as d,c as a,o as m}from"./iframe-
|
|
1
|
+
import{e as t,f as r,n as c,g as u,t as d,c as a,o as m}from"./iframe-BYzndFkC.js";const p=["role","aria-hidden","aria-label"],n=t({name:"PzIcon",__name:"PzIcon",props:{name:{},variant:{default:"outlined"},size:{default:"16"},label:{default:void 0}},setup(l){const e=l,o=a(()=>({"--pz-icon-size":`var(--pz-font-size-${e.size})`})),i=a(()=>e.label?"img":void 0),s=a(()=>e.label?void 0:"true");return(f,z)=>(m(),r("span",{class:u([{outlined:e.variant==="outlined"},"pz-icon pz-material-icon"]),style:c(o.value),role:i.value,"aria-hidden":s.value,"aria-label":e.label},d(e.name),15,p))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzIcon",exportName:"default",displayName:"PzIcon",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"PzIconName"}},{name:"variant",required:!1,type:{name:"PzIconVariant"},defaultValue:{func:!1,value:'"outlined"'}},{name:"size",required:!1,type:{name:"PzIconSize"},defaultValue:{func:!1,value:'"16"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzIcon/PzIcon.vue"]});export{n as _};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as c}from"./PzText-
|
|
1
|
+
import{P as c}from"./PzText-Bk3Tp8hQ.js";import{_ as n}from"./PzIcon-4VRtjTG0.js";import"./iframe-BYzndFkC.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l=["filled","outlined"],p=["12","16","18","20","24","32","44"],d=[{name:"info",label:"Informational state",tone:"primary"},{name:"check_circle",label:"Successful outcome",tone:"success"},{name:"warning",label:"Attention required",tone:"alert"}],m=e=>`<template>
|
|
2
2
|
<PzIcon ${[`name="${e.name}"`,e.variant!=="outlined"?`variant="${e.variant}"`:null,e.size!=="16"?`size="${e.size}"`:null,e.label?`label="${e.label}"`:null].filter(r=>!!r).join(" ")} />
|
|
3
3
|
</template>`,z={title:"Components/Display/PzIcon",component:n,parameters:{prototype:{caption:"Icon component",note:"Material icon ligatures wrapped in a small Vue API with token-backed sizing and easy CSS overrides."},docs:{description:{component:"Use `PzIcon` for Material icons in design-system UI. The component keeps the API small, inherits custom classes and styles, and exposes CSS custom properties for size and color overrides. Find available icon names in the [Material Icons catalog](https://fonts.google.com/icons)."},source:{transform:(e,t)=>m(t.args??z.args)}}},args:{name:"account_balance",variant:"outlined",size:"24",label:"Procurement entity"},argTypes:{name:{control:"text",description:"Material icon ligature name."},variant:{control:"inline-radio",options:l,description:"Material icon font family variant."},size:{control:"select",options:p,description:"Token-backed font size for the icon."},label:{control:"text",description:"Accessible label. Leave empty for decorative icons."}},render:e=>({components:{pzIcon:n,pzText:c},setup(){return{args:e,iconReferenceItems:d}},template:`
|
|
4
4
|
<div class="pz-icon-story">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as p}from"./PzText-
|
|
1
|
+
import{P as p}from"./PzText-Bk3Tp8hQ.js";import{e as l,f as d,n as m,c as g,o as u}from"./iframe-BYzndFkC.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const z=["contain","cover","fill","none","scale-down"],y=["eager","lazy"],v=["auto","async","sync"],h=["src","alt","loading","decoding"],i=l({name:"PzImage",__name:"PzImage",props:{src:{},alt:{},fit:{default:"contain"},loading:{default:void 0},decoding:{default:"async"}},setup(e){const a=e,o=g(()=>({"--pz-image-fit":a.fit}));return(P,b)=>(u(),d("img",{class:"pz-image",src:a.src,alt:a.alt,loading:a.loading,decoding:a.decoding,style:m(o.value)},null,12,h))}}),s=f(i,[["__scopeId","data-v-d597634d"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzImage",exportName:"default",displayName:"PzImage",description:"",tags:{},props:[{name:"src",required:!0,type:{name:"string"}},{name:"alt",required:!0,type:{name:"string"}},{name:"fit",required:!1,type:{name:"PzImageFit"},defaultValue:{func:!1,value:'"contain"'}},{name:"loading",required:!1,type:{name:"PzImageLoading"},defaultValue:{func:!1,value:"undefined"}},{name:"decoding",required:!1,type:{name:"PzImageDecoding"},defaultValue:{func:!1,value:'"async"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzImage/PzImage.vue"]});const I=e=>`<template>
|
|
2
2
|
<PzImage ${[`src="${e.src}"`,`alt="${e.alt}"`,e.fit!=="contain"?`fit="${e.fit}"`:null,e.loading?`loading="${e.loading}"`:null,e.decoding!=="async"?`decoding="${e.decoding}"`:null].filter(o=>!!o).join(" ")} />
|
|
3
3
|
</template>`,_={title:"Components/Display/PzImage",component:s,parameters:{prototype:{caption:"Image component",note:"Minimal image primitive with basic responsive defaults and CSS custom properties for easy visual overrides."},docs:{description:{component:"Use `PzImage` when you want a predictable image primitive with responsive defaults. Styling remains easy to customize through inherited classes, inline styles, and the `--pz-image-*` custom properties."},source:{transform:(e,a)=>I(a.args??_.args)}}},args:{src:"/prozorro_logo.png",alt:"Prozorro logotype",fit:"contain",loading:"lazy",decoding:"async"},argTypes:{src:{control:"text",description:"Image source URL."},alt:{control:"text",description:"Alternative text for the image."},fit:{control:"select",options:z,description:"Object-fit behavior for framed image layouts."},loading:{control:"inline-radio",options:y,description:"Native browser loading hint."},decoding:{control:"inline-radio",options:v,description:"Native image decoding mode."}},render:e=>({components:{pzImage:s,pzText:p},setup(){return{args:e}},template:`
|
|
4
4
|
<div class="pz-image-story">
|
package/dist/app/assets/{PzImageInput.stories-Q7RVFjP5.js → PzImageInput.stories-YO4sE8AN.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as H,w as R,f as z,E as L,y as q,C as P,g as G,c as m,o as v,u as x,v as J,D as K,t as U,q as I,r as o}from"./iframe-
|
|
1
|
+
import{e as H,w as R,f as z,E as L,y as q,C as P,g as G,c as m,o as v,u as x,v as J,D as K,t as U,q as I,r as o}from"./iframe-BYzndFkC.js";import{P as Q}from"./PzText-Bk3Tp8hQ.js";import{P as X}from"./PzBtn-CUgm96FR.js";import{_ as Y}from"./PzIcon-4VRtjTG0.js";import{P as Z}from"./PzLabel-BoW0MfRp.js";import{a as g}from"./PzMessages-Ls5VYeJb.js";import{b as y}from"./configs-D5Kdbqb7.js";import{_ as ee}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ae={class:"pz-image-input-wrap"},te={key:1,class:"pz-image-input-preview"},le=["src","alt"],ie=["aria-label"],ne=["id","name","accept","disabled"],se={class:"pz-image-input-helper"},re={key:0,class:"pz-image-input-error"},w=H({name:"PzImageInput",__name:"PzImageInput",props:{name:{},modelValue:{default:null},label:{default:""},extensions:{default:()=>[...y.acceptedExtensions]},maxSizeBytes:{default:y.maxSizeBytes},imageWidth:{default:y.imageWidth},imageHeight:{default:y.imageHeight},textConfig:{},previewUrl:{default:""},errorMessage:{default:""},hasServerValidations:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},emits:["focus","blur","update:modelValue"],setup(e,{emit:u}){const a=e,p=u,b=o(null),c=o(""),f=o(""),d=m(()=>{var t,l,n,i,s,r;return{buttonLabel:((t=a.textConfig)==null?void 0:t.buttonLabel)??g("form.pzImageInput.buttonLabel"),helperText:((l=a.textConfig)==null?void 0:l.helperText)??g("form.pzImageInput.helperText"),editButtonLabel:((n=a.textConfig)==null?void 0:n.editButtonLabel)??g("form.pzImageInput.editButtonLabel"),invalidExtensionMessage:((i=a.textConfig)==null?void 0:i.invalidExtensionMessage)??g("form.pzImageInput.invalidExtensionMessage"),fileTooLargeMessage:((s=a.textConfig)==null?void 0:s.fileTooLargeMessage)??g("form.pzImageInput.fileTooLargeMessage"),invalidDimensionsMessage:((r=a.textConfig)==null?void 0:r.invalidDimensionsMessage)??g("form.pzImageInput.invalidDimensionsMessage")}}),S=m(()=>a.modelValue instanceof File),k=m(()=>!!a.previewUrl),F=m(()=>S.value||k.value),T=m(()=>c.value||a.previewUrl||""),j=m(()=>a.extensions.join(",")),V=m(()=>a.errorMessage||f.value);R(()=>a.modelValue,t=>{t instanceof File||(c.value="")});const C=()=>{var t;(t=b.value)==null||t.click()},N=(t,l,n)=>new Promise(i=>{if(!l&&!n){i(!0);return}const s=URL.createObjectURL(t),r=new Image;r.onload=()=>{URL.revokeObjectURL(s);const W=!l||r.naturalWidth===l,_=!n||r.naturalHeight===n;i(W&&_)},r.onerror=()=>{URL.revokeObjectURL(s),i(!1)},r.src=s}),A=t=>new Promise((l,n)=>{const i=new FileReader;i.onload=()=>{l(typeof i.result=="string"?i.result:"")},i.onerror=()=>n(i.error),i.readAsDataURL(t)}),$=async t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(s=>l.endsWith(s.toLowerCase()))?t.size>a.maxSizeBytes?d.value.fileTooLargeMessage:await N(t,a.imageWidth,a.imageHeight)?"":d.value.invalidDimensionsMessage:d.value.invalidExtensionMessage},O=async t=>{var s;const l=t.target,n=(s=l.files)==null?void 0:s[0];if(l.value="",f.value="",!n)return;const i=await $(n);if(i){f.value=i,c.value="",a.modelValue instanceof File&&p("update:modelValue",null);return}c.value=await A(n),p("update:modelValue",n)};return(t,l)=>(v(),z("div",{class:G(["pz-image-input",{error:!!V.value,disabled:e.disabled}])},[L(P(Z),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:q(()=>[x("div",ae,[e.editable&&!F.value?(v(),J(P(X),{key:0,variant:"primary-outline",type:"button",disabled:e.disabled,onClick:C},{default:q(()=>[K(U(d.value.buttonLabel),1)]),_:1},8,["disabled"])):I("",!0),F.value?(v(),z("div",te,[x("img",{src:T.value,alt:e.label||d.value.buttonLabel,class:"pz-image-input-preview-img"},null,8,le),e.editable&&!e.disabled?(v(),z("button",{key:0,type:"button",class:"pz-image-input-preview-edit","aria-label":d.value.editButtonLabel,onClick:C},[L(P(Y),{name:"edit",size:"16"})],8,ie)):I("",!0)])):I("",!0),x("input",{id:e.name,ref_key:"imageInputRef",ref:b,class:"pz-image-input-native",type:"file",name:e.name,accept:j.value,disabled:e.disabled||!e.editable,onChange:O,onFocus:l[0]||(l[0]=n=>p("focus")),onBlur:l[1]||(l[1]=n=>p("blur"))},null,40,ne)]),x("span",se,U(d.value.helperText),1),V.value?(v(),z("span",re,U(V.value),1)):I("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),B=ee(w,[["__scopeId","data-v-57827bb5"]]);w.__docgenInfo=Object.assign({displayName:w.name??w.__name},{name:"PzImageInput",exportName:"default",displayName:"PzImageInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzImageInputValue"},defaultValue:{func:!1,value:"null"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormImageUploadRules.acceptedExtensions]"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.maxSizeBytes"}},{name:"imageWidth",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageWidth"}},{name:"imageHeight",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageHeight"}},{name:"textConfig",required:!1,type:{name:"PzFormImageInputTextConfig"}},{name:"previewUrl",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"hasServerValidations",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzImageInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzImageInput/PzImageInput.vue"]});const oe=e=>`<template>
|
|
2
2
|
<PzImageInput
|
|
3
3
|
v-model="image"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.previewUrl?`preview-url="${e.previewUrl}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.hasServerValidations?':has-server-validations="true"':null].filter(a=>!!a).join(" ")}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as h}from"./PzIcon-
|
|
1
|
+
import{_ as h}from"./PzIcon-4VRtjTG0.js";import{P as m}from"./PzText-Bk3Tp8hQ.js";import{e as k,f as s,u as r,E as z,y as w,C as g,z as t,q as c,g as d,o as l,D as x,t as I}from"./iframe-BYzndFkC.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={key:0,class:"pz-info-block-layout-actions"},T={key:0,class:"pz-info-block-layout-helper"},i=k({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},titleVariant:{default:"h4-bold"},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",{class:d(["pz-info-block-layout-header",e.titleClass])},[z(g(m),{variant:e.titleVariant},{default:w(()=>[t(o.$slots,"title",{},()=>[x(I(e.title),1)],!0)]),_:3},8,["variant"]),o.$slots.right_section?(l(),s("div",P,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)],2),o.$slots.heading?(l(),s("div",T,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:d(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),p=_(i,[["__scopeId","data-v-6c8e322d"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"titleVariant",required:!1,type:{name:"PzTextVariant"},defaultValue:{func:!1,value:'"h4-bold"'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const B=["","tight"],L=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],A=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],R=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],N=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],O=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],D=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],S=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],$=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(b=>!!b).join(`
|
|
2
2
|
`),n=e.showHelper?`
|
|
3
3
|
<template #heading>
|
|
4
4
|
<a href="#" class="custom-helper-link">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as i,v as c,y as s,o as n,u as r,E as m,f as o,G as f,t as l,D as u,F as d,c as _}from"./iframe-
|
|
1
|
+
import{e as i,v as c,y as s,o as n,u as r,E as m,f as o,G as f,t as l,D as u,F as d,c as _}from"./iframe-BYzndFkC.js";import{a as z}from"./PzMessages-Ls5VYeJb.js";import{_ as P}from"./PzIcon-4VRtjTG0.js";import{P as C}from"./PzHint-DfIzPthY.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";const y=["aria-label"],a=i({name:"PzInfoHint",__name:"PzInfoHint",props:{infoContent:{},wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"}},setup(e){const p=_(()=>z("popups.pzInfoHint.label"));return(I,b)=>(n(),c(C,{"wrapper-class":e.wrapperClass,"container-wrapper-class":e.containerWrapperClass,placement:e.placement,theme:"dark-tooltip"},{content:s(()=>[(n(!0),o(d,null,f(e.infoContent,t=>(n(),o("p",{key:t.id},[r("b",null,l(t.title??""),1),u(" "+l(t.text??""),1)]))),128))]),default:s(()=>[r("button",{type:"button","aria-label":p.value,class:"pz-info-hint-trigger"},[m(P,{name:"help",size:"16",class:"pz-info-hint-icon"})],8,y)]),_:1},8,["wrapper-class","container-wrapper-class","placement"]))}}),N=g(a,[["__scopeId","data-v-7070c4ca"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzInfoHint",exportName:"default",displayName:"PzInfoHint",description:"",tags:{},props:[{name:"infoContent",required:!0,type:{name:"Array",elements:[{name:"PzInfoHintContent"}]}},{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzInfoHint/PzInfoHint.vue"]});export{N as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as a}from"./PzText-
|
|
1
|
+
import{P as a}from"./PzText-Bk3Tp8hQ.js";import{P as e}from"./PzInfoHint-B9gKTfqR.js";import"./iframe-BYzndFkC.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzMessages-Ls5VYeJb.js";import"./PzIcon-4VRtjTG0.js";import"./PzHint-DfIzPthY.js";import"./floating-vue-EUhagzPf.js";import"./floating-vue-DZjyQ72X.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
|
|
2
2
|
<PzInfoHint
|
|
3
3
|
:info-content="[
|
|
4
4
|
{ id: 'deadline', title: 'Deadline', text: 'Shown in local time and aligned with the procurement schedule.' },
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as P,X as I,f as u,E as M,y as $,C as y,g as h,Y as z,o as r,u as B,B as L,Z as E,t as c,v as N,q as v,r as l,w as T}from"./iframe-
|
|
1
|
+
import{e as P,X as I,f as u,E as M,y as $,C as y,g as h,Y as z,o as r,u as B,B as L,Z as E,t as c,v as N,q as v,r as l,w as T}from"./iframe-BYzndFkC.js";import{P as w}from"./PzText-Bk3Tp8hQ.js";import{_ as D}from"./PzIcon-4VRtjTG0.js";import{P as F}from"./PzLabel-BoW0MfRp.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const U={class:"pz-input-wrap"},j=["id","placeholder","disabled","maxlength","type","required"],X=["id"],Y={key:3,class:"pz-input-counter"},A={key:0,class:"pz-input-error"},f=P({name:"PzInput",__name:"PzInput",props:z({name:{},modelValue:{},label:{default:""},icon:{default:""},inputClass:{default:""},errorMessage:{default:""},placeholder:{default:""},type:{default:"text"},counted:{type:Boolean,default:!1},maxSize:{default:255},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:z(["focus","blur","icon-click","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=t,o=I(e,"modelValue");return(s,a)=>(r(),u("div",{class:h(["pz-input",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[M(y(F),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:$(()=>{var d;return[B("span",U,[e.editable?L((r(),u("input",{key:0,id:e.name,"onUpdate:modelValue":a[0]||(a[0]=i=>o.value=i),placeholder:e.placeholder,disabled:e.disabled,maxlength:e.counted?e.maxSize:void 0,type:e.type,required:e.required,class:h(["pz-input-control",[{"pz-input-control--with-icon":e.icon,"pz-input-control--counted":e.counted},e.inputClass]]),onBlur:a[1]||(a[1]=i=>n("blur")),onFocus:a[2]||(a[2]=i=>n("focus"))},null,42,j)),[[E,o.value]]):(r(),u("span",{key:1,id:e.name,class:"pz-input-readonly"},c(o.value),9,X)),e.icon?(r(),N(y(D),{key:2,name:e.icon,class:"pz-input-icon",onClick:a[3]||(a[3]=i=>n("icon-click",i))},null,8,["name"])):v("",!0),e.counted?(r(),u("span",Y,c(((d=o.value)==null?void 0:d.length)||0)+"/"+c(e.maxSize),1)):v("",!0)]),e.errorMessage?(r(),u("span",A,c(e.errorMessage),1)):v("",!0)]}),_:1},8,["label","for","required","disabled"])],2))}}),b=O(f,[["__scopeId","data-v-d1a46012"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzInput",exportName:"default",displayName:"PzInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"icon",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"inputClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputType"},defaultValue:{func:!1,value:'"text"'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"255"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"icon-click",type:{names:["MouseEvent"]}},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInput/PzInput.vue"]});const W=e=>`<template>
|
|
2
2
|
<PzInput
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.type&&e.type!=="text"?`type="${e.type}"`:null,e.icon?`icon="${e.icon}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.counted?':counted="true"':null,e.maxSize?`:max-size="${e.maxSize}"`:null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(n=>!!n).join(" ")}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as Y,X as $,f as i,E as h,y as C,C as y,g,Y as x,o as s,$ as B,t as z,q as L,r as t,j as T,w as N}from"./iframe-
|
|
1
|
+
import{e as Y,X as $,f as i,E as h,y as C,C as y,g,Y as x,o as s,$ as B,t as z,q as L,r as t,j as T,w as N}from"./iframe-BYzndFkC.js";import{P as E}from"./PzText-Bk3Tp8hQ.js";import{_ as O}from"./PzIcon-4VRtjTG0.js";import{P as R}from"./PzLabel-BoW0MfRp.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j={key:0,class:"pz-input-date-wrap"},A=["id","value","placeholder","disabled","required","min","max"],W=["id","value","placeholder","disabled","required"],U=["id"],X={key:2,class:"pz-input-date-error"},p=Y({name:"PzInputDate",__name:"PzInputDate",props:x({name:{},modelValue:{},label:{default:""},errorMessage:{default:""},placeholder:{default:""},min:{default:void 0},max:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:x(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:r}){const d=r,a=$(e,"modelValue"),o=t(!1),f=t(null),u=t(null),b=/^(\d{4})-(\d{2})-(\d{2})$/,c=n=>{if(!n)return"";const l=b.exec(n);return l?`${l[3]}.${l[2]}.${l[1]}`:n},v=async()=>{var n,l;o.value||(o.value=!0,await T(),(n=u.value)==null||n.focus(),(l=u.value)==null||l.showPicker())},I=()=>{d("focus"),v()},D=()=>{v()},M=()=>{o.value=!1,d("blur")},P=n=>{const l=n.target;a.value=l.value||null},S=()=>{if(a.value){a.value=null;return}v()};return(n,l)=>(s(),i("div",{class:g(["pz-input-date",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[h(y(R),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:C(()=>[e.editable?(s(),i("span",j,[o.value?(s(),i("input",{key:0,id:e.name,ref_key:"dateInputRef",ref:u,type:"date",value:a.value??"",placeholder:e.placeholder,disabled:e.disabled,required:e.required,min:e.min,max:e.max,class:"pz-input-date-control",onInput:P,onBlur:M},null,40,A)):(s(),i("input",{key:1,id:e.name,ref_key:"textInputRef",ref:f,type:"text",readonly:"",value:c(a.value),placeholder:e.placeholder,disabled:e.disabled,required:e.required,class:"pz-input-date-control",onFocus:I,onClick:D},null,40,W)),h(y(O),{name:a.value?"close":"event",class:g(["pz-input-date-icon",{"pz-input-date-icon--clear":a.value}]),onClick:B(S,["prevent"])},null,8,["name","class"])])):(s(),i("span",{key:1,id:e.name,class:"pz-input-date-readonly"},z(c(a.value)),9,U)),e.errorMessage?(s(),i("span",X,z(e.errorMessage),1)):L("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),V=F(p,[["__scopeId","data-v-13e3fa69"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputDate",exportName:"default",displayName:"PzInputDate",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"union",elements:[{name:"string"},{name:"null"}]}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"min",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"max",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["union"],elements:[{name:"string"},{name:"null"}]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputDate/PzInputDate.vue"]});const G=e=>`<template>
|
|
2
2
|
<PzInputDate
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.min?`min="${e.min}"`:null,e.max?`max="${e.max}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(d=>!!d).join(" ")}
|