@swisspost/design-system-components 10.5.0 → 10.6.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-Cy5yN6u9.js} +1 -1
- package/dist/cjs/{index-CXnlZiX8.js → index-B3PXzvDk.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{one-of-LGG0uEIi.js → one-of-CRFrfihj.js} +1 -1
- package/dist/cjs/{package-DdU-rENe.js → package-pKyFPwiA.js} +1 -1
- package/dist/cjs/{pattern-B-csvfNt.js → pattern-D329DFcf.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 +49 -45
- 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 +17 -15
- package/dist/cjs/post-footer.cjs.entry.js +7 -7
- 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-DhAEd0c7.js} +1 -1
- package/dist/cjs/{type-CGPnqGY1.js → type-2Ma9dvHs.js} +1 -1
- package/dist/cjs/{url-Dxdd6tWj.js → url-DePscsTj.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 +11 -9
- package/dist/collection/components/post-footer/post-footer.js +2 -2
- package/dist/collection/components/post-header/post-header.js +2 -2
- 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.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-CoCua20S.js → p-3RU9XwVO.js} +1 -1
- package/dist/components/react/p-B1TcktiB.js +1 -0
- package/dist/components/react/p-BN2dfUQ0.js +1 -0
- package/dist/components/react/{p-CuVhOs8F.js → p-BPUhha1U.js} +1 -1
- package/dist/components/react/{p-PYoaz_Xl.js → p-Bnb_TyDh.js} +1 -1
- package/dist/components/react/{p-CLeWLMJn.js → p-CcDLIogT.js} +1 -1
- package/dist/components/react/{p-DD-Sl3Ji.js → p-CdggfEzz.js} +1 -1
- package/dist/components/react/{p-DasK590W.js → p-CzsG0uCA.js} +1 -1
- package/dist/components/react/{p-C8vlYfD-.js → p-DffT6evQ.js} +1 -1
- package/dist/components/react/p-T8T3po4z.js +1 -0
- package/dist/components/react/{p-DiFAKI9o.js → p-WXzzOdnl.js} +1 -1
- package/dist/components/react/{p-D3rq_-Qk.js → p-m1-sOx5T.js} +1 -1
- package/dist/components/react/post-accordion-item.js +1 -1
- package/dist/components/react/post-accordion.js +1 -1
- package/dist/components/react/post-autocomplete.js +1 -1
- package/dist/components/react/post-avatar.js +1 -1
- package/dist/components/react/post-back-to-top.js +1 -1
- package/dist/components/react/post-banner.js +1 -1
- package/dist/components/react/post-breadcrumb-item.js +1 -1
- package/dist/components/react/post-breadcrumbs.js +1 -1
- package/dist/components/react/post-closebutton.js +1 -1
- package/dist/components/react/post-collapsible-trigger.js +1 -1
- package/dist/components/react/post-collapsible.js +1 -1
- package/dist/components/react/post-date-picker.js +1 -1
- package/dist/components/react/post-footer.js +1 -1
- package/dist/components/react/post-header.js +1 -1
- package/dist/components/react/post-icon.js +1 -1
- package/dist/components/react/post-language-menu-item.js +1 -1
- package/dist/components/react/post-language-menu.js +1 -1
- package/dist/components/react/post-linkarea.js +1 -1
- package/dist/components/react/post-listbox-option.js +1 -1
- package/dist/components/react/post-listbox.js +1 -1
- package/dist/components/react/post-logo.js +1 -1
- package/dist/components/react/post-mainnavigation.js +1 -1
- package/dist/components/react/post-megadropdown-trigger.js +1 -1
- package/dist/components/react/post-megadropdown.js +1 -1
- package/dist/components/react/post-menu-item.js +1 -1
- package/dist/components/react/post-menu-trigger.js +1 -1
- package/dist/components/react/post-menu.js +1 -1
- package/dist/components/react/post-number-input.js +1 -1
- package/dist/components/react/post-pagination.js +1 -1
- package/dist/components/react/post-popover-trigger.js +1 -1
- package/dist/components/react/post-popover.js +1 -1
- package/dist/components/react/post-popovercontainer.js +1 -1
- package/dist/components/react/post-progressbar.js +1 -1
- package/dist/components/react/post-rating.js +1 -1
- package/dist/components/react/post-side-navigation-trigger.js +1 -1
- package/dist/components/react/post-side-navigation.js +1 -1
- package/dist/components/react/post-stepper-item.js +1 -1
- package/dist/components/react/post-stepper.js +1 -1
- package/dist/components/react/post-tab-item.js +1 -1
- package/dist/components/react/post-tab-panel.js +1 -1
- package/dist/components/react/post-tabs.js +1 -1
- package/dist/components/react/post-togglebutton.js +1 -1
- package/dist/components/react/post-tooltip-trigger.js +1 -1
- package/dist/components/react/post-tooltip.js +1 -1
- package/dist/docs.json +57 -12
- package/dist/esm/{create-validator-decorator-CbYxqPSB.js → create-validator-decorator-C2XlYkNB.js} +1 -1
- package/dist/esm/{index-D3NdvMgy.js → index-BjziJWh2.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{one-of-Mx4vYjem.js → one-of-Do1iao-k.js} +1 -1
- package/dist/esm/{package-Ny5VnydI.js → package-T8T3po4z.js} +1 -1
- package/dist/esm/{pattern-CqQVrJPN.js → pattern-BZDucOTq.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 +49 -45
- 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 +17 -15
- package/dist/esm/post-footer.entry.js +7 -7
- 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-B0X7uy13.js} +1 -1
- package/dist/esm/{type-CYB7_Yi8.js → type-CF1dOg6D.js} +1 -1
- package/dist/esm/{url-DOwgyBfp.js → url-BL7d6iWZ.js} +1 -1
- package/dist/post-components/{p-4e2bb082.entry.js → p-0e922531.entry.js} +1 -1
- package/dist/post-components/{p-e8c19f72.entry.js → p-1ec27142.entry.js} +1 -1
- package/dist/post-components/{p-ffec1880.entry.js → p-2005eb98.entry.js} +1 -1
- package/dist/post-components/{p-894b20dd.entry.js → p-2cff5b3a.entry.js} +1 -1
- package/dist/post-components/p-53bd2128.entry.js +1 -0
- package/dist/post-components/{p-2379e498.entry.js → p-59b30e90.entry.js} +1 -1
- package/dist/post-components/{p-a9223467.entry.js → p-60550edb.entry.js} +1 -1
- package/dist/post-components/p-655ded00.entry.js +1 -0
- package/dist/post-components/{p-030bfaa1.entry.js → p-76cc3c9a.entry.js} +1 -1
- package/dist/post-components/{p-44718c1a.entry.js → p-8012cc3b.entry.js} +1 -1
- package/dist/post-components/{p-1d67c427.entry.js → p-819c93de.entry.js} +1 -1
- package/dist/post-components/p-840acd3c.entry.js +1 -0
- package/dist/post-components/{p-781efeb8.entry.js → p-87b1034f.entry.js} +1 -1
- package/dist/post-components/{p-e8268a8d.entry.js → p-88f754e9.entry.js} +1 -1
- package/dist/post-components/p-9S_5_Zh8.js +1 -0
- package/dist/post-components/p-BYfu3J2D.js +1 -0
- package/dist/post-components/p-BjziJWh2.js +2 -0
- package/dist/post-components/p-BoYe-VVx.js +1 -0
- package/dist/post-components/p-CbbADNiv.js +1 -0
- package/dist/post-components/{p-sgCfAEQU.js → p-DgnQe03V.js} +1 -1
- package/dist/post-components/p-DlKbBdcP.js +1 -0
- package/dist/post-components/p-T8T3po4z.js +1 -0
- package/dist/post-components/{p-2cb843f4.entry.js → p-a32d3050.entry.js} +1 -1
- package/dist/post-components/p-b4229624.entry.js +1 -0
- package/dist/post-components/{p-2ee255c1.entry.js → p-b9faa76b.entry.js} +1 -1
- package/dist/post-components/{p-b856263a.entry.js → p-ba1b4ba0.entry.js} +1 -1
- package/dist/post-components/p-c0ae13b7.entry.js +1 -0
- package/dist/post-components/p-c9dcdebb.entry.js +1 -0
- package/dist/post-components/{p-5a44b217.entry.js → p-ccf8020b.entry.js} +1 -1
- package/dist/post-components/p-cd68d3a2.entry.js +1 -0
- package/dist/post-components/p-cdc7b8d3.entry.js +1 -0
- package/dist/post-components/{p-e7f97f6d.entry.js → p-d7c9a969.entry.js} +1 -1
- package/dist/post-components/{p-9ad2216e.entry.js → p-db11f781.entry.js} +1 -1
- package/dist/post-components/p-dc285087.entry.js +1 -0
- package/dist/post-components/{p-b6e231a8.entry.js → p-de6f1816.entry.js} +1 -1
- package/dist/post-components/p-dec8bd99.entry.js +1 -0
- package/dist/post-components/{p-665d877f.entry.js → p-f9a8ee94.entry.js} +1 -1
- 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.d.ts +18 -7
- package/hydrate/index.js +274 -137
- package/hydrate/index.mjs +274 -137
- 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-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-c7a39444.entry.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-e463e7ac.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.mjs
CHANGED
|
@@ -6303,7 +6303,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
|
6303
6303
|
};
|
|
6304
6304
|
}
|
|
6305
6305
|
|
|
6306
|
-
const version$1 = "10.
|
|
6306
|
+
const version$1 = "10.6.0";
|
|
6307
6307
|
|
|
6308
6308
|
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)}`;
|
|
6309
6309
|
|
|
@@ -7236,7 +7236,7 @@ __decorate$w([
|
|
|
7236
7236
|
|
|
7237
7237
|
const VARIANTS = ['listitem', 'menuitem'];
|
|
7238
7238
|
|
|
7239
|
-
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;
|
|
7239
|
+
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}`;
|
|
7240
7240
|
|
|
7241
7241
|
var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7242
7242
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -7249,11 +7249,15 @@ var __decorate$v = (undefined && undefined.__decorate) || function (decorators,
|
|
|
7249
7249
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7250
7250
|
};
|
|
7251
7251
|
/**
|
|
7252
|
-
* @slot default - The content displayed inside the breadcrumb item.
|
|
7252
|
+
* @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.
|
|
7253
7253
|
*/
|
|
7254
7254
|
class PostBreadcrumbItem {
|
|
7255
7255
|
constructor(hostRef) {
|
|
7256
7256
|
registerInstance(this, hostRef);
|
|
7257
|
+
/**
|
|
7258
|
+
* 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.
|
|
7259
|
+
*/
|
|
7260
|
+
this.hasSlottedAnchor = false;
|
|
7257
7261
|
/**
|
|
7258
7262
|
* Controls how the item is rendered, either as a standard list item or within an overflow menu.
|
|
7259
7263
|
*/
|
|
@@ -7267,9 +7271,27 @@ class PostBreadcrumbItem {
|
|
|
7267
7271
|
*/
|
|
7268
7272
|
this.standalone = false;
|
|
7269
7273
|
}
|
|
7270
|
-
|
|
7274
|
+
componentWillLoad() {
|
|
7275
|
+
this.checkSlottedAnchor();
|
|
7276
|
+
}
|
|
7277
|
+
checkSlottedAnchor() {
|
|
7278
|
+
this.hasSlottedAnchor = Array.from(this.host.children).some(child => child.tagName === 'A');
|
|
7279
|
+
}
|
|
7280
|
+
renderContent() {
|
|
7281
|
+
const slot = hAsync("slot", { onSlotchange: () => this.checkSlottedAnchor() });
|
|
7271
7282
|
const href = this.url instanceof URL ? this.url.href : this.url;
|
|
7272
|
-
|
|
7283
|
+
if (this.hasSlottedAnchor) {
|
|
7284
|
+
return slot;
|
|
7285
|
+
}
|
|
7286
|
+
else if (!href) {
|
|
7287
|
+
return hAsync("span", null, slot);
|
|
7288
|
+
}
|
|
7289
|
+
else {
|
|
7290
|
+
return (hAsync("a", { href: href, "aria-current": this.selected ? 'page' : undefined, "aria-label": this.label, "aria-description": this.description }, slot));
|
|
7291
|
+
}
|
|
7292
|
+
}
|
|
7293
|
+
render() {
|
|
7294
|
+
const content = this.renderContent();
|
|
7273
7295
|
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)));
|
|
7274
7296
|
}
|
|
7275
7297
|
get host() { return getElement(this); }
|
|
@@ -7283,7 +7305,8 @@ class PostBreadcrumbItem {
|
|
|
7283
7305
|
"description": [513],
|
|
7284
7306
|
"variant": [513],
|
|
7285
7307
|
"selected": [516],
|
|
7286
|
-
"standalone": [516]
|
|
7308
|
+
"standalone": [516],
|
|
7309
|
+
"hasSlottedAnchor": [32]
|
|
7287
7310
|
},
|
|
7288
7311
|
"$listeners$": undefined,
|
|
7289
7312
|
"$lazyBundleId$": "-",
|
|
@@ -7471,7 +7494,7 @@ function debounce (delay, callback, options) {
|
|
|
7471
7494
|
});
|
|
7472
7495
|
}
|
|
7473
7496
|
|
|
7474
|
-
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;
|
|
7497
|
+
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}`;
|
|
7475
7498
|
|
|
7476
7499
|
var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
7477
7500
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -7485,22 +7508,41 @@ var __decorate$u = (undefined && undefined.__decorate) || function (decorators,
|
|
|
7485
7508
|
};
|
|
7486
7509
|
const MAX_VISIBLE_ITEMS = 6;
|
|
7487
7510
|
const MEASUREMENT_DEBOUNCE_MS$1 = 50;
|
|
7511
|
+
/**
|
|
7512
|
+
* @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.
|
|
7513
|
+
*/
|
|
7488
7514
|
class PostBreadcrumbs {
|
|
7489
7515
|
constructor(hostRef) {
|
|
7490
7516
|
registerInstance(this, hostRef);
|
|
7491
7517
|
this.debounceUpdateCollapsedItems = throttle(MEASUREMENT_DEBOUNCE_MS$1, this.updateCollapsedItems.bind(this));
|
|
7492
7518
|
this.resizeObserver = new ResizeObserver(this.debounceUpdateCollapsedItems);
|
|
7493
|
-
this.mutationObserver = new MutationObserver(
|
|
7519
|
+
this.mutationObserver = new MutationObserver(() => {
|
|
7520
|
+
void this.updateAfterMutation();
|
|
7521
|
+
});
|
|
7494
7522
|
this.loaded = false;
|
|
7495
|
-
/**
|
|
7523
|
+
/** 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. */
|
|
7524
|
+
this.hasSlottedHomeAnchor = false;
|
|
7525
|
+
/** Whether the slotted home anchor contains a post-icon. */
|
|
7526
|
+
this.hasSlottedHomeIcon = false;
|
|
7527
|
+
/** The number of breadcrumb items, counted from the start, moved into the overflow menu. */
|
|
7496
7528
|
this.collapsed = 0;
|
|
7529
|
+
/** Whether the home item is collapsed into its own overflow menu. */
|
|
7530
|
+
this.homeCollapsed = false;
|
|
7531
|
+
/** Whether the last (selected) item wraps onto multiple lines. */
|
|
7532
|
+
this.lastItemWraps = false;
|
|
7497
7533
|
/** The visible breadcrumb navigation. */
|
|
7498
7534
|
this.nav = null;
|
|
7499
7535
|
/** An off-screen copy of the breadcrumb navigation used for measurement. */
|
|
7500
7536
|
this.hiddenNav = null;
|
|
7537
|
+
/**
|
|
7538
|
+
* Whether `text-home` content is displayed instead of the home icon, enabling segment specific
|
|
7539
|
+
* breadcrumbs (like "Private customers" or "About us").
|
|
7540
|
+
*/
|
|
7541
|
+
this.homeTextOnly = false;
|
|
7501
7542
|
}
|
|
7502
7543
|
componentWillLoad() {
|
|
7503
7544
|
this.id = this.host.id || `b${nanoid(6)}`;
|
|
7545
|
+
this.checkSlottedHomeAnchor();
|
|
7504
7546
|
}
|
|
7505
7547
|
async componentDidLoad() {
|
|
7506
7548
|
this.resizeObserver?.observe(document.body);
|
|
@@ -7518,69 +7560,95 @@ class PostBreadcrumbs {
|
|
|
7518
7560
|
this.mutationObserver?.disconnect();
|
|
7519
7561
|
this.debounceUpdateCollapsedItems.cancel();
|
|
7520
7562
|
}
|
|
7521
|
-
|
|
7522
|
-
|
|
7523
|
-
|
|
7524
|
-
|
|
7563
|
+
checkSlottedHomeAnchor() {
|
|
7564
|
+
const homeSlotElement = Array.from(this.host.children).find(child => child.getAttribute('slot') === 'home');
|
|
7565
|
+
this.hasSlottedHomeAnchor = homeSlotElement?.tagName === 'A';
|
|
7566
|
+
this.hasSlottedHomeIcon =
|
|
7567
|
+
this.hasSlottedHomeAnchor && !!homeSlotElement?.querySelector('post-icon');
|
|
7568
|
+
}
|
|
7569
|
+
get usesHomeText() {
|
|
7570
|
+
return this.hasSlottedHomeAnchor ? !this.hasSlottedHomeIcon : this.homeTextOnly;
|
|
7571
|
+
}
|
|
7572
|
+
// Degrade order: collapse middle items -> collapse home -> wrap the last item.
|
|
7573
|
+
/** Measures the available space and updates all three degrade-stage states. */
|
|
7525
7574
|
async updateCollapsedItems() {
|
|
7526
7575
|
if (!this.nav)
|
|
7527
7576
|
return;
|
|
7528
|
-
|
|
7577
|
+
const { overflowing, homeOverflows, lastItemWraps } = await this.calculateCollapsedItems();
|
|
7578
|
+
this.collapsed = overflowing;
|
|
7579
|
+
this.homeCollapsed = homeOverflows;
|
|
7580
|
+
this.lastItemWraps = lastItemWraps;
|
|
7529
7581
|
}
|
|
7530
|
-
/**
|
|
7531
|
-
* Determines how many items have to be collapsed, either because they do not fit the breadcrumb
|
|
7532
|
-
* navigation or because they exceed the maximum number of visible items.
|
|
7533
|
-
*/
|
|
7534
7582
|
async calculateCollapsedItems() {
|
|
7535
7583
|
const items = this.host.querySelectorAll('post-breadcrumb-item');
|
|
7536
|
-
const overflowing = await this.calculateOverflowingItems();
|
|
7584
|
+
const { overflowing, homeOverflows, lastItemWraps } = await this.calculateOverflowingItems();
|
|
7537
7585
|
// Never show more than `MAX_VISIBLE_ITEMS`, even if the nav is wide enough to fit them all.
|
|
7538
|
-
return
|
|
7586
|
+
return {
|
|
7587
|
+
overflowing: Math.max(overflowing, items.length - MAX_VISIBLE_ITEMS),
|
|
7588
|
+
homeOverflows,
|
|
7589
|
+
lastItemWraps,
|
|
7590
|
+
};
|
|
7539
7591
|
}
|
|
7540
|
-
/**
|
|
7541
|
-
* Determines how many items overflow the width of the breadcrumb navigation.
|
|
7542
|
-
*/
|
|
7592
|
+
/** Runs the three degrade stages in order against the off-screen measurement clone. */
|
|
7543
7593
|
async calculateOverflowingItems() {
|
|
7544
|
-
// Fallback to zero if the hidden nav is not available for measurement.
|
|
7545
7594
|
if (!this.hiddenNav)
|
|
7546
|
-
return 0;
|
|
7547
|
-
const
|
|
7548
|
-
const
|
|
7549
|
-
|
|
7550
|
-
const
|
|
7551
|
-
|
|
7552
|
-
//
|
|
7553
|
-
|
|
7595
|
+
return { overflowing: 0, homeOverflows: false, lastItemWraps: false };
|
|
7596
|
+
const nav = this.hiddenNav;
|
|
7597
|
+
const availableWidth = nav.clientWidth;
|
|
7598
|
+
const gap = Number.parseFloat(getComputedStyle(nav.firstElementChild).gap);
|
|
7599
|
+
const menuWidth = nav.querySelector('.menu')?.clientWidth ?? 0;
|
|
7600
|
+
const homeWidth = nav.querySelector('.home')?.clientWidth ?? 0;
|
|
7601
|
+
// Stage 1: collapse middle items, starting closest to home, until the rest fits.
|
|
7602
|
+
const middleItems = Array.from(nav.querySelectorAll('post-breadcrumb-item')).slice(0, -1);
|
|
7603
|
+
const { overflowing, remainingWidth } = this.collapseMiddleItems(middleItems, gap, menuWidth, availableWidth);
|
|
7604
|
+
// Stage 2: home + last item, single-line. Text home can collapse into the menu, while the
|
|
7605
|
+
// icon-only home remains visible and lets the last item wrap instead.
|
|
7606
|
+
const homeOverflows = this.usesHomeText && remainingWidth > availableWidth;
|
|
7607
|
+
// Stage 3: home joins the existing menu when middle items have collapsed. If no middle item
|
|
7608
|
+
// collapsed, the menu needs to be added when home moves into it.
|
|
7609
|
+
const widthWithHomeCollapsed = remainingWidth - homeWidth + (overflowing === 0 ? menuWidth : 0);
|
|
7610
|
+
const lastItemWraps = this.usesHomeText
|
|
7611
|
+
? homeOverflows && widthWithHomeCollapsed > availableWidth
|
|
7612
|
+
: remainingWidth > availableWidth;
|
|
7613
|
+
return { overflowing, homeOverflows, lastItemWraps };
|
|
7614
|
+
}
|
|
7615
|
+
/** Stage 1: collapses middle items until the rest fits, or none are left. */
|
|
7616
|
+
collapseMiddleItems(items, gap, menuWidth, availableWidth) {
|
|
7617
|
+
// Start from the assumption that all items fit and that no menu is shown, so subtract the
|
|
7618
|
+
// overflow menu's width from the total.
|
|
7619
|
+
let width = this.hiddenNav.scrollWidth - menuWidth + gap;
|
|
7554
7620
|
let overflowing = 0;
|
|
7555
|
-
|
|
7556
|
-
while (overflowing < items.length && width > this.hiddenNav.clientWidth) {
|
|
7621
|
+
while (overflowing < items.length && width > availableWidth) {
|
|
7557
7622
|
// The overflow menu needs to be displayed as soon as the first item is moved into it, so its
|
|
7558
7623
|
// width needs to be taken into account when measuring the remaining items.
|
|
7559
7624
|
if (overflowing === 0)
|
|
7560
|
-
width +=
|
|
7625
|
+
width += menuWidth;
|
|
7561
7626
|
width -= items[overflowing++].clientWidth + gap;
|
|
7562
7627
|
}
|
|
7563
|
-
return overflowing;
|
|
7628
|
+
return { overflowing, remainingWidth: width };
|
|
7564
7629
|
}
|
|
7565
|
-
/**
|
|
7566
|
-
|
|
7567
|
-
*/
|
|
7568
|
-
updateItems(items, collapsed) {
|
|
7630
|
+
/** Applies the degrade states to the `<post-breadcrumb-item>` elements. */
|
|
7631
|
+
updateItems(items, collapsed, lastItemWraps) {
|
|
7569
7632
|
items.forEach((item, index) => {
|
|
7633
|
+
const isLast = index === items.length - 1;
|
|
7570
7634
|
item.setAttribute('variant', index < collapsed ? 'menuitem' : 'listitem');
|
|
7571
|
-
item.setAttribute('selected', String(
|
|
7572
|
-
item.setAttribute('standalone', String(
|
|
7635
|
+
item.setAttribute('selected', String(isLast));
|
|
7636
|
+
item.setAttribute('standalone', String(isLast && index === collapsed && lastItemWraps));
|
|
7573
7637
|
});
|
|
7574
7638
|
}
|
|
7575
|
-
/**
|
|
7576
|
-
* Rebuilds the off-screen copy of the breadcrumb navigation.
|
|
7577
|
-
*/
|
|
7639
|
+
/** Rebuilds the off-screen copy of the breadcrumb navigation. */
|
|
7578
7640
|
async updateHiddenNav() {
|
|
7579
7641
|
this.hiddenNav?.remove();
|
|
7580
7642
|
this.hiddenNav = await this.renderHiddenNav();
|
|
7581
7643
|
}
|
|
7644
|
+
async updateAfterMutation() {
|
|
7645
|
+
await this.updateHiddenNav();
|
|
7646
|
+
await this.updateCollapsedItems();
|
|
7647
|
+
}
|
|
7582
7648
|
/**
|
|
7583
|
-
* Renders an off-screen copy of the
|
|
7649
|
+
* Renders an off-screen copy of the nav for measurements. `.home` is rebuilt independently (see
|
|
7650
|
+
* `buildMeasurementHomeElement`) rather than cloned, since the live nav may show the home item
|
|
7651
|
+
* in the overflow menu instead if it is already collapsed.
|
|
7584
7652
|
*/
|
|
7585
7653
|
async renderHiddenNav() {
|
|
7586
7654
|
const shadowRoot = this.host.shadowRoot;
|
|
@@ -7591,12 +7659,29 @@ class PostBreadcrumbs {
|
|
|
7591
7659
|
// Deep clone the breadcrumb navigation and flatten its slots into the clone.
|
|
7592
7660
|
this.nav.querySelectorAll('slot').forEach((source, index) => {
|
|
7593
7661
|
const target = slots[index];
|
|
7594
|
-
|
|
7595
|
-
|
|
7596
|
-
|
|
7597
|
-
|
|
7598
|
-
|
|
7662
|
+
const assignedElements = source.assignedElements();
|
|
7663
|
+
if (assignedElements.length > 0) {
|
|
7664
|
+
// Insert the assigned elements where the slot used to be, then drop the now empty slot.
|
|
7665
|
+
assignedElements.forEach(element => {
|
|
7666
|
+
target.insertAdjacentElement('beforebegin', element.cloneNode(true));
|
|
7667
|
+
});
|
|
7668
|
+
target.remove();
|
|
7669
|
+
}
|
|
7670
|
+
else {
|
|
7671
|
+
// Nothing assigned: keep the slot's own fallback content (e.g. the default home link) by
|
|
7672
|
+
// unwrap the <slot> in place, move its children to where it was, then remove it.
|
|
7673
|
+
const parent = target.parentNode;
|
|
7674
|
+
if (parent) {
|
|
7675
|
+
Array.from(target.childNodes).forEach(child => parent.insertBefore(child, target));
|
|
7676
|
+
target.remove();
|
|
7677
|
+
}
|
|
7678
|
+
}
|
|
7599
7679
|
});
|
|
7680
|
+
// Always measure the full, uncollapsed home item — see the method doc above. Uses
|
|
7681
|
+
// replaceChild rather than replaceWith, since the latter isn't implemented by Stencil's
|
|
7682
|
+
// mock-doc DOM used during SSR/hydration.
|
|
7683
|
+
const existingHome = clone.querySelector('.home');
|
|
7684
|
+
existingHome?.parentNode?.replaceChild(this.buildMeasurementHomeElement(), existingHome);
|
|
7600
7685
|
clone.classList.remove('loading');
|
|
7601
7686
|
clone.classList.add('invisible');
|
|
7602
7687
|
// Show the overflow menu so that we can include the space it takes up in the measurement.
|
|
@@ -7605,20 +7690,57 @@ class PostBreadcrumbs {
|
|
|
7605
7690
|
// Wait for all items to be fully hydrated before measuring.
|
|
7606
7691
|
const items = clone.querySelectorAll('post-breadcrumb-item');
|
|
7607
7692
|
await Promise.all(Array.from(items).map(item => componentOnReady(item)));
|
|
7608
|
-
//
|
|
7609
|
-
this.updateItems(items, 0);
|
|
7693
|
+
// Uncollapsed layout, both single-line, for measurement.
|
|
7694
|
+
this.updateItems(items, 0, false);
|
|
7610
7695
|
return clone;
|
|
7611
7696
|
}
|
|
7697
|
+
/** Builds `.home` in its full, uncollapsed form for measurement. Mirrors `renderHomeContent`, but as plain DOM since this runs outside the render cycle. */
|
|
7698
|
+
buildMeasurementHomeElement() {
|
|
7699
|
+
const home = document.createElement('div');
|
|
7700
|
+
home.className = `breadcrumb-item home${this.usesHomeText ? '' : ' icon'}`;
|
|
7701
|
+
home.setAttribute('role', 'listitem');
|
|
7702
|
+
const slottedAnchor = this.hasSlottedHomeAnchor
|
|
7703
|
+
? Array.from(this.host.children).find(child => child.getAttribute('slot') === 'home')
|
|
7704
|
+
: null;
|
|
7705
|
+
if (slottedAnchor) {
|
|
7706
|
+
home.append(slottedAnchor.cloneNode(true));
|
|
7707
|
+
return home;
|
|
7708
|
+
}
|
|
7709
|
+
const anchor = document.createElement('a');
|
|
7710
|
+
if (this.homeUrl)
|
|
7711
|
+
anchor.href = this.homeUrl;
|
|
7712
|
+
const label = document.createElement('span');
|
|
7713
|
+
if (!this.usesHomeText)
|
|
7714
|
+
label.className = 'visually-hidden';
|
|
7715
|
+
label.textContent = this.textHome;
|
|
7716
|
+
anchor.append(label);
|
|
7717
|
+
if (!this.usesHomeText) {
|
|
7718
|
+
const icon = document.createElement('post-icon');
|
|
7719
|
+
icon.setAttribute('aria-hidden', 'true');
|
|
7720
|
+
icon.setAttribute('name', 'home');
|
|
7721
|
+
anchor.append(icon);
|
|
7722
|
+
}
|
|
7723
|
+
home.append(anchor);
|
|
7724
|
+
return home;
|
|
7725
|
+
}
|
|
7612
7726
|
renderMenu() {
|
|
7613
7727
|
const menuId = `${this.id}-menu`;
|
|
7614
|
-
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" }))));
|
|
7728
|
+
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" }))));
|
|
7729
|
+
}
|
|
7730
|
+
/** Reused by the plain home item and the home menu — a slot can only be assigned once. */
|
|
7731
|
+
renderHomeContent() {
|
|
7732
|
+
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" }))));
|
|
7733
|
+
}
|
|
7734
|
+
/** Degrade stage 2: home renders in full, single-line, not yet collapsed. */
|
|
7735
|
+
renderHome() {
|
|
7736
|
+
return (hAsync("div", { class: `breadcrumb-item home${this.usesHomeText ? '' : ' icon'}`, role: "listitem" }, this.renderHomeContent()));
|
|
7615
7737
|
}
|
|
7616
7738
|
render() {
|
|
7617
7739
|
if (this.loaded) {
|
|
7618
7740
|
const items = this.host.querySelectorAll('post-breadcrumb-item');
|
|
7619
|
-
this.updateItems(items, this.collapsed);
|
|
7741
|
+
this.updateItems(items, this.collapsed, this.lastItemWraps);
|
|
7620
7742
|
}
|
|
7621
|
-
return (hAsync(Host, { key: '
|
|
7743
|
+
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" })))));
|
|
7622
7744
|
}
|
|
7623
7745
|
get host() { return getElement(this); }
|
|
7624
7746
|
static get style() { return postBreadcrumbsCss(); }
|
|
@@ -7628,25 +7750,34 @@ class PostBreadcrumbs {
|
|
|
7628
7750
|
"$members$": {
|
|
7629
7751
|
"homeUrl": [513, "home-url"],
|
|
7630
7752
|
"textHome": [513, "text-home"],
|
|
7753
|
+
"homeTextOnly": [516, "home-text-only"],
|
|
7631
7754
|
"textBreadcrumbs": [513, "text-breadcrumbs"],
|
|
7632
7755
|
"textMoreItems": [513, "text-more-items"],
|
|
7633
7756
|
"id": [32],
|
|
7634
7757
|
"loaded": [32],
|
|
7635
|
-
"
|
|
7758
|
+
"hasSlottedHomeAnchor": [32],
|
|
7759
|
+
"hasSlottedHomeIcon": [32],
|
|
7760
|
+
"collapsed": [32],
|
|
7761
|
+
"homeCollapsed": [32],
|
|
7762
|
+
"lastItemWraps": [32]
|
|
7636
7763
|
},
|
|
7637
7764
|
"$listeners$": undefined,
|
|
7638
7765
|
"$lazyBundleId$": "-",
|
|
7639
|
-
"$attrsToReflect$": [["homeUrl", "home-url"], ["textHome", "text-home"], ["textBreadcrumbs", "text-breadcrumbs"], ["textMoreItems", "text-more-items"]]
|
|
7766
|
+
"$attrsToReflect$": [["homeUrl", "home-url"], ["textHome", "text-home"], ["homeTextOnly", "home-text-only"], ["textBreadcrumbs", "text-breadcrumbs"], ["textMoreItems", "text-more-items"]]
|
|
7640
7767
|
}; }
|
|
7641
7768
|
}
|
|
7642
7769
|
__decorate$u([
|
|
7643
|
-
Required(),
|
|
7770
|
+
Required({ when: 'hasSlottedHomeAnchor', truthy: false }),
|
|
7644
7771
|
Url()
|
|
7645
7772
|
], PostBreadcrumbs.prototype, "homeUrl", void 0);
|
|
7646
7773
|
__decorate$u([
|
|
7647
|
-
Required(),
|
|
7774
|
+
Required({ when: 'hasSlottedHomeAnchor', truthy: false }),
|
|
7648
7775
|
Type('string')
|
|
7649
7776
|
], PostBreadcrumbs.prototype, "textHome", void 0);
|
|
7777
|
+
__decorate$u([
|
|
7778
|
+
Required(),
|
|
7779
|
+
Type('boolean')
|
|
7780
|
+
], PostBreadcrumbs.prototype, "homeTextOnly", void 0);
|
|
7650
7781
|
__decorate$u([
|
|
7651
7782
|
Required(),
|
|
7652
7783
|
Type('string')
|
|
@@ -7727,7 +7858,7 @@ class PostClosebutton {
|
|
|
7727
7858
|
}
|
|
7728
7859
|
}
|
|
7729
7860
|
render() {
|
|
7730
|
-
return (hAsync(Host, { key: '
|
|
7861
|
+
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' })))));
|
|
7731
7862
|
}
|
|
7732
7863
|
static get formAssociated() { return true; }
|
|
7733
7864
|
get host() { return getElement(this); }
|
|
@@ -7823,7 +7954,7 @@ class PostCollapsible {
|
|
|
7823
7954
|
triggers.forEach(trigger => trigger.update());
|
|
7824
7955
|
}
|
|
7825
7956
|
render() {
|
|
7826
|
-
return (hAsync(Host, { key: '
|
|
7957
|
+
return (hAsync(Host, { key: '243dad696871a08bc07325d4511f5baeb937c194', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '5f4f8a9bb698f6558b114c760e5eeb355ac35b80' })));
|
|
7827
7958
|
}
|
|
7828
7959
|
get host() { return getElement(this); }
|
|
7829
7960
|
static get style() { return postCollapsibleCss(); }
|
|
@@ -7902,7 +8033,7 @@ class PostCollapsibleTrigger {
|
|
|
7902
8033
|
if (!this.trigger || !collapsible)
|
|
7903
8034
|
return;
|
|
7904
8035
|
// a nested collapsible may have no id, but aria-controls needs one to reference
|
|
7905
|
-
collapsible.id
|
|
8036
|
+
collapsible.id ||= `collapsible-${crypto.randomUUID()}`;
|
|
7906
8037
|
const collapsibleId = collapsible.id;
|
|
7907
8038
|
// add the controlled collapsible's id to the aria-controls list
|
|
7908
8039
|
const ariaControls = this.trigger.getAttribute('aria-controls');
|
|
@@ -7949,7 +8080,7 @@ class PostCollapsibleTrigger {
|
|
|
7949
8080
|
this.updateAriaAttributes();
|
|
7950
8081
|
}
|
|
7951
8082
|
render() {
|
|
7952
|
-
return (hAsync(Host, { key: '
|
|
8083
|
+
return (hAsync(Host, { key: '4d28c7068acd2e1b4a5f2272bee3b51ec5d8a216', "data-version": version$1 }, hAsync("slot", { key: '0bcbb780ed6d06ef36b9129b22b4a5dcd5aa7294' })));
|
|
7953
8084
|
}
|
|
7954
8085
|
get host() { return getElement(this); }
|
|
7955
8086
|
static get cmpMeta() { return {
|
|
@@ -11574,7 +11705,7 @@ try {
|
|
|
11574
11705
|
// environments (e.g. Next.js pre-rendering) with `HTMLInputElement is not defined`.
|
|
11575
11706
|
let cachedNativeValueDescriptor;
|
|
11576
11707
|
function nativeValueDescriptor() {
|
|
11577
|
-
cachedNativeValueDescriptor
|
|
11708
|
+
cachedNativeValueDescriptor ??= Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');
|
|
11578
11709
|
return cachedNativeValueDescriptor;
|
|
11579
11710
|
}
|
|
11580
11711
|
// iMask adapter that bypasses the instance-level `input.value` override (which returns ISO strings)
|
|
@@ -12154,6 +12285,15 @@ class PostDatePicker {
|
|
|
12154
12285
|
console.error('hide: popoverRef is null or undefined');
|
|
12155
12286
|
}
|
|
12156
12287
|
}
|
|
12288
|
+
static { this.FLYOUT_OFFSET = 4; }
|
|
12289
|
+
// Cells per row for each view
|
|
12290
|
+
static {
|
|
12291
|
+
this.COLUMNS_BY_VIEW = {
|
|
12292
|
+
days: 7,
|
|
12293
|
+
months: 4,
|
|
12294
|
+
years: 4,
|
|
12295
|
+
};
|
|
12296
|
+
}
|
|
12157
12297
|
/**
|
|
12158
12298
|
* Get the system locale (e.g.`en`, etc.) from the closest parent with a `lang` attribute,
|
|
12159
12299
|
* or fallback to a default language code if not found or in server environment.
|
|
@@ -12783,11 +12923,11 @@ class PostDatePicker {
|
|
|
12783
12923
|
}
|
|
12784
12924
|
}
|
|
12785
12925
|
render() {
|
|
12786
|
-
return (hAsync(Host, { key: '
|
|
12926
|
+
return (hAsync(Host, { key: 'aa624e30312b6e9af82ab3ae508b7527ebb99bdc', "data-version": version$1 }, this.inline && (hAsync("div", { key: '3643fb239e920945cb1438bb510047b19a6fc826', dir: this.textDirection }, hAsync("slot", { key: '08113b74ebe5d1faede4dc4412858408870ccb3b' }), hAsync("div", { key: 'b8cec572edeae4ef2b4d0bb582a8d4085e4815e9', class: "datepicker-container" }))), !this.inline && (hAsync("div", { key: 'a3ab6ca2fded0644a3cb3a513100b309882a67b7', dir: this.textDirection }, hAsync("div", { key: 'd1e3ec263fe3cbcfa7c78de9997be403e8dd8a1f', class: {
|
|
12787
12927
|
'calendar-input': !this.range,
|
|
12788
12928
|
'calendar-input-range': this.range,
|
|
12789
12929
|
'disabled': this.inputDisabled,
|
|
12790
|
-
} }, hAsync("slot", { key: '
|
|
12930
|
+
} }, hAsync("slot", { key: '5b747326d65bd4efa46cd7b6c0b20510ba1b894c' }), hAsync("button", { key: '9b053c841863418e063b29fd1344dff8803bff00', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled, ref: e => (this.dpTrigger = e) }, hAsync("post-icon", { key: 'badf30f287ca4776bedbd2323d03c1e7352e9a41', name: "calendar" }))), hAsync("post-popovercontainer", { key: 'f5ccb7e7eb04e8f2251e87b8cc53bf0f613f174b', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '9054611105846624392ec79737d997a386a21ae2', class: "datepicker-container" }))))));
|
|
12791
12931
|
}
|
|
12792
12932
|
get host() { return getElement(this); }
|
|
12793
12933
|
static get watchers() { return {
|
|
@@ -12839,13 +12979,6 @@ class PostDatePicker {
|
|
|
12839
12979
|
"$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"]]
|
|
12840
12980
|
}; }
|
|
12841
12981
|
}
|
|
12842
|
-
PostDatePicker.FLYOUT_OFFSET = 4;
|
|
12843
|
-
// Cells per row for each view
|
|
12844
|
-
PostDatePicker.COLUMNS_BY_VIEW = {
|
|
12845
|
-
days: 7,
|
|
12846
|
-
months: 4,
|
|
12847
|
-
years: 4,
|
|
12848
|
-
};
|
|
12849
12982
|
__decorate$q([
|
|
12850
12983
|
DateValue(),
|
|
12851
12984
|
IsoDate()
|
|
@@ -12970,10 +13103,10 @@ class PostFooter {
|
|
|
12970
13103
|
const allGridSlotsEmpty = GRID_SLOTS.every(slotName => !this.slotDisplayed[slotName]);
|
|
12971
13104
|
const renderMain = !allGridSlotsEmpty || renderSocialmedia || renderApp || renderBusinesssectors;
|
|
12972
13105
|
const renderBase = renderCopyright || renderMeta;
|
|
12973
|
-
return (hAsync(Host, { key: '
|
|
13106
|
+
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: {
|
|
12974
13107
|
'footer-column': true,
|
|
12975
13108
|
'd-none': !renderSocialmedia && !renderApp,
|
|
12976
|
-
} }, hAsync("div", { key: '
|
|
13109
|
+
} }, 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" })))))));
|
|
12977
13110
|
}
|
|
12978
13111
|
get host() { return getElement(this); }
|
|
12979
13112
|
static get style() { return postFooterCss(); }
|
|
@@ -13305,10 +13438,10 @@ class PostHeader {
|
|
|
13305
13438
|
}, 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" }))));
|
|
13306
13439
|
}
|
|
13307
13440
|
render() {
|
|
13308
|
-
return (hAsync(Host, { key: '
|
|
13441
|
+
return (hAsync(Host, { key: 'd288ef2e58942c2cbc5da673076548c97eef04ed', "data-version": version$1, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, hAsync("header", { key: '5357f3edf382dec9b552fdfe9fb51d0878de697c' }, hAsync("div", { key: 'bafa11390b33056e5a3d1a8a2922fd3a43a25020', class: "global-header" }, hAsync("div", { key: '2d54e8d2931864880ff7a28aea64625e775ce327', class: "section" }, hAsync("div", { key: 'b3a87bbf3b87213e22043d58a7298d0cff530cdf', class: "logo" }, hAsync("slot", { key: '9d559b9231dc23841e277d3f4633cdeba2da12b2', name: "post-logo" })), hAsync("div", { key: '64ebd463868ce8b417023651e745e33331feb908', class: "sliding-controls" }, (hAsync("div", { key: 'b4e7d7231a0d8bebe620d41cb655c3686449b19f', class: "audience" }, hAsync("slot", { key: '0781a76b1853a842dc74ec2a2a649f7de487e148', name: "audience" }))), hAsync("slot", { key: '25f1d5b34a5aa950014214f810f3acca95dbbe80', name: "global-nav-primary" }), [
|
|
13309
13442
|
hAsync("slot", { key: "global-nav-secondary", name: "global-nav-secondary" }),
|
|
13310
13443
|
hAsync("slot", { key: "language-menu", name: "language-menu" }),
|
|
13311
|
-
], hAsync("slot", { key: '
|
|
13444
|
+
], hAsync("slot", { key: 'd7121e5e9ddf825f96a3a82e65ff135c61891adb', name: "post-login" }), this.hasMainNav && (hAsync("post-togglebutton", { key: 'dd0bcf9cfd96d4ffa44fc549d518d7b39d287156', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, hAsync("span", { key: '23004cb12733a7081f828d33327cc26adafe3888' }, this.textMenu), hAsync("post-icon", { key: '7fb36892eadfcce0a85d964c411aeafc3fbbde1b', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), hAsync("post-icon", { key: 'a41292205573c03f25d225d4f4296f75ffe6c7ce', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), hAsync("div", { key: '7d6d1424881bb5277210c86b194dfb9e5dcb7c59', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, hAsync("div", { key: '724a8d3f79112875ba343470f9d0b753ce5d4861', class: "section" }, hAsync("slot", { key: '688aafdec4e4d5565f3d0a9d9bd9bb7bc78152be', name: "side-nav" }), hAsync("slot", { key: '12590bfb4bfcc8c565f008a8e3d75b5951eb73bc', name: "title" }), this.hasTitle && hAsync("slot", { key: 'd862de0f3aaba5ea22a26c387ea7e93dc0c5e79c', name: "local-nav" }), hAsync("slot", { key: '1a25ec6694bc8b2c06e21449dc566f36595afbb5', name: "main-nav" }), !this.hasTitle && hAsync("slot", { key: '987c26ee73fb19049fdd19de79b537b71e2771de', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
13312
13445
|
}
|
|
13313
13446
|
get host() { return getElement(this); }
|
|
13314
13447
|
static get watchers() { return {
|
|
@@ -13440,7 +13573,7 @@ class PostIcon {
|
|
|
13440
13573
|
}).filter(([_key, value]) => value !== null));
|
|
13441
13574
|
}
|
|
13442
13575
|
render() {
|
|
13443
|
-
return (hAsync(Host, { key: '
|
|
13576
|
+
return (hAsync(Host, { key: '405ccfde4206c14f044575d0b23998d93a03ffb6', "data-version": version$1 }, hAsync("span", { key: 'ad70ccf63add4b881ef6096ae460e13fba09f508', style: this.getStyles() })));
|
|
13444
13577
|
}
|
|
13445
13578
|
get host() { return getElement(this); }
|
|
13446
13579
|
static get style() { return postIconCss(); }
|
|
@@ -13760,7 +13893,7 @@ class PostLinkarea {
|
|
|
13760
13893
|
}));
|
|
13761
13894
|
}
|
|
13762
13895
|
render() {
|
|
13763
|
-
return (hAsync(Host, { key: '
|
|
13896
|
+
return (hAsync(Host, { key: 'a187468c97584b393efb0f73966716947243fe1f', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: 'a374c748871f36acf8ceda423c121645e97a6ce1' })));
|
|
13764
13897
|
}
|
|
13765
13898
|
get host() { return getElement(this); }
|
|
13766
13899
|
static get style() { return postLinkareaCss(); }
|
|
@@ -13906,7 +14039,7 @@ class PostListbox {
|
|
|
13906
14039
|
this.updateSelection(event.detail);
|
|
13907
14040
|
}
|
|
13908
14041
|
render() {
|
|
13909
|
-
return (hAsync(Host, { key: '
|
|
14042
|
+
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' }))));
|
|
13910
14043
|
}
|
|
13911
14044
|
get host() { return getElement(this); }
|
|
13912
14045
|
static get style() { return postListboxCss(); }
|
|
@@ -13943,9 +14076,9 @@ class PostListboxOption {
|
|
|
13943
14076
|
this.highlighted = false;
|
|
13944
14077
|
}
|
|
13945
14078
|
render() {
|
|
13946
|
-
return (hAsync(Host, { key: '
|
|
14079
|
+
return (hAsync(Host, { key: '38481f1a4721d50530bbd96a80ebc89933c8311c', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
|
|
13947
14080
|
/* Prevent focus change from triggering onblur event in post-autocomplete */
|
|
13948
|
-
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: '
|
|
14081
|
+
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" })));
|
|
13949
14082
|
}
|
|
13950
14083
|
static get style() { return postListboxOptionCss(); }
|
|
13951
14084
|
static get cmpMeta() { return {
|
|
@@ -13992,7 +14125,7 @@ class PostLogo {
|
|
|
13992
14125
|
render() {
|
|
13993
14126
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
13994
14127
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
13995
|
-
return (hAsync(Host, { key: '
|
|
14128
|
+
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" }))))));
|
|
13996
14129
|
}
|
|
13997
14130
|
get host() { return getElement(this); }
|
|
13998
14131
|
static get style() { return postLogoCss(); }
|
|
@@ -14142,7 +14275,7 @@ class PostMainnavigation {
|
|
|
14142
14275
|
}, NAVBAR_DISABLE_DURATION);
|
|
14143
14276
|
}
|
|
14144
14277
|
render() {
|
|
14145
|
-
return (hAsync(Host, { key: '
|
|
14278
|
+
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" }))));
|
|
14146
14279
|
}
|
|
14147
14280
|
get host() { return getElement(this); }
|
|
14148
14281
|
static get style() { return postMainnavigationCss(); }
|
|
@@ -14177,6 +14310,8 @@ var __decorate$h = (undefined && undefined.__decorate) || function (decorators,
|
|
|
14177
14310
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
14178
14311
|
};
|
|
14179
14312
|
class PostMegadropdown {
|
|
14313
|
+
/** Tracks the currently active dropdown instance. */
|
|
14314
|
+
static { this.activeDropdown = null; }
|
|
14180
14315
|
get megadropdownTrigger() {
|
|
14181
14316
|
const hostId = this.host.getAttribute('id');
|
|
14182
14317
|
return hostId ? document.querySelector(`post-megadropdown-trigger[for="${hostId}"]`) : null;
|
|
@@ -14458,7 +14593,7 @@ class PostMegadropdown {
|
|
|
14458
14593
|
}
|
|
14459
14594
|
render() {
|
|
14460
14595
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
14461
|
-
return (hAsync(Host, { key: '
|
|
14596
|
+
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))))));
|
|
14462
14597
|
}
|
|
14463
14598
|
get host() { return getElement(this); }
|
|
14464
14599
|
static get style() { return postMegadropdownCss(); }
|
|
@@ -14483,8 +14618,6 @@ class PostMegadropdown {
|
|
|
14483
14618
|
"$attrsToReflect$": [["textClose", "text-close"], ["textBack", "text-back"]]
|
|
14484
14619
|
}; }
|
|
14485
14620
|
}
|
|
14486
|
-
/** Tracks the currently active dropdown instance. */
|
|
14487
|
-
PostMegadropdown.activeDropdown = null;
|
|
14488
14621
|
__decorate$h([
|
|
14489
14622
|
Required(),
|
|
14490
14623
|
Type('string')
|
|
@@ -14563,7 +14696,7 @@ class PostMegadropdownTrigger {
|
|
|
14563
14696
|
this.megadropdown.toggle();
|
|
14564
14697
|
}
|
|
14565
14698
|
render() {
|
|
14566
|
-
return (hAsync(Host, { key: '
|
|
14699
|
+
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" }))));
|
|
14567
14700
|
}
|
|
14568
14701
|
get host() { return getElement(this); }
|
|
14569
14702
|
static get style() { return postMegadropdownTriggerCss(); }
|
|
@@ -14788,7 +14921,7 @@ class PostMenu {
|
|
|
14788
14921
|
]));
|
|
14789
14922
|
}
|
|
14790
14923
|
render() {
|
|
14791
|
-
return (hAsync(Host, { key: '
|
|
14924
|
+
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' })))));
|
|
14792
14925
|
}
|
|
14793
14926
|
get host() { return getElement(this); }
|
|
14794
14927
|
static get style() { return postMenuCss(); }
|
|
@@ -14822,7 +14955,7 @@ __decorate$f([
|
|
|
14822
14955
|
EventFrom('post-popovercontainer')
|
|
14823
14956
|
], PostMenu.prototype, "handlePostBeforeToggle", null);
|
|
14824
14957
|
|
|
14825
|
-
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
|
|
14958
|
+
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}}`;
|
|
14826
14959
|
|
|
14827
14960
|
class PostMenuItem {
|
|
14828
14961
|
constructor(hostRef) {
|
|
@@ -14910,7 +15043,7 @@ class PostMenuTrigger {
|
|
|
14910
15043
|
return null;
|
|
14911
15044
|
}
|
|
14912
15045
|
render() {
|
|
14913
|
-
return (hAsync(Host, { key: '
|
|
15046
|
+
return (hAsync(Host, { key: 'f75522d28e9a45c80846a191cff3ea2eb51b5bde', "data-version": version$1 }, hAsync("slot", { key: 'bc70e3ddc8dc372611c00a4cda52cd35ede02a3f' })));
|
|
14914
15047
|
}
|
|
14915
15048
|
get host() { return getElement(this); }
|
|
14916
15049
|
static get style() { return postMenuTriggerCss(); }
|
|
@@ -15020,10 +15153,10 @@ class PostNumberInput {
|
|
|
15020
15153
|
}
|
|
15021
15154
|
render() {
|
|
15022
15155
|
const areButtonsShown = !!this.input;
|
|
15023
|
-
return (hAsync(Host, { key: '
|
|
15156
|
+
return (hAsync(Host, { key: '9bc4f1aff3f0347c5419cbc8c3f03660c8ce0ec3', "data-version": version$1, class: {
|
|
15024
15157
|
'number-input-sm': this.small,
|
|
15025
15158
|
'disabled': this.isDisabled,
|
|
15026
|
-
} }, areButtonsShown && (hAsync("div", { key: '
|
|
15159
|
+
} }, 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" })))));
|
|
15027
15160
|
}
|
|
15028
15161
|
get host() { return getElement(this); }
|
|
15029
15162
|
static get style() { return postNumberInputCss(); }
|
|
@@ -15714,7 +15847,7 @@ class PostPopover {
|
|
|
15714
15847
|
/**
|
|
15715
15848
|
* Show a little indicator arrow
|
|
15716
15849
|
*/
|
|
15717
|
-
// eslint-disable-next-line
|
|
15850
|
+
// eslint-disable-next-line stencil/ban-default-true
|
|
15718
15851
|
this.arrow = true;
|
|
15719
15852
|
this.breakpointChange = () => {
|
|
15720
15853
|
requestAnimationFrame(() => this.updateEdgeGap());
|
|
@@ -15771,10 +15904,10 @@ class PostPopover {
|
|
|
15771
15904
|
}
|
|
15772
15905
|
}
|
|
15773
15906
|
render() {
|
|
15774
|
-
return (hAsync(Host, { key: '
|
|
15907
|
+
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 => {
|
|
15775
15908
|
if (e)
|
|
15776
15909
|
this.popoverRef = e;
|
|
15777
|
-
} }, hAsync("div", { key: '
|
|
15910
|
+
} }, 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)))));
|
|
15778
15911
|
}
|
|
15779
15912
|
get host() { return getElement(this); }
|
|
15780
15913
|
static get style() { return postPopoverCss(); }
|
|
@@ -20872,7 +21005,7 @@ class PostPopoverTrigger {
|
|
|
20872
21005
|
this.trigger.ariaControlsElements = [popover];
|
|
20873
21006
|
}
|
|
20874
21007
|
else {
|
|
20875
|
-
popover.id
|
|
21008
|
+
popover.id ||= `popover-${crypto.randomUUID()}`;
|
|
20876
21009
|
this.trigger.setAttribute('aria-controls', popover.id);
|
|
20877
21010
|
}
|
|
20878
21011
|
}
|
|
@@ -20922,7 +21055,7 @@ class PostPopoverTrigger {
|
|
|
20922
21055
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
20923
21056
|
}
|
|
20924
21057
|
render() {
|
|
20925
|
-
return (hAsync(Host, { key: '
|
|
21058
|
+
return (hAsync(Host, { key: 'f9c320748c1cfdfb6accce4e20c64ea7c00d20c5', "data-version": version$1 }, hAsync("slot", { key: 'e00dcaa23ec3e2976136c26931780d083b6f1a8f', onSlotchange: () => this.setupTrigger() })));
|
|
20926
21059
|
}
|
|
20927
21060
|
get host() { return getElement(this); }
|
|
20928
21061
|
static get watchers() { return {
|
|
@@ -23016,7 +23149,7 @@ function applySafeArea(clippingRect, element) {
|
|
|
23016
23149
|
*/
|
|
23017
23150
|
const computePositionWithSafeArea = (reference, floating, options) => {
|
|
23018
23151
|
// Adapted from https://github.com/floating-ui/floating-ui/blob/27629b74ba36ab8ceb2a968051927b9b69511a3b/packages/dom/src/index.ts#L15
|
|
23019
|
-
options
|
|
23152
|
+
options ??= {};
|
|
23020
23153
|
return computePosition(reference, floating, {
|
|
23021
23154
|
...options,
|
|
23022
23155
|
platform: {
|
|
@@ -23046,6 +23179,30 @@ const ANIMATIONS = {
|
|
|
23046
23179
|
* @slot - Default slot for placing content inside the popovercontainer.
|
|
23047
23180
|
*/
|
|
23048
23181
|
class PostPopovercontainer {
|
|
23182
|
+
static {
|
|
23183
|
+
this.STATIC_SIDES = {
|
|
23184
|
+
top: 'bottom',
|
|
23185
|
+
right: 'left',
|
|
23186
|
+
bottom: 'top',
|
|
23187
|
+
left: 'right',
|
|
23188
|
+
};
|
|
23189
|
+
}
|
|
23190
|
+
static {
|
|
23191
|
+
this.PROPERTIES_TO_CLEAR = [
|
|
23192
|
+
'--post-safe-space-popover-x',
|
|
23193
|
+
'--post-safe-space-popover-y',
|
|
23194
|
+
'--post-safe-space-popover-x-start',
|
|
23195
|
+
'--post-safe-space-popover-x-end',
|
|
23196
|
+
'--post-safe-space-popover-y-start',
|
|
23197
|
+
'--post-safe-space-popover-y-end',
|
|
23198
|
+
'--post-safe-space-trigger-x',
|
|
23199
|
+
'--post-safe-space-trigger-y',
|
|
23200
|
+
'--post-safe-space-trigger-x-start',
|
|
23201
|
+
'--post-safe-space-trigger-x-end',
|
|
23202
|
+
'--post-safe-space-trigger-y-start',
|
|
23203
|
+
'--post-safe-space-trigger-y-end',
|
|
23204
|
+
];
|
|
23205
|
+
}
|
|
23049
23206
|
constructor(hostRef) {
|
|
23050
23207
|
registerInstance(this, hostRef);
|
|
23051
23208
|
this.postBeforeShow = createEvent(this, "postBeforeShow");
|
|
@@ -23378,9 +23535,9 @@ class PostPopovercontainer {
|
|
|
23378
23535
|
}
|
|
23379
23536
|
}
|
|
23380
23537
|
render() {
|
|
23381
|
-
return (hAsync(Host, { key: '
|
|
23538
|
+
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 => {
|
|
23382
23539
|
this.arrowRef = el;
|
|
23383
|
-
} })), hAsync("span", { key: '
|
|
23540
|
+
} })), hAsync("span", { key: 'deadbcc5892ed545a64b4a0e5e0936e0dd1feb70', part: "post-popovercontainer-border-mask" }), hAsync("slot", { key: '48c4db7ab222f3ef18157ce19d8ba15d75441f98' }))));
|
|
23384
23541
|
}
|
|
23385
23542
|
get host() { return getElement(this); }
|
|
23386
23543
|
static get style() { return postPopovercontainerCss(); }
|
|
@@ -23404,26 +23561,6 @@ class PostPopovercontainer {
|
|
|
23404
23561
|
"$attrsToReflect$": [["safeSpace", "safe-space"]]
|
|
23405
23562
|
}; }
|
|
23406
23563
|
}
|
|
23407
|
-
PostPopovercontainer.STATIC_SIDES = {
|
|
23408
|
-
top: 'bottom',
|
|
23409
|
-
right: 'left',
|
|
23410
|
-
bottom: 'top',
|
|
23411
|
-
left: 'right',
|
|
23412
|
-
};
|
|
23413
|
-
PostPopovercontainer.PROPERTIES_TO_CLEAR = [
|
|
23414
|
-
'--post-safe-space-popover-x',
|
|
23415
|
-
'--post-safe-space-popover-y',
|
|
23416
|
-
'--post-safe-space-popover-x-start',
|
|
23417
|
-
'--post-safe-space-popover-x-end',
|
|
23418
|
-
'--post-safe-space-popover-y-start',
|
|
23419
|
-
'--post-safe-space-popover-y-end',
|
|
23420
|
-
'--post-safe-space-trigger-x',
|
|
23421
|
-
'--post-safe-space-trigger-y',
|
|
23422
|
-
'--post-safe-space-trigger-x-start',
|
|
23423
|
-
'--post-safe-space-trigger-x-end',
|
|
23424
|
-
'--post-safe-space-trigger-y-start',
|
|
23425
|
-
'--post-safe-space-trigger-y-end',
|
|
23426
|
-
];
|
|
23427
23564
|
__decorate$a([
|
|
23428
23565
|
OneOf(PLACEMENT_TYPES)
|
|
23429
23566
|
], PostPopovercontainer.prototype, "placement", void 0);
|
|
@@ -23480,7 +23617,7 @@ class PostProgressbar {
|
|
|
23480
23617
|
const max = this.getEffectiveMax();
|
|
23481
23618
|
const value = this.getEffectiveValue(min, max);
|
|
23482
23619
|
const percentage = ((value - min) / (max - min)) * 100;
|
|
23483
|
-
return (hAsync(Host, { key: '
|
|
23620
|
+
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}%` } })));
|
|
23484
23621
|
}
|
|
23485
23622
|
get host() { return getElement(this); }
|
|
23486
23623
|
static get style() { return postProgressbarCss(); }
|
|
@@ -23597,7 +23734,7 @@ class PostRating {
|
|
|
23597
23734
|
}
|
|
23598
23735
|
}
|
|
23599
23736
|
render() {
|
|
23600
|
-
return (hAsync(Host, { key: '
|
|
23737
|
+
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: {
|
|
23601
23738
|
'star': true,
|
|
23602
23739
|
'before-hover': i < this.hoveredIndex,
|
|
23603
23740
|
'active': i < Math.round(this.currentRating),
|
|
@@ -23767,7 +23904,7 @@ class PostSideNavigation {
|
|
|
23767
23904
|
} }, hAsync("slot", null), hAsync("post-closebutton", { onClick: () => this.hide() }, this.textClose)));
|
|
23768
23905
|
}
|
|
23769
23906
|
render() {
|
|
23770
|
-
return (hAsync(Host, { key: '
|
|
23907
|
+
return (hAsync(Host, { key: 'f7d9b4e515e5085d78e452298bdfbfb2325e7422', "data-version": version$1 }, this.device === 'desktop' ? this.renderNav() : this.renderDialog()));
|
|
23771
23908
|
}
|
|
23772
23909
|
get host() { return getElement(this); }
|
|
23773
23910
|
static get style() { return postSideNavigationCss(); }
|
|
@@ -23882,7 +24019,7 @@ class PostSideNavigationTrigger {
|
|
|
23882
24019
|
await this.sideNavigation?.toggle();
|
|
23883
24020
|
}
|
|
23884
24021
|
render() {
|
|
23885
|
-
return (hAsync(Host, { key: '
|
|
24022
|
+
return (hAsync(Host, { key: '1c908083562ec5ca01cd9410c72ac78ae11ce72f', "data-version": version$1 }, hAsync("slot", { key: '38f63424e8c66b4bf926418b57555dc676d24d45' })));
|
|
23886
24023
|
}
|
|
23887
24024
|
get host() { return getElement(this); }
|
|
23888
24025
|
static get style() { return postSideNavigationTriggerCss(); }
|
|
@@ -24012,7 +24149,7 @@ class PostStepper {
|
|
|
24012
24149
|
}
|
|
24013
24150
|
}
|
|
24014
24151
|
render() {
|
|
24015
|
-
return (hAsync(Host, { key: '
|
|
24152
|
+
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 }))));
|
|
24016
24153
|
}
|
|
24017
24154
|
get host() { return getElement(this); }
|
|
24018
24155
|
static get watchers() { return {
|
|
@@ -24071,7 +24208,7 @@ class PostStepperItem {
|
|
|
24071
24208
|
registerInstance(this, hostRef);
|
|
24072
24209
|
}
|
|
24073
24210
|
render() {
|
|
24074
|
-
return (hAsync(Host, { key: '
|
|
24211
|
+
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' })))));
|
|
24075
24212
|
}
|
|
24076
24213
|
static get style() { return postStepperItemCss(); }
|
|
24077
24214
|
static get cmpMeta() { return {
|
|
@@ -24127,9 +24264,9 @@ class PostTabItem {
|
|
|
24127
24264
|
this.isPagesVariant = hasAnchor;
|
|
24128
24265
|
}
|
|
24129
24266
|
render() {
|
|
24130
|
-
return (hAsync(Host, { key: '
|
|
24267
|
+
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
|
|
24131
24268
|
? { '--active': `var(--post-tab-item-${this.name}, 0)` }
|
|
24132
|
-
: undefined }, hAsync("slot", { key: '
|
|
24269
|
+
: undefined }, hAsync("slot", { key: 'fba27566a1226e560161f839df050666763bdce5' })));
|
|
24133
24270
|
}
|
|
24134
24271
|
get host() { return getElement(this); }
|
|
24135
24272
|
static get cmpMeta() { return {
|
|
@@ -24175,7 +24312,7 @@ class PostTabPanel {
|
|
|
24175
24312
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
24176
24313
|
}
|
|
24177
24314
|
render() {
|
|
24178
|
-
return (hAsync(Host, { key: '
|
|
24315
|
+
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' })));
|
|
24179
24316
|
}
|
|
24180
24317
|
get host() { return getElement(this); }
|
|
24181
24318
|
static get style() { return postTabPanelCss(); }
|
|
@@ -24196,7 +24333,7 @@ __decorate$3([
|
|
|
24196
24333
|
Type('string')
|
|
24197
24334
|
], PostTabPanel.prototype, "for", void 0);
|
|
24198
24335
|
|
|
24199
|
-
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)}`;
|
|
24336
|
+
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)}`;
|
|
24200
24337
|
|
|
24201
24338
|
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
24202
24339
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -24624,10 +24761,10 @@ class PostTabs {
|
|
|
24624
24761
|
}
|
|
24625
24762
|
: undefined;
|
|
24626
24763
|
const style = !this.isPagesVariant ? tabStyle : undefined;
|
|
24627
|
-
return (hAsync(Host, { key: '
|
|
24764
|
+
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: () => {
|
|
24628
24765
|
this.moveMisplacedTabs();
|
|
24629
24766
|
this.enableTabs();
|
|
24630
|
-
} })), hAsync("button", { key: '
|
|
24767
|
+
} })), 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() })))));
|
|
24631
24768
|
}
|
|
24632
24769
|
get host() { return getElement(this); }
|
|
24633
24770
|
static get watchers() { return {
|
|
@@ -24694,7 +24831,7 @@ class PostTogglebutton {
|
|
|
24694
24831
|
});
|
|
24695
24832
|
}
|
|
24696
24833
|
render() {
|
|
24697
|
-
return (hAsync(Host, { key: '
|
|
24834
|
+
return (hAsync(Host, { key: '81fa9d922480059096e4146c10cf2ef72357b482', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '4e8d793e3867ba4c9c8e17d509652309a79f032a' })));
|
|
24698
24835
|
}
|
|
24699
24836
|
get host() { return getElement(this); }
|
|
24700
24837
|
static get style() { return postTogglebuttonCss(); }
|
|
@@ -24778,7 +24915,7 @@ class PostTooltip {
|
|
|
24778
24915
|
}
|
|
24779
24916
|
render() {
|
|
24780
24917
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
24781
|
-
return (hAsync(Host, { key: '
|
|
24918
|
+
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' }))));
|
|
24782
24919
|
}
|
|
24783
24920
|
get host() { return getElement(this); }
|
|
24784
24921
|
static get style() { return postTooltipCss(); }
|
|
@@ -24973,7 +25110,7 @@ class PostTooltipTrigger {
|
|
|
24973
25110
|
this.tooltip?.hide();
|
|
24974
25111
|
}
|
|
24975
25112
|
render() {
|
|
24976
|
-
return (hAsync(Host, { key: '
|
|
25113
|
+
return (hAsync(Host, { key: '55adc12f457aa8a5dd4357ed27876b0e526f7ae3', "data-version": version$1 }, hAsync("slot", { key: '84da1734ae1c1ac9376caa693108e3ed54bf176f', onSlotchange: () => this.handleSlotChange() })));
|
|
24977
25114
|
}
|
|
24978
25115
|
get host() { return getElement(this); }
|
|
24979
25116
|
static get style() { return postTooltipTriggerCss(); }
|