@swisspost/internet-header 10.5.0 → 10.7.0

package/dist/esm/post-breadcrumbs.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-h3opCZqH.js';
-import { v as version } from './package-Ny5VnydI.js';
+import { v as version } from './package-BBz9PVf0.js';
 import { t as throttle } from './index-bR8vy6-s.js';
 import { n as nanoid } from './nanoid-8LXe8Zt_.js';
 import { c as componentOnReady } from './component-on-ready-lpWRZjJp.js';
@@ -8,7 +8,7 @@ import { U as Url } from './url-B61rZU6Z.js';
 import { T as Type } from './type-Daxpt5v6.js';
 import './create-validator-decorator--a-qkYfP.js';
 
-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:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:-ms-flexbox;display:flex;-ms-flex-align:start;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:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);-webkit-text-decoration:var(--post-core-text-decoration-none);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;-webkit-transition:none;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);-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item::before{-webkit-mask-image:var(--post-icon-chevronright);mask-image:var(--post-icon-chevronright);background-color:currentColor;-ms-flex:0 0 auto;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=")}.home{padding-block:var(--post-device-spacing-padding-47)}.home::before{content:unset}.home post-icon{width:var(--post-device-sizing-interactive-icon-size2);height:var(--post-device-sizing-interactive-icon-size2)}.menu{-webkit-margin-end:calc(-1*var(--post-device-spacing-gap-inline-4));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}`;
+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:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:var(--post-device-spacing-gap-inline-4)}[role=list]>.menu:first-child::before{content:none}.breadcrumb-item{display:-ms-flexbox;display:flex;-ms-flex-align:start;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:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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);-webkit-text-decoration:var(--post-core-text-decoration-none);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;-webkit-transition:none;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);-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item::before{-webkit-mask-image:var(--post-icon-chevronright);mask-image:var(--post-icon-chevronright);background-color:currentColor;-ms-flex:0 0 auto;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:-ms-flexbox;display:flex;-ms-flex-align:center;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;-ms-flex-pack:start;justify-content:start;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;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{-ms-flex:none;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{-webkit-margin-end:calc(-1*var(--post-device-spacing-gap-inline-4));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}`;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -27,17 +27,33 @@ const PostBreadcrumbs = class {
         registerInstance(this, hostRef);
         this.debounceUpdateCollapsedItems = throttle(MEASUREMENT_DEBOUNCE_MS, this.updateCollapsedItems.bind(this));
         this.resizeObserver = new ResizeObserver(this.debounceUpdateCollapsedItems);
-        this.mutationObserver = new MutationObserver(this.updateHiddenNav.bind(this));
+        this.mutationObserver = new MutationObserver(() => {
+            void this.updateAfterMutation();
+        });
         this.loaded = false;
-        /** The number of breadcrumb items, counted from the start, that are moved into the overflow menu. */
+        /** 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. */
+        this.hasSlottedHomeAnchor = false;
+        /** Whether the slotted home anchor contains a post-icon. */
+        this.hasSlottedHomeIcon = false;
+        /** The number of breadcrumb items, counted from the start, moved into the overflow menu. */
         this.collapsed = 0;
+        /** Whether the home item is collapsed into its own overflow menu. */
+        this.homeCollapsed = false;
+        /** Whether the last (selected) item wraps onto multiple lines. */
+        this.lastItemWraps = false;
         /** The visible breadcrumb navigation. */
         this.nav = null;
         /** An off-screen copy of the breadcrumb navigation used for measurement. */
         this.hiddenNav = null;
+        /**
+         * Whether `text-home` content is displayed instead of the home icon, enabling segment specific
+         * breadcrumbs (like "Private customers" or "About us").
+         */
+        this.homeTextOnly = false;
     }
     componentWillLoad() {
         this.id = this.host.id || `b${nanoid(6)}`;
+        this.checkSlottedHomeAnchor();
     }
     async componentDidLoad() {
         this.resizeObserver?.observe(document.body);
@@ -55,69 +71,95 @@ const PostBreadcrumbs = class {
         this.mutationObserver?.disconnect();
         this.debounceUpdateCollapsedItems.cancel();
     }
-    /**
-     * Measures the space available in the breadcrumb navigation and moves the items that do not fit
-     * into the overflow menu.
-     */
+    checkSlottedHomeAnchor() {
+        const homeSlotElement = Array.from(this.host.children).find(child => child.getAttribute('slot') === 'home');
+        this.hasSlottedHomeAnchor = homeSlotElement?.tagName === 'A';
+        this.hasSlottedHomeIcon =
+            this.hasSlottedHomeAnchor && !!homeSlotElement?.querySelector('post-icon');
+    }
+    get usesHomeText() {
+        return this.hasSlottedHomeAnchor ? !this.hasSlottedHomeIcon : this.homeTextOnly;
+    }
+    // Degrade order: collapse middle items -> collapse home -> wrap the last item.
+    /** Measures the available space and updates all three degrade-stage states. */
     async updateCollapsedItems() {
         if (!this.nav)
             return;
-        this.collapsed = await this.calculateCollapsedItems();
+        const { overflowing, homeOverflows, lastItemWraps } = await this.calculateCollapsedItems();
+        this.collapsed = overflowing;
+        this.homeCollapsed = homeOverflows;
+        this.lastItemWraps = lastItemWraps;
     }
-    /**
-     * Determines how many items have to be collapsed, either because they do not fit the breadcrumb
-     * navigation or because they exceed the maximum number of visible items.
-     */
     async calculateCollapsedItems() {
         const items = this.host.querySelectorAll('post-breadcrumb-item');
-        const overflowing = await this.calculateOverflowingItems();
+        const { overflowing, homeOverflows, lastItemWraps } = await this.calculateOverflowingItems();
         // Never show more than `MAX_VISIBLE_ITEMS`, even if the nav is wide enough to fit them all.
-        return Math.max(overflowing, items.length - MAX_VISIBLE_ITEMS);
+        return {
+            overflowing: Math.max(overflowing, items.length - MAX_VISIBLE_ITEMS),
+            homeOverflows,
+            lastItemWraps,
+        };
     }
-    /**
-     * Determines how many items overflow the width of the breadcrumb navigation.
-     */
+    /** Runs the three degrade stages in order against the off-screen measurement clone. */
     async calculateOverflowingItems() {
-        // Fallback to zero if the hidden nav is not available for measurement.
         if (!this.hiddenNav)
-            return 0;
-        const gap = Number.parseFloat(getComputedStyle(this.hiddenNav.firstElementChild).gap);
-        const menu = this.hiddenNav.querySelector('.menu').clientWidth;
-        // The last item can never be collapsed, so it is ignored when measuring the width of the items.
-        const items = Array.from(this.hiddenNav.querySelectorAll('post-breadcrumb-item')).slice(0, -1);
-        // Start from the assumption that all items fit and that no menu is shown.
-        // Therefore, subtract the width of the overflow menu.
-        let width = this.hiddenNav.scrollWidth - menu + gap;
+            return { overflowing: 0, homeOverflows: false, lastItemWraps: false };
+        const nav = this.hiddenNav;
+        const availableWidth = nav.clientWidth;
+        const gap = Number.parseFloat(getComputedStyle(nav.firstElementChild).gap);
+        const menuWidth = nav.querySelector('.menu')?.clientWidth ?? 0;
+        const homeWidth = nav.querySelector('.home')?.clientWidth ?? 0;
+        // Stage 1: collapse middle items, starting closest to home, until the rest fits.
+        const middleItems = Array.from(nav.querySelectorAll('post-breadcrumb-item')).slice(0, -1);
+        const { overflowing, remainingWidth } = this.collapseMiddleItems(middleItems, gap, menuWidth, availableWidth);
+        // Stage 2: home + last item, single-line. Text home can collapse into the menu, while the
+        // icon-only home remains visible and lets the last item wrap instead.
+        const homeOverflows = this.usesHomeText && remainingWidth > availableWidth;
+        // Stage 3: home joins the existing menu when middle items have collapsed. If no middle item
+        // collapsed, the menu needs to be added when home moves into it.
+        const widthWithHomeCollapsed = remainingWidth - homeWidth + (overflowing === 0 ? menuWidth : 0);
+        const lastItemWraps = this.usesHomeText
+            ? homeOverflows && widthWithHomeCollapsed > availableWidth
+            : remainingWidth > availableWidth;
+        return { overflowing, homeOverflows, lastItemWraps };
+    }
+    /** Stage 1: collapses middle items until the rest fits, or none are left. */
+    collapseMiddleItems(items, gap, menuWidth, availableWidth) {
+        // Start from the assumption that all items fit and that no menu is shown, so subtract the
+        // overflow menu's width from the total.
+        let width = this.hiddenNav.scrollWidth - menuWidth + gap;
         let overflowing = 0;
-        // Discard items from the start until the remaining ones fit the available width.
-        while (overflowing < items.length && width > this.hiddenNav.clientWidth) {
+        while (overflowing < items.length && width > availableWidth) {
             // The overflow menu needs to be displayed as soon as the first item is moved into it, so its
             // width needs to be taken into account when measuring the remaining items.
             if (overflowing === 0)
-                width += menu;
+                width += menuWidth;
             width -= items[overflowing++].clientWidth + gap;
         }
-        return overflowing;
+        return { overflowing, remainingWidth: width };
     }
-    /**
-     * Moves `collapsed` items into the overflow menu and marks the last item as selected.
-     */
-    updateItems(items, collapsed) {
+    /** Applies the degrade states to the `<post-breadcrumb-item>` elements. */
+    updateItems(items, collapsed, lastItemWraps) {
         items.forEach((item, index) => {
+            const isLast = index === items.length - 1;
             item.setAttribute('variant', index < collapsed ? 'menuitem' : 'listitem');
-            item.setAttribute('selected', String(index === items.length - 1));
-            item.setAttribute('standalone', String(index === items.length - 1 && index === collapsed));
+            item.setAttribute('selected', String(isLast));
+            item.setAttribute('standalone', String(isLast && index === collapsed && lastItemWraps));
         });
     }
-    /**
-     * Rebuilds the off-screen copy of the breadcrumb navigation.
-     */
+    /** Rebuilds the off-screen copy of the breadcrumb navigation. */
     async updateHiddenNav() {
         this.hiddenNav?.remove();
         this.hiddenNav = await this.renderHiddenNav();
     }
+    async updateAfterMutation() {
+        await this.updateHiddenNav();
+        await this.updateCollapsedItems();
+    }
     /**
-     * Renders an off-screen copy of the breadcrumb navigation that is used for measurements.
+     * Renders an off-screen copy of the nav for measurements. `.home` is rebuilt independently (see
+     * `buildMeasurementHomeElement`) rather than cloned, since the live nav may show the home item
+     * in the overflow menu instead if it is already collapsed.
      */
     async renderHiddenNav() {
         const shadowRoot = this.host.shadowRoot;
@@ -128,12 +170,29 @@ const PostBreadcrumbs = class {
         // Deep clone the breadcrumb navigation and flatten its slots into the clone.
         this.nav.querySelectorAll('slot').forEach((source, index) => {
             const target = slots[index];
-            // Insert the assigned elements where the slot used to be, then drop the now empty slot
-            source.assignedElements().forEach(element => {
-                target.insertAdjacentElement('beforebegin', element.cloneNode(true));
-            });
-            target.remove();
+            const assignedElements = source.assignedElements();
+            if (assignedElements.length > 0) {
+                // Insert the assigned elements where the slot used to be, then drop the now empty slot.
+                assignedElements.forEach(element => {
+                    target.insertAdjacentElement('beforebegin', element.cloneNode(true));
+                });
+                target.remove();
+            }
+            else {
+                // Nothing assigned: keep the slot's own fallback content (e.g. the default home link) by
+                // unwrap the <slot> in place, move its children to where it was, then remove it.
+                const parent = target.parentNode;
+                if (parent) {
+                    Array.from(target.childNodes).forEach(child => parent.insertBefore(child, target));
+                    target.remove();
+                }
+            }
         });
+        // Always measure the full, uncollapsed home item — see the method doc above. Uses
+        // replaceChild rather than replaceWith, since the latter isn't implemented by Stencil's
+        // mock-doc DOM used during SSR/hydration.
+        const existingHome = clone.querySelector('.home');
+        existingHome?.parentNode?.replaceChild(this.buildMeasurementHomeElement(), existingHome);
         clone.classList.remove('loading');
         clone.classList.add('invisible');
         // Show the overflow menu so that we can include the space it takes up in the measurement.
@@ -142,31 +201,72 @@ const PostBreadcrumbs = class {
         // Wait for all items to be fully hydrated before measuring.
         const items = clone.querySelectorAll('post-breadcrumb-item');
         await Promise.all(Array.from(items).map(item => componentOnReady(item)));
-        // Move the items out of the overflow menu so that the uncollapsed layout can be measured.
-        this.updateItems(items, 0);
+        // Uncollapsed layout, both single-line, for measurement.
+        this.updateItems(items, 0, false);
         return clone;
     }
+    /** Builds `.home` in its full, uncollapsed form for measurement. Mirrors `renderHomeContent`, but as plain DOM since this runs outside the render cycle. */
+    buildMeasurementHomeElement() {
+        const home = document.createElement('div');
+        home.className = `breadcrumb-item home${this.usesHomeText ? '' : ' icon'}`;
+        home.setAttribute('role', 'listitem');
+        const slottedAnchor = this.hasSlottedHomeAnchor
+            ? Array.from(this.host.children).find(child => child.getAttribute('slot') === 'home')
+            : null;
+        if (slottedAnchor) {
+            home.append(slottedAnchor.cloneNode(true));
+            return home;
+        }
+        const anchor = document.createElement('a');
+        if (this.homeUrl)
+            anchor.href = this.homeUrl;
+        const label = document.createElement('span');
+        if (!this.usesHomeText)
+            label.className = 'visually-hidden';
+        label.textContent = this.textHome;
+        anchor.append(label);
+        if (!this.usesHomeText) {
+            const icon = document.createElement('post-icon');
+            icon.setAttribute('aria-hidden', 'true');
+            icon.setAttribute('name', 'home');
+            anchor.append(icon);
+        }
+        home.append(anchor);
+        return home;
+    }
     renderMenu() {
         const menuId = `${this.id}-menu`;
-        return (h("div", { class: `breadcrumb-item menu ${this.collapsed === 0 ? 'empty' : ''}`, role: "listitem" }, h("post-menu-trigger", { for: menuId }, h("button", null, h("span", { class: "visually-hidden" }, this.textMoreItems), h("span", { "aria-hidden": "true" }, "..."))), h("post-menu", { id: menuId, label: this.textMoreItems, placement: "bottom-start" }, h("slot", { name: "menu" }))));
+        return (h("div", { class: `breadcrumb-item menu ${this.collapsed === 0 && !this.homeCollapsed ? 'empty' : ''}`, role: "listitem" }, h("post-menu-trigger", { for: menuId }, h("button", null, h("span", { class: "visually-hidden" }, this.textMoreItems), h("span", { "aria-hidden": "true" }, "..."))), h("post-menu", { id: menuId, label: this.textMoreItems, placement: "bottom-start" }, this.homeCollapsed && this.usesHomeText && (h("post-menu-item", null, this.renderHomeContent())), h("slot", { name: "menu" }))));
+    }
+    /** Reused by the plain home item and the home menu — a slot can only be assigned once. */
+    renderHomeContent() {
+        return (h("slot", { name: "home", onSlotchange: () => this.checkSlottedHomeAnchor() }, h("a", { href: this.homeUrl }, h("span", { class: this.usesHomeText ? undefined : 'visually-hidden' }, this.textHome), !this.usesHomeText && h("post-icon", { "aria-hidden": "true", name: "home" }))));
+    }
+    /** Degrade stage 2: home renders in full, single-line, not yet collapsed. */
+    renderHome() {
+        return (h("div", { class: `breadcrumb-item home${this.usesHomeText ? '' : ' icon'}`, role: "listitem" }, this.renderHomeContent()));
     }
     render() {
         if (this.loaded) {
             const items = this.host.querySelectorAll('post-breadcrumb-item');
-            this.updateItems(items, this.collapsed);
+            this.updateItems(items, this.collapsed, this.lastItemWraps);
         }
-        return (h(Host, { key: '501384cb07b2deac87a21800fc4d39d695747341', "data-version": version }, h("nav", { key: '20aa57da865967458169544dec75d975926eb675', "aria-label": this.textBreadcrumbs, ref: el => (this.nav = el), class: this.loaded ? '' : 'loading' }, h("div", { key: 'cf8f21f2ee9de01bac0edf9379ba5c183b938d70', role: "list" }, h("div", { key: '9bd29a83cb976d67f3c6ea24cf23b2a07e40ca84', class: "breadcrumb-item home", role: "listitem" }, h("a", { key: '675638668994f074951491040c6043819e6f7282', href: this.homeUrl }, h("span", { key: '3ce1f8ea5ba5738925bff000ec5a8c32603ae963', class: "visually-hidden" }, this.textHome), h("post-icon", { key: '1b35b22788d4e70c948e1067d99265e8af9c74e7', "aria-hidden": "true", name: "home" }))), this.renderMenu(), h("slot", { key: 'f7fe7cd0b16a9064aba28149756f785c47133351' }), h("slot", { key: 'c62ce84877203586c184e1adaea1ecb6ed8a0912', name: "selected" })))));
+        return (h(Host, { key: '8d5f457a7c6a2df0cfaf5c31f3ffc6937de76e57', "data-version": version, class: this.homeCollapsed && this.usesHomeText ? 'home-collapsed' : undefined }, h("nav", { key: 'ce3fd7ad69060dd6968afaad6170e27eee72682f', "aria-label": this.textBreadcrumbs, ref: el => (this.nav = el), class: this.loaded ? '' : 'loading' }, h("div", { key: '1c400c8c1e1b625203876cc9804936782a2202c6', role: "list" }, (!this.homeCollapsed || !this.usesHomeText) && this.renderHome(), this.renderMenu(), h("slot", { key: '5cf6618b487961c0e7d70637f5396d023660ec55' }), h("slot", { key: 'f4fb662d04d9966c76a22444844d692611472b2d', name: "selected" })))));
     }
     get host() { return getElement(this); }
 };
 __decorate([
-    Required(),
+    Required({ when: 'hasSlottedHomeAnchor', truthy: false }),
     Url()
 ], PostBreadcrumbs.prototype, "homeUrl", void 0);
 __decorate([
-    Required(),
+    Required({ when: 'hasSlottedHomeAnchor', truthy: false }),
     Type('string')
 ], PostBreadcrumbs.prototype, "textHome", void 0);
+__decorate([
+    Required(),
+    Type('boolean')
+], PostBreadcrumbs.prototype, "homeTextOnly", void 0);
 __decorate([
     Required(),
     Type('string')

package/dist/esm/post-closebutton.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-h3opCZqH.js';
-import { v as version } from './package-Ny5VnydI.js';
+import { v as version } from './package-BBz9PVf0.js';
 import { f as findClosestAcrossShadow } from './event-from-BEcxHjuM.js';
 import { O as OneOf } from './one-of-w2eXPAzD.js';
 import { R as Required } from './required-tHxh_hWW.js';
@@ -111,7 +111,7 @@ const PostClosebutton = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f46ba6cbd82793b2a3d3a72c2f89236f0904eb68', "data-version": version }, h("button", { key: 'd014e76ccce88a087f8dd9caaac002eb09f64699', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm", onClick: this.handleClick }, h("post-icon", { key: '442305b327aabe61f259b98694118ec1b4ed2f09', "aria-hidden": "true", name: "closex" }), h("span", { key: '530149339a2a983d1e5d23c149abd0faf6f912b5', ref: el => (this.visuallyHidden = el), class: "visually-hidden" }, h("slot", { key: 'b90d5bea08c70c6df33dc5fc74bcf06eb2b6cd14' })))));
+        return (h(Host, { key: 'b8e2214b904f5167fa3753aab947418891236fcf', "data-version": version }, h("button", { key: '224ca42d3be187062ba9717e4a534ff34eeafaf7', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm", onClick: this.handleClick }, h("post-icon", { key: '5b289691599d6f9a3bb0fa7a28c71eecd1f5aee7', "aria-hidden": "true", name: "closex" }), h("span", { key: 'e22045f15b3dc8b8b228eb4282114e10db68b186', ref: el => (this.visuallyHidden = el), class: "visually-hidden" }, h("slot", { key: 'e492390c995a993ffc8988a1c90a41e59fbe39f5' })))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }

package/dist/esm/post-date-picker.entry.js

@@ -1,9 +1,11 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-h3opCZqH.js';
-import { v as version } from './package-Ny5VnydI.js';
+import { v as version } from './package-BBz9PVf0.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
+import { a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
 import { c as createValidatorDecorator, g as getValidationContext } from './create-validator-decorator--a-qkYfP.js';
 import { R as Required } from './required-tHxh_hWW.js';
 import { T as Type } from './type-Daxpt5v6.js';
+import './get-root-08F-DB-d.js';
 
 /**
  * Property decorator that validates the property value is a valid date string.
@@ -3689,7 +3691,7 @@ try {
 // environments (e.g. Next.js pre-rendering) with `HTMLInputElement is not defined`.
 let cachedNativeValueDescriptor;
 function nativeValueDescriptor() {
-    cachedNativeValueDescriptor ?? (cachedNativeValueDescriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value'));
+    cachedNativeValueDescriptor ??= Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');
     return cachedNativeValueDescriptor;
 }
 // iMask adapter that bypasses the instance-level `input.value` override (which returns ISO strings)
@@ -4065,32 +4067,31 @@ const PostDatePicker = class {
             this.skipFocusOnNextRender = true;
         };
         /**
-         * Loop through the date picker when not in inline mode
+         * Traps focus inside the calendar popover (not used in inline mode) by always taking over Tab handling,
+         * so focus can't escape even while a grid cell is briefly untabbable mid-render.
          */
         this.handleTab = (e) => {
             if (this.inline || (e.key !== 'Tab' && e.key !== 'Escape'))
                 return;
-            // Focus on the input when escaping the calendar
+            // Explicitly close the popover on Escape
             if (e.key === 'Escape') {
+                this.popoverRef?.hide();
                 this.dpInput.focus();
+                return;
             }
+            const focusable = getFocusableChildren(this.dpContainer);
+            if (focusable.length === 0)
+                return;
             const active = this.host.shadowRoot.activeElement;
-            if (active === this.titleBtn && e.shiftKey) {
-                e.preventDefault();
-                const activeCell = this.getCells().find(c => c.tabIndex === 0);
-                if (activeCell) {
-                    activeCell.focus();
-                }
-            }
-            if (active?.getAttribute('role') === 'gridcell' && !e.shiftKey) {
-                e.preventDefault();
-                if (this.currentViewType === 'years') {
-                    this.prevBtn.focus();
-                }
-                else {
-                    this.titleBtn.focus();
-                }
-            }
+            const activeIndex = focusable.indexOf(active);
+            // Focus is outside the tracked elements, let the browser handle it
+            if (activeIndex === -1)
+                return;
+            e.preventDefault();
+            const nextIndex = e.shiftKey
+                ? (activeIndex - 1 + focusable.length) % focusable.length
+                : (activeIndex + 1) % focusable.length;
+            focusable[nextIndex].focus();
         };
         /**
          * Handle keyboard/arrow navigation within the grid
@@ -4263,6 +4264,15 @@ const PostDatePicker = class {
             console.error('hide: popoverRef is null or undefined');
         }
     }
+    static { this.FLYOUT_OFFSET = 4; }
+    // Cells per row for each view
+    static {
+        this.COLUMNS_BY_VIEW = {
+            days: 7,
+            months: 4,
+            years: 4,
+        };
+    }
     /**
      * Get the system locale (e.g.`en`, etc.) from the closest parent with a `lang` attribute,
      * or fallback to a default language code if not found or in server environment.
@@ -4379,7 +4389,8 @@ const PostDatePicker = class {
         if (this.currentViewType === 'days') {
             target = cells.find(cell => Number(cell.dataset.date) === date.getDate() &&
                 Number(cell.dataset.month) === date.getMonth() &&
-                Number(cell.dataset.year) === date.getFullYear());
+                Number(cell.dataset.year) === date.getFullYear() &&
+                !cell.classList.contains('-other-month-'));
             if (!target) {
                 const firstOfMonth = new Date(this.currentViewYear, this.currentViewMonth, 1);
                 target = cells.find(cell => Number(cell.dataset.date) === 1 &&
@@ -4893,11 +4904,11 @@ const PostDatePicker = class {
         }
     }
     render() {
-        return (h(Host, { key: '8f3e9c45b6536e766d2930bb7647ccb230a1a53c', "data-version": version }, this.inline && (h("div", { key: '37c23df45461da546c03ab5e487e6831992a1a6f', dir: this.textDirection }, h("slot", { key: '6c031a739d43642604c752e2101bbc2d4fbb39e5' }), h("div", { key: '42ecf6418c4522d15a24341b127b444aedbfc7be', class: "datepicker-container" }))), !this.inline && (h("div", { key: '0166eba762a209d0113f42c19715a9dde86eef2d', dir: this.textDirection }, h("div", { key: '14f687ecc53fd5681aa52abd955e18aa17991b2c', class: {
+        return (h(Host, { key: '82e70130d0c36d6a9e2853f888c951003173e604', "data-version": version }, this.inline && (h("div", { key: '381b59d3883702ede832953b3ed21cc4854c47b1', dir: this.textDirection }, h("slot", { key: '1e65fa64a68c17158c8e685eada731577135bca6' }), h("div", { key: '80b5019c11342d96af121f32056914011fe17b48', class: "datepicker-container" }))), !this.inline && (h("div", { key: 'c1df49006815f33d4d300601a3a37b8f1b269acb', dir: this.textDirection }, h("div", { key: '787df4c64b0e2d8866bd299273d511d7d20c864e', class: {
                 'calendar-input': !this.range,
                 'calendar-input-range': this.range,
                 'disabled': this.inputDisabled,
-            } }, h("slot", { key: 'afc114dc156c665de0b1a23732efaf3e221929d4' }), h("button", { key: '205ef45ccc828418af1ef7b3b09def83b87c9b26', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled, ref: e => (this.dpTrigger = e) }, h("post-icon", { key: '6730069a64bc2bb461d72e5c0e615d37ca57b74d', name: "calendar" }))), h("post-popovercontainer", { key: '56e1dfd0fd04442f7778c547fc75cba8caba84a5', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, h("div", { key: '43ff0d83760214ff8e1ad06c2f8d7c6626e178c1', class: "datepicker-container" }))))));
+            } }, h("slot", { key: '211f54096096e6a3d59d55c59c27d6e131fe9845' }), h("button", { key: 'b78245344a1c4c6424624c29de85a9edb3c2c302', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled, ref: e => (this.dpTrigger = e) }, h("post-icon", { key: '9c9e3e309bce3f8464cf91882b39b2aa1277a8ba', name: "calendar" }))), h("post-popovercontainer", { key: '35efc5f0e5582d5e5edf0a945288f2dacf824bf9', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, h("div", { key: 'f5a464e97c4bc99be88da2461fa089948bdb16bd', class: "datepicker-container" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4920,13 +4931,6 @@ const PostDatePicker = class {
             }]
     }; }
 };
-PostDatePicker.FLYOUT_OFFSET = 4;
-// Cells per row for each view
-PostDatePicker.COLUMNS_BY_VIEW = {
-    days: 7,
-    months: 4,
-    years: 4,
-};
 __decorate([
     DateValue(),
     IsoDate()

package/dist/esm/post-footer.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-h3opCZqH.js';
-import { v as version } from './package-Ny5VnydI.js';
+import { v as version } from './package-BBz9PVf0.js';
 import { b as breakpoint } from './breakpoints-I1j7a0bW.js';
 import { R as Required } from './required-tHxh_hWW.js';
 import { T as Type } from './type-Daxpt5v6.js';
 import './create-validator-decorator--a-qkYfP.js';
 
-const postFooterCss = () => `:host{display:block}footer{--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-padding-block:32px;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-padding-block:16px;--post-footer-app-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-businesssectors-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-gap:8px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-base-gap:4px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px;--post-footer-grid-padding-block:48px;--post-footer-socialmedia-padding-block:24px}}@media screen and (min-width: 1024px){footer{--post-footer-grid-template:auto / repeat(4, auto);--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 auto;padding-inline:var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa;-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632;padding-block:var(--post-footer-prefooter-padding-block)}.prefooter .footer-container{padding-block:0}.footer-main{background-color:#fc0;-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632}.prefooter:not(.d-none)+.footer-main{-webkit-border-before:unset;border-block-start:unset}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);gap:32px 24px;padding-block:var(--post-footer-grid-padding-block)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--post-footer-column-flex-direction);flex-direction:var(--post-footer-column-flex-direction);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:var(--post-footer-column-align-items);align-items:var(--post-footer-column-align-items);-webkit-column-gap:var(--post-footer-column-gap);-moz-column-gap:var(--post-footer-column-gap);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:-ms-flexbox !important;display:flex !important;-ms-flex-direction:var(--post-footer-list-flex-direction) !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;-ms-flex-align:var(--post-footer-list-align-items) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{padding-block:var(--post-footer-socialmedia-padding-block)}.footer-app{padding-block:var(--post-footer-app-padding-block)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{padding-block:var(--post-footer-businesssectors-padding-block)}.footer-base{background-color:#fc0;-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632;padding-block:var(--post-footer-base-padding-block);gap:var(--post-footer-base-gap)}.footer-meta{font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
+const postFooterCss = () => `:host{display:block}footer{--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-padding-block:32px;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-padding-block:16px;--post-footer-app-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-businesssectors-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-gap:8px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-base-gap:4px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px;--post-footer-grid-padding-block:48px;--post-footer-socialmedia-padding-block:24px}}@media screen and (min-width: 1024px){footer{--post-footer-grid-template:auto / repeat(4, auto);--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 auto;padding-inline:var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa;-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632;padding-block:var(--post-footer-prefooter-padding-block)}.prefooter .footer-container{padding-block:0}.footer-main{background-color:#fc0;-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632}.prefooter:not(.d-none)+.footer-main{-webkit-border-before:unset;border-block-start:unset}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);gap:32px 24px;padding-block:var(--post-footer-grid-padding-block)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--post-footer-column-flex-direction);flex-direction:var(--post-footer-column-flex-direction);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:var(--post-footer-column-align-items);align-items:var(--post-footer-column-align-items);-webkit-column-gap:var(--post-footer-column-gap);-moz-column-gap:var(--post-footer-column-gap);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:-ms-flexbox !important;display:flex !important;-ms-flex-direction:var(--post-footer-list-flex-direction) !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;-ms-flex-align:var(--post-footer-list-align-items) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{padding-block:var(--post-footer-socialmedia-padding-block)}.footer-app{padding-block:var(--post-footer-app-padding-block)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{padding-block:var(--post-footer-businesssectors-padding-block)}.footer-base{background-color:#fc0;-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632;-webkit-padding-before:var(--post-footer-base-padding-block);padding-block-start:var(--post-footer-base-padding-block);-webkit-padding-after:max(var(--post-footer-base-padding-block), env(safe-area-inset-bottom, 0px));padding-block-end:max(var(--post-footer-base-padding-block), env(safe-area-inset-bottom, 0px));gap:var(--post-footer-base-gap)}.footer-meta{font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -78,10 +78,10 @@ const PostFooter = class {
         const allGridSlotsEmpty = GRID_SLOTS.every(slotName => !this.slotDisplayed[slotName]);
         const renderMain = !allGridSlotsEmpty || renderSocialmedia || renderApp || renderBusinesssectors;
         const renderBase = renderCopyright || renderMeta;
-        return (h(Host, { key: '02edce3d202fefa6fe21a84d1ed97a6ded2d76ce', "data-version": version, "data-color-scheme": "light" }, h("footer", { key: '7d67c940dc73b6dd16283e7c7a7feeda05f50f80' }, h("h2", { key: '1d71a47f631f463c15b7ac02c7574d4f8adbfe2e', class: "visually-hidden" }, this.textFooter), h("div", { key: '9fd3d08883d63c8aaccb4c3c32c0c8a81c3f8e1c', class: { 'prefooter': true, 'd-none': !renderPrefooter } }, h("div", { key: '99a6abfe43b586e5486c4ceeff3c7176905ef631', class: "footer-container" }, h("slot", { key: '5616b403340d5e2395c0d949926f99c56936b662', onSlotchange: this.handleSlotChange, name: "prefooter" }))), h("div", { key: 'd6ccd3988b9951bb0e38fd612eae64a1889427ef', class: { 'footer-main': true, 'd-none': !renderMain } }, h("div", { key: '4c8880c1dbf366a408402a884e61fe8e1cf45af0', class: "footer-container" }, h("div", { key: 'a79010da73a749002a25b03052d0427d2dcf6c2e', class: { 'footer-grid': true, 'd-none': allGridSlotsEmpty } }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), h("div", { key: '335efe778d8b8e2c4a9f3eeffd4d60e5ba670ad2', class: {
+        return (h(Host, { key: '08a1ce26926dace6b5b58df118007107c971221e', "data-version": version, "data-color-scheme": "light" }, h("footer", { key: 'bcc5101df4f8e203fdba9075e34b7aa125eb53ce' }, h("h2", { key: 'a8efa01756ea699f5f66346e3cfe05cc56f36264', class: "visually-hidden" }, this.textFooter), h("div", { key: '1b8e30a01c3f0a711f0351b36d396f90511154c4', class: { 'prefooter': true, 'd-none': !renderPrefooter } }, h("div", { key: '2c900ed450bc1dc5ad655d35f5f50b1b5a268fec', class: "footer-container" }, h("slot", { key: '8ab8cef6c639251543c65ed21a1f14adf043029e', onSlotchange: this.handleSlotChange, name: "prefooter" }))), h("div", { key: 'e3f3bedd9725968fbce6e887e22842a7e8e5ffa5', class: { 'footer-main': true, 'd-none': !renderMain } }, h("div", { key: '76cec7363e3771da636a6c0a32afbf16d5c4d405', class: "footer-container" }, h("div", { key: '4e9ea3788103175b48839b6bf815d4c675769c97', class: { 'footer-grid': true, 'd-none': allGridSlotsEmpty } }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), h("div", { key: '64d10c9fb543290e078f7fff098b401926b3bf4b', class: {
                 'footer-column': true,
                 'd-none': !renderSocialmedia && !renderApp,
-            } }, h("div", { key: '6725d6db6af39a2f2ed4d887a598f262c6314562', class: { 'footer-socialmedia': true, 'd-none': !renderSocialmedia } }, h("slot", { key: '3a2d1c69bc05245842447ac104615f681b02e3a9', onSlotchange: this.handleSlotChange, name: "socialmedia" })), h("div", { key: '38f1a4b8ef975aafb7f4fd90512ea08dc18e3d4c', class: { 'footer-app': true, 'd-none': !renderApp } }, h("slot", { key: 'fbcb201b8ee7b9ac419c7a01e995ce3be7e4acca', onSlotchange: this.handleSlotChange, name: "app" }))), h("div", { key: '76b292642cd8587ffa95277bf43478c785aed594', class: { 'footer-businesssectors': true, 'd-none': !renderBusinesssectors } }, h("slot", { key: '9fa3ead24b007de21d2669421f03ab2fd870d64e', onSlotchange: this.handleSlotChange, name: "businesssectors" })))), h("div", { key: '0278475002d8a479936967c06335cc667519a902', class: { 'footer-base': true, 'd-none': !renderBase } }, h("div", { key: '59d46393b2a04184a6adc445d4b0940f07ad56f8', class: "footer-container" }, h("div", { key: '7bbaebdf46638ffa1946e7c5be6970c8a1e586bb', class: { 'footer-copyright': true, 'd-none': !renderCopyright } }, h("slot", { key: 'c1601db6edc32929d84897330654dbec24bb8543', onSlotchange: this.handleSlotChange, name: "copyright" })), h("div", { key: '1339ee3a91e8f18d757333b74053291080d95e2b', class: { 'footer-meta': true, 'd-none': !renderMeta } }, h("slot", { key: 'aa98ffd65b0138b198e057dbd2c96368bf92c0b0', onSlotchange: this.handleSlotChange, name: "meta" })))))));
+            } }, h("div", { key: '05b566b43e2c4fed2919e3312a718ea392cad0f7', class: { 'footer-socialmedia': true, 'd-none': !renderSocialmedia } }, h("slot", { key: 'a46f739c9d4b6cbf96988f96f89d7cc093797b40', onSlotchange: this.handleSlotChange, name: "socialmedia" })), h("div", { key: 'f28490dfaa982a609ba1eb393339980a358488e5', class: { 'footer-app': true, 'd-none': !renderApp } }, h("slot", { key: '01c10bf12eb2f39a0dbceec320b476041d46c631', onSlotchange: this.handleSlotChange, name: "app" }))), h("div", { key: '609935b6b6ee48176d7e44919726abdaff8e6161', class: { 'footer-businesssectors': true, 'd-none': !renderBusinesssectors } }, h("slot", { key: '9f153ba54a08d48e55644fe58089ed7122c1cfdd', onSlotchange: this.handleSlotChange, name: "businesssectors" })))), h("div", { key: '03fd76b711b9d9f1f912ac7a4199ee2706bd3a9a', class: { 'footer-base': true, 'd-none': !renderBase } }, h("div", { key: '3eb810a55e3193295f8b9291bd824af77a5a2fac', class: "footer-container" }, h("div", { key: '04c38d8d5e483b9f9cc8acca1cc8224e381651f1', class: { 'footer-copyright': true, 'd-none': !renderCopyright } }, h("slot", { key: 'fdd11e63af64161288533c21ea455f3513ac7d87', onSlotchange: this.handleSlotChange, name: "copyright" })), h("div", { key: 'adffa17e5f3b94af32e489d113afd9908e2b7abf', class: { 'footer-meta': true, 'd-none': !renderMeta } }, h("slot", { key: '7ebaf69055332d184b86a58e57db1c214b5f08c6', onSlotchange: this.handleSlotChange, name: "meta" })))))));
     }
     get host() { return getElement(this); }
 };