@swisspost/design-system-components 10.1.0 → 10.3.0
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/cjs/{create-validator-decorator-86dxH9IC.js → create-validator-decorator-BchTP-YG.js} +1 -1
- package/dist/cjs/{index-B_88IIiS.js → index-BDBlw92l.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{one-of-D2-HNvlh.js → one-of-IgKJFMA_.js} +1 -1
- package/dist/cjs/{package-MGiZpKVI.js → package-uiAqYqcY.js} +1 -1
- package/dist/cjs/{pattern-74wTAOem.js → pattern-BCnL1qK3.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +5 -5
- package/dist/cjs/post-autocomplete.cjs.entry.js +15 -6
- package/dist/cjs/post-avatar.cjs.entry.js +6 -6
- package/dist/cjs/post-back-to-top.cjs.entry.js +5 -5
- package/dist/cjs/post-banner.cjs.entry.js +4 -4
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +8 -8
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +6 -6
- package/dist/cjs/post-closebutton_14.cjs.entry.js +36 -27
- package/dist/cjs/post-collapsible_2.cjs.entry.js +4 -4
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/post-date-picker.cjs.entry.js +5 -5
- package/dist/cjs/post-footer.cjs.entry.js +35 -17
- package/dist/cjs/post-linkarea.cjs.entry.js +2 -2
- package/dist/cjs/post-listbox-option.cjs.entry.js +4 -4
- package/dist/cjs/post-listbox.cjs.entry.js +4 -4
- package/dist/cjs/post-number-input.cjs.entry.js +4 -4
- package/dist/cjs/post-pagination.cjs.entry.js +80 -30
- package/dist/cjs/post-popover-trigger.cjs.entry.js +5 -5
- package/dist/cjs/post-popover.cjs.entry.js +8 -8
- package/dist/cjs/post-progressbar.cjs.entry.js +4 -4
- package/dist/cjs/post-rating.cjs.entry.js +6 -6
- package/dist/cjs/post-side-navigation-trigger.cjs.entry.js +6 -6
- package/dist/cjs/post-side-navigation.cjs.entry.js +7 -7
- package/dist/cjs/post-stepper-item.cjs.entry.js +4 -4
- package/dist/cjs/post-stepper.cjs.entry.js +7 -7
- package/dist/cjs/post-tab-item.cjs.entry.js +6 -6
- package/dist/cjs/post-tab-panel.cjs.entry.js +6 -6
- package/dist/cjs/post-tabs.cjs.entry.js +8 -8
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +6 -6
- package/dist/cjs/post-tooltip.cjs.entry.js +5 -5
- package/dist/cjs/{required-BfGxoBch.js → required-BXiinq5t.js} +1 -1
- package/dist/cjs/{type-DPQ_KdZx.js → type-l3fnHs_E.js} +1 -1
- package/dist/cjs/{url-BokbLhZt.js → url-Dmn5zP5b.js} +1 -1
- package/dist/collection/components/post-autocomplete/post-autocomplete.js +10 -1
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.css +1 -1
- package/dist/collection/components/post-footer/post-footer.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +32 -14
- package/dist/collection/components/post-header/post-header.js +12 -3
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.js +2 -2
- package/dist/collection/components/post-listbox/post-listbox.css +1 -1
- package/dist/collection/components/post-listbox/post-listbox.js +1 -1
- package/dist/collection/components/post-listbox-option/post-listbox-option.js +2 -2
- package/dist/collection/components/post-logo/post-logo.js +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +7 -7
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
- package/dist/collection/components/post-menu/post-menu.js +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
- package/dist/collection/components/post-number-input/post-number-input.js +2 -2
- package/dist/collection/components/post-pagination/post-pagination.js +75 -25
- package/dist/collection/components/post-popover/post-popover.js +2 -2
- package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +2 -2
- package/dist/collection/components/post-progressbar/post-progressbar.js +1 -1
- package/dist/collection/components/post-rating/post-rating.js +1 -1
- package/dist/collection/components/post-side-navigation/post-side-navigation.js +1 -1
- package/dist/collection/components/post-side-navigation-trigger/post-side-navigation-trigger.js +2 -2
- package/dist/collection/components/post-stepper/post-stepper.js +1 -1
- package/dist/collection/components/post-stepper-item/post-stepper-item.css +1 -1
- package/dist/collection/components/post-stepper-item/post-stepper-item.js +1 -1
- package/dist/collection/components/post-tab-item/post-tab-item.js +2 -2
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
- package/dist/collection/components/post-tabs/post-tabs.css +1 -1
- package/dist/collection/components/post-tabs/post-tabs.js +2 -2
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +1 -1
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +1 -1
- package/dist/components/package.js +1 -1
- package/dist/components/post-autocomplete.js +1 -1
- package/dist/components/post-breadcrumb-item.js +1 -1
- package/dist/components/post-footer.js +1 -1
- package/dist/components/post-header.js +1 -1
- package/dist/components/post-language-menu-item.js +1 -1
- package/dist/components/post-listbox-option.js +1 -1
- package/dist/components/post-listbox.js +1 -1
- package/dist/components/post-logo.js +1 -1
- package/dist/components/post-mainnavigation.js +1 -1
- package/dist/components/post-megadropdown-trigger.js +1 -1
- package/dist/components/post-megadropdown.js +1 -1
- package/dist/components/post-menu-trigger2.js +1 -1
- package/dist/components/post-menu2.js +1 -1
- package/dist/components/post-number-input.js +1 -1
- package/dist/components/post-pagination.js +1 -1
- package/dist/components/post-popover-trigger.js +1 -1
- package/dist/components/post-popover.js +1 -1
- package/dist/components/post-popovercontainer2.js +1 -1
- package/dist/components/post-progressbar.js +1 -1
- package/dist/components/post-rating.js +1 -1
- package/dist/components/post-side-navigation-trigger.js +1 -1
- package/dist/components/post-side-navigation.js +1 -1
- package/dist/components/post-stepper-item.js +1 -1
- package/dist/components/post-stepper.js +1 -1
- package/dist/components/post-tab-item.js +1 -1
- package/dist/components/post-tab-panel.js +1 -1
- package/dist/components/post-tabs.js +1 -1
- package/dist/components/post-togglebutton2.js +1 -1
- package/dist/components/post-tooltip-trigger.js +1 -1
- package/dist/components/post-tooltip.js +1 -1
- package/dist/components/react/index.js +1 -1
- package/dist/components/react/{p-so3hr8A9.js → p-B-mnuUce.js} +1 -1
- package/dist/components/react/{p-BHWrp-Gm.js → p-B4APzGUz.js} +1 -1
- package/dist/components/react/{p-T15Cu71x.js → p-BUtt9Sij.js} +1 -1
- package/dist/components/react/{p-Y40GC4D4.js → p-BYoBZKC_.js} +1 -1
- package/dist/components/react/{p-Ce54Fm7b.js → p-Bj1LK-jg.js} +1 -1
- package/dist/components/react/p-C4D-C0Qi.js +1 -0
- package/dist/components/react/{p-BIPy5bUN.js → p-CRQE_mDo.js} +1 -1
- package/dist/components/react/{p-BaIVE0ki.js → p-CWFoQ-cx.js} +1 -1
- package/dist/components/react/p-D9jUbrFT.js +1 -0
- package/dist/components/react/{p-CC_Rb5Kj.js → p-DRQB0V8-.js} +1 -1
- package/dist/components/react/{p-CHYjGt8k.js → p-DmN8JwRm.js} +1 -1
- package/dist/components/react/{p-DPoCmx6A.js → p-Dr0r5iBG.js} +1 -1
- package/dist/components/react/post-accordion-item.js +1 -1
- package/dist/components/react/post-accordion.js +1 -1
- package/dist/components/react/post-autocomplete.js +1 -1
- package/dist/components/react/post-avatar.js +1 -1
- package/dist/components/react/post-back-to-top.js +1 -1
- package/dist/components/react/post-banner.js +1 -1
- package/dist/components/react/post-breadcrumb-item.js +1 -1
- package/dist/components/react/post-breadcrumbs.js +1 -1
- package/dist/components/react/post-closebutton.js +1 -1
- package/dist/components/react/post-collapsible-trigger.js +1 -1
- package/dist/components/react/post-collapsible.js +1 -1
- package/dist/components/react/post-date-picker.js +1 -1
- package/dist/components/react/post-footer.js +1 -1
- package/dist/components/react/post-header.js +1 -1
- package/dist/components/react/post-icon.js +1 -1
- package/dist/components/react/post-language-menu-item.js +1 -1
- package/dist/components/react/post-language-menu.js +1 -1
- package/dist/components/react/post-linkarea.js +1 -1
- package/dist/components/react/post-listbox-option.js +1 -1
- package/dist/components/react/post-listbox.js +1 -1
- package/dist/components/react/post-logo.js +1 -1
- package/dist/components/react/post-mainnavigation.js +1 -1
- package/dist/components/react/post-megadropdown-trigger.js +1 -1
- package/dist/components/react/post-megadropdown.js +1 -1
- package/dist/components/react/post-menu-item.js +1 -1
- package/dist/components/react/post-menu-trigger.js +1 -1
- package/dist/components/react/post-menu.js +1 -1
- package/dist/components/react/post-number-input.js +1 -1
- package/dist/components/react/post-pagination.js +1 -1
- package/dist/components/react/post-popover-trigger.js +1 -1
- package/dist/components/react/post-popover.js +1 -1
- package/dist/components/react/post-popovercontainer.js +1 -1
- package/dist/components/react/post-progressbar.js +1 -1
- package/dist/components/react/post-rating.js +1 -1
- package/dist/components/react/post-side-navigation-trigger.js +1 -1
- package/dist/components/react/post-side-navigation.js +1 -1
- package/dist/components/react/post-stepper-item.js +1 -1
- package/dist/components/react/post-stepper.js +1 -1
- package/dist/components/react/post-tab-item.js +1 -1
- package/dist/components/react/post-tab-panel.js +1 -1
- package/dist/components/react/post-tabs.js +1 -1
- package/dist/components/react/post-togglebutton.js +1 -1
- package/dist/components/react/post-tooltip-trigger.js +1 -1
- package/dist/components/react/post-tooltip.js +1 -1
- package/dist/docs.json +7 -7
- package/dist/esm/{create-validator-decorator-BURbkkYl.js → create-validator-decorator-BzX_jW0Z.js} +1 -1
- package/dist/esm/{index-CsEmPq6P.js → index-BAtz9iuv.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{one-of-C-rie7lV.js → one-of-D5QwMlvb.js} +1 -1
- package/dist/esm/{package-jK9tFtoG.js → package-D9jUbrFT.js} +1 -1
- package/dist/esm/{pattern-D_JfUaW0.js → pattern-CrL4IkfA.js} +1 -1
- package/dist/esm/post-accordion_2.entry.js +5 -5
- package/dist/esm/post-autocomplete.entry.js +15 -6
- package/dist/esm/post-avatar.entry.js +6 -6
- package/dist/esm/post-back-to-top.entry.js +5 -5
- package/dist/esm/post-banner.entry.js +4 -4
- package/dist/esm/post-breadcrumb-item.entry.js +8 -8
- package/dist/esm/post-breadcrumbs.entry.js +6 -6
- package/dist/esm/post-closebutton_14.entry.js +36 -27
- package/dist/esm/post-collapsible_2.entry.js +4 -4
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/post-date-picker.entry.js +5 -5
- package/dist/esm/post-footer.entry.js +35 -17
- package/dist/esm/post-linkarea.entry.js +2 -2
- package/dist/esm/post-listbox-option.entry.js +4 -4
- package/dist/esm/post-listbox.entry.js +4 -4
- package/dist/esm/post-number-input.entry.js +4 -4
- package/dist/esm/post-pagination.entry.js +80 -30
- package/dist/esm/post-popover-trigger.entry.js +5 -5
- package/dist/esm/post-popover.entry.js +8 -8
- package/dist/esm/post-progressbar.entry.js +4 -4
- package/dist/esm/post-rating.entry.js +6 -6
- package/dist/esm/post-side-navigation-trigger.entry.js +6 -6
- package/dist/esm/post-side-navigation.entry.js +7 -7
- package/dist/esm/post-stepper-item.entry.js +4 -4
- package/dist/esm/post-stepper.entry.js +7 -7
- package/dist/esm/post-tab-item.entry.js +6 -6
- package/dist/esm/post-tab-panel.entry.js +6 -6
- package/dist/esm/post-tabs.entry.js +8 -8
- package/dist/esm/post-tooltip-trigger.entry.js +6 -6
- package/dist/esm/post-tooltip.entry.js +5 -5
- package/dist/esm/{required-CE6lKrV1.js → required-BX_AhSO0.js} +1 -1
- package/dist/esm/{type-BXIcop4C.js → type-BYIjiHKr.js} +1 -1
- package/dist/esm/{url-BYWsovGo.js → url-CZMYpchD.js} +1 -1
- package/dist/post-components/p-02585fe8.entry.js +1 -0
- package/dist/post-components/{p-9454c025.entry.js → p-07d50011.entry.js} +1 -1
- package/dist/post-components/p-0b762d2b.entry.js +1 -0
- package/dist/post-components/p-0sQVSOjO.js +1 -0
- package/dist/post-components/{p-32df61b4.entry.js → p-143014ef.entry.js} +1 -1
- package/dist/post-components/{p-aa952f99.entry.js → p-15f0cdf5.entry.js} +1 -1
- package/dist/post-components/{p-65480bb4.entry.js → p-1ff7ddef.entry.js} +1 -1
- package/dist/post-components/{p-5ab73bfa.entry.js → p-32c266ba.entry.js} +1 -1
- package/dist/post-components/{p-16f6729f.entry.js → p-33649303.entry.js} +1 -1
- package/dist/post-components/{p-d12584be.entry.js → p-3ed757a7.entry.js} +1 -1
- package/dist/post-components/{p-dc1b91df.entry.js → p-4df63f7d.entry.js} +1 -1
- package/dist/post-components/{p-7d02d657.entry.js → p-6258e611.entry.js} +1 -1
- package/dist/post-components/{p-6c5cbda6.entry.js → p-675f62bc.entry.js} +1 -1
- package/dist/post-components/{p-01d60c90.entry.js → p-6a146ec8.entry.js} +1 -1
- package/dist/post-components/{p-5070241f.entry.js → p-6ed71ab9.entry.js} +1 -1
- package/dist/post-components/{p-b312510d.entry.js → p-7492d34d.entry.js} +1 -1
- package/dist/post-components/{p-efb45d93.entry.js → p-8ace2b57.entry.js} +1 -1
- package/dist/post-components/p-8f52881d.entry.js +1 -0
- package/dist/post-components/p-950ba0a1.entry.js +1 -0
- package/dist/post-components/p-BAtz9iuv.js +2 -0
- package/dist/post-components/{p-llOQ9Bhx.js → p-BzmELz-M.js} +1 -1
- package/dist/post-components/{p-CzwheJVI.js → p-C0Z-E_YL.js} +1 -1
- package/dist/post-components/{p-B9Ec0mux.js → p-CveORA5D.js} +1 -1
- package/dist/post-components/p-D9jUbrFT.js +1 -0
- package/dist/post-components/p-DsgIP6Dq.js +1 -0
- package/dist/post-components/{p-7085c7e7.entry.js → p-a5ae59ba.entry.js} +1 -1
- package/dist/post-components/{p-c74a900f.entry.js → p-ac7120cb.entry.js} +1 -1
- package/dist/post-components/{p-898d4ef5.entry.js → p-b079f36d.entry.js} +1 -1
- package/dist/post-components/{p-28e89c2c.entry.js → p-b3a9309d.entry.js} +1 -1
- package/dist/post-components/{p-eae56000.entry.js → p-c72c3bff.entry.js} +1 -1
- package/dist/post-components/{p-3c1f1c7d.entry.js → p-d99f4d9d.entry.js} +1 -1
- package/dist/post-components/{p-4c8212e9.entry.js → p-da7178e5.entry.js} +1 -1
- package/dist/post-components/{p-f5d0ada2.entry.js → p-dd4a07ca.entry.js} +1 -1
- package/dist/post-components/p-ed64b31f.entry.js +1 -0
- package/dist/post-components/p-f1598c80.entry.js +1 -0
- package/dist/post-components/p-fOjbWhb_.js +1 -0
- package/dist/post-components/{p-c01c4158.entry.js → p-fed3e568.entry.js} +1 -1
- package/dist/post-components/post-components.css +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-autocomplete/post-autocomplete.d.ts +1 -0
- package/dist/types/components/post-footer/post-footer.d.ts +5 -4
- package/dist/types/components/post-header/post-header.d.ts +1 -0
- package/dist/types/components/post-language-menu-item/post-language-menu-item.d.ts +1 -1
- package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +1 -1
- package/dist/types/components/post-pagination/post-pagination.d.ts +14 -2
- package/dist/types/components/post-side-navigation-trigger/post-side-navigation-trigger.d.ts +3 -0
- package/dist/types/components.d.ts +8 -2
- package/hydrate/index.js +172 -86
- package/hydrate/index.mjs +172 -86
- package/package.json +6 -6
- package/dist/components/react/p-DUKHlJSz.js +0 -1
- package/dist/components/react/p-jK9tFtoG.js +0 -1
- package/dist/post-components/p-2e35b425.entry.js +0 -1
- package/dist/post-components/p-59858cd1.entry.js +0 -1
- package/dist/post-components/p-698a0e26.entry.js +0 -1
- package/dist/post-components/p-98a346f3.entry.js +0 -1
- package/dist/post-components/p-Bgt5RZOY.js +0 -1
- package/dist/post-components/p-BtHmKxxb.js +0 -1
- package/dist/post-components/p-CsEmPq6P.js +0 -2
- package/dist/post-components/p-DZQPpPV5.js +0 -1
- package/dist/post-components/p-a8b5c08a.entry.js +0 -1
- package/dist/post-components/p-fd95b5a2.entry.js +0 -1
- package/dist/post-components/p-jK9tFtoG.js +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
5
|
var debounce = require('./debounce-BsIBi_-2.js');
|
|
6
6
|
var nanoid = require('./nanoid-CmjyF1Cm.js');
|
|
7
|
-
var _package = require('./package-
|
|
8
|
-
var type = require('./type-
|
|
9
|
-
var required = require('./required-
|
|
10
|
-
require('./create-validator-decorator-
|
|
7
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
8
|
+
var type = require('./type-l3fnHs_E.js');
|
|
9
|
+
var required = require('./required-BXiinq5t.js');
|
|
10
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
11
11
|
|
|
12
12
|
const postPaginationCss = () => `.btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:0;min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){border-radius:var(--post-device-border-radius-focus)}@supports not selector(:has(:focus-visible)){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){border-radius:var(--post-device-border-radius-focus)}}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden;box-sizing:border-box}.pagination-list{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:flex;align-items:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;appearance:none;outline:none;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{flex-shrink:0;flex-grow:0}.pagination-ellipsis-content{user-select:none}.hidden-items{position:absolute;display:flex;gap:var(--post-device-spacing-gap-inline-4);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.hidden-items .pagination-control-button:not(.hidden-page-button):first-child{margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.hidden-items .pagination-control-button:not(.hidden-page-button):last-child{margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
13
13
|
|
|
@@ -191,7 +191,7 @@ const PostPagination = class {
|
|
|
191
191
|
updatePagesWithValidation() {
|
|
192
192
|
const totalPages = this.getTotalPages();
|
|
193
193
|
this.page = this.clampPageToValidRange(totalPages);
|
|
194
|
-
this.
|
|
194
|
+
this.generateItems(totalPages);
|
|
195
195
|
}
|
|
196
196
|
/**
|
|
197
197
|
* Calculates the total number of pages.
|
|
@@ -409,21 +409,37 @@ const PostPagination = class {
|
|
|
409
409
|
/**
|
|
410
410
|
* Generates the page numbers array with ellipsis based on available space.
|
|
411
411
|
*/
|
|
412
|
-
generatePages(totalPages) {
|
|
413
|
-
const maxVisible = this.maxVisiblePages;
|
|
414
|
-
const currentPage = this.page;
|
|
412
|
+
generatePages(totalPages, maxVisible, currentPage) {
|
|
415
413
|
if (totalPages <= maxVisible) {
|
|
416
|
-
|
|
417
|
-
return;
|
|
414
|
+
return this.buildAllPages(totalPages);
|
|
418
415
|
}
|
|
419
416
|
// Use simplified logic for small slot counts
|
|
420
417
|
if (maxVisible <= 4) {
|
|
421
|
-
|
|
422
|
-
return;
|
|
418
|
+
return this.generateSmallPagination(currentPage, totalPages);
|
|
423
419
|
}
|
|
424
420
|
// Use full algorithm for larger slot counts
|
|
425
421
|
const { startPage, endPage } = this.calculatePageRange(currentPage, totalPages, maxVisible);
|
|
426
|
-
|
|
422
|
+
return this.buildPaginationItems(startPage, endPage, totalPages);
|
|
423
|
+
}
|
|
424
|
+
/**
|
|
425
|
+
* Generates the full list of pagination items including controls and pages.
|
|
426
|
+
*/
|
|
427
|
+
generateItems(totalPages) {
|
|
428
|
+
const maxVisible = this.maxVisiblePages;
|
|
429
|
+
const currentPage = this.page;
|
|
430
|
+
this.items = [
|
|
431
|
+
{
|
|
432
|
+
type: 'control',
|
|
433
|
+
action: 'previous',
|
|
434
|
+
disabled: currentPage <= 1,
|
|
435
|
+
},
|
|
436
|
+
...this.generatePages(totalPages, maxVisible, currentPage),
|
|
437
|
+
{
|
|
438
|
+
type: 'control',
|
|
439
|
+
action: 'next',
|
|
440
|
+
disabled: currentPage >= totalPages,
|
|
441
|
+
},
|
|
442
|
+
];
|
|
427
443
|
}
|
|
428
444
|
/**
|
|
429
445
|
* Emit page change event and update page
|
|
@@ -480,11 +496,34 @@ const PostPagination = class {
|
|
|
480
496
|
}
|
|
481
497
|
return `${this.textPage} ${pageNumber}`;
|
|
482
498
|
}
|
|
499
|
+
/**
|
|
500
|
+
* Builds the attributes for a control button based on the action type.
|
|
501
|
+
*/
|
|
502
|
+
buildControlAttributes(action) {
|
|
503
|
+
switch (action) {
|
|
504
|
+
case 'previous':
|
|
505
|
+
return {
|
|
506
|
+
key: 'prev',
|
|
507
|
+
icon: 'chevronleftwide',
|
|
508
|
+
label: this.textPrevious,
|
|
509
|
+
className: 'prev-button',
|
|
510
|
+
onClick: () => this.handlePrevious(),
|
|
511
|
+
};
|
|
512
|
+
case 'next':
|
|
513
|
+
return {
|
|
514
|
+
key: 'next',
|
|
515
|
+
icon: 'chevronrightwide',
|
|
516
|
+
label: this.textNext,
|
|
517
|
+
className: 'next-button',
|
|
518
|
+
onClick: () => this.handleNext(),
|
|
519
|
+
};
|
|
520
|
+
}
|
|
521
|
+
}
|
|
483
522
|
/**
|
|
484
523
|
* Renders an ellipsis item.
|
|
485
524
|
*/
|
|
486
|
-
renderEllipsis(
|
|
487
|
-
return (index.h("li", { class: "pagination-item pagination-ellipsis", key:
|
|
525
|
+
renderEllipsis(index$1) {
|
|
526
|
+
return (index.h("li", { class: "pagination-item pagination-ellipsis", key: `ellipsis-${index$1}`, "aria-hidden": "true" }, index.h("span", { class: "pagination-ellipsis-content" }, ELLIPSIS)));
|
|
488
527
|
}
|
|
489
528
|
/**
|
|
490
529
|
* Renders a page button.
|
|
@@ -496,29 +535,44 @@ const PostPagination = class {
|
|
|
496
535
|
'pagination-link-active': isCurrent,
|
|
497
536
|
}, "aria-label": this.buildPageLabel(pageNumber), "aria-current": isCurrent ? 'page' : undefined, onClick: () => this.handlePageClick(pageNumber), onKeyDown: e => this.handleKeyDown(e, () => this.handlePageClick(pageNumber)), tabIndex: 0 }, index.h("span", { "aria-hidden": "true" }, pageNumber))));
|
|
498
537
|
}
|
|
538
|
+
/**
|
|
539
|
+
* Renders a control button.
|
|
540
|
+
*/
|
|
541
|
+
renderControlButton(action, disabled) {
|
|
542
|
+
const attributes = this.buildControlAttributes(action);
|
|
543
|
+
return (index.h("li", { class: "pagination-item pagination-control", key: attributes.key }, index.h("button", { type: "button", class: `pagination-control-button btn btn-icon btn-secondary ${attributes.className}`, "aria-label": attributes.label, onClick: attributes.onClick, onKeyDown: e => this.handleKeyDown(e, attributes.onClick), tabIndex: disabled ? -1 : 0, disabled: disabled }, index.h("post-icon", { name: attributes.icon, "aria-hidden": "true" }), index.h("span", { class: "visually-hidden" }, attributes.label))));
|
|
544
|
+
}
|
|
499
545
|
/**
|
|
500
546
|
* Renders a pagination item.
|
|
501
547
|
*/
|
|
502
548
|
renderItem(item, index) {
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
549
|
+
switch (item.type) {
|
|
550
|
+
case 'page':
|
|
551
|
+
return this.renderPageButton(item.page);
|
|
552
|
+
case 'control':
|
|
553
|
+
return this.renderControlButton(item.action, item.disabled);
|
|
554
|
+
case 'ellipsis':
|
|
555
|
+
return this.renderEllipsis(index);
|
|
556
|
+
}
|
|
506
557
|
}
|
|
507
558
|
/**
|
|
508
|
-
* Renders control button
|
|
559
|
+
* Renders a minimal control button for measurement.
|
|
509
560
|
*/
|
|
510
|
-
|
|
511
|
-
|
|
561
|
+
renderHiddenControlButton(action) {
|
|
562
|
+
const attributes = this.buildControlAttributes(action);
|
|
563
|
+
return (index.h("button", { key: `hidden-${attributes.key}`, class: "pagination-link pagination-control-button hidden-control-button", disabled: true }, index.h("post-icon", { name: attributes.icon, "aria-hidden": "true" })));
|
|
512
564
|
}
|
|
513
565
|
/**
|
|
514
566
|
* Renders minimal hidden items for measurement
|
|
515
567
|
*/
|
|
516
|
-
renderHiddenItems(totalPages
|
|
568
|
+
renderHiddenItems(totalPages) {
|
|
569
|
+
const first = this.items.at(0);
|
|
570
|
+
const last = this.items.at(-1);
|
|
517
571
|
return [
|
|
518
|
-
|
|
572
|
+
first?.type === 'control' && this.renderHiddenControlButton(first.action),
|
|
519
573
|
index.h("button", { key: "hidden-page", class: "pagination-link pagination-control-button hidden-page-button", "aria-label": this.buildPageLabel(totalPages), disabled: true }, index.h("span", { "aria-hidden": "true" }, totalPages)),
|
|
520
574
|
index.h("span", { key: "hidden-ellipsis", class: "pagination-ellipsis-content hidden-ellipsis", "aria-hidden": "true" }, ELLIPSIS),
|
|
521
|
-
|
|
575
|
+
last?.type === 'control' && this.renderHiddenControlButton(last.action),
|
|
522
576
|
];
|
|
523
577
|
}
|
|
524
578
|
render() {
|
|
@@ -526,11 +580,7 @@ const PostPagination = class {
|
|
|
526
580
|
if (totalPages <= 1) {
|
|
527
581
|
return null;
|
|
528
582
|
}
|
|
529
|
-
|
|
530
|
-
const isNextHidden = this.page >= totalPages;
|
|
531
|
-
return (index.h(index.Host, { slot: "post-pagination", "data-version": _package.version }, index.h("nav", { class: "pagination", "aria-label": this.label, id: this.paginationId, ref: el => (this.navRef = el) }, index.h("ul", { class: "pagination-list", role: "list" }, !isPrevHidden &&
|
|
532
|
-
this.renderControlButton('chevronleftwide', true, this.textPrevious, () => this.handlePrevious()), this.items.map((item, index) => this.renderItem(item, index)), !isNextHidden &&
|
|
533
|
-
this.renderControlButton('chevronrightwide', false, this.textNext, () => this.handleNext())), index.h("div", { class: "hidden-items", "aria-hidden": "true", ref: el => (this.hiddenItemsRef = el) }, this.renderHiddenItems(totalPages, isPrevHidden, isNextHidden)))));
|
|
583
|
+
return (index.h(index.Host, { slot: "post-pagination", "data-version": _package.version }, index.h("nav", { class: "pagination", "aria-label": this.label, id: this.paginationId, ref: el => (this.navRef = el) }, index.h("ul", { class: "pagination-list", role: "list" }, this.items.map((item, index) => this.renderItem(item, index))), index.h("div", { class: "hidden-items", "aria-hidden": "true", ref: el => (this.hiddenItemsRef = el) }, this.renderHiddenItems(totalPages)))));
|
|
534
584
|
}
|
|
535
585
|
get host() { return index.getElement(this); }
|
|
536
586
|
static get watchers() { return {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
|
-
var _package = require('./package-
|
|
5
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
6
6
|
var focusable = require('./focusable-COT2uiEV.js');
|
|
7
|
-
var type = require('./type-
|
|
7
|
+
var type = require('./type-l3fnHs_E.js');
|
|
8
8
|
require('./_commonjsHelpers-BJu3ubxk.js');
|
|
9
|
-
require('./create-validator-decorator-
|
|
9
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
10
10
|
|
|
11
11
|
const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
|
|
12
12
|
|
|
@@ -116,7 +116,7 @@ const PostPopoverTrigger = class {
|
|
|
116
116
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
117
117
|
}
|
|
118
118
|
render() {
|
|
119
|
-
return (index.h(index.Host, { key: '
|
|
119
|
+
return (index.h(index.Host, { key: '009495ba354321f2b0162c4a0c4fcb1e165074e7', "data-version": _package.version }, index.h("slot", { key: 'f0e5ef7851b4bc9916382b0910d9500db52668d4', onSlotchange: () => this.setupTrigger() })));
|
|
120
120
|
}
|
|
121
121
|
get host() { return index.getElement(this); }
|
|
122
122
|
static get watchers() { return {
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
var placement = require('./placement-qEFR9hmI.js');
|
|
5
5
|
require('./breakpoints-B0Olgvgc.js');
|
|
6
6
|
var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
|
|
7
|
-
var _package = require('./package-
|
|
8
|
-
var oneOf = require('./one-of-
|
|
9
|
-
var required = require('./required-
|
|
10
|
-
var type = require('./type-
|
|
7
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
8
|
+
var oneOf = require('./one-of-IgKJFMA_.js');
|
|
9
|
+
var required = require('./required-BXiinq5t.js');
|
|
10
|
+
var type = require('./type-l3fnHs_E.js');
|
|
11
11
|
require('./get-root-B1FnQ50K.js');
|
|
12
|
-
require('./create-validator-decorator-
|
|
12
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
13
13
|
|
|
14
14
|
const postPopoverCss = () => `*{box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;flex-grow:1}`;
|
|
15
15
|
|
|
@@ -92,10 +92,10 @@ const PostPopover = class {
|
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
|
-
return (index.h(index.Host, { key: '
|
|
95
|
+
return (index.h(index.Host, { key: 'f4f8be88b1cd844bcc3517dec2d0468de703ed8f', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'da00d26e57d94519fc779953101596d20562c9f5', arrow: this.arrow, placement: this.placement, edgeGap: this.edgeGap, ref: e => {
|
|
96
96
|
if (e)
|
|
97
97
|
this.popoverRef = e;
|
|
98
|
-
} }, index.h("div", { key: '
|
|
98
|
+
} }, index.h("div", { key: 'addb4760c6c815a874798bde52387141ca261d20', class: "popover-container" }, index.h("div", { key: '18ce8f7a597a0c7b5d3f07cef8333f78b5c30f4c', class: "popover-content" }, index.h("slot", { key: '05980996b118f6a16ac49fc0efa52b87d44b5f43' })), index.h("post-closebutton", { key: '161dff07e96811be00f08de379df7882319e07cb', onClick: () => this.hide() }, this.textClose)))));
|
|
99
99
|
}
|
|
100
100
|
get host() { return index.getElement(this); }
|
|
101
101
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
|
-
var createValidatorDecorator = require('./create-validator-decorator-
|
|
6
|
-
var type = require('./type-
|
|
5
|
+
var createValidatorDecorator = require('./create-validator-decorator-BchTP-YG.js');
|
|
6
|
+
var type = require('./type-l3fnHs_E.js');
|
|
7
7
|
|
|
8
8
|
function resolveBound(component, bound) {
|
|
9
9
|
const resolvedValue = typeof bound === 'string' ? component[bound] : bound;
|
|
@@ -126,7 +126,7 @@ const PostProgressbar = class {
|
|
|
126
126
|
const max = this.getEffectiveMax();
|
|
127
127
|
const value = this.getEffectiveValue(min, max);
|
|
128
128
|
const percentage = ((value - min) / (max - min)) * 100;
|
|
129
|
-
return (index.h(index.Host, { key: '
|
|
129
|
+
return (index.h(index.Host, { key: '26bdbb5219393e8b44e2fe5395d8a4cd8aa7e18a', role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max }, index.h("div", { key: '65b81479fac7aa6024556ef6589064f997f4394e', class: "progress-value", style: { '--post-progressbar-value': `${percentage}%` } })));
|
|
130
130
|
}
|
|
131
131
|
get host() { return index.getElement(this); }
|
|
132
132
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
|
-
var _package = require('./package-
|
|
6
|
-
var required = require('./required-
|
|
7
|
-
var type = require('./type-
|
|
8
|
-
require('./create-validator-decorator-
|
|
5
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
6
|
+
var required = require('./required-BXiinq5t.js');
|
|
7
|
+
var type = require('./type-l3fnHs_E.js');
|
|
8
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
9
9
|
|
|
10
10
|
const postRatingCss = () => `:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}`;
|
|
11
11
|
|
|
@@ -94,7 +94,7 @@ const PostRating = class {
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
render() {
|
|
97
|
-
return (index.h(index.Host, { key: '
|
|
97
|
+
return (index.h(index.Host, { key: 'c793abbf5e0d01bb19dc4464ebd75249959a1717', "data-version": _package.version }, index.h("div", { key: '357946df40a3d3a85ece2d0ac6ecc761951d9471', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (index.h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
|
|
98
98
|
'star': true,
|
|
99
99
|
'before-hover': i < this.hoveredIndex,
|
|
100
100
|
'active': i < Math.round(this.currentRating),
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var _package = require('./package-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
5
5
|
require('./breakpoints-B0Olgvgc.js');
|
|
6
6
|
var eventFrom = require('./event-from-CwMw19f8.js');
|
|
7
7
|
var getRoot = require('./get-root-B1FnQ50K.js');
|
|
8
|
-
var required = require('./required-
|
|
9
|
-
var type = require('./type-
|
|
10
|
-
require('./create-validator-decorator-
|
|
8
|
+
var required = require('./required-BXiinq5t.js');
|
|
9
|
+
var type = require('./type-l3fnHs_E.js');
|
|
10
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
11
11
|
|
|
12
12
|
const postSideNavigationTriggerCss = () => `:host{display:inline-block}@media screen and (min-width: 1024px){:host{display:none}}`;
|
|
13
13
|
|
|
@@ -93,7 +93,7 @@ const PostSideNavigationTrigger = class {
|
|
|
93
93
|
await this.sideNavigation?.toggle();
|
|
94
94
|
}
|
|
95
95
|
render() {
|
|
96
|
-
return (index.h(index.Host, { key: '
|
|
96
|
+
return (index.h(index.Host, { key: '2822a6c7246da96de537eff3e3fbf5a2db400547', "data-version": _package.version }, index.h("slot", { key: '0bb02d90c7916a4dbfe6dd7fc0f4325509939a80' })));
|
|
97
97
|
}
|
|
98
98
|
get host() { return index.getElement(this); }
|
|
99
99
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var _package = require('./package-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
5
5
|
var breakpoints = require('./breakpoints-B0Olgvgc.js');
|
|
6
6
|
var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
|
|
7
|
-
var required = require('./required-
|
|
8
|
-
var type = require('./type-
|
|
9
|
-
var oneOf = require('./one-of-
|
|
7
|
+
var required = require('./required-BXiinq5t.js');
|
|
8
|
+
var type = require('./type-l3fnHs_E.js');
|
|
9
|
+
var oneOf = require('./one-of-IgKJFMA_.js');
|
|
10
10
|
require('./get-root-B1FnQ50K.js');
|
|
11
|
-
require('./create-validator-decorator-
|
|
11
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
12
12
|
|
|
13
13
|
const SIDE_NAVIGATION_SIZES = ['large', 'small'];
|
|
14
14
|
|
|
@@ -130,7 +130,7 @@ const PostSideNavigation = class {
|
|
|
130
130
|
} }, index.h("slot", null), index.h("post-closebutton", { onClick: () => this.hide() }, this.textClose)));
|
|
131
131
|
}
|
|
132
132
|
render() {
|
|
133
|
-
return (index.h(index.Host, { key: '
|
|
133
|
+
return (index.h(index.Host, { key: 'b551854e6db686783086a7a9d82a6847bf2a04b9', "data-version": _package.version }, this.device === 'desktop' ? this.renderNav() : this.renderDialog()));
|
|
134
134
|
}
|
|
135
135
|
get host() { return index.getElement(this); }
|
|
136
136
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var _package = require('./package-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
5
5
|
|
|
6
|
-
const postStepperItemCss = () => `:host{grid-row:1;position:relative;padding-inline-start:0}:host::before,:host::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}:host(:not(:first-of-type)){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::before,:host(.stepper-item-completed)::after{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:fit-content;word-break:break-word;font-size:var(--post-device-font-size-7)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{margin-inline-start:auto;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-selected)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold)}:host(.stepper-item-selected)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular)}:host(.stepper-item-current)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{content:var(--step-number, "?");display:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);box-sizing:border-box;margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2);z-index:1;mask-image:var(--post-icon-checkmark-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3)}:root,:host{--post-icon-checkmark-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrLXNvbGlkIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTcuNDkgMTIuOTktMy42NC0zLjljLS40Ny0uNS0uNDQtMS4zLjA2LTEuNzdzMS4yOS0uNDQgMS43Ny4wNmwxLjQ4IDEuNTggMy4wNS00LjYyYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMTggMTguODgtNS4xNC01LjUxYTEuNSAxLjUgMCAwIDEgLjA3LTIuMTJjLjYtLjU2IDEuNTUtLjUzIDIuMTIuMDdsMi41NCAyLjcyIDQuODQtNy4zM2MuNDYtLjY5IDEuMzktLjg4IDIuMDgtLjQzLjY5LjQ2Ljg4IDEuMzkuNDMgMi4wOGwtNi45NCAxMC41MVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE0Ljg3IDI0LjgxIDguMjMgMTcuN2MtLjY2LS43MS0uNjItMS44MS4wOC0yLjQ3LjcxLS42NiAxLjgxLS42MiAyLjQ3LjA4bDMuNjEgMy44NiA2LjYyLTEwLjA0Yy41My0uODEgMS42Mi0xLjAzIDIuNDItLjUuODEuNTMgMS4wMyAxLjYyLjUgMi40MkwxNC44NiAyNC44WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJtMTguNTYgMzAuNi04LjE0LTguNzFjLS43NS0uODEtLjcxLTIuMDcuMS0yLjgzLjgxLS43NSAyLjA3LS43MSAyLjgzLjFsNC42NyA1IDguNDEtMTIuNzRhMiAyIDAgMCAxIDMuMzQgMi4yeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMjYgMzYuNTctOS42My0xMC4zMmMtLjg1LS45MS0uOC0yLjMzLjExLTMuMThzMi4zMy0uOCAzLjE4LjExbDUuNzQgNi4xNCAxMC4yLTE1LjQ1YTIuMjU0IDIuMjU0IDAgMCAxIDMuMTItLjY0YzEuMDQuNjggMS4zMiAyLjA4LjY0IDMuMTJMMjIuMjcgMzYuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yOS42MSA0Ny45MSAxNy4yIDM0LjYyYTIuNDk3IDIuNDk3IDAgMSAxIDMuNjUtMy40MWw4LjA4IDguNjUgMTMuOTUtMjEuMTNhMi40OTkgMi40OTkgMCAwIDEgNC4xNyAyLjc1TDI5LjYgNDcuOTFaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZWNrbWFyay1zb2xpZCIvPjwvZz48L3N2Zz4=")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size7)/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}:host([aria-current=step])>.stepper-item-content::after{mask-image:var(--post-icon-edit-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:root,:host{--post-icon-edit-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktZWRpdC1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xLjUgMTAuOTkgOC41LTguNXMuMDMuMDUuMDUuMDdsMy41IDMuNDUtOC41MiA4LjUxem0tLjkyIDEuMi0uNTYgMy44IDMuODEtLjU2LTMuMjQtMy4yNFptMTUuMjUtOS4zN0wxMy4xOS4xOGEuNjMuNjMgMCAwIDAtLjg4IDBsLTEuMjcgMS4yN3MuMDQuMDIuMDYuMDRsMy41IDMuNDUgMS4yMy0xLjIzYy4yNC0uMjQuMjQtLjY0IDAtLjg4WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44NCAyMy4xNS4wMiAyNGwuODUtNS44MnptMS40MS0xLjA4TDIwLjQ5IDguODNsLTUuMjUtNS4xN3MtLjA0LS4wNy0uMDctLjFMMS45NSAxNi43OGw1LjMgNS4zWm0xNi41LTE3LjgzTDE5Ljc4LjI3YS45MzYuOTM2IDAgMCAwLTEuMzMgMGwtMi4wOSAyLjA5cy4wNi4wMy4wOS4wNmw1LjI2IDUuMTggMi4wMy0yLjAzYy4zNy0uMzcuMzctLjk2IDAtMS4zM1oiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTguMDcgMzAuNzctOC4wNCAxLjIgMS4yMS04LjA3em0xLjUzLTEuMzEgMTcuODMtMTcuODQtNi45OS02Ljg5cy0uMDYtLjA5LS4wOS0uMTRMMi41NiAyMi4zOGw3LjAzIDcuMDdaTTMxLjY2IDUuNjIgMjYuMzcuMzNjLS40OS0uNDktMS4yOC0uNDktMS43NiAwbC0yLjg5IDIuODlzLjA5LjA0LjEyLjA4bDcuMDEgNi45IDIuODItMi44MmMuNDktLjQ5LjQ5LTEuMjggMC0xLjc2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMi40MSAyOC43OSAyNS41MiA1LjcxYy4wNC4wNi4wNi4xMi4xMS4xN2w4Ljc0IDguNkwxMS4yMyAzNy42em0tMS4wMiAyLjE2TC4wNCA0MC4wMWw5LjA0LTEuMzktNy42OS03LjY4Wk0zOS41OCA3LjA3IDMyLjk3LjQ3Yy0uNjEtLjYxLTEuNi0uNjEtMi4yMSAwbC0zLjcgMy43Yy4wNS4wNC4xMS4wNi4xNS4xbDguNzYgOC42MSAzLjYxLTMuNjFjLjYxLS42MS42MS0xLjYgMC0yLjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTIuODMgMzQuNTggMzEuMyA2LjExYy4wNS4wNy4wOC4xNC4xNC4ybDEwLjQ5IDEwLjMzLTI4LjU1IDI4LjU0em0tMS4xOCAyLjM2TDAgNDhsMTAuOTktMS42NnpNNDcuNDYgOC40NyAzOS41My41NGMtLjczLS43My0xLjkyLS43My0yLjY1IDBsLTMuODcgMy44N2MuMDYuMDQuMTMuMDcuMTkuMTJsMTAuNTEgMTAuMzQgMy43NS0zLjc1Yy43My0uNzMuNzMtMS45MiAwLTIuNjUiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE1LjA4IDYxLjcyIDAgNjMuOThsMi4zLTE1LjA0ek00Mi41MiA3Ljg0Yy0uMDgtLjA4LS4xMy0uMTgtLjE5LS4yOEwzLjU5IDQ2LjM0bDE0LjA5IDE0LjA5LTEuMDcgMS4wN2guMDJMNTYuNSAyMS42em0yMC43NiAzLjQ1TDUyLjcxLjcxYy0uOTctLjk3LTIuNTUtLjk3LTMuNTMgMGwtNC45OSA1Yy4wOS4wNS4xOC4xLjI2LjE3bDEzLjk5IDEzLjc4IDQuODQtNC44NGMuOTctLjk3Ljk3LTIuNTUgMC0zLjUzIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWVkaXQtc29saWQiLz48L2c+PC9zdmc+")}:host([aria-current=step]:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:host([aria-current=step]:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size4)/2)}:host([aria-current=step]:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}@media screen and (max-width: 779.98px){:host{flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.stepper-item-inactive) .stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
6
|
+
const postStepperItemCss = () => `:host{grid-row:1;position:relative;padding-inline-start:0}:host::before,:host::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}:host(:not(:first-of-type)){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::before,:host(.stepper-item-completed)::after{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:fit-content;overflow-wrap:anywhere;hyphens:auto;line-break:strict;font-size:var(--post-device-font-size-7)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{margin-inline-start:auto;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-selected)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold)}:host(.stepper-item-selected)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular)}:host(.stepper-item-current)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{content:var(--step-number, "?");display:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);box-sizing:border-box;margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2);z-index:1;mask-image:var(--post-icon-checkmark-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3)}:root,:host{--post-icon-checkmark-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrLXNvbGlkIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTcuNDkgMTIuOTktMy42NC0zLjljLS40Ny0uNS0uNDQtMS4zLjA2LTEuNzdzMS4yOS0uNDQgMS43Ny4wNmwxLjQ4IDEuNTggMy4wNS00LjYyYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMTggMTguODgtNS4xNC01LjUxYTEuNSAxLjUgMCAwIDEgLjA3LTIuMTJjLjYtLjU2IDEuNTUtLjUzIDIuMTIuMDdsMi41NCAyLjcyIDQuODQtNy4zM2MuNDYtLjY5IDEuMzktLjg4IDIuMDgtLjQzLjY5LjQ2Ljg4IDEuMzkuNDMgMi4wOGwtNi45NCAxMC41MVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE0Ljg3IDI0LjgxIDguMjMgMTcuN2MtLjY2LS43MS0uNjItMS44MS4wOC0yLjQ3LjcxLS42NiAxLjgxLS42MiAyLjQ3LjA4bDMuNjEgMy44NiA2LjYyLTEwLjA0Yy41My0uODEgMS42Mi0xLjAzIDIuNDItLjUuODEuNTMgMS4wMyAxLjYyLjUgMi40MkwxNC44NiAyNC44WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJtMTguNTYgMzAuNi04LjE0LTguNzFjLS43NS0uODEtLjcxLTIuMDcuMS0yLjgzLjgxLS43NSAyLjA3LS43MSAyLjgzLjFsNC42NyA1IDguNDEtMTIuNzRhMiAyIDAgMCAxIDMuMzQgMi4yeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMjYgMzYuNTctOS42My0xMC4zMmMtLjg1LS45MS0uOC0yLjMzLjExLTMuMThzMi4zMy0uOCAzLjE4LjExbDUuNzQgNi4xNCAxMC4yLTE1LjQ1YTIuMjU0IDIuMjU0IDAgMCAxIDMuMTItLjY0YzEuMDQuNjggMS4zMiAyLjA4LjY0IDMuMTJMMjIuMjcgMzYuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yOS42MSA0Ny45MSAxNy4yIDM0LjYyYTIuNDk3IDIuNDk3IDAgMSAxIDMuNjUtMy40MWw4LjA4IDguNjUgMTMuOTUtMjEuMTNhMi40OTkgMi40OTkgMCAwIDEgNC4xNyAyLjc1TDI5LjYgNDcuOTFaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZWNrbWFyay1zb2xpZCIvPjwvZz48L3N2Zz4=")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size7)/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}:host([aria-current=step])>.stepper-item-content::after{mask-image:var(--post-icon-edit-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:root,:host{--post-icon-edit-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktZWRpdC1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xLjUgMTAuOTkgOC41LTguNXMuMDMuMDUuMDUuMDdsMy41IDMuNDUtOC41MiA4LjUxem0tLjkyIDEuMi0uNTYgMy44IDMuODEtLjU2LTMuMjQtMy4yNFptMTUuMjUtOS4zN0wxMy4xOS4xOGEuNjMuNjMgMCAwIDAtLjg4IDBsLTEuMjcgMS4yN3MuMDQuMDIuMDYuMDRsMy41IDMuNDUgMS4yMy0xLjIzYy4yNC0uMjQuMjQtLjY0IDAtLjg4WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44NCAyMy4xNS4wMiAyNGwuODUtNS44MnptMS40MS0xLjA4TDIwLjQ5IDguODNsLTUuMjUtNS4xN3MtLjA0LS4wNy0uMDctLjFMMS45NSAxNi43OGw1LjMgNS4zWm0xNi41LTE3LjgzTDE5Ljc4LjI3YS45MzYuOTM2IDAgMCAwLTEuMzMgMGwtMi4wOSAyLjA5cy4wNi4wMy4wOS4wNmw1LjI2IDUuMTggMi4wMy0yLjAzYy4zNy0uMzcuMzctLjk2IDAtMS4zM1oiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTguMDcgMzAuNzctOC4wNCAxLjIgMS4yMS04LjA3em0xLjUzLTEuMzEgMTcuODMtMTcuODQtNi45OS02Ljg5cy0uMDYtLjA5LS4wOS0uMTRMMi41NiAyMi4zOGw3LjAzIDcuMDdaTTMxLjY2IDUuNjIgMjYuMzcuMzNjLS40OS0uNDktMS4yOC0uNDktMS43NiAwbC0yLjg5IDIuODlzLjA5LjA0LjEyLjA4bDcuMDEgNi45IDIuODItMi44MmMuNDktLjQ5LjQ5LTEuMjggMC0xLjc2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMi40MSAyOC43OSAyNS41MiA1LjcxYy4wNC4wNi4wNi4xMi4xMS4xN2w4Ljc0IDguNkwxMS4yMyAzNy42em0tMS4wMiAyLjE2TC4wNCA0MC4wMWw5LjA0LTEuMzktNy42OS03LjY4Wk0zOS41OCA3LjA3IDMyLjk3LjQ3Yy0uNjEtLjYxLTEuNi0uNjEtMi4yMSAwbC0zLjcgMy43Yy4wNS4wNC4xMS4wNi4xNS4xbDguNzYgOC42MSAzLjYxLTMuNjFjLjYxLS42MS42MS0xLjYgMC0yLjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTIuODMgMzQuNTggMzEuMyA2LjExYy4wNS4wNy4wOC4xNC4xNC4ybDEwLjQ5IDEwLjMzLTI4LjU1IDI4LjU0em0tMS4xOCAyLjM2TDAgNDhsMTAuOTktMS42NnpNNDcuNDYgOC40NyAzOS41My41NGMtLjczLS43My0xLjkyLS43My0yLjY1IDBsLTMuODcgMy44N2MuMDYuMDQuMTMuMDcuMTkuMTJsMTAuNTEgMTAuMzQgMy43NS0zLjc1Yy43My0uNzMuNzMtMS45MiAwLTIuNjUiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE1LjA4IDYxLjcyIDAgNjMuOThsMi4zLTE1LjA0ek00Mi41MiA3Ljg0Yy0uMDgtLjA4LS4xMy0uMTgtLjE5LS4yOEwzLjU5IDQ2LjM0bDE0LjA5IDE0LjA5LTEuMDcgMS4wN2guMDJMNTYuNSAyMS42em0yMC43NiAzLjQ1TDUyLjcxLjcxYy0uOTctLjk3LTIuNTUtLjk3LTMuNTMgMGwtNC45OSA1Yy4wOS4wNS4xOC4xLjI2LjE3bDEzLjk5IDEzLjc4IDQuODQtNC44NGMuOTctLjk3Ljk3LTIuNTUgMC0zLjUzIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWVkaXQtc29saWQiLz48L2c+PC9zdmc+")}:host([aria-current=step]:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:host([aria-current=step]:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size4)/2)}:host([aria-current=step]:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}@media screen and (max-width: 779.98px){:host{flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.stepper-item-inactive) .stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
7
7
|
|
|
8
8
|
const PostStepperItem = class {
|
|
9
9
|
constructor(hostRef) {
|
|
10
10
|
index.registerInstance(this, hostRef);
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (index.h(index.Host, { key: '
|
|
13
|
+
return (index.h(index.Host, { key: '53b052a2b68a93df9fda7f80f23d602d8a8efc56', "data-version": _package.version, role: "listitem" }, index.h("span", { key: 'e06841841e7fad42ff9de3e39dadf5fab96b9952', class: "stepper-item-content" }, index.h("span", { key: 'f934ef19fbdd65111b7cf561dcc9297122d62595', class: "step-hidden-label visually-hidden" }), index.h("span", { key: '213db918f5ab854225974678c50176bb565ac2b1', class: "label" }, index.h("slot", { key: 'd8e067ea304700e37edb996a4c715d41e209b8d8' })))));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
16
|
PostStepperItem.style = postStepperItemCss();
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
|
-
var _package = require('./package-
|
|
6
|
-
var required = require('./required-
|
|
7
|
-
var type = require('./type-
|
|
8
|
-
var pattern = require('./pattern-
|
|
9
|
-
require('./create-validator-decorator-
|
|
5
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
6
|
+
var required = require('./required-BXiinq5t.js');
|
|
7
|
+
var type = require('./type-l3fnHs_E.js');
|
|
8
|
+
var pattern = require('./pattern-BCnL1qK3.js');
|
|
9
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
10
10
|
|
|
11
11
|
const postStepperCss = () => `ol{margin-block:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:20px;grid-auto-columns:minmax(0, 1fr);padding-inline-end:20px}@media screen and (max-width: 779.98px){ol{display:flex;padding-inline-end:0}}.active-step{font-size:var(--post-device-font-size-7);font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.active-step .active-step-label:has(+span:empty){visibility:hidden}@media screen and (min-width: 780px){.active-step{display:none}}`;
|
|
12
12
|
|
|
@@ -114,7 +114,7 @@ const PostStepper = class {
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
render() {
|
|
117
|
-
return (index.h(index.Host, { key: '
|
|
117
|
+
return (index.h(index.Host, { key: '52c9943bca4c1d7b1d964d812ce21d8b0eb2d236', "data-version": _package.version }, index.h("ol", { key: 'ea1f27a214d9cdf14b5f2d07f14a8d54836a32b3' }, index.h("slot", { key: '6f07fe49d55152123dc39645ef17bf5557753005', onSlotchange: () => this.updateSteps() })), index.h("div", { key: 'ad3af45bc5d1493f9f1084cc28c77c39d27cbd35', class: "active-step", "aria-hidden": "true" }, index.h("span", { key: '6e3f5decadc8bcc67812dd67f6efe0afa0613b46', class: "active-step-label" }, this.mobileActiveStepLabel), index.h("span", { key: '4aeb9376181d78007a929c5e8e4ba11c181039bb', innerHTML: this.mobileActiveStepName }))));
|
|
118
118
|
}
|
|
119
119
|
get host() { return index.getElement(this); }
|
|
120
120
|
static get watchers() { return {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
5
|
var nanoid = require('./nanoid-CmjyF1Cm.js');
|
|
6
|
-
var _package = require('./package-
|
|
7
|
-
var required = require('./required-
|
|
8
|
-
var type = require('./type-
|
|
9
|
-
require('./create-validator-decorator-
|
|
6
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
7
|
+
var required = require('./required-BXiinq5t.js');
|
|
8
|
+
var type = require('./type-l3fnHs_E.js');
|
|
9
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
10
10
|
|
|
11
11
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12
12
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -48,7 +48,7 @@ const PostTabItem = class {
|
|
|
48
48
|
this.isPagesVariant = hasAnchor;
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (index.h(index.Host, { key: '
|
|
51
|
+
return (index.h(index.Host, { key: '974d9682ef0448cf3adf9481ba472a5c196349b3', id: this.tabId, role: this.isPagesVariant ? undefined : 'tab', "data-version": _package.version, "data-pages-variant": this.isPagesVariant.toString(), "aria-selected": this.isPagesVariant ? undefined : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.isPagesVariant ? undefined : '-1', class: `${this.isPagesVariant ? 'nav-item' : 'tab-title'}${''}`, style: undefined }, index.h("slot", { key: '6a7ed6323892a40ea22e487bc9460af69fda02c6' })));
|
|
52
52
|
}
|
|
53
53
|
get host() { return index.getElement(this); }
|
|
54
54
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
5
|
var nanoid = require('./nanoid-CmjyF1Cm.js');
|
|
6
|
-
var _package = require('./package-
|
|
7
|
-
var required = require('./required-
|
|
8
|
-
var type = require('./type-
|
|
9
|
-
require('./create-validator-decorator-
|
|
6
|
+
var _package = require('./package-uiAqYqcY.js');
|
|
7
|
+
var required = require('./required-BXiinq5t.js');
|
|
8
|
+
var type = require('./type-l3fnHs_E.js');
|
|
9
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
10
10
|
|
|
11
11
|
const postTabPanelCss = () => `:host{display:none}`;
|
|
12
12
|
|
|
@@ -29,7 +29,7 @@ const PostTabPanel = class {
|
|
|
29
29
|
this.panelId = `panel-${this.host.id || nanoid.nanoid(6)}`;
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return (index.h(index.Host, { key: '
|
|
32
|
+
return (index.h(index.Host, { key: '07d93ddaa69253a956ed50cd9ecd6ed039fbc6e2', "data-version": _package.version, id: this.panelId, role: "tabpanel", slot: "panels", style: undefined }, index.h("slot", { key: 'd6887db4e0e4dc22f8f8fdf098d6068ef4bd1a91' })));
|
|
33
33
|
}
|
|
34
34
|
get host() { return index.getElement(this); }
|
|
35
35
|
};
|