@swisspost/design-system-components 10.5.0 → 10.7.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/README.md +2 -2
- package/dist/cjs/{create-validator-decorator-u-Byhihe.js → create-validator-decorator-D7nAb9KJ.js} +1 -1
- package/dist/cjs/{index-CXnlZiX8.js → index-DWIlRT6N.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{one-of-LGG0uEIi.js → one-of-B8RUgrZk.js} +1 -1
- package/dist/cjs/{package-DdU-rENe.js → package-BtKYhTNj.js} +1 -1
- package/dist/cjs/{pattern-B-csvfNt.js → pattern-B6VoDk_m.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +5 -5
- package/dist/cjs/post-autocomplete.cjs.entry.js +5 -5
- 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 +32 -10
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +158 -58
- package/dist/cjs/post-closebutton_14.cjs.entry.js +63 -53
- package/dist/cjs/post-collapsible_2.cjs.entry.js +7 -7
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/post-date-picker.cjs.entry.js +38 -34
- package/dist/cjs/post-footer.cjs.entry.js +8 -8
- package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
- package/dist/cjs/post-listbox-option.cjs.entry.js +4 -4
- package/dist/cjs/post-listbox.cjs.entry.js +3 -3
- package/dist/cjs/post-number-input.cjs.entry.js +4 -4
- package/dist/cjs/post-pagination.cjs.entry.js +5 -5
- package/dist/cjs/post-popover-trigger.cjs.entry.js +6 -6
- package/dist/cjs/post-popover.cjs.entry.js +9 -9
- 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 +3 -3
- 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 +7 -7
- package/dist/cjs/post-tooltip.cjs.entry.js +5 -5
- package/dist/cjs/{required-bJzxBV-V.js → required-bXtlqqaA.js} +1 -1
- package/dist/cjs/{type-CGPnqGY1.js → type-BqLE7Uui.js} +1 -1
- package/dist/cjs/{url-Dxdd6tWj.js → url-CUy3C3sH.js} +1 -1
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.css +1 -1
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +30 -3
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.css +1 -1
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +184 -57
- package/dist/collection/components/post-closebutton/post-closebutton.js +1 -1
- package/dist/collection/components/post-collapsible/post-collapsible.js +1 -1
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +2 -2
- package/dist/collection/components/post-date-picker/native-mask-element.js +1 -1
- package/dist/collection/components/post-date-picker/post-date-picker.js +31 -29
- package/dist/collection/components/post-footer/post-footer.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +2 -2
- package/dist/collection/components/post-header/post-header.css +1 -1
- package/dist/collection/components/post-header/post-header.js +14 -8
- package/dist/collection/components/post-icon/post-icon.js +1 -1
- package/dist/collection/components/post-linkarea/post-linkarea.js +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.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +3 -3
- 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-item/post-menu-item.css +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-popover/post-popover.js +3 -3
- package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +2 -2
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +26 -22
- 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 +1 -1
- package/dist/collection/components/post-stepper/post-stepper.js +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 +2 -2
- package/dist/collection/utils/floating-ui.js +1 -1
- package/dist/components/package.js +1 -1
- package/dist/components/post-breadcrumb-item.js +1 -1
- package/dist/components/post-breadcrumbs.js +1 -1
- package/dist/components/post-closebutton2.js +1 -1
- package/dist/components/post-collapsible-trigger2.js +1 -1
- package/dist/components/post-collapsible2.js +1 -1
- package/dist/components/post-date-picker.js +1 -1
- package/dist/components/post-footer.js +1 -1
- package/dist/components/post-header.js +1 -1
- package/dist/components/post-icon2.js +1 -1
- package/dist/components/post-linkarea.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-item2.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-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-CLeWLMJn.js → p-1y1rv5Tw.js} +1 -1
- package/dist/components/react/{p-D3rq_-Qk.js → p-BBv5JYsW.js} +1 -1
- package/dist/components/react/p-BBz9PVf0.js +1 -0
- package/dist/components/react/{p-DasK590W.js → p-BgEY7xhT.js} +1 -1
- package/dist/components/react/{p-DiFAKI9o.js → p-C3J7fIWx.js} +1 -1
- package/dist/components/react/p-C5ibTdH5.js +1 -0
- package/dist/components/react/{p-DD-Sl3Ji.js → p-C8_zqgAP.js} +1 -1
- package/dist/components/react/{p-PYoaz_Xl.js → p-CUKzje9q.js} +1 -1
- package/dist/components/react/{p-C8vlYfD-.js → p-DS46v3ju.js} +1 -1
- package/dist/components/react/{p-CoCua20S.js → p-DTBtJCjk.js} +1 -1
- package/dist/components/react/{p-CuVhOs8F.js → p-XUkUhxaz.js} +1 -1
- package/dist/components/react/p-ialuSSl2.js +1 -0
- 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 +57 -12
- package/dist/esm/{create-validator-decorator-CbYxqPSB.js → create-validator-decorator-DFpQtJzK.js} +1 -1
- package/dist/esm/{index-D3NdvMgy.js → index-Bs0zeM5Q.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{one-of-Mx4vYjem.js → one-of-DQCfaZpw.js} +1 -1
- package/dist/esm/{package-Ny5VnydI.js → package-BBz9PVf0.js} +1 -1
- package/dist/esm/{pattern-CqQVrJPN.js → pattern-3lnaFlkk.js} +1 -1
- package/dist/esm/post-accordion_2.entry.js +5 -5
- package/dist/esm/post-autocomplete.entry.js +5 -5
- 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 +32 -10
- package/dist/esm/post-breadcrumbs.entry.js +158 -58
- package/dist/esm/post-closebutton_14.entry.js +63 -53
- package/dist/esm/post-collapsible_2.entry.js +7 -7
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/post-date-picker.entry.js +38 -34
- package/dist/esm/post-footer.entry.js +8 -8
- package/dist/esm/post-linkarea.entry.js +3 -3
- package/dist/esm/post-listbox-option.entry.js +4 -4
- package/dist/esm/post-listbox.entry.js +3 -3
- package/dist/esm/post-number-input.entry.js +4 -4
- package/dist/esm/post-pagination.entry.js +5 -5
- package/dist/esm/post-popover-trigger.entry.js +6 -6
- package/dist/esm/post-popover.entry.js +9 -9
- 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 +3 -3
- 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 +7 -7
- package/dist/esm/post-tooltip.entry.js +5 -5
- package/dist/esm/{required-CxvSCYJj.js → required-NuzPg5jZ.js} +1 -1
- package/dist/esm/{type-CYB7_Yi8.js → type-ChnksJ25.js} +1 -1
- package/dist/esm/{url-DOwgyBfp.js → url-BCk3ZU-x.js} +1 -1
- package/dist/post-components/{p-c7a39444.entry.js → p-10e430c3.entry.js} +1 -1
- package/dist/post-components/{p-e463e7ac.entry.js → p-31550a50.entry.js} +1 -1
- package/dist/post-components/{p-2cb843f4.entry.js → p-31a97aae.entry.js} +1 -1
- package/dist/post-components/p-32e1e951.entry.js +1 -0
- package/dist/post-components/{p-b856263a.entry.js → p-43240818.entry.js} +1 -1
- package/dist/post-components/{p-44718c1a.entry.js → p-451ec8ee.entry.js} +1 -1
- package/dist/post-components/{p-2379e498.entry.js → p-4f08b99b.entry.js} +1 -1
- package/dist/post-components/{p-5a44b217.entry.js → p-54432b47.entry.js} +1 -1
- package/dist/post-components/{p-e7f97f6d.entry.js → p-58b66607.entry.js} +1 -1
- package/dist/post-components/{p-1d67c427.entry.js → p-5d7de657.entry.js} +1 -1
- package/dist/post-components/p-61a45246.entry.js +1 -0
- package/dist/post-components/p-63dd9a76.entry.js +1 -0
- package/dist/post-components/{p-665d877f.entry.js → p-63e570c4.entry.js} +1 -1
- package/dist/post-components/{p-ffec1880.entry.js → p-64480e3a.entry.js} +1 -1
- package/dist/post-components/p-6a2f47af.entry.js +1 -0
- package/dist/post-components/p-96d07f2b.entry.js +1 -0
- package/dist/post-components/p-9a1e8b1d.entry.js +1 -0
- package/dist/post-components/p-BBz9PVf0.js +1 -0
- package/dist/post-components/p-Bl-_v3aT.js +1 -0
- package/dist/post-components/p-Bs0zeM5Q.js +2 -0
- package/dist/post-components/{p-sgCfAEQU.js → p-BwhzbRIR.js} +1 -1
- package/dist/post-components/p-D1s6tESz.js +1 -0
- package/dist/post-components/p-DH-eJVHZ.js +1 -0
- package/dist/post-components/p-DeUk3rcv.js +1 -0
- package/dist/post-components/p-Dk-DtPZn.js +1 -0
- package/dist/post-components/p-aa33141b.entry.js +1 -0
- package/dist/post-components/p-aff180f5.entry.js +1 -0
- package/dist/post-components/{p-781efeb8.entry.js → p-bd128657.entry.js} +1 -1
- package/dist/post-components/{p-b6e231a8.entry.js → p-c2de3702.entry.js} +1 -1
- package/dist/post-components/{p-4e2bb082.entry.js → p-d5327dd1.entry.js} +1 -1
- package/dist/post-components/{p-030bfaa1.entry.js → p-e1817744.entry.js} +1 -1
- package/dist/post-components/{p-e8c19f72.entry.js → p-e6a4146b.entry.js} +1 -1
- package/dist/post-components/{p-e8268a8d.entry.js → p-f275b872.entry.js} +1 -1
- package/dist/post-components/{p-894b20dd.entry.js → p-f566768e.entry.js} +1 -1
- package/dist/post-components/{p-2ee255c1.entry.js → p-f6da5e69.entry.js} +1 -1
- package/dist/post-components/{p-a9223467.entry.js → p-f784e149.entry.js} +1 -1
- package/dist/post-components/p-f917527c.entry.js +1 -0
- package/dist/post-components/post-components.css +2 -2
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts +8 -1
- package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +39 -22
- package/dist/types/components/post-date-picker/post-date-picker.d.ts +2 -1
- package/dist/types/components/post-header/post-header.d.ts +3 -1
- package/dist/types/components.d.ts +18 -7
- package/hydrate/index.js +308 -165
- package/hydrate/index.mjs +308 -165
- package/package.json +28 -20
- package/dist/components/react/p-0nNMdSBr.js +0 -1
- package/dist/components/react/p-Ny5VnydI.js +0 -1
- package/dist/components/react/p-SBBBSmJM.js +0 -1
- package/dist/post-components/p-29e6c2a4.entry.js +0 -1
- package/dist/post-components/p-3a75186d.entry.js +0 -1
- package/dist/post-components/p-65e12f2c.entry.js +0 -1
- package/dist/post-components/p-795eb5ad.entry.js +0 -1
- package/dist/post-components/p-9ad2216e.entry.js +0 -1
- package/dist/post-components/p-BmpkvdQk.js +0 -1
- package/dist/post-components/p-C-FunIfQ.js +0 -1
- package/dist/post-components/p-CCciE4QO.js +0 -1
- package/dist/post-components/p-D3NdvMgy.js +0 -2
- package/dist/post-components/p-Ny5VnydI.js +0 -1
- package/dist/post-components/p-X1vWfzMK.js +0 -1
- package/dist/post-components/p-cGcyMrvx.js +0 -1
- package/dist/post-components/p-cde00944.entry.js +0 -1
- package/dist/post-components/p-cf7493ab.entry.js +0 -1
- package/dist/post-components/p-ecfc494e.entry.js +0 -1
- package/dist/post-components/p-eda4a376.entry.js +0 -1
package/hydrate/index.js
CHANGED
|
@@ -6305,7 +6305,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
|
6305
6305
|
};
|
|
6306
6306
|
}
|
|
6307
6307
|
|
|
6308
|
-
const version$1 = "10.
|
|
6308
|
+
const version$1 = "10.7.0";
|
|
6309
6309
|
|
|
6310
6310
|
const postAccordionCss = () => `:host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}`;
|
|
6311
6311
|
|
|
@@ -7238,7 +7238,7 @@ __decorate$w([
|
|
|
7238
7238
|
|
|
7239
7239
|
const VARIANTS = ['listitem', 'menuitem'];
|
|
7240
7240
|
|
|
7241
|
-
const postBreadcrumbItemCss = () => `a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a: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){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a: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){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}a.btn:not(.btn-link){border-color:ButtonBorder !important}a.btn.btn-tertiary.px-0{border:0 !important}a.btn.btn-tertiary.px-0:not(:hover){text-decoration:underline}}:host([variant=menuitem]) :is(a,span){white-space:normal;overflow-wrap:anywhere;hyphens:auto;line-break:strict}:host([variant=listitem]){display:flex;align-items:flex-start;padding-block:var(--post-device-spacing-padding-block-6);gap:var(--post-device-spacing-gap-inline-5)}:host([variant=listitem]) :is(button,a){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;font:inherit;padding:unset;border:unset;
|
|
7241
|
+
const postBreadcrumbItemCss = () => `a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a: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){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a: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){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}a.btn:not(.btn-link){border-color:ButtonBorder !important}a.btn.btn-tertiary.px-0{border:0 !important}a.btn.btn-tertiary.px-0:not(:hover){text-decoration:underline}}:host([variant=menuitem]) :is(a,span),:host([variant=menuitem]) ::slotted(a){white-space:normal;overflow-wrap:anywhere;hyphens:auto;line-break:strict}:host([variant=listitem]){display:flex;align-items:flex-start;padding-block:var(--post-device-spacing-padding-block-6);gap:var(--post-device-spacing-gap-inline-5)}:host([variant=listitem]) :is(button,a){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;font:inherit;padding:unset;border:unset;border-radius:var(--post-device-border-radius-focus);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}:host([variant=listitem]) :is(button,a):not(:disabled):hover{text-decoration:none}:host([variant=listitem]) :is(button,a):disabled{border-style:var(--post-core-border-style-dash);cursor:unset}:host([variant=listitem]) :is(button,a){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}:host([variant=listitem]) :is(button,a):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){:host([variant=listitem]) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host([variant=listitem]) :is(button,a):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){:host([variant=listitem]) :is(button,a):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){:host([variant=listitem]) :is(button,a){border-width:1px !important;transition:none}:host([variant=listitem]) :is(button,a):is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}:host([variant=listitem]) :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}:host([variant=listitem])::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;flex:0 0 auto;content:"";display:block;height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);margin-block:calc(var(--post-device-spacing-padding-35) - 1*var(--post-device-spacing-padding-block-6));margin-inline:var(--post-core-dimension-4)}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}:host([variant=listitem]):not([standalone]:not([standalone=false])) ::slotted(a){white-space:nowrap}:host([variant=listitem]):host([selected]:not([selected=false])){flex-shrink:0}:host([variant=listitem]):host([selected]:not([selected=false])) :is(a,span){color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}:host([variant=listitem]):host([standalone]:not([standalone=false])){flex-shrink:1}:host([variant=listitem]):host([standalone]:not([standalone=false])) :is(a,span),:host([variant=listitem]):host([standalone]:not([standalone=false])) ::slotted(a){white-space:normal;overflow-wrap:anywhere;hyphens:auto;line-break:strict}`;
|
|
7242
7242
|
|
|
7243
7243
|
var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7244
7244
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -7251,11 +7251,15 @@ var __decorate$v = (undefined && undefined.__decorate) || function (decorators,
|
|
|
7251
7251
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7252
7252
|
};
|
|
7253
7253
|
/**
|
|
7254
|
-
* @slot default - The content displayed inside the breadcrumb item.
|
|
7254
|
+
* @slot default - The content displayed inside the breadcrumb item. Can contain text or an <a> element, so consumers can slot their own routing-aware link instead of relying on the `url` prop.
|
|
7255
7255
|
*/
|
|
7256
7256
|
class PostBreadcrumbItem {
|
|
7257
7257
|
constructor(hostRef) {
|
|
7258
7258
|
registerInstance(this, hostRef);
|
|
7259
|
+
/**
|
|
7260
|
+
* Whether the consumer slotted their own <a>. When true, the component renders only the <slot>, leaving the slotted anchor untouched so the host app's router can handle clicks.
|
|
7261
|
+
*/
|
|
7262
|
+
this.hasSlottedAnchor = false;
|
|
7259
7263
|
/**
|
|
7260
7264
|
* Controls how the item is rendered, either as a standard list item or within an overflow menu.
|
|
7261
7265
|
*/
|
|
@@ -7269,9 +7273,27 @@ class PostBreadcrumbItem {
|
|
|
7269
7273
|
*/
|
|
7270
7274
|
this.standalone = false;
|
|
7271
7275
|
}
|
|
7272
|
-
|
|
7276
|
+
componentWillLoad() {
|
|
7277
|
+
this.checkSlottedAnchor();
|
|
7278
|
+
}
|
|
7279
|
+
checkSlottedAnchor() {
|
|
7280
|
+
this.hasSlottedAnchor = Array.from(this.host.children).some(child => child.tagName === 'A');
|
|
7281
|
+
}
|
|
7282
|
+
renderContent() {
|
|
7283
|
+
const slot = hAsync("slot", { onSlotchange: () => this.checkSlottedAnchor() });
|
|
7273
7284
|
const href = this.url instanceof URL ? this.url.href : this.url;
|
|
7274
|
-
|
|
7285
|
+
if (this.hasSlottedAnchor) {
|
|
7286
|
+
return slot;
|
|
7287
|
+
}
|
|
7288
|
+
else if (!href) {
|
|
7289
|
+
return hAsync("span", null, slot);
|
|
7290
|
+
}
|
|
7291
|
+
else {
|
|
7292
|
+
return (hAsync("a", { href: href, "aria-current": this.selected ? 'page' : undefined, "aria-label": this.label, "aria-description": this.description }, slot));
|
|
7293
|
+
}
|
|
7294
|
+
}
|
|
7295
|
+
render() {
|
|
7296
|
+
const content = this.renderContent();
|
|
7275
7297
|
return this.variant === 'listitem' || this.selected ? (hAsync(Host, { "data-version": version$1, role: "listitem", slot: this.selected ? 'selected' : undefined }, content)) : (hAsync(Host, { "data-version": version$1, slot: "menu" }, hAsync("post-menu-item", null, content)));
|
|
7276
7298
|
}
|
|
7277
7299
|
get host() { return getElement(this); }
|
|
@@ -7285,7 +7307,8 @@ class PostBreadcrumbItem {
|
|
|
7285
7307
|
"description": [513],
|
|
7286
7308
|
"variant": [513],
|
|
7287
7309
|
"selected": [516],
|
|
7288
|
-
"standalone": [516]
|
|
7310
|
+
"standalone": [516],
|
|
7311
|
+
"hasSlottedAnchor": [32]
|
|
7289
7312
|
},
|
|
7290
7313
|
"$listeners$": undefined,
|
|
7291
7314
|
"$lazyBundleId$": "-",
|
|
@@ -7473,7 +7496,7 @@ function debounce (delay, callback, options) {
|
|
|
7473
7496
|
});
|
|
7474
7497
|
}
|
|
7475
7498
|
|
|
7476
|
-
const postBreadcrumbsCss = () => `:host{display:block;position:relative}nav{max-width:100%}nav.invisible{overflow:hidden;visibility:hidden;position:absolute;inset:0}nav.loading>div>:not(.home){display:none}[role=list]{display:flex;align-items:flex-start;gap:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:flex-start;padding-block:var(--post-device-spacing-padding-block-6);gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item :is(button,a){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;font:inherit;padding:unset;border:unset;
|
|
7499
|
+
const postBreadcrumbsCss = () => `:host{display:block;position:relative}nav{max-width:100%}nav.invisible{overflow:hidden;visibility:hidden;position:absolute;inset:0}nav.loading>div>:not(.home){display:none}[role=list]{display:flex;align-items:flex-start;gap:var(--post-device-spacing-gap-inline-4)}[role=list]>.menu:first-child::before{content:none}.breadcrumb-item{display:flex;align-items:flex-start;padding-block:var(--post-device-spacing-padding-block-6);gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item :is(button,a){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;font:inherit;padding:unset;border:unset;border-radius:var(--post-device-border-radius-focus);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item :is(button,a):not(:disabled):hover{text-decoration:none}.breadcrumb-item :is(button,a):disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.breadcrumb-item :is(button,a){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}.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a){border-width:1px !important;transition:none}.breadcrumb-item :is(button,a):is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.breadcrumb-item :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;flex:0 0 auto;content:"";display:block;height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);margin-block:calc(var(--post-device-spacing-padding-35) - 1*var(--post-device-spacing-padding-block-6));margin-inline:var(--post-core-dimension-4)}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}post-menu-item>slot[name=home]>a{position:relative;display:flex;align-items:center;padding:8px 12px 8px 16px;gap:12px;font-size:.875rem;color:#050400;border-radius:0;text-decoration:none;min-width:0;white-space:normal;overflow:visible;text-overflow:unset;justify-content:start;overflow-wrap:anywhere;hyphens:auto;line-break:strict}@media screen and (min-width: 780px){post-menu-item>slot[name=home]>a{font-size:1rem;padding-block:12px;gap:16px}}@media screen and (min-width: 1024px){post-menu-item>slot[name=home]>a{font-size:1.25rem;padding-block:13px}}post-menu-item>slot[name=home]>a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item>slot[name=home]>a:hover{background-color:#504f4b;color:#fff}.home{flex:none}.home::before{content:unset}.home.icon{padding-block:var(--post-device-spacing-padding-47)}.home.icon post-icon{width:var(--post-device-sizing-interactive-icon-size2);height:var(--post-device-sizing-interactive-icon-size2)}.menu{margin-inline-end:calc(-1*var(--post-device-spacing-gap-inline-4))}.menu.empty{display:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
7477
7500
|
|
|
7478
7501
|
var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7479
7502
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -7487,22 +7510,41 @@ var __decorate$u = (undefined && undefined.__decorate) || function (decorators,
|
|
|
7487
7510
|
};
|
|
7488
7511
|
const MAX_VISIBLE_ITEMS = 6;
|
|
7489
7512
|
const MEASUREMENT_DEBOUNCE_MS$1 = 50;
|
|
7513
|
+
/**
|
|
7514
|
+
* @slot home - The content of the root (home) breadcrumb item. Can contain an `<a>` element, so consumers can slot their own routing-aware link instead of relying on the `home-url` prop.
|
|
7515
|
+
*/
|
|
7490
7516
|
class PostBreadcrumbs {
|
|
7491
7517
|
constructor(hostRef) {
|
|
7492
7518
|
registerInstance(this, hostRef);
|
|
7493
7519
|
this.debounceUpdateCollapsedItems = throttle(MEASUREMENT_DEBOUNCE_MS$1, this.updateCollapsedItems.bind(this));
|
|
7494
7520
|
this.resizeObserver = new ResizeObserver(this.debounceUpdateCollapsedItems);
|
|
7495
|
-
this.mutationObserver = new MutationObserver(
|
|
7521
|
+
this.mutationObserver = new MutationObserver(() => {
|
|
7522
|
+
void this.updateAfterMutation();
|
|
7523
|
+
});
|
|
7496
7524
|
this.loaded = false;
|
|
7497
|
-
/**
|
|
7525
|
+
/** Whether the consumer slotted their own `<a>` into the `home` slot. When true, `home-url` is not required, since the internal fallback link is not rendered. */
|
|
7526
|
+
this.hasSlottedHomeAnchor = false;
|
|
7527
|
+
/** Whether the slotted home anchor contains a post-icon. */
|
|
7528
|
+
this.hasSlottedHomeIcon = false;
|
|
7529
|
+
/** The number of breadcrumb items, counted from the start, moved into the overflow menu. */
|
|
7498
7530
|
this.collapsed = 0;
|
|
7531
|
+
/** Whether the home item is collapsed into its own overflow menu. */
|
|
7532
|
+
this.homeCollapsed = false;
|
|
7533
|
+
/** Whether the last (selected) item wraps onto multiple lines. */
|
|
7534
|
+
this.lastItemWraps = false;
|
|
7499
7535
|
/** The visible breadcrumb navigation. */
|
|
7500
7536
|
this.nav = null;
|
|
7501
7537
|
/** An off-screen copy of the breadcrumb navigation used for measurement. */
|
|
7502
7538
|
this.hiddenNav = null;
|
|
7539
|
+
/**
|
|
7540
|
+
* Whether `text-home` content is displayed instead of the home icon, enabling segment specific
|
|
7541
|
+
* breadcrumbs (like "Private customers" or "About us").
|
|
7542
|
+
*/
|
|
7543
|
+
this.homeTextOnly = false;
|
|
7503
7544
|
}
|
|
7504
7545
|
componentWillLoad() {
|
|
7505
7546
|
this.id = this.host.id || `b${nanoid(6)}`;
|
|
7547
|
+
this.checkSlottedHomeAnchor();
|
|
7506
7548
|
}
|
|
7507
7549
|
async componentDidLoad() {
|
|
7508
7550
|
this.resizeObserver?.observe(document.body);
|
|
@@ -7520,69 +7562,95 @@ class PostBreadcrumbs {
|
|
|
7520
7562
|
this.mutationObserver?.disconnect();
|
|
7521
7563
|
this.debounceUpdateCollapsedItems.cancel();
|
|
7522
7564
|
}
|
|
7523
|
-
|
|
7524
|
-
|
|
7525
|
-
|
|
7526
|
-
|
|
7565
|
+
checkSlottedHomeAnchor() {
|
|
7566
|
+
const homeSlotElement = Array.from(this.host.children).find(child => child.getAttribute('slot') === 'home');
|
|
7567
|
+
this.hasSlottedHomeAnchor = homeSlotElement?.tagName === 'A';
|
|
7568
|
+
this.hasSlottedHomeIcon =
|
|
7569
|
+
this.hasSlottedHomeAnchor && !!homeSlotElement?.querySelector('post-icon');
|
|
7570
|
+
}
|
|
7571
|
+
get usesHomeText() {
|
|
7572
|
+
return this.hasSlottedHomeAnchor ? !this.hasSlottedHomeIcon : this.homeTextOnly;
|
|
7573
|
+
}
|
|
7574
|
+
// Degrade order: collapse middle items -> collapse home -> wrap the last item.
|
|
7575
|
+
/** Measures the available space and updates all three degrade-stage states. */
|
|
7527
7576
|
async updateCollapsedItems() {
|
|
7528
7577
|
if (!this.nav)
|
|
7529
7578
|
return;
|
|
7530
|
-
|
|
7579
|
+
const { overflowing, homeOverflows, lastItemWraps } = await this.calculateCollapsedItems();
|
|
7580
|
+
this.collapsed = overflowing;
|
|
7581
|
+
this.homeCollapsed = homeOverflows;
|
|
7582
|
+
this.lastItemWraps = lastItemWraps;
|
|
7531
7583
|
}
|
|
7532
|
-
/**
|
|
7533
|
-
* Determines how many items have to be collapsed, either because they do not fit the breadcrumb
|
|
7534
|
-
* navigation or because they exceed the maximum number of visible items.
|
|
7535
|
-
*/
|
|
7536
7584
|
async calculateCollapsedItems() {
|
|
7537
7585
|
const items = this.host.querySelectorAll('post-breadcrumb-item');
|
|
7538
|
-
const overflowing = await this.calculateOverflowingItems();
|
|
7586
|
+
const { overflowing, homeOverflows, lastItemWraps } = await this.calculateOverflowingItems();
|
|
7539
7587
|
// Never show more than `MAX_VISIBLE_ITEMS`, even if the nav is wide enough to fit them all.
|
|
7540
|
-
return
|
|
7588
|
+
return {
|
|
7589
|
+
overflowing: Math.max(overflowing, items.length - MAX_VISIBLE_ITEMS),
|
|
7590
|
+
homeOverflows,
|
|
7591
|
+
lastItemWraps,
|
|
7592
|
+
};
|
|
7541
7593
|
}
|
|
7542
|
-
/**
|
|
7543
|
-
* Determines how many items overflow the width of the breadcrumb navigation.
|
|
7544
|
-
*/
|
|
7594
|
+
/** Runs the three degrade stages in order against the off-screen measurement clone. */
|
|
7545
7595
|
async calculateOverflowingItems() {
|
|
7546
|
-
// Fallback to zero if the hidden nav is not available for measurement.
|
|
7547
7596
|
if (!this.hiddenNav)
|
|
7548
|
-
return 0;
|
|
7549
|
-
const
|
|
7550
|
-
const
|
|
7551
|
-
|
|
7552
|
-
const
|
|
7553
|
-
|
|
7554
|
-
//
|
|
7555
|
-
|
|
7597
|
+
return { overflowing: 0, homeOverflows: false, lastItemWraps: false };
|
|
7598
|
+
const nav = this.hiddenNav;
|
|
7599
|
+
const availableWidth = nav.clientWidth;
|
|
7600
|
+
const gap = Number.parseFloat(getComputedStyle(nav.firstElementChild).gap);
|
|
7601
|
+
const menuWidth = nav.querySelector('.menu')?.clientWidth ?? 0;
|
|
7602
|
+
const homeWidth = nav.querySelector('.home')?.clientWidth ?? 0;
|
|
7603
|
+
// Stage 1: collapse middle items, starting closest to home, until the rest fits.
|
|
7604
|
+
const middleItems = Array.from(nav.querySelectorAll('post-breadcrumb-item')).slice(0, -1);
|
|
7605
|
+
const { overflowing, remainingWidth } = this.collapseMiddleItems(middleItems, gap, menuWidth, availableWidth);
|
|
7606
|
+
// Stage 2: home + last item, single-line. Text home can collapse into the menu, while the
|
|
7607
|
+
// icon-only home remains visible and lets the last item wrap instead.
|
|
7608
|
+
const homeOverflows = this.usesHomeText && remainingWidth > availableWidth;
|
|
7609
|
+
// Stage 3: home joins the existing menu when middle items have collapsed. If no middle item
|
|
7610
|
+
// collapsed, the menu needs to be added when home moves into it.
|
|
7611
|
+
const widthWithHomeCollapsed = remainingWidth - homeWidth + (overflowing === 0 ? menuWidth : 0);
|
|
7612
|
+
const lastItemWraps = this.usesHomeText
|
|
7613
|
+
? homeOverflows && widthWithHomeCollapsed > availableWidth
|
|
7614
|
+
: remainingWidth > availableWidth;
|
|
7615
|
+
return { overflowing, homeOverflows, lastItemWraps };
|
|
7616
|
+
}
|
|
7617
|
+
/** Stage 1: collapses middle items until the rest fits, or none are left. */
|
|
7618
|
+
collapseMiddleItems(items, gap, menuWidth, availableWidth) {
|
|
7619
|
+
// Start from the assumption that all items fit and that no menu is shown, so subtract the
|
|
7620
|
+
// overflow menu's width from the total.
|
|
7621
|
+
let width = this.hiddenNav.scrollWidth - menuWidth + gap;
|
|
7556
7622
|
let overflowing = 0;
|
|
7557
|
-
|
|
7558
|
-
while (overflowing < items.length && width > this.hiddenNav.clientWidth) {
|
|
7623
|
+
while (overflowing < items.length && width > availableWidth) {
|
|
7559
7624
|
// The overflow menu needs to be displayed as soon as the first item is moved into it, so its
|
|
7560
7625
|
// width needs to be taken into account when measuring the remaining items.
|
|
7561
7626
|
if (overflowing === 0)
|
|
7562
|
-
width +=
|
|
7627
|
+
width += menuWidth;
|
|
7563
7628
|
width -= items[overflowing++].clientWidth + gap;
|
|
7564
7629
|
}
|
|
7565
|
-
return overflowing;
|
|
7630
|
+
return { overflowing, remainingWidth: width };
|
|
7566
7631
|
}
|
|
7567
|
-
/**
|
|
7568
|
-
|
|
7569
|
-
*/
|
|
7570
|
-
updateItems(items, collapsed) {
|
|
7632
|
+
/** Applies the degrade states to the `<post-breadcrumb-item>` elements. */
|
|
7633
|
+
updateItems(items, collapsed, lastItemWraps) {
|
|
7571
7634
|
items.forEach((item, index) => {
|
|
7635
|
+
const isLast = index === items.length - 1;
|
|
7572
7636
|
item.setAttribute('variant', index < collapsed ? 'menuitem' : 'listitem');
|
|
7573
|
-
item.setAttribute('selected', String(
|
|
7574
|
-
item.setAttribute('standalone', String(
|
|
7637
|
+
item.setAttribute('selected', String(isLast));
|
|
7638
|
+
item.setAttribute('standalone', String(isLast && index === collapsed && lastItemWraps));
|
|
7575
7639
|
});
|
|
7576
7640
|
}
|
|
7577
|
-
/**
|
|
7578
|
-
* Rebuilds the off-screen copy of the breadcrumb navigation.
|
|
7579
|
-
*/
|
|
7641
|
+
/** Rebuilds the off-screen copy of the breadcrumb navigation. */
|
|
7580
7642
|
async updateHiddenNav() {
|
|
7581
7643
|
this.hiddenNav?.remove();
|
|
7582
7644
|
this.hiddenNav = await this.renderHiddenNav();
|
|
7583
7645
|
}
|
|
7646
|
+
async updateAfterMutation() {
|
|
7647
|
+
await this.updateHiddenNav();
|
|
7648
|
+
await this.updateCollapsedItems();
|
|
7649
|
+
}
|
|
7584
7650
|
/**
|
|
7585
|
-
* Renders an off-screen copy of the
|
|
7651
|
+
* Renders an off-screen copy of the nav for measurements. `.home` is rebuilt independently (see
|
|
7652
|
+
* `buildMeasurementHomeElement`) rather than cloned, since the live nav may show the home item
|
|
7653
|
+
* in the overflow menu instead if it is already collapsed.
|
|
7586
7654
|
*/
|
|
7587
7655
|
async renderHiddenNav() {
|
|
7588
7656
|
const shadowRoot = this.host.shadowRoot;
|
|
@@ -7593,12 +7661,29 @@ class PostBreadcrumbs {
|
|
|
7593
7661
|
// Deep clone the breadcrumb navigation and flatten its slots into the clone.
|
|
7594
7662
|
this.nav.querySelectorAll('slot').forEach((source, index) => {
|
|
7595
7663
|
const target = slots[index];
|
|
7596
|
-
|
|
7597
|
-
|
|
7598
|
-
|
|
7599
|
-
|
|
7600
|
-
|
|
7664
|
+
const assignedElements = source.assignedElements();
|
|
7665
|
+
if (assignedElements.length > 0) {
|
|
7666
|
+
// Insert the assigned elements where the slot used to be, then drop the now empty slot.
|
|
7667
|
+
assignedElements.forEach(element => {
|
|
7668
|
+
target.insertAdjacentElement('beforebegin', element.cloneNode(true));
|
|
7669
|
+
});
|
|
7670
|
+
target.remove();
|
|
7671
|
+
}
|
|
7672
|
+
else {
|
|
7673
|
+
// Nothing assigned: keep the slot's own fallback content (e.g. the default home link) by
|
|
7674
|
+
// unwrap the <slot> in place, move its children to where it was, then remove it.
|
|
7675
|
+
const parent = target.parentNode;
|
|
7676
|
+
if (parent) {
|
|
7677
|
+
Array.from(target.childNodes).forEach(child => parent.insertBefore(child, target));
|
|
7678
|
+
target.remove();
|
|
7679
|
+
}
|
|
7680
|
+
}
|
|
7601
7681
|
});
|
|
7682
|
+
// Always measure the full, uncollapsed home item — see the method doc above. Uses
|
|
7683
|
+
// replaceChild rather than replaceWith, since the latter isn't implemented by Stencil's
|
|
7684
|
+
// mock-doc DOM used during SSR/hydration.
|
|
7685
|
+
const existingHome = clone.querySelector('.home');
|
|
7686
|
+
existingHome?.parentNode?.replaceChild(this.buildMeasurementHomeElement(), existingHome);
|
|
7602
7687
|
clone.classList.remove('loading');
|
|
7603
7688
|
clone.classList.add('invisible');
|
|
7604
7689
|
// Show the overflow menu so that we can include the space it takes up in the measurement.
|
|
@@ -7607,20 +7692,57 @@ class PostBreadcrumbs {
|
|
|
7607
7692
|
// Wait for all items to be fully hydrated before measuring.
|
|
7608
7693
|
const items = clone.querySelectorAll('post-breadcrumb-item');
|
|
7609
7694
|
await Promise.all(Array.from(items).map(item => componentOnReady(item)));
|
|
7610
|
-
//
|
|
7611
|
-
this.updateItems(items, 0);
|
|
7695
|
+
// Uncollapsed layout, both single-line, for measurement.
|
|
7696
|
+
this.updateItems(items, 0, false);
|
|
7612
7697
|
return clone;
|
|
7613
7698
|
}
|
|
7699
|
+
/** Builds `.home` in its full, uncollapsed form for measurement. Mirrors `renderHomeContent`, but as plain DOM since this runs outside the render cycle. */
|
|
7700
|
+
buildMeasurementHomeElement() {
|
|
7701
|
+
const home = document.createElement('div');
|
|
7702
|
+
home.className = `breadcrumb-item home${this.usesHomeText ? '' : ' icon'}`;
|
|
7703
|
+
home.setAttribute('role', 'listitem');
|
|
7704
|
+
const slottedAnchor = this.hasSlottedHomeAnchor
|
|
7705
|
+
? Array.from(this.host.children).find(child => child.getAttribute('slot') === 'home')
|
|
7706
|
+
: null;
|
|
7707
|
+
if (slottedAnchor) {
|
|
7708
|
+
home.append(slottedAnchor.cloneNode(true));
|
|
7709
|
+
return home;
|
|
7710
|
+
}
|
|
7711
|
+
const anchor = document.createElement('a');
|
|
7712
|
+
if (this.homeUrl)
|
|
7713
|
+
anchor.href = this.homeUrl;
|
|
7714
|
+
const label = document.createElement('span');
|
|
7715
|
+
if (!this.usesHomeText)
|
|
7716
|
+
label.className = 'visually-hidden';
|
|
7717
|
+
label.textContent = this.textHome;
|
|
7718
|
+
anchor.append(label);
|
|
7719
|
+
if (!this.usesHomeText) {
|
|
7720
|
+
const icon = document.createElement('post-icon');
|
|
7721
|
+
icon.setAttribute('aria-hidden', 'true');
|
|
7722
|
+
icon.setAttribute('name', 'home');
|
|
7723
|
+
anchor.append(icon);
|
|
7724
|
+
}
|
|
7725
|
+
home.append(anchor);
|
|
7726
|
+
return home;
|
|
7727
|
+
}
|
|
7614
7728
|
renderMenu() {
|
|
7615
7729
|
const menuId = `${this.id}-menu`;
|
|
7616
|
-
return (hAsync("div", { class: `breadcrumb-item menu ${this.collapsed === 0 ? 'empty' : ''}`, role: "listitem" }, hAsync("post-menu-trigger", { for: menuId }, hAsync("button", null, hAsync("span", { class: "visually-hidden" }, this.textMoreItems), hAsync("span", { "aria-hidden": "true" }, "..."))), hAsync("post-menu", { id: menuId, label: this.textMoreItems, placement: "bottom-start" }, hAsync("slot", { name: "menu" }))));
|
|
7730
|
+
return (hAsync("div", { class: `breadcrumb-item menu ${this.collapsed === 0 && !this.homeCollapsed ? 'empty' : ''}`, role: "listitem" }, hAsync("post-menu-trigger", { for: menuId }, hAsync("button", null, hAsync("span", { class: "visually-hidden" }, this.textMoreItems), hAsync("span", { "aria-hidden": "true" }, "..."))), hAsync("post-menu", { id: menuId, label: this.textMoreItems, placement: "bottom-start" }, this.homeCollapsed && this.usesHomeText && (hAsync("post-menu-item", null, this.renderHomeContent())), hAsync("slot", { name: "menu" }))));
|
|
7731
|
+
}
|
|
7732
|
+
/** Reused by the plain home item and the home menu — a slot can only be assigned once. */
|
|
7733
|
+
renderHomeContent() {
|
|
7734
|
+
return (hAsync("slot", { name: "home", onSlotchange: () => this.checkSlottedHomeAnchor() }, hAsync("a", { href: this.homeUrl }, hAsync("span", { class: this.usesHomeText ? undefined : 'visually-hidden' }, this.textHome), !this.usesHomeText && hAsync("post-icon", { "aria-hidden": "true", name: "home" }))));
|
|
7735
|
+
}
|
|
7736
|
+
/** Degrade stage 2: home renders in full, single-line, not yet collapsed. */
|
|
7737
|
+
renderHome() {
|
|
7738
|
+
return (hAsync("div", { class: `breadcrumb-item home${this.usesHomeText ? '' : ' icon'}`, role: "listitem" }, this.renderHomeContent()));
|
|
7617
7739
|
}
|
|
7618
7740
|
render() {
|
|
7619
7741
|
if (this.loaded) {
|
|
7620
7742
|
const items = this.host.querySelectorAll('post-breadcrumb-item');
|
|
7621
|
-
this.updateItems(items, this.collapsed);
|
|
7743
|
+
this.updateItems(items, this.collapsed, this.lastItemWraps);
|
|
7622
7744
|
}
|
|
7623
|
-
return (hAsync(Host, { key: '
|
|
7745
|
+
return (hAsync(Host, { key: '8d5f457a7c6a2df0cfaf5c31f3ffc6937de76e57', "data-version": version$1, class: this.homeCollapsed && this.usesHomeText ? 'home-collapsed' : undefined }, hAsync("nav", { key: 'ce3fd7ad69060dd6968afaad6170e27eee72682f', "aria-label": this.textBreadcrumbs, ref: el => (this.nav = el), class: this.loaded ? '' : 'loading' }, hAsync("div", { key: '1c400c8c1e1b625203876cc9804936782a2202c6', role: "list" }, (!this.homeCollapsed || !this.usesHomeText) && this.renderHome(), this.renderMenu(), hAsync("slot", { key: '5cf6618b487961c0e7d70637f5396d023660ec55' }), hAsync("slot", { key: 'f4fb662d04d9966c76a22444844d692611472b2d', name: "selected" })))));
|
|
7624
7746
|
}
|
|
7625
7747
|
get host() { return getElement(this); }
|
|
7626
7748
|
static get style() { return postBreadcrumbsCss(); }
|
|
@@ -7630,25 +7752,34 @@ class PostBreadcrumbs {
|
|
|
7630
7752
|
"$members$": {
|
|
7631
7753
|
"homeUrl": [513, "home-url"],
|
|
7632
7754
|
"textHome": [513, "text-home"],
|
|
7755
|
+
"homeTextOnly": [516, "home-text-only"],
|
|
7633
7756
|
"textBreadcrumbs": [513, "text-breadcrumbs"],
|
|
7634
7757
|
"textMoreItems": [513, "text-more-items"],
|
|
7635
7758
|
"id": [32],
|
|
7636
7759
|
"loaded": [32],
|
|
7637
|
-
"
|
|
7760
|
+
"hasSlottedHomeAnchor": [32],
|
|
7761
|
+
"hasSlottedHomeIcon": [32],
|
|
7762
|
+
"collapsed": [32],
|
|
7763
|
+
"homeCollapsed": [32],
|
|
7764
|
+
"lastItemWraps": [32]
|
|
7638
7765
|
},
|
|
7639
7766
|
"$listeners$": undefined,
|
|
7640
7767
|
"$lazyBundleId$": "-",
|
|
7641
|
-
"$attrsToReflect$": [["homeUrl", "home-url"], ["textHome", "text-home"], ["textBreadcrumbs", "text-breadcrumbs"], ["textMoreItems", "text-more-items"]]
|
|
7768
|
+
"$attrsToReflect$": [["homeUrl", "home-url"], ["textHome", "text-home"], ["homeTextOnly", "home-text-only"], ["textBreadcrumbs", "text-breadcrumbs"], ["textMoreItems", "text-more-items"]]
|
|
7642
7769
|
}; }
|
|
7643
7770
|
}
|
|
7644
7771
|
__decorate$u([
|
|
7645
|
-
Required(),
|
|
7772
|
+
Required({ when: 'hasSlottedHomeAnchor', truthy: false }),
|
|
7646
7773
|
Url()
|
|
7647
7774
|
], PostBreadcrumbs.prototype, "homeUrl", void 0);
|
|
7648
7775
|
__decorate$u([
|
|
7649
|
-
Required(),
|
|
7776
|
+
Required({ when: 'hasSlottedHomeAnchor', truthy: false }),
|
|
7650
7777
|
Type('string')
|
|
7651
7778
|
], PostBreadcrumbs.prototype, "textHome", void 0);
|
|
7779
|
+
__decorate$u([
|
|
7780
|
+
Required(),
|
|
7781
|
+
Type('boolean')
|
|
7782
|
+
], PostBreadcrumbs.prototype, "homeTextOnly", void 0);
|
|
7652
7783
|
__decorate$u([
|
|
7653
7784
|
Required(),
|
|
7654
7785
|
Type('string')
|
|
@@ -7729,7 +7860,7 @@ class PostClosebutton {
|
|
|
7729
7860
|
}
|
|
7730
7861
|
}
|
|
7731
7862
|
render() {
|
|
7732
|
-
return (hAsync(Host, { key: '
|
|
7863
|
+
return (hAsync(Host, { key: 'b8e2214b904f5167fa3753aab947418891236fcf', "data-version": version$1 }, hAsync("button", { key: '224ca42d3be187062ba9717e4a534ff34eeafaf7', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm", onClick: this.handleClick }, hAsync("post-icon", { key: '5b289691599d6f9a3bb0fa7a28c71eecd1f5aee7', "aria-hidden": "true", name: "closex" }), hAsync("span", { key: 'e22045f15b3dc8b8b228eb4282114e10db68b186', ref: el => (this.visuallyHidden = el), class: "visually-hidden" }, hAsync("slot", { key: 'e492390c995a993ffc8988a1c90a41e59fbe39f5' })))));
|
|
7733
7864
|
}
|
|
7734
7865
|
static get formAssociated() { return true; }
|
|
7735
7866
|
get host() { return getElement(this); }
|
|
@@ -7825,7 +7956,7 @@ class PostCollapsible {
|
|
|
7825
7956
|
triggers.forEach(trigger => trigger.update());
|
|
7826
7957
|
}
|
|
7827
7958
|
render() {
|
|
7828
|
-
return (hAsync(Host, { key: '
|
|
7959
|
+
return (hAsync(Host, { key: '243dad696871a08bc07325d4511f5baeb937c194', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '5f4f8a9bb698f6558b114c760e5eeb355ac35b80' })));
|
|
7829
7960
|
}
|
|
7830
7961
|
get host() { return getElement(this); }
|
|
7831
7962
|
static get style() { return postCollapsibleCss(); }
|
|
@@ -7904,7 +8035,7 @@ class PostCollapsibleTrigger {
|
|
|
7904
8035
|
if (!this.trigger || !collapsible)
|
|
7905
8036
|
return;
|
|
7906
8037
|
// a nested collapsible may have no id, but aria-controls needs one to reference
|
|
7907
|
-
collapsible.id
|
|
8038
|
+
collapsible.id ||= `collapsible-${crypto.randomUUID()}`;
|
|
7908
8039
|
const collapsibleId = collapsible.id;
|
|
7909
8040
|
// add the controlled collapsible's id to the aria-controls list
|
|
7910
8041
|
const ariaControls = this.trigger.getAttribute('aria-controls');
|
|
@@ -7951,7 +8082,7 @@ class PostCollapsibleTrigger {
|
|
|
7951
8082
|
this.updateAriaAttributes();
|
|
7952
8083
|
}
|
|
7953
8084
|
render() {
|
|
7954
|
-
return (hAsync(Host, { key: '
|
|
8085
|
+
return (hAsync(Host, { key: '4d28c7068acd2e1b4a5f2272bee3b51ec5d8a216', "data-version": version$1 }, hAsync("slot", { key: '0bcbb780ed6d06ef36b9129b22b4a5dcd5aa7294' })));
|
|
7955
8086
|
}
|
|
7956
8087
|
get host() { return getElement(this); }
|
|
7957
8088
|
static get cmpMeta() { return {
|
|
@@ -11576,7 +11707,7 @@ try {
|
|
|
11576
11707
|
// environments (e.g. Next.js pre-rendering) with `HTMLInputElement is not defined`.
|
|
11577
11708
|
let cachedNativeValueDescriptor;
|
|
11578
11709
|
function nativeValueDescriptor() {
|
|
11579
|
-
cachedNativeValueDescriptor
|
|
11710
|
+
cachedNativeValueDescriptor ??= Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');
|
|
11580
11711
|
return cachedNativeValueDescriptor;
|
|
11581
11712
|
}
|
|
11582
11713
|
// iMask adapter that bypasses the instance-level `input.value` override (which returns ISO strings)
|
|
@@ -11958,32 +12089,31 @@ class PostDatePicker {
|
|
|
11958
12089
|
this.skipFocusOnNextRender = true;
|
|
11959
12090
|
};
|
|
11960
12091
|
/**
|
|
11961
|
-
*
|
|
12092
|
+
* Traps focus inside the calendar popover (not used in inline mode) by always taking over Tab handling,
|
|
12093
|
+
* so focus can't escape even while a grid cell is briefly untabbable mid-render.
|
|
11962
12094
|
*/
|
|
11963
12095
|
this.handleTab = (e) => {
|
|
11964
12096
|
if (this.inline || (e.key !== 'Tab' && e.key !== 'Escape'))
|
|
11965
12097
|
return;
|
|
11966
|
-
//
|
|
12098
|
+
// Explicitly close the popover on Escape
|
|
11967
12099
|
if (e.key === 'Escape') {
|
|
12100
|
+
this.popoverRef?.hide();
|
|
11968
12101
|
this.dpInput.focus();
|
|
12102
|
+
return;
|
|
11969
12103
|
}
|
|
12104
|
+
const focusable = getFocusableChildren(this.dpContainer);
|
|
12105
|
+
if (focusable.length === 0)
|
|
12106
|
+
return;
|
|
11970
12107
|
const active = this.host.shadowRoot.activeElement;
|
|
11971
|
-
|
|
11972
|
-
|
|
11973
|
-
|
|
11974
|
-
|
|
11975
|
-
|
|
11976
|
-
|
|
11977
|
-
|
|
11978
|
-
|
|
11979
|
-
|
|
11980
|
-
if (this.currentViewType === 'years') {
|
|
11981
|
-
this.prevBtn.focus();
|
|
11982
|
-
}
|
|
11983
|
-
else {
|
|
11984
|
-
this.titleBtn.focus();
|
|
11985
|
-
}
|
|
11986
|
-
}
|
|
12108
|
+
const activeIndex = focusable.indexOf(active);
|
|
12109
|
+
// Focus is outside the tracked elements, let the browser handle it
|
|
12110
|
+
if (activeIndex === -1)
|
|
12111
|
+
return;
|
|
12112
|
+
e.preventDefault();
|
|
12113
|
+
const nextIndex = e.shiftKey
|
|
12114
|
+
? (activeIndex - 1 + focusable.length) % focusable.length
|
|
12115
|
+
: (activeIndex + 1) % focusable.length;
|
|
12116
|
+
focusable[nextIndex].focus();
|
|
11987
12117
|
};
|
|
11988
12118
|
/**
|
|
11989
12119
|
* Handle keyboard/arrow navigation within the grid
|
|
@@ -12156,6 +12286,15 @@ class PostDatePicker {
|
|
|
12156
12286
|
console.error('hide: popoverRef is null or undefined');
|
|
12157
12287
|
}
|
|
12158
12288
|
}
|
|
12289
|
+
static { this.FLYOUT_OFFSET = 4; }
|
|
12290
|
+
// Cells per row for each view
|
|
12291
|
+
static {
|
|
12292
|
+
this.COLUMNS_BY_VIEW = {
|
|
12293
|
+
days: 7,
|
|
12294
|
+
months: 4,
|
|
12295
|
+
years: 4,
|
|
12296
|
+
};
|
|
12297
|
+
}
|
|
12159
12298
|
/**
|
|
12160
12299
|
* Get the system locale (e.g.`en`, etc.) from the closest parent with a `lang` attribute,
|
|
12161
12300
|
* or fallback to a default language code if not found or in server environment.
|
|
@@ -12271,7 +12410,8 @@ class PostDatePicker {
|
|
|
12271
12410
|
if (this.currentViewType === 'days') {
|
|
12272
12411
|
target = cells.find(cell => Number(cell.dataset.date) === date.getDate() &&
|
|
12273
12412
|
Number(cell.dataset.month) === date.getMonth() &&
|
|
12274
|
-
Number(cell.dataset.year) === date.getFullYear()
|
|
12413
|
+
Number(cell.dataset.year) === date.getFullYear() &&
|
|
12414
|
+
!cell.classList.contains('-other-month-'));
|
|
12275
12415
|
if (!target) {
|
|
12276
12416
|
const firstOfMonth = new Date(this.currentViewYear, this.currentViewMonth, 1);
|
|
12277
12417
|
target = cells.find(cell => Number(cell.dataset.date) === 1 &&
|
|
@@ -12785,11 +12925,11 @@ class PostDatePicker {
|
|
|
12785
12925
|
}
|
|
12786
12926
|
}
|
|
12787
12927
|
render() {
|
|
12788
|
-
return (hAsync(Host, { key: '
|
|
12928
|
+
return (hAsync(Host, { key: '82e70130d0c36d6a9e2853f888c951003173e604', "data-version": version$1 }, this.inline && (hAsync("div", { key: '381b59d3883702ede832953b3ed21cc4854c47b1', dir: this.textDirection }, hAsync("slot", { key: '1e65fa64a68c17158c8e685eada731577135bca6' }), hAsync("div", { key: '80b5019c11342d96af121f32056914011fe17b48', class: "datepicker-container" }))), !this.inline && (hAsync("div", { key: 'c1df49006815f33d4d300601a3a37b8f1b269acb', dir: this.textDirection }, hAsync("div", { key: '787df4c64b0e2d8866bd299273d511d7d20c864e', class: {
|
|
12789
12929
|
'calendar-input': !this.range,
|
|
12790
12930
|
'calendar-input-range': this.range,
|
|
12791
12931
|
'disabled': this.inputDisabled,
|
|
12792
|
-
} }, hAsync("slot", { key: '
|
|
12932
|
+
} }, hAsync("slot", { key: '211f54096096e6a3d59d55c59c27d6e131fe9845' }), hAsync("button", { key: 'b78245344a1c4c6424624c29de85a9edb3c2c302', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled, ref: e => (this.dpTrigger = e) }, hAsync("post-icon", { key: '9c9e3e309bce3f8464cf91882b39b2aa1277a8ba', name: "calendar" }))), hAsync("post-popovercontainer", { key: '35efc5f0e5582d5e5edf0a945288f2dacf824bf9', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, hAsync("div", { key: 'f5a464e97c4bc99be88da2461fa089948bdb16bd', class: "datepicker-container" }))))));
|
|
12793
12933
|
}
|
|
12794
12934
|
get host() { return getElement(this); }
|
|
12795
12935
|
static get watchers() { return {
|
|
@@ -12841,13 +12981,6 @@ class PostDatePicker {
|
|
|
12841
12981
|
"$attrsToReflect$": [["textNextMonth", "text-next-month"], ["textNextYear", "text-next-year"], ["textNextDecade", "text-next-decade"], ["textPreviousMonth", "text-previous-month"], ["textPreviousYear", "text-previous-year"], ["textPreviousDecade", "text-previous-decade"], ["textSwitchYear", "text-switch-year"]]
|
|
12842
12982
|
}; }
|
|
12843
12983
|
}
|
|
12844
|
-
PostDatePicker.FLYOUT_OFFSET = 4;
|
|
12845
|
-
// Cells per row for each view
|
|
12846
|
-
PostDatePicker.COLUMNS_BY_VIEW = {
|
|
12847
|
-
days: 7,
|
|
12848
|
-
months: 4,
|
|
12849
|
-
years: 4,
|
|
12850
|
-
};
|
|
12851
12984
|
__decorate$q([
|
|
12852
12985
|
DateValue(),
|
|
12853
12986
|
IsoDate()
|
|
@@ -12889,7 +13022,7 @@ __decorate$q([
|
|
|
12889
13022
|
Type('string')
|
|
12890
13023
|
], PostDatePicker.prototype, "textToggleCalendar", void 0);
|
|
12891
13024
|
|
|
12892
|
-
const postFooterCss = () => `:host{display:block}footer{--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-padding-block:32px;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-padding-block:16px;--post-footer-app-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-businesssectors-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-gap:8px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-base-gap:4px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px;--post-footer-grid-padding-block:48px;--post-footer-socialmedia-padding-block:24px}}@media screen and (min-width: 1024px){footer{--post-footer-grid-template:auto / repeat(4, auto);--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding-inline:var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa;border-block-start:1px solid #373632;padding-block:var(--post-footer-prefooter-padding-block)}.prefooter .footer-container{padding-block:0}.footer-main{background-color:#fc0;border-block-start:1px solid #373632}.prefooter:not(.d-none)+.footer-main{border-block-start:unset}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);gap:32px 24px;padding-block:var(--post-footer-grid-padding-block)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{padding-block:var(--post-footer-socialmedia-padding-block)}.footer-app{padding-block:var(--post-footer-app-padding-block)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{padding-block:var(--post-footer-businesssectors-padding-block)}.footer-base{background-color:#fc0;border-block-start:1px solid #373632;padding-block:var(--post-footer-base-padding-block);gap:var(--post-footer-base-gap)}.footer-meta{font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:8px;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
|
|
13025
|
+
const postFooterCss = () => `:host{display:block}footer{--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-padding-block:32px;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-padding-block:16px;--post-footer-app-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-businesssectors-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-gap:8px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-base-gap:4px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px;--post-footer-grid-padding-block:48px;--post-footer-socialmedia-padding-block:24px}}@media screen and (min-width: 1024px){footer{--post-footer-grid-template:auto / repeat(4, auto);--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding-inline:var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa;border-block-start:1px solid #373632;padding-block:var(--post-footer-prefooter-padding-block)}.prefooter .footer-container{padding-block:0}.footer-main{background-color:#fc0;border-block-start:1px solid #373632}.prefooter:not(.d-none)+.footer-main{border-block-start:unset}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);gap:32px 24px;padding-block:var(--post-footer-grid-padding-block)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{padding-block:var(--post-footer-socialmedia-padding-block)}.footer-app{padding-block:var(--post-footer-app-padding-block)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{padding-block:var(--post-footer-businesssectors-padding-block)}.footer-base{background-color:#fc0;border-block-start:1px solid #373632;padding-block-start:var(--post-footer-base-padding-block);padding-block-end:max(var(--post-footer-base-padding-block), env(safe-area-inset-bottom, 0px));gap:var(--post-footer-base-gap)}.footer-meta{font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:8px;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
|
|
12893
13026
|
|
|
12894
13027
|
var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12895
13028
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -12972,10 +13105,10 @@ class PostFooter {
|
|
|
12972
13105
|
const allGridSlotsEmpty = GRID_SLOTS.every(slotName => !this.slotDisplayed[slotName]);
|
|
12973
13106
|
const renderMain = !allGridSlotsEmpty || renderSocialmedia || renderApp || renderBusinesssectors;
|
|
12974
13107
|
const renderBase = renderCopyright || renderMeta;
|
|
12975
|
-
return (hAsync(Host, { key: '
|
|
13108
|
+
return (hAsync(Host, { key: '08a1ce26926dace6b5b58df118007107c971221e', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: 'bcc5101df4f8e203fdba9075e34b7aa125eb53ce' }, hAsync("h2", { key: 'a8efa01756ea699f5f66346e3cfe05cc56f36264', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: '1b8e30a01c3f0a711f0351b36d396f90511154c4', class: { 'prefooter': true, 'd-none': !renderPrefooter } }, hAsync("div", { key: '2c900ed450bc1dc5ad655d35f5f50b1b5a268fec', class: "footer-container" }, hAsync("slot", { key: '8ab8cef6c639251543c65ed21a1f14adf043029e', onSlotchange: this.handleSlotChange, name: "prefooter" }))), hAsync("div", { key: 'e3f3bedd9725968fbce6e887e22842a7e8e5ffa5', class: { 'footer-main': true, 'd-none': !renderMain } }, hAsync("div", { key: '76cec7363e3771da636a6c0a32afbf16d5c4d405', class: "footer-container" }, hAsync("div", { key: '4e9ea3788103175b48839b6bf815d4c675769c97', class: { 'footer-grid': true, 'd-none': allGridSlotsEmpty } }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: '64d10c9fb543290e078f7fff098b401926b3bf4b', class: {
|
|
12976
13109
|
'footer-column': true,
|
|
12977
13110
|
'd-none': !renderSocialmedia && !renderApp,
|
|
12978
|
-
} }, hAsync("div", { key: '
|
|
13111
|
+
} }, hAsync("div", { key: '05b566b43e2c4fed2919e3312a718ea392cad0f7', class: { 'footer-socialmedia': true, 'd-none': !renderSocialmedia } }, hAsync("slot", { key: 'a46f739c9d4b6cbf96988f96f89d7cc093797b40', onSlotchange: this.handleSlotChange, name: "socialmedia" })), hAsync("div", { key: 'f28490dfaa982a609ba1eb393339980a358488e5', class: { 'footer-app': true, 'd-none': !renderApp } }, hAsync("slot", { key: '01c10bf12eb2f39a0dbceec320b476041d46c631', onSlotchange: this.handleSlotChange, name: "app" }))), hAsync("div", { key: '609935b6b6ee48176d7e44919726abdaff8e6161', class: { 'footer-businesssectors': true, 'd-none': !renderBusinesssectors } }, hAsync("slot", { key: '9f153ba54a08d48e55644fe58089ed7122c1cfdd', onSlotchange: this.handleSlotChange, name: "businesssectors" })))), hAsync("div", { key: '03fd76b711b9d9f1f912ac7a4199ee2706bd3a9a', class: { 'footer-base': true, 'd-none': !renderBase } }, hAsync("div", { key: '3eb810a55e3193295f8b9291bd824af77a5a2fac', class: "footer-container" }, hAsync("div", { key: '04c38d8d5e483b9f9cc8acca1cc8224e381651f1', class: { 'footer-copyright': true, 'd-none': !renderCopyright } }, hAsync("slot", { key: 'fdd11e63af64161288533c21ea455f3513ac7d87', onSlotchange: this.handleSlotChange, name: "copyright" })), hAsync("div", { key: 'adffa17e5f3b94af32e489d113afd9908e2b7abf', class: { 'footer-meta': true, 'd-none': !renderMeta } }, hAsync("slot", { key: '7ebaf69055332d184b86a58e57db1c214b5f08c6', onSlotchange: this.handleSlotChange, name: "meta" })))))));
|
|
12979
13112
|
}
|
|
12980
13113
|
get host() { return getElement(this); }
|
|
12981
13114
|
static get style() { return postFooterCss(); }
|
|
@@ -12997,7 +13130,7 @@ __decorate$p([
|
|
|
12997
13130
|
Type('string')
|
|
12998
13131
|
], PostFooter.prototype, "textFooter", void 0);
|
|
12999
13132
|
|
|
13000
|
-
const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:8px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:4px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:4px;--post-local-header-padding-block:12px;--post-burger-menu-padding-inline:40px;--post-burger-menu-body-gap:32px;--post-burger-menu-footer-gap:24px}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:0px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:8px;--post-local-header-padding-inline-end:8px;--post-local-header-padding-block:8px;--post-burger-menu-padding-inline:16px;--post-burger-menu-body-gap:24px;--post-burger-menu-footer-gap:16px}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-global-header-reduced-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-bottom:1px solid}}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(20px - var(--post-header-gap));margin-inline-start:clamp(var(--post-logo-expanded-offset),var(--post-logo-expanded-offset) + (var(--post-logo-reduced-offset) - var(--post-logo-expanded-offset))*min(var(--post-header-scroll-top, 0px),var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))/max(1px,var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height)),var(--post-logo-reduced-offset))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{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;border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;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);display:var(--post-burger-button-display, flex)}.burger-button:not(:disabled):hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.burger-button{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}.burger-button: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){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-button: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){.burger-button: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){.burger-button{border-width:1px !important;transition:none}.burger-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.burger-button: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)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){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)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):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)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:10px}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:24px;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:16px
|
|
13133
|
+
const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:8px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:4px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:4px;--post-local-header-padding-block:12px;--post-burger-menu-padding-inline:40px;--post-burger-menu-body-gap:32px;--post-burger-menu-footer-gap:24px}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:0px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:8px;--post-local-header-padding-inline-end:8px;--post-local-header-padding-block:8px;--post-burger-menu-padding-inline:16px;--post-burger-menu-body-gap:24px;--post-burger-menu-footer-gap:16px}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-global-header-reduced-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-bottom:1px solid}}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header::before{position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100dvh;content:"";background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(20px - var(--post-header-gap));margin-inline-start:clamp(var(--post-logo-expanded-offset),var(--post-logo-expanded-offset) + (var(--post-logo-reduced-offset) - var(--post-logo-expanded-offset))*min(var(--post-header-scroll-top, 0px),var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))/max(1px,var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height)),var(--post-logo-reduced-offset))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{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;border:unset;font-weight:unset;display:flex;padding:4px 10px;gap:6px;font-size:1rem;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);display:var(--post-burger-button-display, flex)}.burger-button:not(:disabled):hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.burger-button{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}.burger-button: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){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-button: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){.burger-button: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){.burger-button{border-width:1px !important;transition:none}.burger-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.burger-button: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)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){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)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):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)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:10px}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:24px;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block-start:16px;padding-block-end:max(24px, env(safe-area-inset-bottom, 0px));gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:56px;display:flex;align-items:center;justify-content:flex-end;padding-inline:4px}`;
|
|
13001
13134
|
|
|
13002
13135
|
var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13003
13136
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -13281,15 +13414,21 @@ class PostHeader {
|
|
|
13281
13414
|
languageSwitch?.setAttribute('variant', variant);
|
|
13282
13415
|
});
|
|
13283
13416
|
}
|
|
13284
|
-
onFocusChange() {
|
|
13417
|
+
onFocusChange(event) {
|
|
13418
|
+
// Ignore focus moving between elements of the header (e.g. into the language menu flyout)
|
|
13419
|
+
if (event.type === 'focusout' && this.isWithinHeader(event.relatedTarget))
|
|
13420
|
+
return;
|
|
13285
13421
|
const isFocusVisible = this.getDeepActiveElement()?.matches(':focus-visible');
|
|
13286
|
-
const isFocusedInHeader =
|
|
13287
|
-
|
|
13288
|
-
|
|
13289
|
-
|
|
13290
|
-
const isHeaderExpanded = isFocusVisible && isFocusedInHeader &&
|
|
13422
|
+
const isFocusedInHeader = event.type === 'focusin';
|
|
13423
|
+
// Only expand when focus is in the part that collapses on scroll
|
|
13424
|
+
const collapsiblePart = this.device === 'desktop' ? this.globalHeader : this.localHeader;
|
|
13425
|
+
const isInCollapsiblePart = event.composedPath().includes(collapsiblePart);
|
|
13426
|
+
const isHeaderExpanded = isFocusVisible && isFocusedInHeader && isInCollapsiblePart;
|
|
13291
13427
|
this.host.toggleAttribute('data-expanded', isHeaderExpanded);
|
|
13292
13428
|
}
|
|
13429
|
+
isWithinHeader(target) {
|
|
13430
|
+
return target instanceof Node && (target === this.host || this.host.contains(target));
|
|
13431
|
+
}
|
|
13293
13432
|
// document.activeElement stops at the outermost shadow host (e.g. post-language-menu)
|
|
13294
13433
|
// when focus is nested inside its own shadow root, walk down to find the real target
|
|
13295
13434
|
getDeepActiveElement() {
|
|
@@ -13307,10 +13446,10 @@ class PostHeader {
|
|
|
13307
13446
|
}, style: { '--post-header-navigation-current-inset': `${this.burgerMenu?.scrollTop ?? 0}px` }, ref: el => (this.burgerMenu = el) }, this.hasLocalNav && !this.hasTitle && (hAsync("div", { class: "local-nav" }, hAsync("slot", { name: "local-nav" }))), hAsync("div", { class: "burger-menu-body" }, hAsync("slot", { name: "audience" }), hAsync("slot", { name: "main-nav" })), hAsync("div", { class: "burger-menu-footer" }, hAsync("slot", { name: "global-nav-secondary" }), hAsync("slot", { name: "language-menu" }))));
|
|
13308
13447
|
}
|
|
13309
13448
|
render() {
|
|
13310
|
-
return (hAsync(Host, { key: '
|
|
13449
|
+
return (hAsync(Host, { key: 'b56ff059c4b6b855a4b05012822d29b59893db1e', "data-version": version$1, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, hAsync("header", { key: 'f8b6e0fc7f56e4b07e2efa518a83cbac1ca99aa1' }, hAsync("div", { key: '46a213668dafe872c97ecc1eba14aa26f43e9d7b', ref: el => (this.globalHeader = el), class: "global-header" }, hAsync("div", { key: '4b2e823d1b3029dec5fbe00bdc85cdac2d9620b7', class: "section" }, hAsync("div", { key: 'd82d6fe19a4bb0fa5803e34f203e23bf0e50a54c', class: "logo" }, hAsync("slot", { key: 'b7658b72eb94cd41f616c035b5bbdc5c74f54553', name: "post-logo" })), hAsync("div", { key: '7e85473a77094a2636c33536dd97e8a1cbaef808', class: "sliding-controls" }, (hAsync("div", { key: 'c517e32382d0d79152f41ba0027466a9d4248a31', class: "audience" }, hAsync("slot", { key: '35904084eae6c4ac4181b3b60ce884413195c8f0', name: "audience" }))), hAsync("slot", { key: '1de9359402c52f416c44607282f5a3f47af246b8', name: "global-nav-primary" }), [
|
|
13311
13450
|
hAsync("slot", { key: "global-nav-secondary", name: "global-nav-secondary" }),
|
|
13312
13451
|
hAsync("slot", { key: "language-menu", name: "language-menu" }),
|
|
13313
|
-
], hAsync("slot", { key: '
|
|
13452
|
+
], hAsync("slot", { key: 'd0d23f956bac35b11fc4131320312e2a585b1a4b', name: "post-login" }), this.hasMainNav && (hAsync("post-togglebutton", { key: '572e58fdc028cff601ee2338b8fd3f8d06f5dbea', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, hAsync("span", { key: '154559ace747114de3459dd4c0648bad420c2264' }, this.textMenu), hAsync("post-icon", { key: '5d6092bc43f79873881f5f0f1bb06931dbcf078a', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), hAsync("post-icon", { key: 'e10de4db6a93d712a5b9d2e8d3f97d2e7bc6f981', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), hAsync("div", { key: 'dc13f512041dbe8036c1a7932647c58bceae9115', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, hAsync("div", { key: 'f0e2e41c8cd1aceb429779d36c262ae2a6c7046b', class: "section" }, hAsync("slot", { key: '217a18a42179e9e5cdad5020487a1b9f6cdad55f', name: "side-nav" }), hAsync("slot", { key: 'e9659713979eb9b4036a73a9096800e965b7d743', name: "title" }), this.hasTitle && hAsync("slot", { key: 'b369555b161852eb1fd7f7bd3d416e3b6e7c011d', name: "local-nav" }), hAsync("slot", { key: 'ecbc8c9e1eab8d08f8dd57a942621a8fc8035bde', name: "main-nav" }), !this.hasTitle && hAsync("slot", { key: 'f8819094ba68ccda390b9eb97b422c9b41297f6e', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
13314
13453
|
}
|
|
13315
13454
|
get host() { return getElement(this); }
|
|
13316
13455
|
static get watchers() { return {
|
|
@@ -13442,7 +13581,7 @@ class PostIcon {
|
|
|
13442
13581
|
}).filter(([_key, value]) => value !== null));
|
|
13443
13582
|
}
|
|
13444
13583
|
render() {
|
|
13445
|
-
return (hAsync(Host, { key: '
|
|
13584
|
+
return (hAsync(Host, { key: '405ccfde4206c14f044575d0b23998d93a03ffb6', "data-version": version$1 }, hAsync("span", { key: 'ad70ccf63add4b881ef6096ae460e13fba09f508', style: this.getStyles() })));
|
|
13446
13585
|
}
|
|
13447
13586
|
get host() { return getElement(this); }
|
|
13448
13587
|
static get style() { return postIconCss(); }
|
|
@@ -13762,7 +13901,7 @@ class PostLinkarea {
|
|
|
13762
13901
|
}));
|
|
13763
13902
|
}
|
|
13764
13903
|
render() {
|
|
13765
|
-
return (hAsync(Host, { key: '
|
|
13904
|
+
return (hAsync(Host, { key: 'a187468c97584b393efb0f73966716947243fe1f', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: 'a374c748871f36acf8ceda423c121645e97a6ce1' })));
|
|
13766
13905
|
}
|
|
13767
13906
|
get host() { return getElement(this); }
|
|
13768
13907
|
static get style() { return postLinkareaCss(); }
|
|
@@ -13908,7 +14047,7 @@ class PostListbox {
|
|
|
13908
14047
|
this.updateSelection(event.detail);
|
|
13909
14048
|
}
|
|
13910
14049
|
render() {
|
|
13911
|
-
return (hAsync(Host, { key: '
|
|
14050
|
+
return (hAsync(Host, { key: 'a59296af752a3f88bcd70663d0ce12f61718e92f', "data-version": version$1, role: "listbox" }, hAsync("post-popovercontainer", { key: '665dd563705515022edc79a4d98e9ac43b80c525', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, hAsync("slot", { key: 'd8a37fd905dfaca07286913a0c680e61744d65e1', name: "blank-slate" }), hAsync("slot", { key: '22e367ae36329d0586e1a275692983cf0c004df4' }))));
|
|
13912
14051
|
}
|
|
13913
14052
|
get host() { return getElement(this); }
|
|
13914
14053
|
static get style() { return postListboxCss(); }
|
|
@@ -13945,9 +14084,9 @@ class PostListboxOption {
|
|
|
13945
14084
|
this.highlighted = false;
|
|
13946
14085
|
}
|
|
13947
14086
|
render() {
|
|
13948
|
-
return (hAsync(Host, { key: '
|
|
14087
|
+
return (hAsync(Host, { key: '38481f1a4721d50530bbd96a80ebc89933c8311c', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
|
|
13949
14088
|
/* Prevent focus change from triggering onblur event in post-autocomplete */
|
|
13950
|
-
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: '
|
|
14089
|
+
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: '25403d2e68f44f68d5c3f2097c5aab57f90176cf', class: "option-content" }, this.value, hAsync("span", { key: '0caf89cfb81695f33637facd07dcf628fa6024a8', class: "option-description" }, hAsync("slot", { key: '857ed6d15014fb8d32f7074c9f1622d540f8ed13' }))), this.selected && hAsync("post-icon", { key: '3b300532591be12424a84cebd082b8c0c3ca6935', "aria-hidden": "true", name: "checkmark" })));
|
|
13951
14090
|
}
|
|
13952
14091
|
static get style() { return postListboxOptionCss(); }
|
|
13953
14092
|
static get cmpMeta() { return {
|
|
@@ -13994,7 +14133,7 @@ class PostLogo {
|
|
|
13994
14133
|
render() {
|
|
13995
14134
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
13996
14135
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
13997
|
-
return (hAsync(Host, { key: '
|
|
14136
|
+
return (hAsync(Host, { key: '1f69b0ddc0ecf2fde47423cd7824fcbe76e4a529', "data-version": version$1 }, hAsync(LogoTag, { key: '096736bd50a6dd43e02a104e7e81897cb286db60', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: 'bc49b9591424f02744f771eb1079911f02ceca33', class: "description" }, hAsync("slot", { key: 'ea905eac805e2a9940bfe50aa222bef738d15d27', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: '482d94c38347017269dabd0ab3d15f4ede14f187', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: 'fcd3dc56e8a0e448abe65b557639a8bea8ca580f', id: "Logo" }, hAsync("rect", { key: '11ed7bad596ee07301f1c1101ddded089ef2bf99', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: '6ab9d28c8492c746a2620cff62dbd92a59a00aff', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: '8b96cee7ee8ad1ec3c22aaf7928f7a711c05c828', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
|
|
13998
14137
|
}
|
|
13999
14138
|
get host() { return getElement(this); }
|
|
14000
14139
|
static get style() { return postLogoCss(); }
|
|
@@ -14144,7 +14283,7 @@ class PostMainnavigation {
|
|
|
14144
14283
|
}, NAVBAR_DISABLE_DURATION);
|
|
14145
14284
|
}
|
|
14146
14285
|
render() {
|
|
14147
|
-
return (hAsync(Host, { key: '
|
|
14286
|
+
return (hAsync(Host, { key: 'cf7b2328a41b41ca28956120b8042590655e7bb2', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: 'a25c55cf7b11a11ce86fb134dd57dbdad3d30301', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '013778591637d5ee0ac2cd2bf3f23c677ba2a13f', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: 'a007b7be57429580de35865e5eff0c54378d0a8e', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: 'bc8e1db18430ee43b5963539fbaa65e1fb1b0c55' })), hAsync("div", { key: 'cdb413fedc9a90c712db0fe5d6ab760a426ff632', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: 'b2df569a79881b3a044556ba9c0f2e2b0646e78b', "aria-hidden": "true", name: "chevronright" }))));
|
|
14148
14287
|
}
|
|
14149
14288
|
get host() { return getElement(this); }
|
|
14150
14289
|
static get style() { return postMainnavigationCss(); }
|
|
@@ -14166,7 +14305,7 @@ __decorate$i([
|
|
|
14166
14305
|
Type('string')
|
|
14167
14306
|
], PostMainnavigation.prototype, "textMain", void 0);
|
|
14168
14307
|
|
|
14169
|
-
const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 48px);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{padding:48px 40px 40px}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block-start:24px}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{padding-block-end:24px}}.megadropdown-title{margin-block:0 16px;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{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-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);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);order:-1;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.back-button{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}.back-button: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){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button: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){.back-button: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){.back-button{border-width:1px !important;transition:none}.back-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button: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)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:32px}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:24px}}.close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
|
|
14308
|
+
const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 48px);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{padding:48px 40px 40px}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block-start:24px}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{padding-block-end:max(24px, env(safe-area-inset-bottom, 0px))}}.megadropdown-title{margin-block:0 16px;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{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-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);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);order:-1;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.back-button{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}.back-button: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){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button: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){.back-button: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){.back-button{border-width:1px !important;transition:none}.back-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button: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)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:32px}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:24px}}.close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
|
|
14170
14309
|
|
|
14171
14310
|
var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
14172
14311
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -14179,6 +14318,8 @@ var __decorate$h = (undefined && undefined.__decorate) || function (decorators,
|
|
|
14179
14318
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
14180
14319
|
};
|
|
14181
14320
|
class PostMegadropdown {
|
|
14321
|
+
/** Tracks the currently active dropdown instance. */
|
|
14322
|
+
static { this.activeDropdown = null; }
|
|
14182
14323
|
get megadropdownTrigger() {
|
|
14183
14324
|
const hostId = this.host.getAttribute('id');
|
|
14184
14325
|
return hostId ? document.querySelector(`post-megadropdown-trigger[for="${hostId}"]`) : null;
|
|
@@ -14460,7 +14601,7 @@ class PostMegadropdown {
|
|
|
14460
14601
|
}
|
|
14461
14602
|
render() {
|
|
14462
14603
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
14463
|
-
return (hAsync(Host, { key: '
|
|
14604
|
+
return (hAsync(Host, { key: 'c0854fff62bf5e8de1597e46051aea5f300ee686', version: version$1 }, hAsync("div", { key: '1f4f66b74d7129481d76f1eec15a924b2c37718c', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: 'af743442fe3ad6211cddccddf5d0803de9f501b5', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: '35a03b2ee32498aa157140d4e6916cbf66655e5c', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: '6c4efb52e7bb04c4f40d5b3f739ca69771c48602', class: "megadropdown-content" }, hAsync("slot", { key: '2b3200495cf23fe049734de9de9a5a1f4c9b09f3' })), this.device === 'desktop' ? (hAsync("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (hAsync("button", { onClick: () => this.hide(true), class: "back-button" }, hAsync("post-icon", { name: "arrowleft" }), this.textBack))))));
|
|
14464
14605
|
}
|
|
14465
14606
|
get host() { return getElement(this); }
|
|
14466
14607
|
static get style() { return postMegadropdownCss(); }
|
|
@@ -14485,8 +14626,6 @@ class PostMegadropdown {
|
|
|
14485
14626
|
"$attrsToReflect$": [["textClose", "text-close"], ["textBack", "text-back"]]
|
|
14486
14627
|
}; }
|
|
14487
14628
|
}
|
|
14488
|
-
/** Tracks the currently active dropdown instance. */
|
|
14489
|
-
PostMegadropdown.activeDropdown = null;
|
|
14490
14629
|
__decorate$h([
|
|
14491
14630
|
Required(),
|
|
14492
14631
|
Type('string')
|
|
@@ -14565,7 +14704,7 @@ class PostMegadropdownTrigger {
|
|
|
14565
14704
|
this.megadropdown.toggle();
|
|
14566
14705
|
}
|
|
14567
14706
|
render() {
|
|
14568
|
-
return (hAsync(Host, { key: '
|
|
14707
|
+
return (hAsync(Host, { key: '7e6201e3cdea96113bbebdeeb805acff557c8bbb', "data-version": version$1 }, hAsync("button", { key: '1863f48dbd6e98b7a2b226b7c3b25b16a38c644b', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, hAsync("span", { key: 'dee7e77e45914a3e40a9f5027570bef0035dfdf2' }, hAsync("span", { key: '362865f7946f14f45ecdb240e81f09370e3f6d10', innerHTML: this.slottedContent }), hAsync("span", { key: 'd61eb63433aa65631f787646df2c6705c3d6e7a1', "aria-hidden": "true" }, hAsync("slot", { key: 'c831f7299fe3c80b8229c861e01e09a2ee481bc8' }))), hAsync("post-icon", { key: 'bcc8ed53293e16d4571e989a491760f98425b298', name: "chevrondown" }))));
|
|
14569
14708
|
}
|
|
14570
14709
|
get host() { return getElement(this); }
|
|
14571
14710
|
static get style() { return postMegadropdownTriggerCss(); }
|
|
@@ -14790,7 +14929,7 @@ class PostMenu {
|
|
|
14790
14929
|
]));
|
|
14791
14930
|
}
|
|
14792
14931
|
render() {
|
|
14793
|
-
return (hAsync(Host, { key: '
|
|
14932
|
+
return (hAsync(Host, { key: '22441c2bef0402f10e77b96b8a5d48a0648615f7', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '8b37fe55d58a3a486e947266348b55408999a8bb', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '2679eb9c4a95585b8aaf74e29f026c84b10aa6f3', part: "post-menu" }, hAsync("slot", { key: '0da58a1bde1bdb4c1f8b7b19ca8cbde14d7946fc', name: "header" }), hAsync("slot", { key: '801f7bc59d4d3267728b9adf0750dbea76a7652c' })))));
|
|
14794
14933
|
}
|
|
14795
14934
|
get host() { return getElement(this); }
|
|
14796
14935
|
static get style() { return postMenuCss(); }
|
|
@@ -14824,7 +14963,7 @@ __decorate$f([
|
|
|
14824
14963
|
EventFrom('post-popovercontainer')
|
|
14825
14964
|
], PostMenu.prototype, "handlePostBeforeToggle", null);
|
|
14826
14965
|
|
|
14827
|
-
const postMenuItemCss = () => `post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;width:100%}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item
|
|
14966
|
+
const postMenuItemCss = () => `post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;width:100%}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item button,post-menu-item a{position:relative;display:flex;align-items:center;padding:8px 12px 8px 16px;gap:12px;font-size:.875rem;color:#050400;border-radius:0;text-decoration:none}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:12px;gap:16px}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:13px}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}post-menu-item button post-icon,post-menu-item a post-icon{width:16px;height:16px;margin-block:4px}@media screen and (min-width: 780px){post-menu-item button post-icon,post-menu-item a post-icon{width:24px;height:24px;margin:0}}`;
|
|
14828
14967
|
|
|
14829
14968
|
class PostMenuItem {
|
|
14830
14969
|
constructor(hostRef) {
|
|
@@ -14912,7 +15051,7 @@ class PostMenuTrigger {
|
|
|
14912
15051
|
return null;
|
|
14913
15052
|
}
|
|
14914
15053
|
render() {
|
|
14915
|
-
return (hAsync(Host, { key: '
|
|
15054
|
+
return (hAsync(Host, { key: 'f75522d28e9a45c80846a191cff3ea2eb51b5bde', "data-version": version$1 }, hAsync("slot", { key: 'bc70e3ddc8dc372611c00a4cda52cd35ede02a3f' })));
|
|
14916
15055
|
}
|
|
14917
15056
|
get host() { return getElement(this); }
|
|
14918
15057
|
static get style() { return postMenuTriggerCss(); }
|
|
@@ -15022,10 +15161,10 @@ class PostNumberInput {
|
|
|
15022
15161
|
}
|
|
15023
15162
|
render() {
|
|
15024
15163
|
const areButtonsShown = !!this.input;
|
|
15025
|
-
return (hAsync(Host, { key: '
|
|
15164
|
+
return (hAsync(Host, { key: '9bc4f1aff3f0347c5419cbc8c3f03660c8ce0ec3', "data-version": version$1, class: {
|
|
15026
15165
|
'number-input-sm': this.small,
|
|
15027
15166
|
'disabled': this.isDisabled,
|
|
15028
|
-
} }, areButtonsShown && (hAsync("div", { key: '
|
|
15167
|
+
} }, areButtonsShown && (hAsync("div", { key: '556bdd45f2dc5b924f7bb2eab0c059c3000bf404', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, hAsync("post-icon", { key: 'fc8ee1c88ab96345a0aa81928c7fd4d45dd88414', name: "minus" }))), hAsync("div", { key: '9284ca5c21009bd79b144e61a33017501646fceb', class: "input-container" }, hAsync("slot", { key: 'e6dfefd93d26fee610a82863a66f55939552ff7c', onSlotchange: () => this.setupInput() })), areButtonsShown && (hAsync("div", { key: 'd74c99d7f2db50387cd3f0d6033339fbf9480a24', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, hAsync("post-icon", { key: '25635f72d1b067663f8458bdbb7994c7dfafa6e8', name: "plus" })))));
|
|
15029
15168
|
}
|
|
15030
15169
|
get host() { return getElement(this); }
|
|
15031
15170
|
static get style() { return postNumberInputCss(); }
|
|
@@ -15716,7 +15855,7 @@ class PostPopover {
|
|
|
15716
15855
|
/**
|
|
15717
15856
|
* Show a little indicator arrow
|
|
15718
15857
|
*/
|
|
15719
|
-
// eslint-disable-next-line
|
|
15858
|
+
// eslint-disable-next-line stencil/ban-default-true
|
|
15720
15859
|
this.arrow = true;
|
|
15721
15860
|
this.breakpointChange = () => {
|
|
15722
15861
|
requestAnimationFrame(() => this.updateEdgeGap());
|
|
@@ -15773,10 +15912,10 @@ class PostPopover {
|
|
|
15773
15912
|
}
|
|
15774
15913
|
}
|
|
15775
15914
|
render() {
|
|
15776
|
-
return (hAsync(Host, { key: '
|
|
15915
|
+
return (hAsync(Host, { key: '0e57981004d99d528a4652598739afbf1208376c', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '380838970ed2c62f9e21e95da6957e9ff36db31a', arrow: this.arrow, placement: this.placement, edgeGap: this.edgeGap, autoHide: true, ref: e => {
|
|
15777
15916
|
if (e)
|
|
15778
15917
|
this.popoverRef = e;
|
|
15779
|
-
} }, hAsync("div", { key: '
|
|
15918
|
+
} }, hAsync("div", { key: '77465a8e943f61492869a3e05cf03f90b9fd553c', class: "popover-container" }, hAsync("div", { key: '0ab4e621ecc58a9775c4a9b8dfba3d26eb577878', class: "popover-content" }, hAsync("slot", { key: '1b2d37d50ef23edad118abc5949686e59e15b931' })), hAsync("post-closebutton", { key: '8c2138b22f49681d37d2f38f6fb6331c730849f3' }, this.textClose)))));
|
|
15780
15919
|
}
|
|
15781
15920
|
get host() { return getElement(this); }
|
|
15782
15921
|
static get style() { return postPopoverCss(); }
|
|
@@ -20874,7 +21013,7 @@ class PostPopoverTrigger {
|
|
|
20874
21013
|
this.trigger.ariaControlsElements = [popover];
|
|
20875
21014
|
}
|
|
20876
21015
|
else {
|
|
20877
|
-
popover.id
|
|
21016
|
+
popover.id ||= `popover-${crypto.randomUUID()}`;
|
|
20878
21017
|
this.trigger.setAttribute('aria-controls', popover.id);
|
|
20879
21018
|
}
|
|
20880
21019
|
}
|
|
@@ -20924,7 +21063,7 @@ class PostPopoverTrigger {
|
|
|
20924
21063
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
20925
21064
|
}
|
|
20926
21065
|
render() {
|
|
20927
|
-
return (hAsync(Host, { key: '
|
|
21066
|
+
return (hAsync(Host, { key: 'f9c320748c1cfdfb6accce4e20c64ea7c00d20c5', "data-version": version$1 }, hAsync("slot", { key: 'e00dcaa23ec3e2976136c26931780d083b6f1a8f', onSlotchange: () => this.setupTrigger() })));
|
|
20928
21067
|
}
|
|
20929
21068
|
get host() { return getElement(this); }
|
|
20930
21069
|
static get watchers() { return {
|
|
@@ -23018,7 +23157,7 @@ function applySafeArea(clippingRect, element) {
|
|
|
23018
23157
|
*/
|
|
23019
23158
|
const computePositionWithSafeArea = (reference, floating, options) => {
|
|
23020
23159
|
// Adapted from https://github.com/floating-ui/floating-ui/blob/27629b74ba36ab8ceb2a968051927b9b69511a3b/packages/dom/src/index.ts#L15
|
|
23021
|
-
options
|
|
23160
|
+
options ??= {};
|
|
23022
23161
|
return computePosition(reference, floating, {
|
|
23023
23162
|
...options,
|
|
23024
23163
|
platform: {
|
|
@@ -23048,6 +23187,30 @@ const ANIMATIONS = {
|
|
|
23048
23187
|
* @slot - Default slot for placing content inside the popovercontainer.
|
|
23049
23188
|
*/
|
|
23050
23189
|
class PostPopovercontainer {
|
|
23190
|
+
static {
|
|
23191
|
+
this.STATIC_SIDES = {
|
|
23192
|
+
top: 'bottom',
|
|
23193
|
+
right: 'left',
|
|
23194
|
+
bottom: 'top',
|
|
23195
|
+
left: 'right',
|
|
23196
|
+
};
|
|
23197
|
+
}
|
|
23198
|
+
static {
|
|
23199
|
+
this.PROPERTIES_TO_CLEAR = [
|
|
23200
|
+
'--post-safe-space-popover-x',
|
|
23201
|
+
'--post-safe-space-popover-y',
|
|
23202
|
+
'--post-safe-space-popover-x-start',
|
|
23203
|
+
'--post-safe-space-popover-x-end',
|
|
23204
|
+
'--post-safe-space-popover-y-start',
|
|
23205
|
+
'--post-safe-space-popover-y-end',
|
|
23206
|
+
'--post-safe-space-trigger-x',
|
|
23207
|
+
'--post-safe-space-trigger-y',
|
|
23208
|
+
'--post-safe-space-trigger-x-start',
|
|
23209
|
+
'--post-safe-space-trigger-x-end',
|
|
23210
|
+
'--post-safe-space-trigger-y-start',
|
|
23211
|
+
'--post-safe-space-trigger-y-end',
|
|
23212
|
+
];
|
|
23213
|
+
}
|
|
23051
23214
|
constructor(hostRef) {
|
|
23052
23215
|
registerInstance(this, hostRef);
|
|
23053
23216
|
this.postBeforeShow = createEvent(this, "postBeforeShow");
|
|
@@ -23380,9 +23543,9 @@ class PostPopovercontainer {
|
|
|
23380
23543
|
}
|
|
23381
23544
|
}
|
|
23382
23545
|
render() {
|
|
23383
|
-
return (hAsync(Host, { key: '
|
|
23546
|
+
return (hAsync(Host, { key: 'f3ea4bfc9a59faa2fbf1e413a1ec648f598a6779', "data-version": version$1, popover: "auto" }, hAsync("div", { key: 'a328c73c7e08eca1e423fcbe736798188cca2a87', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: '8fad0095fb8d8c903ba84a639b4efc3e321c6aef', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
|
|
23384
23547
|
this.arrowRef = el;
|
|
23385
|
-
} })), hAsync("span", { key: '
|
|
23548
|
+
} })), hAsync("span", { key: 'deadbcc5892ed545a64b4a0e5e0936e0dd1feb70', part: "post-popovercontainer-border-mask" }), hAsync("slot", { key: '48c4db7ab222f3ef18157ce19d8ba15d75441f98' }))));
|
|
23386
23549
|
}
|
|
23387
23550
|
get host() { return getElement(this); }
|
|
23388
23551
|
static get style() { return postPopovercontainerCss(); }
|
|
@@ -23406,26 +23569,6 @@ class PostPopovercontainer {
|
|
|
23406
23569
|
"$attrsToReflect$": [["safeSpace", "safe-space"]]
|
|
23407
23570
|
}; }
|
|
23408
23571
|
}
|
|
23409
|
-
PostPopovercontainer.STATIC_SIDES = {
|
|
23410
|
-
top: 'bottom',
|
|
23411
|
-
right: 'left',
|
|
23412
|
-
bottom: 'top',
|
|
23413
|
-
left: 'right',
|
|
23414
|
-
};
|
|
23415
|
-
PostPopovercontainer.PROPERTIES_TO_CLEAR = [
|
|
23416
|
-
'--post-safe-space-popover-x',
|
|
23417
|
-
'--post-safe-space-popover-y',
|
|
23418
|
-
'--post-safe-space-popover-x-start',
|
|
23419
|
-
'--post-safe-space-popover-x-end',
|
|
23420
|
-
'--post-safe-space-popover-y-start',
|
|
23421
|
-
'--post-safe-space-popover-y-end',
|
|
23422
|
-
'--post-safe-space-trigger-x',
|
|
23423
|
-
'--post-safe-space-trigger-y',
|
|
23424
|
-
'--post-safe-space-trigger-x-start',
|
|
23425
|
-
'--post-safe-space-trigger-x-end',
|
|
23426
|
-
'--post-safe-space-trigger-y-start',
|
|
23427
|
-
'--post-safe-space-trigger-y-end',
|
|
23428
|
-
];
|
|
23429
23572
|
__decorate$a([
|
|
23430
23573
|
OneOf(PLACEMENT_TYPES)
|
|
23431
23574
|
], PostPopovercontainer.prototype, "placement", void 0);
|
|
@@ -23482,7 +23625,7 @@ class PostProgressbar {
|
|
|
23482
23625
|
const max = this.getEffectiveMax();
|
|
23483
23626
|
const value = this.getEffectiveValue(min, max);
|
|
23484
23627
|
const percentage = ((value - min) / (max - min)) * 100;
|
|
23485
|
-
return (hAsync(Host, { key: '
|
|
23628
|
+
return (hAsync(Host, { key: 'c29b1fa3dca89d999c2a55bd58c9c7450ed767c6', role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: 'aaff038be7bdaf99de1e94c7479c2b57947195ac', class: "progress-value", style: { '--post-progressbar-value': `${percentage}%` } })));
|
|
23486
23629
|
}
|
|
23487
23630
|
get host() { return getElement(this); }
|
|
23488
23631
|
static get style() { return postProgressbarCss(); }
|
|
@@ -23599,7 +23742,7 @@ class PostRating {
|
|
|
23599
23742
|
}
|
|
23600
23743
|
}
|
|
23601
23744
|
render() {
|
|
23602
|
-
return (hAsync(Host, { key: '
|
|
23745
|
+
return (hAsync(Host, { key: '727813875ba5d754ec17f4a2b151c0c6cd4ab5ca', "data-version": version$1 }, hAsync("div", { key: '1ac7e5db0098568c16551a4850442e4c8f0e686b', 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) => (hAsync("div", { key: `star-${v}`, "aria-hidden": "true", class: {
|
|
23603
23746
|
'star': true,
|
|
23604
23747
|
'before-hover': i < this.hoveredIndex,
|
|
23605
23748
|
'active': i < Math.round(this.currentRating),
|
|
@@ -23769,7 +23912,7 @@ class PostSideNavigation {
|
|
|
23769
23912
|
} }, hAsync("slot", null), hAsync("post-closebutton", { onClick: () => this.hide() }, this.textClose)));
|
|
23770
23913
|
}
|
|
23771
23914
|
render() {
|
|
23772
|
-
return (hAsync(Host, { key: '
|
|
23915
|
+
return (hAsync(Host, { key: 'f7d9b4e515e5085d78e452298bdfbfb2325e7422', "data-version": version$1 }, this.device === 'desktop' ? this.renderNav() : this.renderDialog()));
|
|
23773
23916
|
}
|
|
23774
23917
|
get host() { return getElement(this); }
|
|
23775
23918
|
static get style() { return postSideNavigationCss(); }
|
|
@@ -23884,7 +24027,7 @@ class PostSideNavigationTrigger {
|
|
|
23884
24027
|
await this.sideNavigation?.toggle();
|
|
23885
24028
|
}
|
|
23886
24029
|
render() {
|
|
23887
|
-
return (hAsync(Host, { key: '
|
|
24030
|
+
return (hAsync(Host, { key: '1c908083562ec5ca01cd9410c72ac78ae11ce72f', "data-version": version$1 }, hAsync("slot", { key: '38f63424e8c66b4bf926418b57555dc676d24d45' })));
|
|
23888
24031
|
}
|
|
23889
24032
|
get host() { return getElement(this); }
|
|
23890
24033
|
static get style() { return postSideNavigationTriggerCss(); }
|
|
@@ -24014,7 +24157,7 @@ class PostStepper {
|
|
|
24014
24157
|
}
|
|
24015
24158
|
}
|
|
24016
24159
|
render() {
|
|
24017
|
-
return (hAsync(Host, { key: '
|
|
24160
|
+
return (hAsync(Host, { key: 'e6d1f0498cb3de68badef6428cfe8fdff73b879b', "data-version": version$1 }, hAsync("ol", { key: '4c10c32d36eaeeb19712f7d99dcba7d5337d89a1' }, hAsync("slot", { key: 'ced502f01025f44c09747299cf60c82ebcd905da', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: '93cfc9fbd328d4a384c56ccf1f884053643f88e6', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: '076fad4efc393852d024157011a0e86d90ecfe99', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: '814817862389cd55859aec49205fae255cbbf1d7', innerHTML: this.mobileActiveStepName }))));
|
|
24018
24161
|
}
|
|
24019
24162
|
get host() { return getElement(this); }
|
|
24020
24163
|
static get watchers() { return {
|
|
@@ -24073,7 +24216,7 @@ class PostStepperItem {
|
|
|
24073
24216
|
registerInstance(this, hostRef);
|
|
24074
24217
|
}
|
|
24075
24218
|
render() {
|
|
24076
|
-
return (hAsync(Host, { key: '
|
|
24219
|
+
return (hAsync(Host, { key: 'f41ae27d8de89912b3aa34d9c89f5ec69f3df301', "data-version": version$1, role: "listitem" }, hAsync("span", { key: '00a0dd2eb3fb020e49c5782245e1f3e72c77e780', class: "stepper-item-content" }, hAsync("span", { key: 'bc9932083d295b92db24ddd22cb18a755db5ad11', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: 'efe2d809c82c1d7de9e0cdf4e52b924943afa0bf', class: "label" }, hAsync("slot", { key: '47aceca3fc331ef91da60674dbc2af5ea7e76ec8' })))));
|
|
24077
24220
|
}
|
|
24078
24221
|
static get style() { return postStepperItemCss(); }
|
|
24079
24222
|
static get cmpMeta() { return {
|
|
@@ -24129,9 +24272,9 @@ class PostTabItem {
|
|
|
24129
24272
|
this.isPagesVariant = hasAnchor;
|
|
24130
24273
|
}
|
|
24131
24274
|
render() {
|
|
24132
|
-
return (hAsync(Host, { key: '
|
|
24275
|
+
return (hAsync(Host, { key: '0c98772d01658e932be9982b6983eb3c1f0c4053', id: this.tabId, role: this.isPagesVariant ? undefined : 'tab', "data-version": version$1, "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'}${!this.isPagesVariant ? ' ssr' : ''}`, style: !this.isPagesVariant
|
|
24133
24276
|
? { '--active': `var(--post-tab-item-${this.name}, 0)` }
|
|
24134
|
-
: undefined }, hAsync("slot", { key: '
|
|
24277
|
+
: undefined }, hAsync("slot", { key: 'fba27566a1226e560161f839df050666763bdce5' })));
|
|
24135
24278
|
}
|
|
24136
24279
|
get host() { return getElement(this); }
|
|
24137
24280
|
static get cmpMeta() { return {
|
|
@@ -24177,7 +24320,7 @@ class PostTabPanel {
|
|
|
24177
24320
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
24178
24321
|
}
|
|
24179
24322
|
render() {
|
|
24180
|
-
return (hAsync(Host, { key: '
|
|
24323
|
+
return (hAsync(Host, { key: '2b02063bf2e67f4e826155759f28a1ae47b0c8e0', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels", style: { display: `var(--post-tab-panel-${this.for}, none)` } }, hAsync("slot", { key: 'b4c39e035d0f49f5654b030f4aada27fbebb122c' })));
|
|
24181
24324
|
}
|
|
24182
24325
|
get host() { return getElement(this); }
|
|
24183
24326
|
static get style() { return postTabPanelCss(); }
|
|
@@ -24198,7 +24341,7 @@ __decorate$3([
|
|
|
24198
24341
|
Type('string')
|
|
24199
24342
|
], PostTabPanel.prototype, "for", void 0);
|
|
24200
24343
|
|
|
24201
|
-
const postTabsCss = () => `:host{display:block}:host .tabs-wrapper{position:relative;display:flex;align-items:center}:host .tabs-wrapper button.scroll-btn{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;align-items:center;justify-content:center;transition:background-color 100ms,border-color 100ms,color 100ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn{background-color:ButtonFace !important}:host .tabs-wrapper button.scroll-btn:hover{background-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn post-icon{color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn post-icon{color:Highlight}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:hover post-icon{color:canvas}}:host .tabs-wrapper button.scroll-btn[hidden]{display:none}:host .tabs-wrapper button.scroll-btn{outline-offset:var(--post-device-spacing-padding-44) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .tabs-wrapper button.scroll-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){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .tabs-wrapper button.scroll-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){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .tabs-wrapper .tabs{overflow-x:hidden;background-color:rgba(0,0,0,0) !important;display:flex;flex-wrap:nowrap;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}:host(.page-tabs){overflow:visible !important}:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1*(var(--post-container-offset)))}:host(.page-tabs) .tabs-wrapper button.scroll-btn{color:var(--post-scheme-color-interactive-primary-enabled-fg5);background-color:var(--post-scheme-color-interactive-primary-enabled-bg5);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);position:absolute;z-index:2;box-shadow:var(--post-device-elevation-200);border-radius:var(--post-device-border-radius-2)}:host(.page-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-primary-hover-fg4);background-color:var(--post-scheme-color-interactive-primary-hover-bg8)}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-left{inset-inline-start:0;border-inline-start:none;border-radius:0 var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-right{inset-inline-end:0;border-inline-end:none;border-radius:var(--post-device-border-radius-2) 0 0 var(--post-device-border-radius-2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn{background-color:Highlight;color:HighlightText}}:host(.page-tabs) .tabs-wrapper::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:var(--post-device-border-width-default);background-color:var(--post-palette-color-nested-tabs-page-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{background-color:LinkText}}:host(.page-tabs) .tabs-wrapper .tabs{padding-inline:calc(var(--post-container-offset));gap:var(--post-device-spacing-gap-inline-5);scrollbar-width:none}:host(.page-tabs) .tabs-wrapper .tabs::-webkit-scrollbar{display:none}:host(.page-tabs:not([size=small])) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{flex-shrink:0;color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{color:HighlightText}}:host(post-tabs:not([size=small])) button.scroll-btn{height:var(--post-device-sizing-interactive-button-height-10);width:var(--post-device-sizing-interactive-button-width-1);border-radius:var(--post-device-border-radius-2)}:host(post-tabs:not([size=small])) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size5);width:var(--post-device-sizing-interactive-icon-size5)}:host(.page-tabs:not([size=small])) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-39) var(--post-device-spacing-padding-40)}:host(.page-tabs:not([size=small])) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-40) var(--post-device-spacing-padding-39)}:host([size=small]) button.scroll-btn{height:var(--post-device-sizing-interactive-button-size-1);width:var(--post-device-sizing-interactive-button-size-1);border-radius:var(--post-device-border-radius-2)}:host([size=small]) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4)}:host(.page-tabs[size=small]) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-42) var(--post-device-spacing-padding-43)}:host(.page-tabs[size=small]) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-43) var(--post-device-spacing-padding-42)}`;
|
|
24344
|
+
const postTabsCss = () => `:host{display:block}:host .tabs-wrapper{position:relative;display:flex;align-items:center}:host .tabs-wrapper button.scroll-btn{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;align-items:center;justify-content:center;transition:background-color 100ms,border-color 100ms,color 100ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn{background-color:ButtonFace !important}:host .tabs-wrapper button.scroll-btn:hover{background-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn post-icon{color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn post-icon{color:Highlight}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:hover post-icon{color:canvas}}:host .tabs-wrapper button.scroll-btn[hidden]{display:none}:host .tabs-wrapper button.scroll-btn{outline-offset:var(--post-device-spacing-padding-44) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .tabs-wrapper button.scroll-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){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .tabs-wrapper button.scroll-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){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .tabs-wrapper .tabs{overflow-x:hidden;background-color:rgba(0,0,0,0) !important;display:flex;flex-wrap:nowrap;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}:host(.page-tabs){overflow:visible !important}:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1*(var(--post-container-offset)))}@media screen and (min-width: 1024px){:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1 * (var(--post-container-offset)) + 20px)}:host(.page-tabs) .tabs-wrapper::after{box-shadow:20px 0 0 var(--post-palette-color-nested-tabs-page-stroke),-20px 0 0 var(--post-palette-color-nested-tabs-page-stroke)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{box-shadow:20px 0 0 LinkText,-20px 0 0 LinkText}}:host(.page-tabs) .tabs-wrapper button.scroll-btn{color:var(--post-scheme-color-interactive-primary-enabled-fg5);background-color:var(--post-scheme-color-interactive-primary-enabled-bg5);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);position:absolute;z-index:2;box-shadow:var(--post-device-elevation-200);border-radius:var(--post-device-border-radius-2)}:host(.page-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-primary-hover-fg4);background-color:var(--post-scheme-color-interactive-primary-hover-bg8)}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-left{inset-inline-start:0;border-inline-start:none;border-radius:0 var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-right{inset-inline-end:0;border-inline-end:none;border-radius:var(--post-device-border-radius-2) 0 0 var(--post-device-border-radius-2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn{background-color:Highlight;color:HighlightText}}:host(.page-tabs) .tabs-wrapper::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:var(--post-device-border-width-default);background-color:var(--post-palette-color-nested-tabs-page-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{background-color:LinkText}}:host(.page-tabs) .tabs-wrapper .tabs{padding-inline:calc(var(--post-container-offset));gap:var(--post-device-spacing-gap-inline-5);scrollbar-width:none}:host(.page-tabs) .tabs-wrapper .tabs::-webkit-scrollbar{display:none}:host(.page-tabs:not([size=small])) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{flex-shrink:0;color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{color:HighlightText}}:host(post-tabs:not([size=small])) button.scroll-btn{height:var(--post-device-sizing-interactive-button-height-10);width:var(--post-device-sizing-interactive-button-width-1);border-radius:var(--post-device-border-radius-2)}:host(post-tabs:not([size=small])) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size5);width:var(--post-device-sizing-interactive-icon-size5)}:host(.page-tabs:not([size=small])) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-39) var(--post-device-spacing-padding-40)}:host(.page-tabs:not([size=small])) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-40) var(--post-device-spacing-padding-39)}:host([size=small]) button.scroll-btn{height:var(--post-device-sizing-interactive-button-size-1);width:var(--post-device-sizing-interactive-button-size-1);border-radius:var(--post-device-border-radius-2)}:host([size=small]) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4)}:host(.page-tabs[size=small]) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-42) var(--post-device-spacing-padding-43)}:host(.page-tabs[size=small]) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-43) var(--post-device-spacing-padding-42)}`;
|
|
24202
24345
|
|
|
24203
24346
|
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
24204
24347
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -24626,10 +24769,10 @@ class PostTabs {
|
|
|
24626
24769
|
}
|
|
24627
24770
|
: undefined;
|
|
24628
24771
|
const style = !this.isPagesVariant ? tabStyle : undefined;
|
|
24629
|
-
return (hAsync(Host, { key: '
|
|
24772
|
+
return (hAsync(Host, { key: 'fb65fd2589517dd6d86e86435ec6b3a3b64b093d', "data-version": version$1, style: style }, hAsync("div", { key: 'dbcdd791af381ccc23953acb38a8e71527a804ee', class: "tabs-wrapper", part: "post-tabs" }, hAsync("button", { key: '20ce30515d80b282aa93f20a1f3281a1ef0f6359', ref: el => (this.leftScrollButton = el), class: "scroll-btn scroll-btn-left", type: "button", "aria-label": this.textPrevTabItems, tabindex: this.showLeftScrollButton ? 0 : -1, hidden: !this.showLeftScrollButton, onClick: () => this.scrollTabs('prev') }, hAsync("post-icon", { key: '9a5402a28656d7a4459b9b848425bd15a45a0fce', name: "chevronleft" })), hAsync(TabsContainer, { key: 'e821db02fd66aef6cf7a9fb5d925b0906571f3b6', ref: el => (this.tabsContainer = el), class: "tabs", role: this.isPagesVariant ? undefined : 'tablist', "aria-label": this.isPagesVariant ? this.label : undefined }, hAsync("slot", { key: 'e3650e43ac269173cb58f1624f02778bf094573c', onSlotchange: () => {
|
|
24630
24773
|
this.moveMisplacedTabs();
|
|
24631
24774
|
this.enableTabs();
|
|
24632
|
-
} })), hAsync("button", { key: '
|
|
24775
|
+
} })), hAsync("button", { key: '4345a9bc121ce187022cddf019d5c86d875a70e9', ref: el => (this.rightScrollButton = el), class: "scroll-btn scroll-btn-right", type: "button", "aria-label": this.textNextTabItems, tabindex: this.showRightScrollButton ? 0 : -1, hidden: !this.showRightScrollButton, onClick: () => this.scrollTabs('next') }, hAsync("post-icon", { key: '2df749c1a4e506d9940ce61e077d0f0f330b7342', name: "chevronright" }))), !this.isPagesVariant && (hAsync("div", { key: '184db29a5826af78d142ed1489be33c45831970b', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: '4a984c7de97f2f89e7fd0f829f5bc62e2323f056', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
24633
24776
|
}
|
|
24634
24777
|
get host() { return getElement(this); }
|
|
24635
24778
|
static get watchers() { return {
|
|
@@ -24696,7 +24839,7 @@ class PostTogglebutton {
|
|
|
24696
24839
|
});
|
|
24697
24840
|
}
|
|
24698
24841
|
render() {
|
|
24699
|
-
return (hAsync(Host, { key: '
|
|
24842
|
+
return (hAsync(Host, { key: '81fa9d922480059096e4146c10cf2ef72357b482', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '4e8d793e3867ba4c9c8e17d509652309a79f032a' })));
|
|
24700
24843
|
}
|
|
24701
24844
|
get host() { return getElement(this); }
|
|
24702
24845
|
static get style() { return postTogglebuttonCss(); }
|
|
@@ -24780,7 +24923,7 @@ class PostTooltip {
|
|
|
24780
24923
|
}
|
|
24781
24924
|
render() {
|
|
24782
24925
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
24783
|
-
return (hAsync(Host, { key: '
|
|
24926
|
+
return (hAsync(Host, { key: '62d5983e0ef32f851166d0c1d2c457cac0809fdf', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '10150540956510724ab4832ecceb421a7013d983', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, autoHide: true, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, hAsync("slot", { key: 'cdfaf0e916afa55ec3f1a7f64003101985560e27' }))));
|
|
24784
24927
|
}
|
|
24785
24928
|
get host() { return getElement(this); }
|
|
24786
24929
|
static get style() { return postTooltipCss(); }
|
|
@@ -24975,7 +25118,7 @@ class PostTooltipTrigger {
|
|
|
24975
25118
|
this.tooltip?.hide();
|
|
24976
25119
|
}
|
|
24977
25120
|
render() {
|
|
24978
|
-
return (hAsync(Host, { key: '
|
|
25121
|
+
return (hAsync(Host, { key: '55adc12f457aa8a5dd4357ed27876b0e526f7ae3', "data-version": version$1 }, hAsync("slot", { key: '84da1734ae1c1ac9376caa693108e3ed54bf176f', onSlotchange: () => this.handleSlotChange() })));
|
|
24979
25122
|
}
|
|
24980
25123
|
get host() { return getElement(this); }
|
|
24981
25124
|
static get style() { return postTooltipTriggerCss(); }
|