@prozorro/prozorro-ui 0.0.24-beta → 0.0.26-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-BnX_-RPi.js → Color-FRDS63T2-CLJAKNvj.js} +1 -1
- package/dist/app/assets/{Colors.stories-BhypDSUv.js → Colors.stories-FfXzKCIU.js} +1 -1
- package/dist/app/assets/{DocsRenderer-LL677BLK-DWvMFhMM.js → DocsRenderer-LL677BLK-CCZeNUZ8.js} +5 -5
- package/dist/app/assets/{Grid.stories-e0sGOzFx.js → Grid.stories-BkkrmAfR.js} +1 -1
- package/dist/app/assets/{PzAccordion-DLCz9l5f.js → PzAccordion-BW9ykV1O.js} +1 -1
- package/dist/app/assets/{PzAccordion-DKtMpe35.css → PzAccordion-CgwEpAZy.css} +1 -1
- package/dist/app/assets/{PzAccordion-CJcM-9ym.css → PzAccordion-D5k6SFLY.css} +1 -1
- package/dist/app/assets/{PzAccordion.stories-PokQ23aK.js → PzAccordion.stories-DFdcA9e5.js} +1 -1
- package/dist/app/assets/PzAccordionTable-WETGOHgC.css +1 -0
- package/dist/app/assets/{PzAccordionTable.stories-0GjCIgBC.js → PzAccordionTable.stories-BHpChXCo.js} +1 -1
- package/dist/app/assets/{PzArrayClamp-BLTRNBbk.css → PzArrayClamp-BUNrAErZ.css} +1 -1
- package/dist/app/assets/{PzArrayClamp.stories-36H5PQcQ.js → PzArrayClamp.stories-CIXCPa2A.js} +1 -1
- package/dist/app/assets/{PzBreadcrumb-HHnQHkds.css → PzBreadcrumb-K-TQ8MS5.css} +1 -1
- package/dist/app/assets/{PzBreadcrumb.stories-DzvdaHxZ.js → PzBreadcrumb.stories-CUASdbIZ.js} +1 -1
- package/dist/app/assets/PzBtn-By7_7Dux.css +1 -0
- package/dist/app/assets/{PzBtn-rQdaPtw0.js → PzBtn-DMSO1x65.js} +1 -1
- package/dist/app/assets/{PzBtn.stories-BIY0ZwH5.js → PzBtn.stories-B1I-XRpm.js} +1 -1
- package/dist/app/assets/PzCheckbox-BO-0dg5r.css +1 -0
- package/dist/app/assets/{PzCheckbox-DorABAyu.css → PzCheckbox-DmDY3c3T.css} +1 -1
- package/dist/app/assets/{PzCheckbox-Cp9_utdR.js → PzCheckbox-jkEMjoRZ.js} +1 -1
- package/dist/app/assets/{PzCheckbox.stories-dPuoRI8x.js → PzCheckbox.stories-DAxncXdY.js} +1 -1
- package/dist/app/assets/{PzCheckboxGroup-D7y05FyD.css → PzCheckboxGroup-CN2FJX07.css} +1 -1
- package/dist/app/assets/{PzCheckboxGroup.stories-BeOYf1CT.js → PzCheckboxGroup.stories-HisqIv4S.js} +1 -1
- package/dist/app/assets/PzCopyToClipboard-vazOWwB-.css +1 -0
- package/dist/app/assets/{PzCopyToClipboard.stories-CeXHbyQf.js → PzCopyToClipboard.stories-B8OnoCFp.js} +1 -1
- package/dist/app/assets/{PzDate-Bywv4M-N.js → PzDate-C6vRqSp5.js} +1 -1
- package/dist/app/assets/PzDate-I6Dz7zBB.css +1 -0
- package/dist/app/assets/{PzDate.stories-CRTFCKYM.js → PzDate.stories-CEFtzmX0.js} +1 -1
- package/dist/app/assets/PzDateRange-CbQlpZyA.css +1 -0
- package/dist/app/assets/{PzDateRange.stories-7qj3qvWa.js → PzDateRange.stories-C5dQrvmP.js} +1 -1
- package/dist/app/assets/{PzDomHandler.stories-BMZu8W7P.js → PzDomHandler.stories-DVxb054f.js} +1 -1
- package/dist/app/assets/{PzDropdown.stories-CIVrMEFG.js → PzDropdown.stories-Bd-2tfYP.js} +1 -1
- package/dist/app/assets/PzFileInput-B_WCKEDW.css +1 -0
- package/dist/app/assets/{PzFileInput.stories-V4oOeblc.js → PzFileInput.stories-BkrKsa37.js} +1 -1
- package/dist/app/assets/{PzGrid.stories-C6kOPwQ5.js → PzGrid.stories-BLNX084U.js} +1 -1
- package/dist/app/assets/{PzHint-CqQ5g2pM.js → PzHint-B5LAbxPQ.js} +1 -1
- package/dist/app/assets/{PzHint.stories-CDUAbckc.js → PzHint.stories-C82ojxok.js} +1 -1
- package/dist/app/assets/{PzIcon-W2RaV_El.js → PzIcon-Ca7FxSKr.js} +1 -1
- package/dist/app/assets/{PzIcon.stories-BozMApjZ.js → PzIcon.stories-DjnQ0-Ik.js} +1 -1
- package/dist/app/assets/{PzImage.stories-BM2T4nVb.js → PzImage.stories-Bs1fe6wg.js} +1 -1
- package/dist/app/assets/PzImageInput-DG_1by3v.css +1 -0
- package/dist/app/assets/{PzImageInput.stories-CsqzcVd3.js → PzImageInput.stories-C9eXitcU.js} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout-DbFWjWZn.css → PzInfoBlockLayout-CYS2XyV-.css} +1 -1
- package/dist/app/assets/{PzInfoBlockLayout.stories-D3Hg4nIG.js → PzInfoBlockLayout.stories-BNQ80l6t.js} +1 -1
- package/dist/app/assets/{PzInfoHint-CcKaJF01.js → PzInfoHint-D9M9qXQw.js} +1 -1
- package/dist/app/assets/{PzInfoHint.stories-DKwTs7VG.js → PzInfoHint.stories-DHuicDXp.js} +1 -1
- package/dist/app/assets/PzInput-C6QV2n-4.css +1 -0
- package/dist/app/assets/{PzInput.stories-Cb0j0itJ.js → PzInput.stories-Dl0vmW25.js} +1 -1
- package/dist/app/assets/PzInputDate-AsqeTnEg.css +1 -0
- package/dist/app/assets/{PzInputDate.stories-CncUQwsL.js → PzInputDate.stories-7TaghMde.js} +1 -1
- package/dist/app/assets/PzInputNumber-PxLF66Lr.css +1 -0
- package/dist/app/assets/{PzInputNumber.stories-41rZnXVi.js → PzInputNumber.stories-g5vkOv32.js} +1 -1
- package/dist/app/assets/PzKeyValue-DMKzKVDz.css +1 -0
- package/dist/app/assets/{PzKeyValue.stories-BhagLMLM.js → PzKeyValue.stories-CPKxV1XF.js} +12 -12
- package/dist/app/assets/{PzLabel-Cm_pZbcB.css → PzLabel-CJEygbd7.css} +1 -1
- package/dist/app/assets/{PzLabel-QcVGm1Fy.js → PzLabel-D6J3QfP3.js} +1 -1
- package/dist/app/assets/PzLabel-vDqYjuiT.css +1 -0
- package/dist/app/assets/{PzLabel.stories-CxsGI-0j.js → PzLabel.stories-DS7LCtjb.js} +1 -1
- package/dist/app/assets/{PzLink-BO5pzUA8.css → PzLink-7Bu0g0W-.css} +1 -1
- package/dist/app/assets/{PzLink-CHYxUOa-.js → PzLink-CHJFBKyO.js} +1 -1
- package/dist/app/assets/{PzLink.stories-DGOsmLil.js → PzLink.stories-ehz4okZt.js} +1 -1
- package/dist/app/assets/{PzListNav.stories-BGTQDnrg.js → PzListNav.stories-CwOFfyV0.js} +1 -1
- package/dist/app/assets/{PzLoader.stories-DLHSBX-M.js → PzLoader.stories-DoA8D30p.js} +1 -1
- package/dist/app/assets/PzModal-B6_YnSLo.css +1 -0
- package/dist/app/assets/{PzModal.stories-CU1Wv2nz.js → PzModal.stories-5cy7IfVV.js} +1 -1
- package/dist/app/assets/PzMultiSelect-C17LC7iT.css +1 -0
- package/dist/app/assets/{PzMultiSelect.stories-DzFADRQf.js → PzMultiSelect.stories-BD_ZoO7Y.js} +1 -1
- package/dist/app/assets/{PzNav-De1tcVxU.css → PzNav-IoBf2QJw.css} +1 -1
- package/dist/app/assets/{PzNav.stories-CfeA4I9q.js → PzNav.stories-CZpztWi_.js} +1 -1
- package/dist/app/assets/{PzNumberFormat.stories-zQaLENvJ.js → PzNumberFormat.stories-CSyejyIJ.js} +1 -1
- package/dist/app/assets/{PzPagination-BveE6BxM.js → PzPagination-CNxPgPit.js} +1 -1
- package/dist/app/assets/PzPagination-Cce_GQum.css +1 -0
- package/dist/app/assets/{PzPagination-BF-U8BNg.css → PzPagination-CzLaBvxz.css} +1 -1
- package/dist/app/assets/{PzPagination.stories-B6yTaivn.js → PzPagination.stories-9YLY98x9.js} +1 -1
- package/dist/app/assets/{PzPriceFormat.stories-h6KN2cf5.js → PzPriceFormat.stories-LtD6etql.js} +1 -1
- package/dist/app/assets/PzRadioGroup-Cy5QGlSc.css +1 -0
- package/dist/app/assets/{PzRadioGroup.stories-BgStbptz.js → PzRadioGroup.stories-CmjYt_z0.js} +1 -1
- package/dist/app/assets/{PzRouterLink.stories-X7nadesy.js → PzRouterLink.stories-DdzB1s7f.js} +1 -1
- package/dist/app/assets/{PzScrollTo-DC2p3qx8.css → PzScrollTo-CeFMQ5ht.css} +1 -1
- package/dist/app/assets/{PzScrollTo.stories-DLFeCz9s.js → PzScrollTo.stories-BYiS-vYx.js} +1 -1
- package/dist/app/assets/{PzSearchResultItemLayout.stories-wyzspcT-.js → PzSearchResultItemLayout.stories-Bf0d_hGH.js} +1 -1
- package/dist/app/assets/PzSelect-Bv8_b4EX.css +1 -0
- package/dist/app/assets/{PzSelect-AQuigeCy.js → PzSelect-BxofoPSq.js} +1 -1
- package/dist/app/assets/{PzSelect-qGupIZIz.css → PzSelect-DTyQS_29.css} +1 -1
- package/dist/app/assets/{PzSelect.stories-D4-UQh8f.js → PzSelect.stories-CpbJzWKs.js} +1 -1
- package/dist/app/assets/{PzSkeleton-4JZ6y0GR.js → PzSkeleton-C6Rs_lZ_.js} +1 -1
- package/dist/app/assets/{PzSkeleton.stories-MCrzHGJV.js → PzSkeleton.stories-CVKHKSk9.js} +1 -1
- package/dist/app/assets/{PzStatus-BTqxXx0B.js → PzStatus-B0wKxlyW.js} +1 -1
- package/dist/app/assets/{PzStatus--2NXUTlv.css → PzStatus-Ds7_Enea.css} +1 -1
- package/dist/app/assets/PzStatus-nUU7_Ga1.css +1 -0
- package/dist/app/assets/{PzStatus.stories-BzwAPZkL.js → PzStatus.stories-DTCduPPl.js} +1 -1
- package/dist/app/assets/PzTable-BCnRy7Vs.js +1 -0
- package/dist/app/assets/{PzTable-BOVqN6WA.css → PzTable-D2ee3aEl.css} +1 -1
- package/dist/app/assets/PzTable-ofL7t2uX.css +1 -0
- package/dist/app/assets/{PzTable.stories-BGuo7i1O.js → PzTable.stories-DedDSNPw.js} +15 -15
- package/dist/app/assets/{PzTabs.stories-CMpfKH0_.js → PzTabs.stories-C4zZbCTJ.js} +1 -1
- package/dist/app/assets/PzTag-BgHCPxBr.css +1 -0
- package/dist/app/assets/{PzTag-Ke2rl8Ss.js → PzTag-CNtLtNax.js} +1 -1
- package/dist/app/assets/{PzTag.stories-Bmn2O7e4.js → PzTag.stories-DyFp0pn7.js} +1 -1
- package/dist/app/assets/PzText-B1GXdVWQ.css +1 -0
- package/dist/app/assets/{PzText-DleGs8Gs.js → PzText-CK9m6o-j.js} +1 -1
- package/dist/app/assets/{PzText.stories-CI3NpL6P.js → PzText.stories-yPXyHEJU.js} +1 -1
- package/dist/app/assets/{PzTextClamp-sinphphZ.css → PzTextClamp-BIC7xfPk.css} +1 -1
- package/dist/app/assets/{PzTextClamp.stories-DYM2X9XV.js → PzTextClamp.stories-DfYrHTAi.js} +1 -1
- package/dist/app/assets/PzTextarea-C9zqbuqq.css +1 -0
- package/dist/app/assets/{PzTextarea.stories-CT36imKJ.js → PzTextarea.stories-BdBfqOMM.js} +1 -1
- package/dist/app/assets/{PzValidatorXSS.stories-DaNuVVc1.js → PzValidatorXSS.stories-Dkc10ER7.js} +1 -1
- package/dist/app/assets/{Spacing.stories-DrluMfwn.js → Spacing.stories-DdcTtmyH.js} +1 -1
- package/dist/app/assets/{Typography.stories-BqZF8Ibm.js → Typography.stories-DWbr7WH8.js} +1 -1
- package/dist/app/assets/{WithTooltip-65CFNBJE-C3hqYsin.js → WithTooltip-65CFNBJE-D3hcGoXM.js} +1 -1
- package/dist/app/assets/{floating-vue-y1TAOdCO.js → floating-vue-BuqnCSqx.js} +1 -1
- package/dist/app/assets/{floating-vue-B4cduBzX.js → floating-vue-HGG7DBOn.js} +1 -1
- package/dist/app/assets/{formatter-EIJCOSYU-vHq4tCuU.js → formatter-EIJCOSYU-Bswe_bq4.js} +1 -1
- package/dist/app/assets/{iframe-BzsKgjQJ.js → iframe-Ck0HMRNq.js} +3 -3
- package/dist/app/assets/{index-r1WZefER.js → index-BCpBk1be.js} +1 -1
- package/dist/app/assets/{syntaxhighlighter-OH4MV7E3-Bgjnub02.js → syntaxhighlighter-OH4MV7E3-Bu07AazM.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/Data/PzAccordionTable/PzAccordionTable.vue.d.ts +3 -3
- package/dist/components/Data/PzTable/PzTable.vue.d.ts +16 -22
- package/dist/components/Data/PzTable/PzTableData.vue.d.ts +15 -22
- package/dist/components/Data/PzTable/index.d.ts +1 -1
- package/dist/components/Data/PzTable/types.d.ts +20 -14
- package/dist/components/Display/PzKeyValue/PzKeyValue.vue.d.ts +12 -26
- package/dist/components/Display/PzKeyValue/index.d.ts +1 -1
- package/dist/components/Display/PzKeyValue/types.d.ts +23 -5
- package/dist/index.d.ts +2 -2
- package/dist/package.json +1 -1
- package/dist/prozorro-ui.cjs +8 -8
- package/dist/prozorro-ui.js +1658 -1649
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/abstract/_typography.scss +2 -0
- package/dist/app/assets/PzAccordionTable-C5s89sJN.css +0 -1
- package/dist/app/assets/PzBtn-916mU0oY.css +0 -1
- package/dist/app/assets/PzCheckbox-D2lG-G61.css +0 -1
- package/dist/app/assets/PzCopyToClipboard-DOtO0RBq.css +0 -1
- package/dist/app/assets/PzDate-CPDe5YZo.css +0 -1
- package/dist/app/assets/PzDateRange-BiJOokbK.css +0 -1
- package/dist/app/assets/PzFileInput-BOG2rn9_.css +0 -1
- package/dist/app/assets/PzImageInput-Dpxr8tsf.css +0 -1
- package/dist/app/assets/PzInput-BCMo6PmT.css +0 -1
- package/dist/app/assets/PzInputDate-DajGwKjI.css +0 -1
- package/dist/app/assets/PzInputNumber-D-YWl_V4.css +0 -1
- package/dist/app/assets/PzKeyValue-77OwsVir.css +0 -1
- package/dist/app/assets/PzLabel-ShA-3tPi.css +0 -1
- package/dist/app/assets/PzModal-Da1AKItx.css +0 -1
- package/dist/app/assets/PzMultiSelect-kijICuQ3.css +0 -1
- package/dist/app/assets/PzPagination-DsLCoCA7.css +0 -1
- package/dist/app/assets/PzRadioGroup-DfOusdQ3.css +0 -1
- package/dist/app/assets/PzSelect-kuxLgX5-.css +0 -1
- package/dist/app/assets/PzStatus-CrMtYbRR.css +0 -1
- package/dist/app/assets/PzTable-CMrM0T_5.css +0 -1
- package/dist/app/assets/PzTable-DeBwBKWZ.js +0 -1
- package/dist/app/assets/PzTag-BU4Nffdd.css +0 -1
- package/dist/app/assets/PzText-CnLVfvPw.css +0 -1
- package/dist/app/assets/PzTextarea-DlC8K0sa.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-label-story{display:grid;gap:var(--pz-space-24)}.pz-label-story-board,.pz-label-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-label-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-label-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-label-story-preview{display:grid;place-items:center;min-height:220px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-label-story-field{width:min(100%,640px)}.pz-label-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-label-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-label-story-rich-label{display:inline-flex;align-items:baseline;gap:var(--pz-space-8);flex-wrap:wrap}.pz-label-story-rich-label-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400}.pz-label-story-note{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-label-story-input{width:100%;min-height:var(--pz-space-44);padding:var(--pz-space-12) var(--pz-space-16);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-label-story-input::placeholder{color:var(--pz-color-grey-40)}.pz-label-story-input:focus-visible{outline:2px solid color-mix(in srgb,var(--pz-color-button-primary) 28%,transparent);outline-offset:2px;border-color:var(--pz-color-blue-30)}.pz-label-story-input:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 70%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}@media (width <= 768px){.pz-label-story-grid{grid-template-columns:1fr}.pz-label-story-header{flex-direction:column}}
|
|
1
|
+
.pz-label-story{display:grid;gap:var(--pz-space-24)}.pz-label-story-board,.pz-label-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-label-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-label-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-label-story-preview{display:grid;place-items:center;min-height:220px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-label-story-field{width:min(100%,640px)}.pz-label-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-label-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-label-story-rich-label{display:inline-flex;align-items:baseline;gap:var(--pz-space-8);flex-wrap:wrap}.pz-label-story-rich-label-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400}.pz-label-story-note{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-label-story-input{width:100%;min-height:var(--pz-space-44);padding:var(--pz-space-12) var(--pz-space-16);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-label-story-input::placeholder{color:var(--pz-color-grey-40)}.pz-label-story-input:focus-visible{outline:2px solid color-mix(in srgb,var(--pz-color-button-primary) 28%,transparent);outline-offset:2px;border-color:var(--pz-color-blue-30)}.pz-label-story-input:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 70%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}@media (width <= 768px){.pz-label-story-grid{grid-template-columns:1fr}.pz-label-story-header{flex-direction:column}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as i,E as f,e as l,f as c,B as t,p as n,q as p,g as m,o as s,C as b,t as _}from"./iframe-
|
|
1
|
+
import{d as i,E as f,e as l,f as c,B as t,p as n,q as p,g as m,o as s,C as b,t as _}from"./iframe-Ck0HMRNq.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v=["for"],y={key:0,class:"pz-label-required","aria-hidden":"true"},q={class:"pz-label-control"},a=i({name:"PzLabel",__name:"PzLabel",props:{label:{default:""},for:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(r){const e=r,d=f(),u=m(()=>!!(e.label||d.label));return(o,P)=>(s(),l("div",{class:c(["pz-label",{"is-disabled":e.disabled}])},[u.value?(s(),l("label",{key:0,class:"pz-label-caption",for:e.for},[t(o.$slots,"label",{},()=>[b(_(e.label),1)],!0),e.required?(s(),l("span",y," * ")):n("",!0)],8,v)):n("",!0),p("div",q,[t(o.$slots,"default",{},void 0,!0)])],2))}}),B=z(a,[["__scopeId","data-v-33a0a067"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzLabel",exportName:"default",displayName:"PzLabel",description:"",tags:{},props:[{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"for",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"}}],slots:[{name:"label"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzLabel/PzLabel.vue"]});export{B as P};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-label[data-v-33a0a067]{display:grid;gap:var(--pz-space-8);width:100%;color:var(--pz-color-text-primary)}.pz-label-caption[data-v-33a0a067]{display:inline-flex;align-items:baseline;gap:var(--pz-space-4);width:fit-content;color:inherit;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-label-caption-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-label-caption-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-label-caption-line-height, var(--pz-typography-line-height, 1.5))}.pz-label-required[data-v-33a0a067]{color:var(--pz-color-red-50)}.pz-label-control[data-v-33a0a067]{min-width:0}.pz-label.is-disabled[data-v-33a0a067]{color:var(--pz-color-text-secondary)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as d}from"./PzText-
|
|
1
|
+
import{P as d}from"./PzText-CK9m6o-j.js";import{P as r}from"./PzLabel-D6J3QfP3.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=e=>{const a=[e.label?`label="${e.label}"`:null,e.for?`for="${e.for}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(t=>!!t).join(" "),p=[e.for?`id="${e.for}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.disabled?"disabled":null].filter(t=>!!t).join(" ");return`<template>
|
|
2
2
|
<PzLabel ${a}>
|
|
3
3
|
<input ${p} />
|
|
4
4
|
</PzLabel>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-link[data-v-abddfea7]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover);--pz-link-background: transparent;--pz-link-hover-background: transparent;--pz-link-border-color: transparent;--pz-link-hover-border-color: transparent;--pz-link-disabled-border-color: transparent;--pz-link-content-decoration: none;--pz-link-hover-decoration: underline;--pz-link-radius: var(--pz-space-4);--pz-link-gap: var(--pz-space-8);--pz-link-padding-inline: 0;--pz-link-padding-block: 0;--pz-link-icon-size: var(--pz-font-size-16);--pz-link-font-style: normal;align-items:center;gap:var(--pz-link-gap);width:fit-content;padding:var(--pz-link-padding-block) var(--pz-link-padding-inline);border:1px solid var(--pz-link-border-color);border-radius:var(--pz-link-radius);background:var(--pz-link-background);color:var(--pz-link-color);cursor:pointer;text-decoration:none;font-style:var(--pz-link-font-style)
|
|
1
|
+
.pz-link[data-v-abddfea7]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover);--pz-link-background: transparent;--pz-link-hover-background: transparent;--pz-link-border-color: transparent;--pz-link-hover-border-color: transparent;--pz-link-disabled-border-color: transparent;--pz-link-content-decoration: none;--pz-link-hover-decoration: underline;--pz-link-radius: var(--pz-space-4);--pz-link-gap: var(--pz-space-8);--pz-link-padding-inline: 0;--pz-link-padding-block: 0;--pz-link-icon-size: var(--pz-font-size-16);--pz-link-font-style: normal;align-items:center;gap:var(--pz-link-gap);width:fit-content;padding:var(--pz-link-padding-block) var(--pz-link-padding-inline);border:1px solid var(--pz-link-border-color);border-radius:var(--pz-link-radius);background:var(--pz-link-background);color:var(--pz-link-color);cursor:pointer;text-decoration:none;font-style:var(--pz-link-font-style);transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-link-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-link-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-link-line-height, var(--pz-typography-line-height, 1.5))}.pz-link--inline[data-v-abddfea7]{display:inline-flex}.pz-link--block[data-v-abddfea7]{display:flex}.pz-link--bold[data-v-abddfea7]{--pz-link-font-weight: 600}.pz-link--italic[data-v-abddfea7]{--pz-link-font-style: italic}.pz-link--line-through .pz-link-content[data-v-abddfea7]{text-decoration:line-through}.pz-link--primary[data-v-abddfea7]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--neutral[data-v-abddfea7]{--pz-link-color: var(--pz-color-text-primary);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--gray[data-v-abddfea7]{--pz-link-color: var(--pz-color-grey-60);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--button[data-v-abddfea7]{--pz-link-color: var(--pz-color-button-primary);--pz-link-hover-color: var(--pz-color-white);--pz-link-background: transparent;--pz-link-hover-background: var(--pz-color-button-primary-hover);--pz-link-border-color: var(--pz-color-button-primary);--pz-link-hover-border-color: var(--pz-color-button-primary-hover);--pz-link-disabled-border-color: color-mix(in srgb, var(--pz-color-button-disabled) 60%, transparent);--pz-link-hover-decoration: none;--pz-link-radius: var(--pz-space-4);--pz-link-padding-inline: var(--pz-space-8);--pz-link-padding-block: var(--pz-space-4)}.pz-link--icon[data-v-abddfea7]{--pz-link-color: var(--pz-color-icon-primary);--pz-link-hover-color: var(--pz-color-icon-hover);--pz-link-hover-decoration: none;--pz-link-icon-size: var(--pz-font-size-20)}.pz-link--icon-only[data-v-abddfea7]{--pz-link-padding-inline: var(--pz-space-4);--pz-link-padding-block: var(--pz-space-4)}.pz-link--disabled[data-v-abddfea7]{--pz-link-color: var(--pz-color-text-link-disabled);--pz-link-hover-color: var(--pz-color-text-link-disabled);--pz-link-border-color: var(--pz-link-disabled-border-color);cursor:default;pointer-events:none}.pz-link[data-v-abddfea7]:hover,.pz-link[data-v-abddfea7]:focus-visible{color:var(--pz-link-hover-color);border-color:var(--pz-link-hover-border-color);background:var(--pz-link-hover-background);outline:none}.pz-link[data-v-abddfea7]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-link-hover-color) 18%,transparent)}.pz-link-prefix[data-v-abddfea7],.pz-link-suffix[data-v-abddfea7]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-link-content[data-v-abddfea7]{min-width:0;text-decoration:var(--pz-link-content-decoration)}.pz-link-prefix[data-v-abddfea7]:empty,.pz-link-suffix[data-v-abddfea7]:empty,.pz-link-content[data-v-abddfea7]:empty{display:none}.pz-link:hover .pz-link-content[data-v-abddfea7],.pz-link:focus-visible .pz-link-content[data-v-abddfea7]{text-decoration:var(--pz-link-hover-decoration)}.pz-link-prefix[data-v-abddfea7] .pz-icon,.pz-link-suffix[data-v-abddfea7] .pz-icon{--pz-icon-size: var(--pz-link-icon-size);--pz-icon-color: currentcolor}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as m,E as y,e as l,B as s,p as i,f as k,g as o,o as n}from"./iframe-
|
|
1
|
+
import{d as m,E as y,e as l,B as s,p as i,f as k,g as o,o as n}from"./iframe-Ck0HMRNq.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v="noopener noreferrer",z=["href","target","rel","aria-disabled","tabindex"],h={key:0,class:"pz-link-prefix"},g={key:1,class:"pz-link-content"},_={key:2,class:"pz-link-suffix"},t=m({name:"PzLink",__name:"PzLink",props:{href:{},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1},typography:{}},setup(r){const u=y(),e=r,f=o(()=>!!u.default),d=o(()=>e.rel?e.rel:e.target==="_blank"?v:void 0),p=o(()=>[`pz-link--${e.variant}`,e.typography?`pz-typography--${e.typography}`:null,{"pz-link--inline":e.inline,"pz-link--block":!e.inline,"pz-link--disabled":e.disabled,"pz-link--bold":e.bold,"pz-link--italic":e.italic,"pz-link--line-through":e.lineThrough,"pz-link--icon-only":e.variant==="icon"&&!f.value}]),c=a=>{e.disabled&&(a.preventDefault(),a.stopPropagation())};return(a,P)=>(n(),l("a",{href:e.href,target:e.target,rel:d.value,"aria-disabled":e.disabled||void 0,tabindex:e.disabled?-1:void 0,class:k(["pz-link",p.value]),onClick:c},[a.$slots.prefix?(n(),l("span",h,[s(a.$slots,"prefix",{},void 0,!0)])):i("",!0),a.$slots.default?(n(),l("span",g,[s(a.$slots,"default",{},void 0,!0)])):i("",!0),a.$slots.suffix?(n(),l("span",_,[s(a.$slots,"suffix",{},void 0,!0)])):i("",!0)],10,z))}}),q=b(t,[["__scopeId","data-v-abddfea7"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__name},{name:"PzLink",exportName:"default",displayName:"PzLink",description:"",tags:{},props:[{name:"href",required:!0,type:{name:"string"}},{name:"variant",required:!1,type:{name:"PzLinkVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"target",required:!1,type:{name:"PzLinkTarget"},defaultValue:{func:!1,value:'"_self"'}},{name:"rel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"inline",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"bold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"italic",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"lineThrough",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzLink/PzLink.vue"]});export{q as P};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as p}from"./PzIcon-
|
|
1
|
+
import{_ as p}from"./PzIcon-Ca7FxSKr.js";import{P as c}from"./PzText-CK9m6o-j.js";import{p as d}from"./configs-B15JgQZ-.js";import{p as f,a as m}from"./configs-DshpCAYO.js";import{P as o}from"./PzLink-CHJFBKyO.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const u=[{variant:"primary",label:"Primary text link",suffix:"open_in_new"},{variant:"neutral",label:"Neutral navigation link"},{variant:"gray",label:"Gray meta link"},{variant:"button",label:"Button-like action",prefix:"description"},{variant:"icon",label:"Icon-led action",prefix:"launch"}],v=e=>{const t=[`href="${e.href}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null].filter(n=>!!n).join(" "),s=[e.showPrefix?` <template #prefix>
|
|
2
2
|
<PzIcon name="open_in_new" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as w,r as m,h as $,w as P,e as U,u as b,v as L,o as W}from"./iframe-
|
|
1
|
+
import{d as w,r as m,h as $,w as P,e as U,u as b,v as L,o as W}from"./iframe-Ck0HMRNq.js";import{P as q}from"./PzSelect-BxofoPSq.js";import{P as j}from"./PzPagination-CNxPgPit.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./index-BCpBk1be.js";import"./floating-vue-HGG7DBOn.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzIcon-Ca7FxSKr.js";import"./PzLabel-D6J3QfP3.js";var a=(e=>(e[e.FIVE=5]="FIVE",e[e.TEN=10]="TEN",e[e.TWENTY=20]="TWENTY",e[e.FIFTY=50]="FIFTY",e[e.ONE_HUNDRED=100]="ONE_HUNDRED",e[e.ONE_MILLION=1e6]="ONE_MILLION",e))(a||{});const V=[{label:"5",value:a.FIVE.toString()},{label:"10",value:a.TEN.toString()},{label:"20",value:a.TWENTY.toString()},{label:"50",value:a.FIFTY.toString()},{label:"100",value:a.ONE_HUNDRED.toString()},{label:"Всі",value:a.ONE_MILLION.toString()}],B={class:"pz-list-nav"},v=1,u=w({name:"PzListNav",__name:"PzListNav",props:{selectLabel:{default:"Показати рядків:"},total:{},options:{default:()=>V},perPage:{default:a.TEN},currentPage:{default:v}},emits:["onInput","onChangePerPage"],setup(e,{emit:r}){const t=e,s=r,g=m(t.currentPage),o=m(t.perPage);$(()=>{o.value=t.perPage,d()}),P(()=>t.perPage,()=>o.value=t.perPage),P(()=>t.total,()=>d());const d=()=>{const n=(g.value-v)*o.value,f=n+o.value;s("onInput",[n,f])},N=n=>{g.value=n,d(),s("onChangePerPage")},Y=n=>{n!==void 0&&(o.value=Number(n),N(v),s("onChangePerPage"))};return(n,f)=>(W(),U("div",B,[b(L(j),{"model-value":g.value,total:t.total,"per-page":o.value,class:"pz-list-nav__paginate","onUpdate:modelValue":N},null,8,["model-value","total","per-page"]),b(L(q),{name:"pz-list-nav-per-page",variant:"inline",label:t.selectLabel,"model-value":String(o.value),options:t.options,class:"pz-list-nav__select","onUpdate:modelValue":Y},null,8,["label","model-value","options"])]))}}),I=A(u,[["__scopeId","data-v-4aa62780"]]);u.__docgenInfo=Object.assign({displayName:u.name??u.__name},{name:"PzListNav",exportName:"default",displayName:"PzListNav",description:"",tags:{},props:[{name:"selectLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Показати рядків:"'}},{name:"total",required:!0,type:{name:"number"}},{name:"options",required:!1,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]},defaultValue:{func:!1,value:"() => ITEMS_PAGINATE_PER_PAGE_CONFIG"}},{name:"perPage",required:!1,type:{name:"ITEMS_PER_PAGE"},defaultValue:{func:!1,value:"ITEMS_PER_PAGE.TEN"}},{name:"currentPage",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"DELTA"}}],events:[{name:"onInput",type:{names:["tuple"],elements:[{name:"number"},{name:"number"}]}},{name:"onChangePerPage"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzListNav/PzListNav.vue"]});const H="<\/script>",k=e=>{const r=[`:total="${e.total}"`,e.selectLabel?`:select-label="'${e.selectLabel}'"`:null,e.perPage!==a.TEN?`:per-page="${e.perPage}"`:null,e.currentPage&&e.currentPage!==1?`:current-page="${e.currentPage}"`:null,'@on-input="range = $event"'].filter(t=>!!t).join(`
|
|
2
2
|
`);return`<script setup lang="ts">
|
|
3
3
|
import { ref } from "vue";
|
|
4
4
|
const range = ref<[number, number]>([0, 10]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as L,e as l,q as P,F as S,x,v as h,f as V,o as t}from"./iframe-
|
|
1
|
+
import{d as L,e as l,q as P,F as S,x,v as h,f as V,o as t}from"./iframe-Ck0HMRNq.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const B=["aria-label"],N={class:"pz-loader__wrapper"},o=L({name:"PzLoader",__name:"PzLoader",props:{isSmall:{type:Boolean,default:!1},variant:{default:"primary"},label:{default:"Loading"}},setup(e){const v=Array.from({length:12},(z,n)=>n);return(z,n)=>(t(),l("div",{class:V(["pz-loader",{"pz-loader--small":e.isSmall,"pz-loader--grey":e.variant==="grey"}]),role:"status","aria-label":e.label},[P("div",N,[(t(!0),l(S,null,x(h(v),b=>(t(),l("div",{key:b,class:"pz-loader__item"}))),128))])],10,B))}}),i=q(o,[["__scopeId","data-v-e5d6adb3"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzLoader",exportName:"default",displayName:"PzLoader",description:"",tags:{},props:[{name:"isSmall",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzLoaderVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Loading"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzLoader/PzLoader.vue"]});const F={title:"Components/Display/PzLoader",component:i,args:{isSmall:!1,variant:"primary",label:"Loading"},argTypes:{isSmall:{control:"boolean",description:"Displays the compact loader size."},variant:{control:"select",options:["primary","grey"],description:"Loader color variant."},label:{control:"text",description:"Accessible status label."}},render:e=>({components:{pzLoader:i},setup(){return{args:e}},template:'<pz-loader v-bind="args" />'})},a={},r={args:{isSmall:!0}},s={args:{variant:"grey"}};var d,c,m;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(c=a.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var p,u,f;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
isSmall: true
|
|
4
4
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-modal-story{display:grid;gap:24px}.pz-modal-story-board{padding:clamp(24px,3vw,32px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-modal-story-copy{display:grid;gap:16px;max-width:560px}.pz-modal-story-eyebrow{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-modal-story-trigger,.pz-modal-story-primary,.pz-modal-story-secondary{height:40px;padding:0 16px;border-radius:4px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-trigger,.pz-modal-story-primary{border:1px solid var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-modal-story-trigger:hover,.pz-modal-story-trigger:focus-visible,.pz-modal-story-primary:hover,.pz-modal-story-primary:focus-visible{background:var(--pz-color-button-primary-hover);border-color:var(--pz-color-button-primary-hover);outline:none}.pz-modal-story-secondary{border:1px solid color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-modal-story-secondary:hover,.pz-modal-story-secondary:focus-visible{border-color:var(--pz-color-text-link-hover);color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-content{display:grid;gap:20px}.pz-modal-story-paper{display:grid;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:6px;background:linear-gradient(180deg,#fff,#fbfcff)}.pz-modal-story-document-header{display:flex;align-items:center;gap:12px;min-width:0}.pz-modal-story-download{color:var(--pz-color-text-link);text-decoration:none;white-space:nowrap;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-download:hover,.pz-modal-story-download:focus-visible{color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-document{min-height:72vh;padding:12px;background:#2f2f31}.pz-modal-story-document-frame{display:grid;place-items:center;min-height:calc(72vh - 24px);background:linear-gradient(90deg,#333 0 18%,transparent 18% 82%,#333 82% 100%),#f4f4f2}.pz-modal-story-document-sheet{width:min(100%,620px);aspect-ratio:.75;background:linear-gradient(rgba(0,0,0,.0705882353) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.031372549) 1px,transparent 1px),linear-gradient(180deg,#fff,#f6f6f4);background-size:100% 30px,28px 100%,100% 100%;box-shadow:0 18px 40px #00000026}@media (width <= 640px){.pz-modal-story-board{padding:20px;border-radius:22px}.pz-modal-story-document-header{flex-wrap:wrap;align-items:start}}.pz-modal[data-v-a4294a35]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.pz-modal-overlay[data-v-a4294a35]{display:grid;place-items:center;width:100%;height:100%;padding:clamp(12px,3vw,32px);background:color-mix(in srgb,var(--pz-color-black-90) 74%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pz-modal-dialog[data-v-a4294a35]{--pz-modal-width: min(720px, calc(100vw - 32px) );--pz-modal-padding: 8px;--pz-modal-radius: 3px;width:var(--pz-modal-width);max-width:100%;max-height:min(92vh,980px);overflow:auto;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent);border-radius:var(--pz-modal-radius);background:var(--pz-color-white);box-shadow:0 28px 80px color-mix(in srgb,var(--pz-color-black-90) 18%,transparent),0 6px 24px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}.pz-modal-dialog--compact[data-v-a4294a35]{--pz-modal-width: min(520px, calc(100vw - 32px) )}.pz-modal-dialog--regular[data-v-a4294a35]{--pz-modal-width: min(720px, calc(100vw - 32px) )}.pz-modal-dialog--wide[data-v-a4294a35]{--pz-modal-width: min(1080px, calc(100vw - 32px) )}.pz-modal-dialog--fullscreen[data-v-a4294a35]{--pz-modal-width: calc(100vw - 24px) ;max-height:calc(100vh - 24px)}.pz-modal-header[data-v-a4294a35],.pz-modal-footer[data-v-a4294a35]{position:sticky;z-index:1;background:var(--pz-color-white)}.pz-modal-header[data-v-a4294a35]{top:0;display:flex;align-items:start;justify-content:end;gap:16px;padding:var(--pz-modal-padding)}.pz-modal-header--between[data-v-a4294a35]{justify-content:space-between}.pz-modal-footer[data-v-a4294a35]{bottom:0;display:flex;align-items:center;justify-content:end;gap:12px;padding:var(--pz-modal-padding)}.pz-modal-title[data-v-a4294a35]{min-width:0;padding-top:2px}.pz-modal-body[data-v-a4294a35]{padding:0 var(--pz-modal-padding) var(--pz-modal-padding);color:var(--pz-color-text-primary);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-modal-body-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-modal-body-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-modal-body-line-height, var(--pz-typography-line-height, 1.5))}.pz-modal-close[data-v-a4294a35]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--pz-color-text-link);cursor:pointer;transition:color .16s ease,background-color .16s ease}.pz-modal-close[data-v-a4294a35]:hover,.pz-modal-close[data-v-a4294a35]:focus-visible{color:var(--pz-color-text-link-hover);background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);outline:none}@media (width <= 640px){.pz-modal-overlay[data-v-a4294a35]{padding:12px}.pz-modal-dialog[data-v-a4294a35]{--pz-modal-width: calc(100vw - 24px) ;--pz-modal-padding: 16px}.pz-modal-header[data-v-a4294a35]{gap:12px;padding-bottom:12px}.pz-modal-footer[data-v-a4294a35]{flex-wrap:wrap;justify-content:stretch}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as Z,E as H,w as V,$ as Y,y as x,e as n,q as v,Y as G,f as P,B as f,p as l,u as J,v as k,N as Q,a1 as X,a2 as ee,g as r,o as s,A as oe,C as te,t as ae,r as F}from"./iframe-
|
|
1
|
+
import{d as Z,E as H,w as V,$ as Y,y as x,e as n,q as v,Y as G,f as P,B as f,p as l,u as J,v as k,N as Q,a1 as X,a2 as ee,g as r,o as s,A as oe,C as te,t as ae,r as F}from"./iframe-Ck0HMRNq.js";import{P as O}from"./PzText-CK9m6o-j.js";import{_ as se}from"./PzIcon-Ca7FxSKr.js";import{_ as le}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ne=["compact","regular","wide","fullscreen"],re="close",de={id:"default",title:"",size:"regular",closeOnOverlay:!0,closeOnEscape:!0,showCloseButton:!0,closeLabel:"Close modal"},ie=["aria-labelledby","aria-describedby"],ce=["id"],pe=["aria-label"],ue=["id"],me={key:1,class:"pz-modal-footer"},m=Z({name:"PzModal",__name:"PzModal",props:ee({id:{},isOpen:{type:Boolean},title:{},size:{},closeOnOverlay:{type:Boolean},closeOnEscape:{type:Boolean},showCloseButton:{type:Boolean},closeLabel:{}},de),setup(e,{emit:t}){const d=H(),o=e,y=t,g=r(()=>`pz-modal-title-${o.id}`),w=r(()=>`pz-modal-description-${o.id}`),z=r(()=>!!(o.title||d.header)),K=r(()=>z.value||o.showCloseButton),R=r(()=>[`pz-modal-dialog--${o.size}`]);let M="";const C=a=>{if(!(typeof document>"u")){if(a){M=document.body.style.overflow,document.body.style.overflow="hidden";return}document.body.style.overflow=M}},b=()=>{y(re)},U=()=>{o.closeOnOverlay&&b()},W=()=>{o.closeOnEscape&&b()};return V(()=>o.isOpen,a=>{C(a)},{immediate:!0}),Y(()=>{C(!1)}),(a,_)=>(s(),x(X,{to:"body"},[o.isOpen?(s(),n("div",{key:0,class:"pz-modal",onKeydown:Q(W,["esc"])},[v("div",{class:"pz-modal-overlay",onClick:U},[v("div",{ref:"dialogRef",class:P(["pz-modal-dialog",R.value]),role:"dialog","aria-modal":!0,"aria-labelledby":g.value,"aria-describedby":w.value,onClick:_[0]||(_[0]=G(()=>{},["stop"]))},[K.value?(s(),n("header",{key:0,class:P(["pz-modal-header",{"pz-modal-header--between":z.value}])},[z.value?(s(),n("div",{key:0,id:g.value,class:"pz-modal-title"},[f(a.$slots,"header",{},()=>[o.title?(s(),x(k(O),{key:0,variant:"h4-bold",as:"h2"},{default:oe(()=>[te(ae(o.title),1)]),_:1})):l("",!0)],!0)],8,ce)):l("",!0),o.showCloseButton?(s(),n("button",{key:1,type:"button",class:"pz-modal-close","aria-label":o.closeLabel,onClick:b},[J(k(se),{name:"close",size:"24",label:"Close modal"})],8,pe)):l("",!0)],2)):l("",!0),v("div",{id:w.value,class:"pz-modal-body"},[f(a.$slots,"default",{},void 0,!0)],8,ue),a.$slots.footer?(s(),n("footer",me,[f(a.$slots,"footer",{},void 0,!0)])):l("",!0)],10,ie)])],32)):l("",!0)]))}}),h=le(m,[["__scopeId","data-v-a4294a35"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzModal",exportName:"default",displayName:"PzModal",description:"",tags:{},props:[{name:"id",required:!1,type:{name:"string"}},{name:"isOpen",required:!0,type:{name:"boolean"}},{name:"title",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"PzModalSize"}},{name:"closeOnOverlay",required:!1,type:{name:"boolean"}},{name:"closeOnEscape",required:!1,type:{name:"boolean"}},{name:"showCloseButton",required:!1,type:{name:"boolean"}},{name:"closeLabel",required:!1,type:{name:"string"}}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzModal/PzModal.vue"]});const ye=e=>`<template>
|
|
2
2
|
<PzModal ${[':is-open="true"',e.title?`title="${e.title}"`:null,e.size!=="regular"?`size="${e.size}"`:null,e.closeOnOverlay===!1?':close-on-overlay="false"':null,e.closeOnEscape===!1?':close-on-escape="false"':null,e.showCloseButton===!1?':show-close-button="false"':null].filter(d=>!!d).join(" ")}>
|
|
3
3
|
<p>Modal content</p>
|
|
4
4
|
</PzModal>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-multi-select[data-v-af4044c6],.pz-multi-select-dropdown[data-v-af4044c6]{width:100%}.pz-multi-select-trigger[data-v-af4044c6]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--pz-space-8);width:100%;min-width:0;padding:10px var(--pz-space-12);border:1px solid var(--pz-color-blue-30);border-radius:5px;background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background-color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-multi-select-trigger-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-multi-select-trigger-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-multi-select-trigger-line-height, var(--pz-typography-line-height, 1.5))}.pz-multi-select-trigger[data-v-af4044c6]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 16%,transparent)}.pz-multi-select-trigger[data-v-af4044c6]:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-multi-select-trigger.is-placeholder[data-v-af4044c6]{color:var(--pz-color-text-secondary)}.pz-multi-select-trigger-text[data-v-af4044c6]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz-multi-select-trigger-icon[data-v-af4044c6]{flex:0 0 auto;color:inherit;transition:transform .16s ease}.pz-multi-select-trigger.is-open .pz-multi-select-trigger-icon[data-v-af4044c6]{transform:rotate(180deg)}.pz-multi-select-menu[data-v-af4044c6]{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%}.pz-multi-select-options[data-v-af4044c6]{display:flex;flex-direction:column;max-block-size:320px;overflow-y:auto}.pz-multi-select-option[data-v-af4044c6]{position:relative;display:flex;align-items:center;gap:var(--pz-space-8);width:100%;min-width:0;padding:6px var(--pz-space-16);background:transparent;color:var(--pz-color-text-primary);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-multi-select-option-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-multi-select-option-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-multi-select-option-line-height, var(--pz-typography-line-height, 1.5))}.pz-multi-select-option[data-v-af4044c6]:not(.is-disabled):hover{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-selected[data-v-af4044c6]{background:var(--pz-color-blue-10)}.pz-multi-select-option.is-disabled[data-v-af4044c6]{color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-multi-select-option-input[data-v-af4044c6]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-multi-select-option-checkbox[data-v-af4044c6]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:16px;block-size:16px;border:2px solid var(--pz-color-grey-60);border-radius:2px;background:var(--pz-color-background-primary);color:transparent;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.pz-multi-select-option-check[data-v-af4044c6]{inline-size:12px;block-size:12px}.pz-multi-select-option-input:checked+.pz-multi-select-option-checkbox[data-v-af4044c6]{border-color:var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-multi-select-option-input:focus-visible+.pz-multi-select-option-checkbox[data-v-af4044c6]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-multi-select-option.is-disabled .pz-multi-select-option-checkbox[data-v-af4044c6]{border-color:var(--pz-color-grey-40);background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white))}.pz-multi-select-option-text[data-v-af4044c6]{min-width:0;flex:1}.pz-multi-select .v-popper__inner{padding:0;border-radius:3px;border-color:var(--pz-color-blue-30);box-shadow:0 1px 8px #677b9359}
|
package/dist/app/assets/{PzMultiSelect.stories-DzFADRQf.js → PzMultiSelect.stories-BD_ZoO7Y.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as pe,e as V,u as P,A as T,v as g,n as k,o as q,q as i,F as de,x as ce,f as F,B as D,C as J,t as C,I as ue,r as o,g as f,w as me}from"./iframe-
|
|
1
|
+
import{d as pe,e as V,u as P,A as T,v as g,n as k,o as q,q as i,F as de,x as ce,f as F,B as D,C as J,t as C,I as ue,r as o,g as f,w as me}from"./iframe-Ck0HMRNq.js";import{_ as ne}from"./PzIcon-Ca7FxSKr.js";import{P as ge}from"./PzTag-CNtLtNax.js";import{P as d}from"./PzText-CK9m6o-j.js";import{u as fe}from"./index-BCpBk1be.js";import{k as xe}from"./floating-vue-HGG7DBOn.js";import{l as I}from"./lodash-CdDiHlzQ.js";import{P as be}from"./PzLabel-D6J3QfP3.js";import{_ as ve}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./_commonjsHelpers-Cpj98o6Y.js";const he=6,ze=["id"],ye=["id","disabled","aria-controls","aria-expanded","aria-label"],Se={class:"pz-multi-select-trigger-text"},Oe=["id","aria-labelledby"],we={class:"pz-multi-select-options"},Ve=["for"],Pe=["id","name","checked","disabled","onChange"],Te={class:"pz-multi-select-option-text"},S=pe({name:"PzMultiSelect",__name:"PzMultiSelect",props:{name:{},options:{},modelValue:{default:()=>[]},label:{default:""},placeholder:{default:""},selectedLabel:{default:"{count} обрано"},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},width:{default:void 0}},emits:["update:modelValue"],setup(e,{emit:n}){const l=e,u=n,m=o(null),{width:ae}=fe(m),c=t=>l.modelValue.some(s=>I.isEqual(s,t)),oe=t=>{const s=c(t)?l.modelValue.filter(a=>!I.isEqual(a,t)):[...l.modelValue,t];u("update:modelValue",s)},N=f(()=>l.options.filter(t=>c(t.value))),L=f(()=>{var s;const t=l.modelValue.length;return t===0?l.placeholder:t===1?((s=N.value[0])==null?void 0:s.label)??l.placeholder:l.selectedLabel.replace("{count}",String(t))}),se=f(()=>l.label||L.value||l.placeholder||l.name),ie=f(()=>{const t=Math.round(ae.value);return t?{inlineSize:`${String(t)}px`}:{}}),O=(t,s)=>t.id??`${l.name}-multi-option-${String(s+1)}`,re=t=>({option:t,selected:c(t.value),disabled:!!t.disabled});return(t,s)=>(q(),V("div",{id:e.name,class:"pz-multi-select",style:k({width:e.width})},[P(g(be),{label:e.label,for:e.name+"-trigger",required:e.required,disabled:e.disabled},{default:T(()=>[P(g(xe),{class:"pz-multi-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+e.name,distance:g(he),disabled:e.disabled},{default:T(({shown:a})=>[i("button",{id:e.name+"-trigger",ref_key:"triggerRef",ref:m,type:"button",class:F(["pz-multi-select-trigger",{"is-open":a,"is-placeholder":!e.modelValue.length}]),disabled:e.disabled,"aria-controls":e.name+"-menu","aria-expanded":a?"true":"false","aria-haspopup":"listbox","aria-label":e.label?void 0:se.value},[i("span",Se,[D(t.$slots,"selected",{selectedOptions:N.value,placeholder:e.placeholder,count:e.modelValue.length},()=>[J(C(L.value),1)],!0)]),P(g(ne),{name:"expand_more",size:"20",class:"pz-multi-select-trigger-icon"})],10,ye)]),popper:T(()=>[i("div",{id:e.name+"-menu",class:"pz-multi-select-menu",style:k(ie.value),role:"group","aria-labelledby":e.name+"-trigger"},[i("div",we,[(q(!0),V(de,null,ce(l.options,(a,w)=>(q(),V("label",{key:O(a,w),for:O(a,w),class:F(["pz-multi-select-option",{"is-selected":c(a.value),"is-disabled":a.disabled}])},[i("input",{id:O(a,w),type:"checkbox",name:e.name+"-option",checked:c(a.value),disabled:a.disabled,class:"pz-multi-select-option-input",onChange:Fe=>oe(a.value)},null,40,Pe),s[0]||(s[0]=i("span",{class:"pz-multi-select-option-checkbox","aria-hidden":"true"},[i("svg",{class:"pz-multi-select-option-check",viewBox:"0 0 16 16",fill:"none"},[i("path",{d:"M3.5 8.25L6.5 11L12.5 5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),i("span",Te,[D(t.$slots,"default",ue({ref_for:!0},re(a)),()=>[J(C(a.label),1)],!0)])],10,Ve))),128))])],12,Oe)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],12,ze))}}),r=ve(S,[["__scopeId","data-v-af4044c6"]]);S.__docgenInfo=Object.assign({displayName:S.name??S.__name},{name:"PzMultiSelect",exportName:"default",displayName:"PzMultiSelect",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]}},{name:"modelValue",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectValue"}]},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"selectedLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"{count} обрано"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"selected",scoped:!0,bindings:[{name:"selected-options",title:"binding"},{name:"placeholder",title:"binding"},{name:"count",title:"binding"}]},{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzMultiSelect/PzMultiSelect.vue"]});const p=[{label:"09000000-3 - Нафтопродукти, паливо, електроенергія та інші джерела енергії",value:"09000000-3"},{label:"09100000-0 - Паливо",value:"09100000-0"},{label:"09200000-1 - Нафта, вугілля і нафтопродукти",value:"09200000-1"},{label:"09300000-2 - Електрична, теплова, сонячна та атомна енергія",value:"09300000-2"},{label:"90900000-6 - Послуги з прибирання та санітарно-гігієнічні послуги",value:"90900000-6"}],M=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"},{label:"Недоступний",value:"unavailable",disabled:!0}],qe=30,Me=2,$=["Будівництво","Послуги","Транспорт","Освіта","Енергія"],Ne=Array.from({length:qe},(e,n)=>{const l=$[n%$.length];return{label:`Категорія ${String(n+1).padStart(Me,"0")} — ${l}`,value:`category-${n+1}`}}),Le=e=>`<template>
|
|
2
2
|
<PzMultiSelect
|
|
3
3
|
v-model="value"
|
|
4
4
|
${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.selectedLabel&&e.selectedLabel!=="{count} обрано"?`selected-label="${e.selectedLabel}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(l=>!!l).join(" ")}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-nav-story{display:grid;gap:var(--pz-space-24)}.pz-nav-story-frame{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)))}.pz-nav-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-nav-story-eyebrow,.pz-nav-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-nav-story-stack{display:grid;gap:var(--pz-space-16)}.pz-nav-story-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 98%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-30) 60%,transparent)}.pz-nav-story-grid{display:grid;gap:var(--pz-space-16)}.pz-nav-story-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--pz-space-20);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-nav-story-card-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-nav-story-card-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-16);border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-background-frame) 96%,var(--pz-color-white));overflow:hidden}.pz-nav-story-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding-inline:6px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 100%,transparent);color:var(--pz-color-text-link-hover);font-size:var(--pz-font-size-12);font-weight:700}.pz-nav-story-slot{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-nav-story-compact{width:min(100%,520px)}@media (width <= 768px){.pz-nav-story-header{flex-direction:column}.pz-nav-story-card{grid-template-columns:1fr}}.pz-nav[data-v-ea33056d]{--pz-nav-background: var(--pz-color-background-frame);--pz-nav-active-background: var(--pz-color-background-primary);--pz-nav-active-color: var(--pz-color-text-primary);--pz-nav-link-color: var(--pz-color-text-link);display:flex;width:100%;margin:0;padding:var(--pz-space-4);list-style:none;border-radius:var(--pz-space-16);background:var(--pz-nav-background);overflow-x:auto;scrollbar-color:var(--pz-color-grey-30) var(--pz-nav-active-background)}.pz-nav__item[data-v-ea33056d]{position:relative;z-index:1;flex:0 0 auto;border-radius:var(--pz-space-12);transition:background-color .16s ease}.pz-nav__item[data-v-ea33056d]:hover{color:var(--pz-color-text-link-hover)}.pz-nav__item.active[data-v-ea33056d]{background-color:var(--pz-nav-active-background);box-shadow:0 1px 2px #2426380f,inset 0 0 0 1px #2426380a}.pz-nav__item.disabled[data-v-ea33056d]{opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.pz-nav__text[data-v-ea33056d]{display:inline-flex;align-items:center;min-height:44px;padding:12px 24px;border:none;outline:none;background:transparent;color:var(--pz-nav-link-color);text-decoration:none;white-space:nowrap;transition:color .16s ease;overflow-wrap:break-word;font-size:var(--pz-nav-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-nav-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-nav-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-nav__text.active[data-v-ea33056d]{color:var(--pz-nav-active-color)}
|
|
1
|
+
.pz-nav-story{display:grid;gap:var(--pz-space-24)}.pz-nav-story-frame{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)))}.pz-nav-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-nav-story-eyebrow,.pz-nav-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-nav-story-stack{display:grid;gap:var(--pz-space-16)}.pz-nav-story-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 98%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-30) 60%,transparent)}.pz-nav-story-grid{display:grid;gap:var(--pz-space-16)}.pz-nav-story-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--pz-space-20);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-nav-story-card-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-nav-story-card-surface{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-16);border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-background-frame) 96%,var(--pz-color-white));overflow:hidden}.pz-nav-story-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding-inline:6px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 100%,transparent);color:var(--pz-color-text-link-hover);font-size:var(--pz-font-size-12);font-weight:700}.pz-nav-story-slot{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-nav-story-compact{width:min(100%,520px)}@media (width <= 768px){.pz-nav-story-header{flex-direction:column}.pz-nav-story-card{grid-template-columns:1fr}}.pz-nav[data-v-ea33056d]{--pz-nav-background: var(--pz-color-background-frame);--pz-nav-active-background: var(--pz-color-background-primary);--pz-nav-active-color: var(--pz-color-text-primary);--pz-nav-link-color: var(--pz-color-text-link);display:flex;width:100%;margin:0;padding:var(--pz-space-4);list-style:none;border-radius:var(--pz-space-16);background:var(--pz-nav-background);overflow-x:auto;scrollbar-color:var(--pz-color-grey-30) var(--pz-nav-active-background)}.pz-nav__item[data-v-ea33056d]{position:relative;z-index:1;flex:0 0 auto;border-radius:var(--pz-space-12);transition:background-color .16s ease}.pz-nav__item[data-v-ea33056d]:hover{color:var(--pz-color-text-link-hover)}.pz-nav__item.active[data-v-ea33056d]{background-color:var(--pz-nav-active-background);box-shadow:0 1px 2px #2426380f,inset 0 0 0 1px #2426380a}.pz-nav__item.disabled[data-v-ea33056d]{opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.pz-nav__text[data-v-ea33056d]{display:inline-flex;align-items:center;min-height:44px;padding:12px 24px;border:none;outline:none;background:transparent;color:var(--pz-nav-link-color);text-decoration:none;white-space:nowrap;transition:color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-nav-text-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-nav-text-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-nav-text-line-height, var(--pz-typography-line-height, 1.5))}.pz-nav__text.active[data-v-ea33056d]{color:var(--pz-nav-active-color)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as R,e as i,F as $,x as F,f as p,o,y as O,A,B as f,C as x,t as b,v as B,R as V,J as j,g as L,h as y,a0 as g}from"./iframe-
|
|
1
|
+
import{d as R,e as i,F as $,x as F,f as p,o,y as O,A,B as f,C as x,t as b,v as B,R as V,J as j,g as L,h as y,a0 as g}from"./iframe-Ck0HMRNq.js";import{P as h}from"./PzText-CK9m6o-j.js";import{p as W}from"./configs-B15JgQZ-.js";import{_ as J}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const d=R({name:"PzNav",__name:"PzNav",props:{config:{},typography:{}},setup(s){const t=j(),r=s,m=a=>{const[n=""]=a.split("#");return n?n.startsWith("/")?n:`/${n}`:"/"},q=a=>a.startsWith("#")?a:m(a),E=L(()=>!r.config.some(a=>m(a.path)===t.path)),z=a=>m(a.path)===t.path||E.value&&!!a.isDefault;return(a,n)=>(o(),i("ul",{class:p(["pz-nav",r.typography?`pz-typography--${r.typography}`:null])},[(o(!0),i($,null,F(r.config,(e,M)=>(o(),i("li",{key:`${e.path}-${M}`,class:p(["pz-nav__item",[{disabled:e.disabled},{active:z(e)}]])},[e.disabled?(o(),i("span",{key:1,class:p(["pz-nav__text",{active:z(e)}])},[f(a.$slots,"view",{data:e},()=>[x(b(e.text),1)],!0)],2)):(o(),O(B(V),{key:0,to:q(e.path),class:p(["pz-nav__text",{active:z(e)}])},{default:A(()=>[f(a.$slots,"view",{data:e},()=>[x(b(e.text),1)],!0)]),_:2},1032,["to","class"]))],2))),128))],2))}}),u=J(d,[["__scopeId","data-v-ea33056d"]]);d.__docgenInfo=Object.assign({displayName:d.name??d.__name},{name:"PzNav",exportName:"default",displayName:"PzNav",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzNavItem"}]}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],slots:[{name:"view",scoped:!0,bindings:[{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzNav/PzNav.vue"]});const N=[{path:"/market/procedures",text:"Закупівлі",isDefault:!0},{path:"/market/contracts",text:"Договори"},{path:"/market/plans",text:"Плани"},{path:"/market/selection",text:"Відбори"},{path:"/market/products",text:"Товари"}],Q=[{path:"/tender/details",text:"Деталі закупівлі",isDefault:!0},{path:"/tender/questions",text:"Питання та вимоги (0)"},{path:"/tender/complaints",text:"Скарги (0)"},{path:"/tender/monitoring",text:"Моніторинг (0)",disabled:!0}],U=[{path:"/archive/overview",text:"Overview",isDefault:!0},{path:"/archive/history",text:"History",disabled:!0},{path:"/archive/files",text:"Files"}],G=s=>`<template>
|
|
2
2
|
<PzNav :config='${JSON.stringify(s.config,null,2)}' />
|
|
3
3
|
</template>`,H=()=>`<template>
|
|
4
4
|
<PzNav :config="config">
|
package/dist/app/assets/{PzNumberFormat.stories-zQaLENvJ.js → PzNumberFormat.stories-CSyejyIJ.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as o}from"./PzNumberFormat-D5xYsZ3A.js";import{P as a}from"./PzText-
|
|
1
|
+
import{P as o}from"./PzNumberFormat-D5xYsZ3A.js";import{P as a}from"./PzText-CK9m6o-j.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const x={title:"Utilities/PzNumberFormat",parameters:{docs:{description:{component:"The `PzNumberFormat` utility is used to format numbers consistently, adding division for thousands and handling decimals."}}}},e={render:()=>({components:{pzText:a},setup(){return{examples:[{value:1234567,description:"Millions without decimals"},{value:1234567891e-3,precision:2,description:"Millions with 2 decimals precision"},{value:"54321.1",description:"String input with 1 decimal"},{value:0,description:"Zero"},{value:"-",description:"Invalid/empty dash"},{value:null,description:"Null value"}].map(n=>({...n,result:new o(n.value,n.precision).number}))}},template:`
|
|
2
2
|
<div>
|
|
3
3
|
<pz-text variant="h4-semibold">PzNumberFormat Usage</pz-text>
|
|
4
4
|
<ul style="margin-top: 16px; padding-left: 20px;">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as F,e as o,q as s,u as z,v as h,F as I,x as w,g as l,o as i,f as T,t as $}from"./iframe-
|
|
1
|
+
import{d as F,e as o,q as s,u as z,v as h,F as I,x as w,g as l,o as i,f as T,t as $}from"./iframe-Ck0HMRNq.js";import{_ as V}from"./PzIcon-Ca7FxSKr.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const E={class:"pz-pagination","aria-label":"Pagination"},M={class:"pz-pagination__list"},S=["disabled"],j={key:0,class:"pz-pagination__dots","aria-hidden":"true"},L=["aria-current","onClick"],O=["disabled"],m=1,r=F({name:"PzPagination",__name:"PzPagination",props:{modelValue:{},total:{},perPage:{},radius:{default:2}},emits:["update:modelValue"],setup(p,{emit:k}){const a=p,u=k,_=l(()=>Math.ceil(a.total/a.perPage)),f=l(()=>a.modelValue<=1),P=l(()=>a.modelValue>=_.value),x=l(()=>{const t=_.value;if(t<=0)return[];if(t===1)return[{type:"page",page:m}];const c=a.modelValue,e=a.radius,d=m+1,b=t-1,v=Math.max(d,c-e),y=Math.min(b,c+e),n=[{type:"page",page:m}];v>d&&n.push({type:"dots",side:"left"});for(let g=v;g<=y;g++)n.push({type:"page",page:g});return y<b&&n.push({type:"dots",side:"right"}),n.push({type:"page",page:t}),n}),N=t=>{t!==a.modelValue&&u("update:modelValue",t)},C=()=>{f.value||u("update:modelValue",a.modelValue-1)},q=()=>{P.value||u("update:modelValue",a.modelValue+1)};return(t,c)=>(i(),o("nav",E,[s("ul",M,[s("li",null,[s("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:f.value,"aria-label":"Попередня сторінка",onClick:C},[z(h(V),{name:"chevron_left",size:"24"})],8,S)]),(i(!0),o(I,null,w(x.value,e=>(i(),o("li",{key:e.type==="page"?`p-${e.page}`:`d-${e.side}`,class:"pz-pagination__item"},[e.type==="dots"?(i(),o("span",j," … ")):(i(),o("button",{key:1,type:"button",class:T(["pz-pagination__btn",{"pz-pagination__btn--active":e.page===p.modelValue}]),"aria-current":e.page===p.modelValue?"page":void 0,onClick:d=>N(e.page)},$(e.page),11,L))]))),128)),s("li",null,[s("button",{type:"button",class:"pz-pagination__btn pz-pagination__btn--nav",disabled:P.value,"aria-label":"Наступна сторінка",onClick:q},[z(h(V),{name:"chevron_right",size:"24"})],8,O)])])]))}}),R=B(r,[["__scopeId","data-v-f128b85c"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzPagination",exportName:"default",displayName:"PzPagination",description:"",tags:{},props:[{name:"modelValue",required:!0,type:{name:"number"}},{name:"total",required:!0,type:{name:"number"}},{name:"perPage",required:!0,type:{name:"number"}},{name:"radius",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"2"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Navigation/PzPagination/PzPagination.vue"]});export{R as P};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-pagination__list[data-v-f128b85c]{display:flex;align-items:center;gap:var(--pz-space-4);list-style:none;margin:0;padding:0}.pz-pagination__item[data-v-f128b85c]{display:flex}.pz-pagination__btn[data-v-f128b85c]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--pz-color-text-primary);cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-pagination-btn-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-pagination-btn-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-pagination-btn-line-height, var(--pz-typography-line-height, 1.5))}.pz-pagination__btn[data-v-f128b85c]:hover:not(:disabled){background-color:var(--pz-color-grey-20);border-color:var(--pz-color-tag-blue);color:var(--pz-color-text-link-hover)}.pz-pagination__btn--active[data-v-f128b85c]{border-color:var(--pz-color-tag-blue)}.pz-pagination__btn--nav[data-v-f128b85c]{color:var(--pz-color-text-primary)}.pz-pagination__btn--nav[data-v-f128b85c]:disabled{opacity:.35;cursor:default}.pz-pagination__dots[data-v-f128b85c]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-pagination-dots-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-pagination-dots-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-pagination-dots-line-height, var(--pz-typography-line-height, 1.5))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-pagination-story{display:grid;gap:var(--pz-space-24)}.pz-pagination-story-board,.pz-pagination-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-pagination-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-pagination-story-eyebrow,.pz-pagination-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-pagination-story-preview{display:grid;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-pagination-story-grid{display:grid;gap:var(--pz-space-16)}.pz-pagination-story-card{display:grid;gap:var(--pz-space-8);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-pagination-story-card-label{margin:0;color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current{display:flex;align-items:center;gap:var(--pz-space-8);padding:var(--pz-space-4) var(--pz-space-8);border-radius:4px;background:color-mix(in srgb,var(--pz-color-blue-10) 80%,transparent);width:fit-content}.pz-pagination-story-current-label{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current-value{color:var(--pz-color-text-link);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}
|
|
1
|
+
.pz-pagination-story{display:grid;gap:var(--pz-space-24)}.pz-pagination-story-board,.pz-pagination-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-pagination-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-pagination-story-eyebrow,.pz-pagination-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-pagination-story-preview{display:grid;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-pagination-story-grid{display:grid;gap:var(--pz-space-16)}.pz-pagination-story-card{display:grid;gap:var(--pz-space-8);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-pagination-story-card-label{margin:0;color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current{display:flex;align-items:center;gap:var(--pz-space-8);padding:var(--pz-space-4) var(--pz-space-8);border-radius:4px;background:color-mix(in srgb,var(--pz-color-blue-10) 80%,transparent);width:fit-content}.pz-pagination-story-current-label{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-pagination-story-current-value{color:var(--pz-color-text-link);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}
|
package/dist/app/assets/{PzPagination.stories-B6yTaivn.js → PzPagination.stories-9YLY98x9.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,w as m}from"./iframe-
|
|
1
|
+
import{r as e,w as m}from"./iframe-Ck0HMRNq.js";import{P as v}from"./PzText-CK9m6o-j.js";import{P as s}from"./PzPagination-CNxPgPit.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-Ca7FxSKr.js";const l=2,z=50,y=100,P=3,b="<\/script>",f=a=>{const t=[':model-value="currentPage"',`:total="${a.total}"`,`:per-page="${a.perPage}"`,a.radius!==l?`:radius="${a.radius}"`:null,'@update:model-value="currentPage = $event"'].filter(r=>!!r).join(`
|
|
2
2
|
`);return`<script setup lang="ts">
|
|
3
3
|
import { ref } from "vue";
|
|
4
4
|
const currentPage = ref(${a.modelValue});
|
package/dist/app/assets/{PzPriceFormat.stories-h6KN2cf5.js → PzPriceFormat.stories-LtD6etql.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{l as p}from"./lodash-CdDiHlzQ.js";import{P as c}from"./PzText-
|
|
1
|
+
import{l as p}from"./lodash-CdDiHlzQ.js";import{P as c}from"./PzText-CK9m6o-j.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-Ck0HMRNq.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=100;class o{static minPriceStep(t,r){return!t||r===void 0?0:r/t}static multiplyByHundredPercent(t){if(!p.isNumber(t)&&p.isEmpty(t))return"";const r=parseFloat(t)*n;return`${Math.round(r*n)/n}%`}}const P={title:"Utilities/PzPriceFormat",parameters:{docs:{description:{component:"The `PzPriceFormat` static class provides common utilities for rendering pricing values such as minimum steps or formatting decimal percents into percent strings."}}}},i={render:()=>({components:{pzText:c},setup(){return{minPriceExamples:[{value:1e3,step:10,description:"Value 1000, minimal step 10"},{value:50,step:2,description:"Value 50, step 2"},{value:0,step:5,description:"Zero value"}].map(e=>({...e,result:o.minPriceStep(e.value,e.step)})),percentExamples:[{value:.12345,description:"Standard fractional"},{value:1,description:"Complete ratio"},{value:"0.55",description:"String fractional"}].map(e=>({...e,result:o.multiplyByHundredPercent(e.value)}))}},template:`
|
|
2
2
|
<div style="display: flex; flex-direction: column; gap: 24px;">
|
|
3
3
|
<section>
|
|
4
4
|
<pz-text variant="h4-semibold">minPriceStep</pz-text>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-radio-group-story{display:grid;gap:var(--pz-space-24)}.pz-radio-group-story-board,.pz-radio-group-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-radio-group-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-radio-group-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-radio-group-story-preview{display:grid;place-items:center;min-height:240px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-radio-group-story-field{width:min(100%,640px)}.pz-radio-group-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-radio-group-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-radio-group-story-note{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}@media (width <= 960px){.pz-radio-group-story-grid{grid-template-columns:1fr}.pz-radio-group-story-header{flex-direction:column}}.pz-radio-group[data-v-21d7c0d8]{display:grid;gap:var(--pz-space-8)}.pz-radio-group.accordion .pz-radio-group-option[data-v-21d7c0d8]:not(:first-child){padding-top:var(--pz-space-12);margin-top:var(--pz-space-12);border-top:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent)}.pz-radio-group-option[data-v-21d7c0d8]{--pz-radio-border-color: var(--pz-color-black-90);--pz-radio-dot-color: var(--pz-color-button-success);--pz-radio-label-color: var(--pz-color-text-primary);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pz-space-12);align-items:start;color:var(--pz-radio-label-color);cursor:pointer}.pz-radio-group-input[data-v-21d7c0d8]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-radio-group-control[data-v-21d7c0d8]{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--pz-space-16);block-size:var(--pz-space-16);margin-top:2px;border:2px solid var(--pz-radio-border-color);border-radius:50%;background:var(--pz-color-background-primary);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pz-radio-group-dot[data-v-21d7c0d8]{inline-size:var(--pz-space-8);block-size:var(--pz-space-8);border-radius:50%;background:var(--pz-radio-dot-color);transform:scale(0);transition:transform .16s ease}.pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-21d7c0d8]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-radio-group-input:checked+.pz-radio-group-control[data-v-21d7c0d8]{--pz-radio-border-color: var(--pz-color-button-success)}.pz-radio-group-input:checked+.pz-radio-group-control .pz-radio-group-dot[data-v-21d7c0d8]{transform:scale(1)}.pz-radio-group-label[data-v-21d7c0d8]{min-width:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-radio-group-label-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-radio-group-label-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-radio-group-label-line-height, var(--pz-typography-line-height, 1.5))}.pz-radio-group-content[data-v-21d7c0d8]{grid-column:2/-1;display:grid;gap:var(--pz-space-8);color:var(--pz-color-text-secondary)}.pz-radio-group-option.disabled[data-v-21d7c0d8]{--pz-radio-border-color: var(--pz-color-grey-40);--pz-radio-dot-color: var(--pz-color-button-disabled);--pz-radio-label-color: var(--pz-color-text-secondary);cursor:not-allowed}.pz-radio-group-option.disabled .pz-radio-group-input:focus-visible+.pz-radio-group-control[data-v-21d7c0d8]{box-shadow:none}
|
package/dist/app/assets/{PzRadioGroup.stories-BgStbptz.js → PzRadioGroup.stories-CmjYt_z0.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as w,e as i,F as k,x as C,f as b,o as n,q as p,B as g,C as S,t as _,I as v,p as R,r as f,w as O}from"./iframe-
|
|
1
|
+
import{d as w,e as i,F as k,x as C,f as b,o as n,q as p,B as g,C as S,t as _,I as v,p as R,r as f,w as O}from"./iframe-Ck0HMRNq.js";import{P as $}from"./PzLabel-D6J3QfP3.js";import{P as B}from"./PzText-CK9m6o-j.js";import{_ as L}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const q=["aria-disabled"],N=["for"],I=["id","name","value","checked","disabled","onChange"],A={class:"pz-radio-group-label"},F={key:0,class:"pz-radio-group-content"},c=w({name:"PzRadioGroup",__name:"PzRadioGroup",props:{modelValue:{type:[String,Number,Boolean],default:void 0},name:{},disabled:{type:Boolean,default:!1},mode:{default:"default"},options:{default:()=>[]},optionClass:{default:""}},emits:["update:modelValue"],setup(e,{emit:s}){const l=e,m=s,V=o=>Object.is(l.modelValue,o),G=o=>m("update:modelValue",o),T=(o,d)=>o.id??`${l.name}-${String(d+1)}`,t=(o,d)=>({option:o,value:o.value,checked:V(o.value),disabled:!!(l.disabled||o.disabled),id:T(o,d),name:l.name});return(o,d)=>(n(),i("div",{class:b(["pz-radio-group",e.mode]),"aria-disabled":e.disabled,role:"radiogroup"},[(n(!0),i(k,null,C(e.options,(a,r)=>(n(),i("label",{key:t(a,r).id,class:b(["pz-radio-group-option",[e.optionClass,{disabled:t(a,r).disabled}]]),for:t(a,r).id},[p("input",{id:t(a,r).id,name:e.name,value:String(a.value),checked:t(a,r).checked,disabled:t(a,r).disabled,type:"radio",class:"pz-radio-group-input",onChange:U=>G(a.value)},null,40,I),d[0]||(d[0]=p("span",{class:"pz-radio-group-control","aria-hidden":"true"},[p("span",{class:"pz-radio-group-dot"})],-1)),p("span",A,[g(o.$slots,"default",v({ref_for:!0},t(a,r)),()=>[S(_(a.label),1)],!0)]),o.$slots.content&&t(a,r).checked?(n(),i("div",F,[g(o.$slots,"content",v({ref_for:!0},t(a,r)),void 0,!0)])):R("",!0)],10,N))),128))],10,q))}}),z=L(c,[["__scopeId","data-v-21d7c0d8"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzRadioGroup",exportName:"default",displayName:"PzRadioGroup",description:"",tags:{},props:[{name:"modelValue",required:!1,type:{name:"PzRadioGroupValue"},defaultValue:{func:!1,value:"undefined"}},{name:"name",required:!0,type:{name:"string"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"mode",required:!1,type:{name:"union",elements:[{name:'"default"'},{name:'"accordion"'}]},defaultValue:{func:!1,value:'"default"'}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzRadioGroupOption"}]},defaultValue:{func:!1,value:"() => []"}},{name:"optionClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default",scoped:!0,bindings:[]},{name:"content",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzRadioGroup/PzRadioGroup.vue"]});const y=[{label:"Text radiobutton",value:"one"},{label:"Text radiobutton",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"}],j=[{label:"Text radiobutton",value:"one"},{label:"Text checkboxText checkboxText checkbox",value:"two"},{label:"Text radiobutton",value:"three"},{label:"Text radiobutton",value:"four"},{label:"Text radiobutton",value:"five"}],D=e=>{const s=[`name="${e.name}"`,e.mode!=="default"?`mode="${e.mode}"`:null,e.disabled?':disabled="true"':null].filter(l=>!!l).join(" ");return`<template>
|
|
2
2
|
<PzLabel label="${e.heading}">
|
|
3
3
|
<PzRadioGroup
|
|
4
4
|
v-model="selectedValue"
|
package/dist/app/assets/{PzRouterLink.stories-X7nadesy.js → PzRouterLink.stories-DdzB1s7f.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as v,G as y,y as b,A as l,v as s,R as k,o as z,u as x,H as P,B as p,I as w,g as R,J as _}from"./iframe-
|
|
1
|
+
import{d as v,G as y,y as b,A as l,v as s,R as k,o as z,u as x,H as P,B as p,I as w,g as R,J as _}from"./iframe-Ck0HMRNq.js";import{p as L,a as S}from"./configs-DshpCAYO.js";import{_ as V}from"./PzIcon-Ca7FxSKr.js";import{P as T}from"./PzText-CK9m6o-j.js";import{p as A}from"./configs-B15JgQZ-.js";import{P as $}from"./PzLink-CHJFBKyO.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const n=v({name:"PzRouterLink",inheritAttrs:!1,__name:"PzRouterLink",props:{to:{},replace:{type:Boolean,default:!1},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1},typography:{}},setup(e){const t=e,o=y(),r=(a,u)=>{t.disabled||t.target!=="_self"||u(a)};return(a,u)=>(z(),b(s(k),{custom:"",to:t.to,replace:t.replace},{default:l(({href:m,navigate:g})=>[x(s($),w(s(o),{href:m,variant:t.variant,target:t.target,rel:t.rel,disabled:t.disabled,inline:t.inline,bold:t.bold,italic:t.italic,"line-through":t.lineThrough,typography:t.typography,onClick:h=>r(h,g)}),P({default:l(()=>[p(a.$slots,"default")]),_:2},[a.$slots.prefix?{name:"prefix",fn:l(()=>[p(a.$slots,"prefix")]),key:"0"}:void 0,a.$slots.suffix?{name:"suffix",fn:l(()=>[p(a.$slots,"suffix")]),key:"1"}:void 0]),1040,["href","variant","target","rel","disabled","inline","bold","italic","line-through","typography","onClick"])]),_:3},8,["to","replace"]))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzRouterLink",exportName:"default",displayName:"PzRouterLink",description:"",tags:{},props:[{name:"to",required:!0,type:{name:"PzRouterLinkTo"}},{name:"replace",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",defaultValue:{func:!1,value:'"primary"'}},{name:"target",defaultValue:{func:!1,value:'"_self"'}},{name:"rel",defaultValue:{func:!1,value:"undefined"}},{name:"disabled",defaultValue:{func:!1,value:"false"}},{name:"inline",defaultValue:{func:!1,value:"true"}},{name:"bold",defaultValue:{func:!1,value:"false"}},{name:"italic",defaultValue:{func:!1,value:"false"}},{name:"lineThrough",defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzRouterLink/PzRouterLink.vue"]});const B=e=>{const o=[`to="${typeof e.to=="string"?e.to:JSON.stringify(e.to)}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null,e.replace?':replace="true"':null].filter(a=>!!a).join(" "),r=[e.showPrefix?` <template #prefix>
|
|
2
2
|
<PzIcon name="arrow_back" size="16" />
|
|
3
3
|
</template>`:null,` ${e.label}`,e.showSuffix?` <template #suffix>
|
|
4
4
|
<PzIcon name="arrow_forward" size="16" />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-scroll-to-story{display:grid;gap:24px}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:clamp(24px,3vw,32px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-copy,.pz-scroll-to-story-methods,.pz-scroll-to-story-types,.pz-scroll-to-story-section,.pz-scroll-to-story-stack{display:grid;gap:16px}.pz-scroll-to-story-toolbar{position:sticky;top:16px;z-index:3}.pz-scroll-to-story-actions{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:16px;background:color-mix(in srgb,var(--pz-color-white) 92%,transparent)}.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card,.pz-scroll-to-story-method-header{display:grid;gap:12px}.pz-scroll-to-story-eyebrow,.pz-scroll-to-story-kicker{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-scroll-to-story-button{height:40px;padding:0 16px;border:1px solid var(--pz-color-button-primary);border-radius:4px;background:var(--pz-color-button-primary);color:var(--pz-color-white);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-scroll-to-story-button:hover,.pz-scroll-to-story-button:focus-visible{border-color:var(--pz-color-button-primary-hover);background:var(--pz-color-button-primary-hover);outline:none}.pz-scroll-to-story-button--ghost{border-color:color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-scroll-to-story-paper{min-height:240px;border-radius:12px;background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(180deg,#fff,#f9fbff);background-size:100% 28px,28px 100%,100% 100%}.pz-scroll-to-story-code{margin:0;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--pz-color-black-90) 4%,var(--pz-color-white));overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-scroll-to-highlight{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-blue-50) 22%,transparent),0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}@media (width <= 1024px){.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:1fr}}@media (width <= 640px){.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:20px;border-radius:22px}.pz-scroll-to-story-toolbar{top:8px}}
|
|
1
|
+
.pz-scroll-to-story{display:grid;gap:24px}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:clamp(24px,3vw,32px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-scroll-to-story-toolbar,.pz-scroll-to-story-copy,.pz-scroll-to-story-methods,.pz-scroll-to-story-types,.pz-scroll-to-story-section,.pz-scroll-to-story-stack{display:grid;gap:16px}.pz-scroll-to-story-toolbar{position:sticky;top:16px;z-index:3}.pz-scroll-to-story-actions{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:16px;background:color-mix(in srgb,var(--pz-color-white) 92%,transparent)}.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card,.pz-scroll-to-story-method-header{display:grid;gap:12px}.pz-scroll-to-story-eyebrow,.pz-scroll-to-story-kicker{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-scroll-to-story-button{height:40px;padding:0 16px;border:1px solid var(--pz-color-button-primary);border-radius:4px;background:var(--pz-color-button-primary);color:var(--pz-color-white);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-scroll-to-story-button:hover,.pz-scroll-to-story-button:focus-visible{border-color:var(--pz-color-button-primary-hover);background:var(--pz-color-button-primary-hover);outline:none}.pz-scroll-to-story-button--ghost{border-color:color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-scroll-to-story-paper{min-height:240px;border-radius:12px;background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(180deg,#fff,#f9fbff);background-size:100% 28px,28px 100%,100% 100%}.pz-scroll-to-story-code{margin:0;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--pz-color-black-90) 4%,var(--pz-color-white));overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-scroll-to-highlight{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-blue-50) 22%,transparent),0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}@media (width <= 1024px){.pz-scroll-to-story-methods,.pz-scroll-to-story-types{grid-template-columns:1fr}}@media (width <= 640px){.pz-scroll-to-story-toolbar,.pz-scroll-to-story-section,.pz-scroll-to-story-method-card,.pz-scroll-to-story-type-card{padding:20px;border-radius:22px}.pz-scroll-to-story-toolbar{top:8px}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as a,w as p,$ as y}from"./iframe-
|
|
1
|
+
import{r as a,w as p,$ as y}from"./iframe-Ck0HMRNq.js";import{P as f}from"./PzText-CK9m6o-j.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g=["auto","instant","smooth"],b=2e3,z="pz-scroll-to-highlight",S="smooth",c=t=>typeof t=="number"?{offsetTop:t}:t??{},m=t=>{if(typeof window>"u"||typeof document>"u")return null;if(typeof t=="number")return t;const o=typeof t=="string"?document.querySelector(t):t instanceof HTMLElement?t:null;return o?window.scrollY+o.getBoundingClientRect().top:null},d=(t,o)=>{if(!t||typeof window>"u")return;const s=o.highlightClassName??z,e=o.highlightDuration??b;s&&(t.classList.add(s),window.setTimeout(()=>{t.classList.remove(s)},e))};class r{static moveById(o,s){if(typeof document>"u")return!1;const e=document.getElementById(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToTop(o){return r.moveTo(0,o)}static moveTo(o,s){if(typeof window>"u")return!1;const e=c(s);return window.scrollTo({top:Math.max(o-(e.offsetTop??0),0),left:0,behavior:e.behavior??S}),!0}static moveByQuerySelector(o,s){if(typeof document>"u")return!1;const e=document.querySelector(o);if(!e)return!1;const n=r.moveToElement(e,s);return n&&d(e,c(s)),n}static moveToElement(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}static move(o,s){const e=m(o);return e===null?!1:r.moveTo(e,s)}}const T=24,P="100vh",x=t=>{const o=[t.behavior!=="smooth"?`behavior: "${t.behavior}"`:null,t.offsetTop!==T?`offsetTop: ${t.offsetTop}`:null].filter(e=>!!e).join(", ");return`<script setup lang="ts">
|
|
2
2
|
import { PzScrollTo } from "@prozorro/prozorro-ui";
|
|
3
3
|
|
|
4
4
|
const scrollToTenderDocuments = (): void => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{P as d}from"./PzText-
|
|
1
|
+
import{P as d}from"./PzText-CK9m6o-j.js";import{d as m,y,A as h,n as z,z as f,g as v,o as g,q as s,B as i}from"./iframe-Ck0HMRNq.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const x={class:"pz-search-result-item-layout-surface"},S={class:"pz-search-result-item-layout-grid"},L={class:"pz-search-result-item-layout-main"},_={class:"pz-search-result-item-layout-aside"},r=m({name:"PzSearchResultItemLayout",__name:"PzSearchResultItemLayout",props:{as:{default:"li"},desktopColumns:{default:"minmax(0, 1fr) minmax(240px, 292px)"}},setup(e){const t=e,o=v(()=>({"--pz-search-result-item-layout-columns-lg":t.desktopColumns}));return(l,A)=>(g(),y(f(t.as),{class:"pz-search-result-item-layout",style:z(o.value)},{default:h(()=>[s("div",x,[s("div",S,[s("div",L,[i(l.$slots,"first-col",{},void 0,!0)]),s("div",_,[i(l.$slots,"second-col",{},void 0,!0)])])])]),_:3},8,["style"]))}}),c=b(r,[["__scopeId","data-v-53ce1156"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzSearchResultItemLayout",exportName:"default",displayName:"PzSearchResultItemLayout",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzSearchResultItemLayoutTag"},defaultValue:{func:!1,value:'"li"'}},{name:"desktopColumns",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"minmax(0, 1fr) minmax(240px, 292px)"'}}],slots:[{name:"first-col"},{name:"second-col"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzSearchResultItemLayout/PzSearchResultItemLayout.vue"]});const I=["li","article","div"],P=[{id:"tenders",eyebrow:"Procurement results",title:"Tender search",resultLabel:"Знайдено більше 10 000 закупівель",sortLabel:"за замовчуванням",cards:[{id:"tender-1",title:"Вогнегасник ВП-5(з)",status:"Завершена",organization:'ДЕРЖАВНА УСТАНОВА "ЛУЦЬКИЙ СЛІДЧИЙ ІЗОЛЯТОР" • Луцьк',identifier:"ID: UA-2026-04-16-007213-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"4 830,00 UAH",accent:"success"}]},{id:"tender-2",title:'Електрична енергія, без розподілу (постачальник "останньої надії")',status:"Підготовка угоди",organization:"Ратнівський дитячий садок №2 Ратнівської селищної ради • Ковельський р-н, селище міського типу Ратне",identifier:"ID: UA-2026-04-16-007209-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"54 741,16 UAH",accent:"success"}]}]},{id:"qualifications",eyebrow:"Selection results",title:"Framework selection search",resultLabel:"Знайдено 470 відборів",sortLabel:"за замовчуванням",cards:[{id:"selection-1",title:"33730000-6 Офтальмологічні вироби та коригувальні лінзи",status:"Активний до 5 бер. 23:00",organization:"",identifier:"ID: UA-F-2026-04-06-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"20 квіт. 23:00"},{id:"published",label:"Оголошено:",value:"6 квіт. 2026"}]},{id:"selection-2",title:"33650000-1 Загальні протиінфекційні засоби для системного застосування",status:"Активний до 13 лют. 23:00",organization:"",identifier:"ID: UA-F-2026-03-17-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"31 бер. 23:00"},{id:"published",label:"Оголошено:",value:"17 бер. 2026"}]}]},{id:"plans",eyebrow:"Planning results",title:"Annual plan search",resultLabel:"Знайдено більше 10 000 планів",sortLabel:"за замовчуванням",cards:[{id:"plan-1",title:"ДК 021:2015 по коду: 22460000-2 Рекламні матеріали, каталоги товарів та посібники",status:"22460000-2: Рекламні матеріали, каталоги товарів та посібники",organization:"Державний ліцей з посиленою військово-фізичною підготовкою «Слобожанський»",identifier:"ID: UA-P-2026-04-16-009442-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"700,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"березень 2026"}]},{id:"plan-2",title:"Членський внесок за 2026 рік",status:"98100000-4: Послуги членських організацій",organization:"Ганнівська сільська рада Новоукраїнського району Кіровоградської області",identifier:"ID: UA-P-2026-04-16-009435-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"3 572,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"квітень 2026"}]}]}],k=e=>`<template>
|
|
2
2
|
<PzSearchResultItemLayout ${[e.as&&e.as!=="li"?`as="${e.as}"`:null,e.desktopColumns&&e.desktopColumns!=="minmax(0, 1fr) minmax(240px, 292px)"?`desktop-columns="${e.desktopColumns}"`:null].filter(o=>!!o).join(" ")}>
|
|
3
3
|
<template #first-col>
|
|
4
4
|
<a href="#">Result title</a>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-select[data-v-c794c950]{width:100%}.pz-select.is-inline[data-v-c794c950]{width:fit-content;max-width:100%}.pz-select.is-inline[data-v-c794c950] .pz-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--pz-space-4);width:auto;max-width:100%}.pz-select.is-inline[data-v-c794c950] .pz-label-caption{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-label-caption-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-label-caption-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-label-caption-line-height, var(--pz-typography-line-height, 1.5))}.pz-select-dropdown[data-v-c794c950]{width:100%}.pz-select.is-inline .pz-select-dropdown[data-v-c794c950]{width:auto;max-width:100%}.pz-select-trigger[data-v-c794c950]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--pz-space-8);width:100%;min-width:0;padding:10px var(--pz-space-12);border:1px solid var(--pz-color-blue-30);border-radius:5px;background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background-color .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-select-trigger-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-select-trigger-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-select-trigger-line-height, var(--pz-typography-line-height, 1.5))}.pz-select-trigger[data-v-c794c950]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 16%,transparent)}.pz-select-trigger[data-v-c794c950]:disabled{cursor:not-allowed}.pz-select-trigger-text[data-v-c794c950]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz-select-trigger-icon[data-v-c794c950]{flex:0 0 auto;color:inherit;transition:transform .16s ease}.pz-select-trigger.is-open .pz-select-trigger-icon[data-v-c794c950]{transform:rotate(180deg)}.pz-select-menu[data-v-c794c950]{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%}.pz-select-option[data-v-c794c950]{display:flex;align-items:center;width:100%;min-width:0;padding:6px var(--pz-space-16);border:0;border-radius:0;background:transparent;color:var(--pz-color-text-primary);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease,color .16s ease,font-weight .16s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-select-option-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-select-option-font-weight, var(--pz-typography-font-weight, 400));line-height:var(--pz-select-option-line-height, var(--pz-typography-line-height, 1.5))}.pz-select-option[data-v-c794c950]:not(.is-active,.is-disabled):hover,.pz-select-option[data-v-c794c950]:not(.is-active,.is-disabled):focus-visible{background:var(--pz-color-blue-10);outline:none}.pz-select-option.is-active[data-v-c794c950]{background:var(--pz-color-blue-10);color:var(--pz-color-text-link-hover);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-select-option-font-size, var(--pz-typography-font-size, var(--pz-font-size-14)));font-weight:var(--pz-select-option-font-weight, var(--pz-typography-font-weight, 600));line-height:var(--pz-select-option-line-height, var(--pz-typography-line-height, 1.5))}.pz-select-option.is-disabled[data-v-c794c950]{color:var(--pz-color-text-secondary);cursor:not-allowed}.pz-select.is-field .pz-select-trigger.is-placeholder[data-v-c794c950]{color:var(--pz-color-text-secondary)}.pz-select.is-field .pz-select-trigger[data-v-c794c950]:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white));color:var(--pz-color-text-secondary)}.pz-select.is-inline .pz-select-trigger[data-v-c794c950]{width:auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--pz-color-text-link);box-shadow:none}.pz-select.is-inline .pz-select-trigger[data-v-c794c950]:not(:disabled):hover,.pz-select.is-inline .pz-select-trigger[data-v-c794c950]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-select.is-inline .pz-select-trigger.is-placeholder[data-v-c794c950]{color:var(--pz-color-text-link)}.pz-select.is-inline .pz-select-trigger[data-v-c794c950]:disabled{color:var(--pz-color-text-link-disabled)}.pz-select.is-inline .pz-select-menu[data-v-c794c950]{min-inline-size:168px}.pz-select .v-popper__inner{padding:0;border-radius:3px;border-color:var(--pz-color-blue-30);box-shadow:0 1px 8px #677b9359}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as O,e as m,u as f,A as p,v as d,n as S,f as b,g as s,o as g,q as v,F as $,x as I,B as V,C as P,t as _,r as A,I as D}from"./iframe-
|
|
1
|
+
import{d as O,e as m,u as f,A as p,v as d,n as S,f as b,g as s,o as g,q as v,F as $,x as I,B as V,C as P,t as _,r as A,I as D}from"./iframe-Ck0HMRNq.js";import{u as L}from"./index-BCpBk1be.js";import{k as T}from"./floating-vue-HGG7DBOn.js";import{l as q}from"./lodash-CdDiHlzQ.js";import{_ as W}from"./PzIcon-Ca7FxSKr.js";import{P as R}from"./PzLabel-D6J3QfP3.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";const M=6,Z=["id"],G=["id","disabled","aria-controls","aria-expanded","aria-label"],H={class:"pz-select-trigger-text"},J=["id","aria-labelledby"],K=["id","aria-selected","disabled","onClick"],o=O({name:"PzSelect",__name:"PzSelect",props:{name:{},options:{},modelValue:{type:[String,Number,Boolean],default:void 0},label:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},variant:{default:"field"},width:{default:void 0}},emits:["update:modelValue"],setup(l,{emit:x}){const a=l,N=x,y=A(null),{width:k}=L(y),i=s(()=>a.options.find(e=>q.isEqual(e.value,a.modelValue))),u=s(()=>a.variant==="field"),B=s(()=>{var e;return((e=i.value)==null?void 0:e.label)??a.placeholder}),C=s(()=>{var e;return a.label||((e=i.value)==null?void 0:e.label)||a.placeholder||a.name}),E=s(()=>{const e=Math.round(k.value);return!e||!u.value?{}:{inlineSize:`${String(e)}px`}}),c=e=>q.isEqual(e,a.modelValue),h=(e,r)=>e.id??`${a.name}-trigger-option-${String(r+1)}`,w=e=>({option:e,selected:c(e.value),disabled:!!e.disabled}),F=(e,r)=>{N("update:modelValue",e),r()};return(e,r)=>(g(),m("div",{id:l.name,class:b(["pz-select",{"is-field":u.value,"is-inline":!u.value}]),style:S({width:l.width})},[f(d(R),{label:a.label,for:l.name+"-trigger",required:a.required,disabled:a.disabled},{default:p(()=>[f(d(T),{class:"pz-select-dropdown",theme:"dropdown",placement:"bottom-start",container:"#"+l.name,distance:d(M),disabled:a.disabled},{default:p(({shown:n})=>[v("button",{id:l.name+"-trigger",ref_key:"triggerRef",ref:y,type:"button",class:b(["pz-select-trigger",{"is-open":n,"is-placeholder":!i.value}]),disabled:a.disabled,"aria-controls":l.name+"-menu","aria-expanded":n?"true":"false","aria-haspopup":"listbox","aria-label":a.label?void 0:C.value},[v("span",H,[V(e.$slots,"selected",{option:i.value,placeholder:a.placeholder},()=>[P(_(B.value),1)],!0)]),f(d(W),{name:"expand_more",size:"20",class:"pz-select-trigger-icon"})],10,G)]),popper:p(({hide:n})=>[v("div",{id:l.name+"-menu",class:"pz-select-menu",style:S(E.value),role:"listbox","aria-labelledby":l.name+"-trigger"},[(g(!0),m($,null,I(a.options,(t,z)=>(g(),m("button",{id:h(t,z),key:h(t,z),type:"button",role:"option",class:b(["pz-select-option",{"is-active":c(t.value),"is-disabled":t.disabled}]),"aria-selected":c(t.value)?"true":"false",disabled:t.disabled,onClick:Q=>F(t.value,n)},[V(e.$slots,"default",D({ref_for:!0},w(t)),()=>[P(_(t.label),1)],!0)],10,K))),128))],12,J)]),_:3},8,["container","distance","disabled"])]),_:3},8,["label","for","required","disabled"])],14,Z))}}),se=j(o,[["__scopeId","data-v-c794c950"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSelect",exportName:"default",displayName:"PzSelect",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormSelectOption"}]}},{name:"modelValue",required:!1,type:{name:"PzFormSelectValue"},defaultValue:{func:!1,value:"undefined"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzSelectVariant"},defaultValue:{func:!1,value:'"field"'}},{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"selected",scoped:!0,bindings:[{name:"option",title:"binding"},{name:"placeholder",title:"binding"}]},{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzSelect/PzSelect.vue"]});export{se as P};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pz-select-story{display:grid;gap:var(--pz-space-24)}.pz-select-story-board,.pz-select-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-select-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-select-story-eyebrow,.pz-select-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-select-story-preview{display:grid;gap:var(--pz-space-20);min-height:220px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-select-story-stack{display:grid;gap:var(--pz-space-20);max-width:720px}.pz-select-story-inline-row{display:flex;align-items:center;gap:var(--pz-space-8);flex-wrap:wrap}.pz-select-story-value{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-select-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-select-story-note{color:var(--pz-color-text-secondary);overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-select-story-inline-card{align-content:start;min-height:220px}.pz-select-story-field-card{min-height:220px}.pz-select-story-disabled-card{background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-white) 98%,transparent))}@media (width <= 768px){.pz-select-story-grid{grid-template-columns:1fr}.pz-select-story-header{flex-direction:column}.pz-select-story-preview{min-height:auto}}
|
|
1
|
+
.pz-select-story{display:grid;gap:var(--pz-space-24)}.pz-select-story-board,.pz-select-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 7%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-select-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-select-story-eyebrow,.pz-select-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-select-story-preview{display:grid;gap:var(--pz-space-20);min-height:220px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-select-story-stack{display:grid;gap:var(--pz-space-20);max-width:720px}.pz-select-story-inline-row{display:flex;align-items:center;gap:var(--pz-space-8);flex-wrap:wrap}.pz-select-story-value{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-select-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-select-story-card{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-select-story-note{color:var(--pz-color-text-secondary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-select-story-inline-card{align-content:start;min-height:220px}.pz-select-story-field-card{min-height:220px}.pz-select-story-disabled-card{background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-white) 98%,transparent))}@media (width <= 768px){.pz-select-story-grid{grid-template-columns:1fr}.pz-select-story-header{flex-direction:column}.pz-select-story-preview{min-height:auto}}
|