@swisspost/design-system-components 10.0.0-next.69 → 10.0.0-next.71

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

@@ -1,31 +1,16 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-B4l5EAoq.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DmBWUef5.js';
+import { t as throttle } from './breakpoints-BQ3HlJPr.js';
+import { v as version } from './package-x3kxyWSZ.js';
 import { a as checkRequiredAndUrl, c as checkRequiredAndType } from './index-D9bU2pIE.js';
-import './index-CJcRbvrI.js';
-import { d as debounce } from './debounce-C9hMpmsD.js';
+import { c as componentOnReady } from './component-on-ready-lpWRZjJp.js';
+import { n as nanoid } from './nanoid-8LXe8Zt_.js';
 
-const postBreadcrumbsCss = () => `:host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{position:absolute;height:0;overflow:hidden;white-space:nowrap;display:flex;flex-wrap:wrap}.hidden-items .hidden-breadcrumb-item{display:inline-flex;padding-inline-end:var(--post-device-spacing-gap-inline-4)}.hidden-items .hidden-breadcrumb-item:last-child{padding-inline-end:0;font-weight:var(--post-device-font-weight-bold)}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li 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}li 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){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li 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){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{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}post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-block-end:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}li[aria-current=page] post-breadcrumb-item{pointer-events:none;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)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration: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{position:relative}nav{max-width:100%}nav.invisible{visibility:hidden;overflow:hidden;position:absolute;inset:0}[role=list]{display:flex;align-items:start;gap:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;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-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item :is(button,a):hover{text-decoration:none}.breadcrumb-item :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}.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):is(a){color:LinkText;border:unset}.breadcrumb-item :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.breadcrumb-item :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.breadcrumb-item :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !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;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}.home::before{content:unset}.home post-icon{font-size:var(--post-core-dimension-24)}@media screen and (min-width: 0)and (max-width: 599.98px){.home post-icon{font-size:20px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
 
 const PostBreadcrumbs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.breadcrumbItems = [];
-        // Waits for breadcrumbs navigation reference to be available
-        this.waitForBreadcrumbsRef = debounce(() => {
-            if (this.breadcrumbsNavRef?.clientWidth > 0) {
-                this.checkConcatenation();
-            }
-            else {
-                this.waitForBreadcrumbsRef();
-            }
-        }, 50);
-        // Handles resizing to check concatenation
-        this.handleResize = () => {
-            if (window.innerWidth === this.lastWindowWidth)
-                return;
-            this.lastWindowWidth = window.innerWidth;
-            this.checkConcatenation();
-        };
+        this.shouldRenderMenu = false;
     }
     validateHomeUrl() {
         checkRequiredAndUrl(this, 'homeUrl');
@@ -39,75 +24,92 @@ const PostBreadcrumbs = class {
     validateTextMoreItems() {
         checkRequiredAndType(this, 'textMoreItems', 'string');
     }
+    componentWillLoad() {
+        this.id = this.host.id || `b${nanoid(6)}`;
+    }
     componentDidLoad() {
         this.validateHomeUrl();
         this.validateTextHome();
         this.validateTextBreadcrumbs();
         this.validateTextMoreItems();
-        window.addEventListener('resize', this.handleResize);
-        this.waitForBreadcrumbsRef();
+        this.createMutationObserver();
+        this.createResizeObserver();
+    }
+    disconnectedCallback() {
+        this.mutationObserver?.disconnect();
+        this.resizeObserver?.disconnect();
+    }
+    createMutationObserver() {
+        this.mutationObserver = new MutationObserver(this.duplicateNavElement.bind(this));
+        this.mutationObserver.observe(this.host, {
+            childList: true,
+            characterData: true,
+            subtree: true,
+        });
+        this.duplicateNavElement();
+    }
+    createResizeObserver() {
+        this.resizeObserver = new ResizeObserver(throttle(50, this.checkOverflow.bind(this)));
+        this.resizeObserver.observe(document.body);
+    }
+    /**
+     * To measure overflow, we duplicate the entire breadcrumb so an inline version is always available.
+     */
+    duplicateNavElement() {
+        const shadowRoot = this.host.shadowRoot;
+        const nav = shadowRoot?.querySelector('nav');
+        if (!shadowRoot || !nav)
+            return;
+        this.prepareBreadcrumbItemsForClone();
+        const clone = nav.cloneNode(true);
+        clone.classList.add('invisible');
+        shadowRoot.querySelector('nav.invisible')?.remove();
+        shadowRoot.append(clone);
         requestAnimationFrame(() => {
-            this.updateBreadcrumbItems();
+            this.duplicateSlottedElements(clone, 'slot:not([name])');
+            this.duplicateSlottedElements(clone, 'slot[name="selected"]');
+            this.checkOverflow();
         });
     }
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.handleResize);
-    }
-    // Updates breadcrumb items and sets the last item
-    updateBreadcrumbItems() {
-        this.breadcrumbItems = Array.from(this.host.querySelectorAll('post-breadcrumb-item')).map(item => ({
-            text: item.textContent || '',
-            url: item.getAttribute('url') ?? undefined,
-            description: item.getAttribute('description') ?? undefined,
-            label: item.getAttribute('label') ?? undefined,
-        }));
-        this.lastItem = this.breadcrumbItems.at(-1);
-    }
-    // Determines parent width for concatenation logic
-    getParentWidth() {
-        let parent = this.host.parentNode;
-        while (parent && !(parent instanceof HTMLElement)) {
-            parent = parent.parentNode;
-        }
-        return parent instanceof HTMLElement ? parent.clientWidth : window.innerWidth;
-    }
-    checkConcatenation() {
-        if (!this.breadcrumbsNavRef)
+    duplicateSlottedElements(clone, slotSelector) {
+        const originalSlot = this.host.shadowRoot?.querySelector(slotSelector);
+        const clonedSlot = clone.querySelector(slotSelector);
+        if (!originalSlot || !clonedSlot)
             return;
-        const visibleWidth = this.getParentWidth();
-        // Measure all hidden breadcrumb items
-        const hiddenItems = Array.from(this.host.shadowRoot?.querySelectorAll('.hidden-breadcrumb-item') || []);
-        const totalWidth = hiddenItems.reduce((accum, element) => {
-            const rect = element.getBoundingClientRect();
-            return accum + rect.width;
-        }, 0);
-        this.isConcatenated = totalWidth > visibleWidth;
-    }
-    // Handles breadcrumb item click to open the menu
-    handleBreadcrumbItemClick() {
-        if (this.host.shadowRoot) {
-            const menuTrigger = this.host.shadowRoot
-                ?.querySelector('.menu-trigger-wrapper')
-                ?.querySelector('button');
-            if (menuTrigger) {
-                menuTrigger.click();
-            }
-        }
+        originalSlot.assignedElements().forEach(element => {
+            const cloned = element.cloneNode(true);
+            cloned.dataset.measuring = 'true';
+            clonedSlot.before(cloned);
+        });
+        clonedSlot.remove();
+    }
+    checkOverflow() {
+        const hiddenNav = this.host.shadowRoot?.querySelector('nav.invisible');
+        if (!hiddenNav)
+            return;
+        const breadcrumbItems = Array.from(hiddenNav.querySelectorAll('post-breadcrumb-item'));
+        Promise.all(breadcrumbItems.map(item => componentOnReady(item))).then(() => {
+            this.shouldRenderMenu = hiddenNav.scrollWidth > hiddenNav.clientWidth;
+            this.updateBreadcrumbItemProps();
+        });
+    }
+    prepareBreadcrumbItemsForClone() {
+        this.shouldRenderMenu = false;
+        this.updateBreadcrumbItemProps();
+    }
+    updateBreadcrumbItemProps() {
+        const breadcrumbItems = this.host.querySelectorAll('post-breadcrumb-item');
+        breadcrumbItems.forEach((item, index) => {
+            item.setAttribute('variant', this.shouldRenderMenu ? 'menuitem' : 'listitem');
+            item.setAttribute('selected', String(index === breadcrumbItems.length - 1));
+        });
+    }
+    renderMenu() {
+        const menuId = `${this.id}-menu`;
+        return (h("div", { role: "listitem" }, h("div", { class: "breadcrumb-item" }, 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", null))));
     }
     render() {
-        const visibleItems = this.breadcrumbItems.slice(0, -1);
-        return (h(Host, { key: '4c0030c6896fa3bbbb26a26668a3b2cf96a110a9', "data-version": version }, h("nav", { key: '80834fa5581243a5cd081626ba743a29a2498502', "aria-label": this.textBreadcrumbs, class: "breadcrumbs-nav", ref: el => (this.breadcrumbsNavRef = el) }, h("ol", { key: '925aff0f9f19ef04e339ead446f5e4d4449b73ec', class: "no-list breadcrumbs-list" }, h("li", { key: '6dd10b7af11f6a63c27dc018dc49cdc8e85f7dcd' }, h("a", { key: '3c6db30d34a5f4d176b6127bc0ccb8fe733846af', href: this.homeUrl, class: "breadcrumb-link" }, h("span", { key: '9a78ed7042859125d32374885c0ce7426e2ff114', class: "visually-hidden" }, this.textHome), h("post-icon", { key: '096eaf22ab0f381de0b4a93a65972718101b2d4e', name: "home", class: "home-icon" }))), this.isConcatenated ? (h("li", { class: "menu-trigger-wrapper" }, h("post-icon", { name: "chevronright", class: "breadcrumb-item-icon" }), h("div", { class: "actual-menu" }, h("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0, onKeyDown: e => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    this.handleBreadcrumbItemClick();
-                }
-            } }, h("button", { class: "btn", tabIndex: -1 }, "...")), h("post-menu", { id: "breadcrumb-menu", label: this.textMoreItems }, visibleItems.map(item => (h("post-menu-item", { key: item.url || item.text, class: "breadcrumb-item", onKeyDown: e => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    const linkElement = e.currentTarget.querySelector('a');
-                    linkElement?.click();
-                    e.preventDefault();
-                }
-            } }, item.url ? (h("a", { href: item.url, "aria-label": item.label, "aria-description": item.description }, item.text)) : (h("span", null, item.text))))))))) : (visibleItems.map(item => (h("li", null, h("post-breadcrumb-item", { url: item.url, label: item.label, description: item.description, key: item.url || item.text }, item.text))))), this.lastItem && (h("li", { key: '57d4678e05401a248e31559eef7562a1608c0d58', "aria-current": "page" }, h("post-breadcrumb-item", { key: 'b1be2e79473288d0755a65a0819eb2a2301a89f2', url: this.lastItem.url, label: this.lastItem.label, description: this.lastItem.description, tabindex: -1 }, this.lastItem.text)))), h("div", { key: '9eaa408234c3497176bfc116ab02f8280ff1cce7', class: "hidden-items" }, h("a", { key: 'c19fab9c610fe33b0fb980e24fe6395ee4bed8c6', href: this.homeUrl, class: "hidden-breadcrumb-item" }, h("span", { key: '9d42d66632535330307f87fdad5ba6e983b4448a', class: "visually-hidden" }, this.textHome), h("post-icon", { key: 'b7cc4122d01930d5736f6eb929a46bcd32c547e4', name: "home", class: "home-icon" })), this.breadcrumbItems.map(item => (h("post-breadcrumb-item", { url: item.url, key: `hidden-${item.url || item.text}`, label: item.label, description: item.description, class: "hidden-breadcrumb-item" }, item.text)))))));
+        return (h(Host, { key: '85cb104032c0caed5ab2fb442be0a6d7eac5b67a', "data-version": version }, h("nav", { key: 'be4b2b8c6333ef3bf3440de0ce61958d1a07952b', "aria-label": this.textBreadcrumbs }, h("div", { key: '28531f638065e6db5cbf7e29d87086933fb47235', role: "list" }, h("div", { key: '4a71e5b143e271e26f032e8d4ed329aee949bf32', class: "breadcrumb-item home", role: "listitem" }, h("a", { key: '3e58ac2d4bbbc2e56a7acd28119b235edadc8fa0', href: this.homeUrl }, h("span", { key: '1a31a9963898005b218177d78adbb7813728b0ce', class: "visually-hidden" }, this.textHome), h("post-icon", { key: '668a636881fbea1a7129b9108cc234c257e0fffb', "aria-hidden": "true", name: "home" }))), this.shouldRenderMenu ? this.renderMenu() : h("slot", null), h("slot", { key: '0c8bad3de95f0ca51dfd8a15c4cb6e79e2499b1b', name: "selected" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-DmAi35UF.js';
-import { v as version } from './package-B4l5EAoq.js';
+import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-DmBWUef5.js';
+import { v as version } from './package-x3kxyWSZ.js';
 import { d as checkEmptyOrOneOf, h as checkRequiredAndOneOf, c as checkRequiredAndType, b as checkEmptyOrType, e as checkRequiredAndPattern, f as checkEmptyOrUrl } from './index-D9bU2pIE.js';
-import { t as throttle, b as breakpoint } from './index-CJcRbvrI.js';
+import { t as throttle, b as breakpoint } from './breakpoints-BQ3HlJPr.js';
 import { f as fade } from './fade-DsgPYmAa.js';
 import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';
-import { n as nanoid } from './index.browser-nA1BKco0.js';
+import { n as nanoid } from './nanoid-8LXe8Zt_.js';
 import { r as resolveEasing } from './utils-CoDiS_Ik.js';
 import { f as fadeSlide } from './fade-slide-CvOvauo9.js';
 import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
@@ -67,7 +67,7 @@ const PostClosebutton = class {
         }
     }
     render() {
-        return (h(Host, { key: '33c801f2e342363d6361f19e65793a4164d45f81', "data-version": version }, h("button", { key: '2fa8ae3a3e57cc971a99648d66612e13bc526e92', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, h("post-icon", { key: '5ac2821cdd342115e73b13f692bd7180edab82a8', "aria-hidden": "true", name: "closex" }), h("span", { key: '5eb97879647ef8c866bfdf6cd0819477a13907bc', class: "visually-hidden" }, h("slot", { key: '80eac1979c78526078d57a8398e04824420b7983' })))));
+        return (h(Host, { key: 'ae74db094a2b1de985564d3f7528f78a98fd7ce9', "data-version": version }, h("button", { key: '7bab137e2dab6b3b405f486c10b3bbfbecdebafa', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, h("post-icon", { key: 'ed323a3c13211f234551957a498f678e18ff4f66', "aria-hidden": "true", name: "closex" }), h("span", { key: 'aad44b5c93d357fab3d7cf537f477abd7c89f9be', class: "visually-hidden" }, h("slot", { key: 'd8424ae25100fc673188e3c77f89abe95847a38a' })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -412,10 +412,10 @@ const PostHeader = class {
     render() {
         const onDesktop = this.device === 'desktop';
         const onTabletAndMobile = this.device !== 'desktop';
-        return (h(Host, { key: '0c1c670fe2b9ae2d571575afac362294cabd25f8', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '828c565d4a429a64af447dcfe67e3f2ece191b2d' }, h("div", { key: '07a7b7e5766ac8b52809352368f5e6a992d51a1f', class: "global-header" }, h("div", { key: '89de3207db5636f44d52bbe670cf53d98d1cd695', class: "section" }, h("div", { key: '846a618db12453cb324a31bdb0de7441d71abc86', class: "logo" }, h("slot", { key: 'f4588ec8bf6c340b55c4fd3e473054e29678656c', name: "post-logo" })), h("div", { key: '591e90930272014cbcef24b10fd9b77c83589723', class: "sliding-controls" }, onDesktop && (h("div", { key: '69b2f19bc671d2d7b96573457fd483c2f1e4cc84', class: "audience" }, h("slot", { key: '9020d46bd4d039049af07126946f9de3c5e00ffb', name: "audience" }))), h("slot", { key: 'fd116d04562841323fd0d97d123b1c0643cb6559', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
-            h("slot", { key: '21faf49f41da008111c1c050dafcfd9717769701', name: "global-nav-secondary" }),
-            h("slot", { key: '58b020d0e43b8c5cf1d8a19e1e73bbecd6a3d2ce', name: "language-menu" }),
-        ], h("slot", { key: '398b5b6301d76fb64c3220ba62f36fb37fd124ec', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: '7f3ff60f747fd4e6f1900dedbc3f808d0728f532', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '056f33f9c717dd0f7d43f22ec4fb2ad4677f3af9' }, this.textMenu), h("post-icon", { key: '907c28555d824c2dac5eaf4fac5791efac3a3bd1', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: '1e6e8ac592f61cb5a5992604a3f42954ffef422f', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '61f5ab8e9b9bcc32d87fbef12d1a59e7be5d1989', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '83597f00edde59fda11afdf3b48cd5878c18c6c0', class: "section" }, h("slot", { key: 'fcfeb4fcac79aa0c4076819cc01b74f850fc3ced', name: "title" }), this.hasTitle && h("slot", { key: '9b25a2656c639b68681899f6603549eebb1e7024', name: "local-nav" }), onDesktop && h("slot", { key: '31947851e239ecb8b12a279f5581947b9c5bbf2a', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '42e813ebf801052731fe93a3bcf95e157b961be4', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
+        return (h(Host, { key: '26f833461817802c6a93c96556cfd412404c2965', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '041a309f341a5551cdfc93b0703c4f3cfb2a1d0f' }, h("div", { key: '3613dd51fee795b523d6b66cd338334d84f6fbe3', class: "global-header" }, h("div", { key: '46e6f03899e58e2ba3b5fffdd37e6eaa6c424825', class: "section" }, h("div", { key: '7932a4d20e75ae8bb354466b5014394b9f2c1928', class: "logo" }, h("slot", { key: '4a59e8dda5e0db20a73876821f3fcf43bc05f1b9', name: "post-logo" })), h("div", { key: 'c20a7bfb08942c582b8fcb6bf3b13fb47c428701', class: "sliding-controls" }, onDesktop && (h("div", { key: 'ab5e3cb7e9e8a9ad8bbb22f5760d05380f764f47', class: "audience" }, h("slot", { key: '5e62ea13379b916cda2cfde6de82788c21e775c4', name: "audience" }))), h("slot", { key: '8afc82e08d6ed8986df032c3161d888dd73390db', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
+            h("slot", { key: '3ac3963bd777555760ad60952b75dd9591f9f348', name: "global-nav-secondary" }),
+            h("slot", { key: '292eabda025f3bc8c86399cdbe79386588ba9e3a', name: "language-menu" }),
+        ], h("slot", { key: '9a0722343ad37c736bb04c1c4c59cfaf7a070c65', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: '77c4d0e34a6af4bdfc4257d6d42bc73034ab056a', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '13967b75cc44f30ee44224fc0e2bc6760521777c' }, this.textMenu), h("post-icon", { key: '619fae5c77a41f79ff71ae1e25861a82bf01f2d6', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'b0ae837080e4f738b0cbe14f8829151d1381e62c', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '0da0040c459944ac5b97db6fe0f3d9dc64272a3e', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '3ec396c9fd8fc6b97d7a41256008a3d20180ff72', class: "section" }, h("slot", { key: '6f66cee38f62becb866927609927bb6152e52fe8', name: "title" }), this.hasTitle && h("slot", { key: '17b3a68697791f1c83e978b25ee3bbb60c2c48d3', name: "local-nav" }), onDesktop && h("slot", { key: '63434d8c9b29c113498a475fa9a92b565a4738d1', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '164a3b8d9dd7af6d12fbf37190bc318bea2eb527', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -489,7 +489,8 @@ const PostIcon = class {
      * 5. `CDN_URL` fallback → `https://unpkg.com/...`.
      **/
     getUrl() {
-        const fileName = `${this.name}.svg`;
+        const name = this.name ?? this.host.getAttribute('name');
+        const fileName = `${name}.svg`;
         // Prioritize only data:image URLs
         if (this.url?.startsWith('data:image/')) {
             return this.url;
@@ -553,7 +554,7 @@ const PostIcon = class {
         this.validateAnimation();
     }
     render() {
-        return (h(Host, { key: 'b174b02a32d1edaadef76a31bfe01a78980ba562', "data-version": version }, h("span", { key: '2065aadcc17fd6df7e369d0bdbeaac0c8fa64c51', style: this.getStyles() })));
+        return (h(Host, { key: '90b884be62bc2b5455206ca9b87e27a6665222d4', "data-version": version }, h("span", { key: '0f107bfcc0993e3fa10d1452b829498de995b5dd', style: this.getStyles() })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -670,7 +671,7 @@ const PostLanguageMenu = class {
         return (h(Host, { "data-version": version }, h("div", { class: "post-language-menu-list", role: "list", "aria-label": this.textChangeLanguage, "aria-describedby": this.listSpanId }, h("span", { id: this.listSpanId, class: "visually-hidden" }, this.description), h("slot", null))));
     }
     renderDropdown() {
-        return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-menu-trigger" }, this.activeLang, h("span", { class: "visually-hidden" }, this.textChangeLanguage), h("span", { class: "visually-hidden" }, this.description), h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), h("post-menu", { ref: el => this.menu = el, id: this.menuId, class: "post-language-menu-dropdown-container", label: this.textChangeLanguage, placement: "bottom-end" }, h("slot", null))));
+        return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-menu-trigger" }, this.activeLang, h("span", { class: "visually-hidden" }, this.textChangeLanguage), h("span", { class: "visually-hidden" }, this.description), h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), h("post-menu", { ref: el => (this.menu = el), id: this.menuId, class: "post-language-menu-dropdown-container", label: this.textChangeLanguage, placement: "bottom-end" }, h("slot", null))));
     }
     render() {
         return this.variant === 'list' ? this.renderList() : this.renderDropdown();
@@ -793,7 +794,7 @@ const PostLogo = class {
     render() {
         const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
         const LogoTag = logoLink ? 'a' : 'span';
-        return (h(Host, { key: '4c2a5854fc2499198b289181136cbd0a2fd9c1e1', "data-version": version }, h(LogoTag, { key: '4696e7329e8821e010f8cf0de367551f9fec448c', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: 'd4bec68539d393a5eced24f0b0ab521f40b13b4b', class: "description" }, h("slot", { key: '43b6f18561aec0b83cde540b4a6370fda2717cc2', onSlotchange: () => this.checkDescription() })), h("svg", { key: '9ee91a5dc0e1553bd54eb90bce0036f59f7ee62a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '6accd8ec83c793b4b5ae0412b21ea97c4db1a05f', id: "Logo" }, h("rect", { key: '5eee4130c5c766f46769b3fe00bab45f2c4a0a51', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '4f33978c01fe70f6b4b9ede345624378ec488b25', 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" }), h("path", { key: 'c680032facb04b9869778712dcb50b0bb166922c', 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" }))))));
+        return (h(Host, { key: 'f00832f2069ab28ce56369ed8a6649657b1d3668', "data-version": version }, h(LogoTag, { key: 'f8998a0e1e6af06860c6aa19dfec3c62178c370e', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: '3a1a45de5963ec2d9e40b77178e781237e09dd05', class: "description" }, h("slot", { key: '0ee9bfa56bcea5bc77a6b5d76179a5292fd12337', onSlotchange: () => this.checkDescription() })), h("svg", { key: '971626b0c1c55e9c6e0eb2ee3160287b7fb38963', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '197bbe6025bb47e998dfeb03f0a05de9718e5d65', id: "Logo" }, h("rect", { key: '5c60147c473550ecdce1de55a7c51b710310c7a9', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: 'c09469285fb2ee599e92aabaa02a8529dfa3e086', 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" }), h("path", { key: '830aab1cfddf2be961c3866bda044ebce2b8cd3b', 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" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -929,7 +930,7 @@ const PostMainnavigation = class {
         }, NAVBAR_DISABLE_DURATION);
     }
     render() {
-        return (h(Host, { key: '7bdd80e16b223324417ffbacdcadcb842c559d26', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '087cfbe84c8970ab26b394b6e96298cbc0df71ec', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '6d4cbd054346c8ac28ad54ad00887d042e41f78d', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: 'db4cb2f45e19d458cede13f9b62dbcb5836f6127', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '00fbab4d3e498a0943c9298801dd9629e34a0eea' })), h("div", { key: '678872aef2d26f52f8b838e47ef7a631e71cb7a6', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '233bebc886e69c27651ebaf2a678fa6d64f1f7cf', "aria-hidden": "true", name: "chevronright" }))));
+        return (h(Host, { key: '4bde4476fd50bef26253dd2d3853f2eb0b2f5ebb', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '07db530eb50feade70f4b1a4d39d7ea760d322be', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '8a0c6f7713bc3731e937a16542b0d6aca1cad444', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '2919c6be730d64d7ca901a2ffa066c6aa0b6da0b', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '87481c7880f72774fb2c9d3847db171bf6ea9b69' })), h("div", { key: '768c2476e98aa163a23c8717f44ffa4dfd397bcc', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '286b02ce9e3e8f3920251f3420c4e07288b306cc', "aria-hidden": "true", name: "chevronright" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1232,7 +1233,7 @@ const PostMegadropdown = class {
     }
     render() {
         const containerStyle = this.isVisible ? {} : { display: 'none' };
-        return (h(Host, { key: 'f3794c85cf7972c3a30145726e07675d88875ad8', version: version }, h("div", { key: '078a4489e17db573136caa9212a0bf1010c328ef', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: 'fb51ea5e7a38a546ac54d73e7a0804c9e2f3db79', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: 'cdc95d1af137074d8f117b7ab44ae58c20804d31', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: '4f205271deab921c732c10f59f951e0d1559cafb', class: "megadropdown-content" }, h("slot", { key: '218f174cfefef460dcd2f4a4be35107e0a5cd95e' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
+        return (h(Host, { key: '78ca1dd237507aa79ab27e14b799be6b557527e4', version: version }, h("div", { key: '98b9d8ad4591f629555cecf3aaac9066bd80d3e3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: 'fd93c498a754ba4c01df5551d27980b943efcd16', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: 'bd053626c0faae37625d8cc593d3920986fe6266', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: '0f93113c12833d7161000e56ea08b26b4ebf8552', class: "megadropdown-content" }, h("slot", { key: '09ddced0de6ea2922e97726dff1ee84d8135f755' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1325,7 +1326,7 @@ const PostMegadropdownTrigger = class {
         this.megadropdown.toggle();
     }
     render() {
-        return (h(Host, { key: '3ff98d284d7ffcf3605e9fbfa44dda294ae02eb9', "data-version": version }, h("button", { key: 'e87d23a68473518e41199a253b3aa23dfc5fe6ca', 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 } }, h("span", { key: 'b0c478e81171df7534255dcfedcc2c1401d59d7e' }, h("span", { key: 'aa226c2f92b49aeefcf61ab8ce75b72a1a731850', innerHTML: this.slottedContent }), h("span", { key: '2e30aff042547cecc77c34d3f78a58fb0ca2e2bb', "aria-hidden": "true" }, h("slot", { key: 'b285e45d776f2cbf17e2f01f400a01d3bbb6f588' }))), h("post-icon", { key: 'f65a12ebf1e5261633a7cd83f3273f157bcdc6ef', name: "chevrondown" }))));
+        return (h(Host, { key: 'f974aa3ce0dc011784b1d64d8b3e8e165ef8608b', "data-version": version }, h("button", { key: 'c24a29b41b3eb6a67c32b7433cd138b492c29c7a', 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 } }, h("span", { key: 'eaa781138c99d5da1f176bfdefa89bed84468bfe' }, h("span", { key: '7164eedf63eda5fbbb69c557f186db1cf4d049f9', innerHTML: this.slottedContent }), h("span", { key: '05681cba35d42b159409230d7535662f87f495f3', "aria-hidden": "true" }, h("slot", { key: '6732bbedae6ed09806e145c417100a94b14357f0' }))), h("post-icon", { key: '32e38c328b482a2405f89afd9b6feb9346e02d2b', name: "chevrondown" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1523,10 +1524,13 @@ const PostMenu = class {
             // If the element is a slot, get the assigned elements
             .flatMap(el => (el instanceof HTMLSlotElement ? el.assignedElements() : el))
             // For each menu item, get any focusable children (e.g., buttons, links)
-            .flatMap(el => Array.from(getFocusableChildren(el))));
+            .flatMap(el => [
+            ...getFocusableChildren(el),
+            ...(el.shadowRoot ? getFocusableChildren(el.shadowRoot) : []),
+        ]));
     }
     render() {
-        return (h(Host, { key: 'f4dbf7b48d82859af77b7a966def9e33c4821060', "data-version": version }, h("post-popovercontainer", { key: '36b33dc0993791f81b6ab14a11c3d304fd25556c', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '866c88398e5436d13cbf6335c31298dd134c1356', part: "post-menu" }, h("slot", { key: '20c812c4449b6781e7ddb90904685d8643e6ae27', name: "header" }), h("slot", { key: '2fee5397128492a282b92d2d33747347cb982759' })))));
+        return (h(Host, { key: '6931365341e8a5476c27e5a35d84823162d3a904', "data-version": version }, h("post-popovercontainer", { key: '441654449ad9708c5eba02a383567771cab7a848', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '6436553c2b7c35901a84b3a50798b561dfbb008c', part: "post-menu" }, h("slot", { key: 'af2a5159f3b8e039d00fc6cb1734740eede78121', name: "header" }), h("slot", { key: '01e671b55c02342936efe703dac97096f38b131c' })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1546,7 +1550,7 @@ __decorate([
 ], PostMenu.prototype, "handlePostBeforeToggle", null);
 PostMenu.style = postMenuCss();
 
-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}@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 a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}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}`;
+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}@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 a{text-decoration:none}post-menu-item button,post-menu-item a{width:100%;position:relative;display:flex;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}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}`;
 
 const PostMenuItem = class {
     constructor(hostRef) {
@@ -1620,7 +1624,7 @@ const PostMenuTrigger = class {
         return null;
     }
     render() {
-        return (h(Host, { key: '46dbe700998f60d9b6e85c09a2992aa702c1af52', "data-version": version }, h("slot", { key: '339ecc1a3ba354199d9f3c0ff84fd2f8b2f1b4a4' })));
+        return (h(Host, { key: '574ff0ab723270c5a2614e8a34951febc51221ed', "data-version": version }, h("slot", { key: 'cf223c3e85d9ad8b49ba209fa165a27605b9fd09' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4365,7 +4369,7 @@ function popIn(el) {
     });
 }
 
-const postPopovercontainerCss = () => `@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host [part=post-popovercontainer-border-mask]{display:none;position:absolute;inset:0;border-radius:4px;pointer-events:none}:host .arrow{--post-popovercontainer-arrow-border: var(--post-popovercontainer-arrow-border-width, 0px) solid var(--post-popovercontainer-arrow-border-color, transparent);position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}`;
+const postPopovercontainerCss = () => `@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host .popover-scroll{max-height:var(--post-popovercontainer-available-height, none);overflow-y:auto}:host [part=post-popovercontainer-border-mask]{display:none;position:absolute;inset:0;border-radius:4px;pointer-events:none}:host .arrow{--post-popovercontainer-arrow-border: var(--post-popovercontainer-arrow-border-width, 0px) solid var(--post-popovercontainer-arrow-border-color, transparent);position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}`;
 
 const ANIMATIONS = {
     'pop-in': popIn,
@@ -4633,10 +4637,9 @@ const PostPopovercontainer = class {
             // flip should come before shift. For non-aligned, shift before flip.
             ...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
             size({
-                apply({ availableWidth, elements }) {
-                    Object.assign(elements.floating.style, {
-                        maxWidth: `${availableWidth - gap * 2}px`,
-                    });
+                apply({ availableWidth, availableHeight, elements }) {
+                    elements.floating.style.maxWidth = `${availableWidth - gap * 2}px`;
+                    elements.floating.style.setProperty('--post-popovercontainer-available-height', `${availableHeight - gap * 2}px`);
                 },
             }),
         ];
@@ -4710,9 +4713,9 @@ const PostPopovercontainer = class {
         }
     }
     render() {
-        return (h(Host, { key: '796c61380fcfc0fffb4a135eef8686eb4f0a218f', "data-version": version, popover: "auto" }, h("div", { key: 'f7d4f69a528487406c5969165aea8970e76750c2', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: '89b8f6036d958aae6e835f449f04f2c6086ab548', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
+        return (h(Host, { key: 'f3d2037a35648aef9031ecb96db8f1755cb06fc9', "data-version": version, popover: "auto" }, h("div", { key: '19a5300eb1388eb51764eae39fc0911864336282', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: 'e7c67a359968faa9001c4be657db7d6930fe6075', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), h("span", { key: '3a9804b70a612faaf7d7709a48b16bf9f3cdbf0e', part: "post-popovercontainer-border-mask" }), h("slot", { key: 'b7e29480db2d1a8220080981f1b82d6f7994f150' }))));
+            } })), h("span", { key: 'b7477bc2e03c196c5983f6b933cedc20b2ed59f8', part: "post-popovercontainer-border-mask" }), h("div", { key: '7c1c50cbd766f6f901e9f3579c6e609da4cf3e37', class: "popover-scroll" }, h("slot", { key: '56c646c3bec1437e394ce0b76cea0f6bc4c6637f' })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4776,7 +4779,7 @@ const PostTogglebutton = class {
         this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
     }
     render() {
-        return (h(Host, { key: 'ffa7896c75f75f3af2e521191aba92b13ce9c9b2', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '3072532907626e56c55ec1d42322588e0604bfda' })));
+        return (h(Host, { key: '828f375bfd28dd8f46c2c233cef90abe6c27c488', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '35325c8481638cf30593cda05a67ee74b38bb40c' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-B4l5EAoq.js';
-import './index-CJcRbvrI.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DmBWUef5.js';
+import { v as version } from './package-x3kxyWSZ.js';
+import './breakpoints-BQ3HlJPr.js';
 import { b as checkEmptyOrType, c as checkRequiredAndType } from './index-D9bU2pIE.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';
 import { g as getRoot } from './get-root-08F-DB-d.js';
@@ -87,7 +87,7 @@ const PostCollapsible = class {
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (h(Host, { key: '79ec1a3eb11225a93f5e5b6da7334d20d5e4b565', "data-version": version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, h("slot", { key: 'baff34fc9b45aec4c3fb0f74ad676ea1237c7d23' })));
+        return (h(Host, { key: 'd376f9ca2621660a062f3cb5ea0164df088d9e8e', "data-version": version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, h("slot", { key: '1debe186e172e978b8a32388a0f5b26eb2a602b3' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -195,7 +195,7 @@ const PostCollapsibleTrigger = class {
         this.updateAriaAttributes();
     }
     render() {
-        return (h(Host, { key: 'a4d1613dc3cbcfa627f920275eb3508939b63609', "data-version": version }, h("slot", { key: 'baa22c46a7a982afcd09253daa95f68f1709d509' })));
+        return (h(Host, { key: 'f5055d5970eb900d345957f306c9a373680f257a', "data-version": version }, h("slot", { key: 'cf63bdbca00602b9c4e2a81f28723bd274561045' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/post-components.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DmAi35UF.js';
-export { s as setNonce } from './index-DmAi35UF.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DmBWUef5.js';
+export { s as setNonce } from './index-DmBWUef5.js';
 
 /*
  Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"post-breadcrumbs\",[[1,\"post-breadcrumbs\",{\"homeUrl\":[513,\"home-url\"],\"textHome\":[513,\"text-home\"],\"textBreadcrumbs\":[513,\"text-breadcrumbs\"],\"textMoreItems\":[513,\"text-more-items\"],\"breadcrumbItems\":[32],\"isConcatenated\":[32],\"lastWindowWidth\":[32]},null,{\"homeUrl\":[{\"validateHomeUrl\":0}],\"textHome\":[{\"validateTextHome\":0}],\"textBreadcrumbs\":[{\"validateTextBreadcrumbs\":0}],\"textMoreItems\":[{\"validateTextMoreItems\":0}]}]]],[\"post-footer\",[[257,\"post-footer\",{\"textFooter\":[513,\"text-footer\"],\"device\":[32],\"gridSlotDisplayed\":[32]},null,{\"textFooter\":[{\"validateTextFooter\":0}]}]]],[\"post-popover\",[[257,\"post-popover\",{\"placement\":[1],\"textClose\":[513,\"text-close\"],\"arrow\":[4],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"placement\":[{\"validatePlacement\":0}],\"textClose\":[{\"validateTextClose\":0}]}]]],[\"post-date-picker\",[[257,\"post-date-picker\",{\"locale\":[1],\"range\":[4],\"selectedStartDate\":[1025,\"selected-start-date\"],\"selectedEndDate\":[1025,\"selected-end-date\"],\"min\":[1],\"max\":[1],\"renderCellCallback\":[16],\"inline\":[4],\"textNextMonth\":[513,\"text-next-month\"],\"textNextYear\":[513,\"text-next-year\"],\"textNextDecade\":[513,\"text-next-decade\"],\"textPreviousMonth\":[513,\"text-previous-month\"],\"textPreviousYear\":[513,\"text-previous-year\"],\"textPreviousDecade\":[513,\"text-previous-decade\"],\"textSwitchYear\":[513,\"text-switch-year\"],\"textToggleCalendar\":[1,\"text-toggle-calendar\"],\"inputDisabled\":[32],\"today\":[32],\"startDate\":[32],\"show\":[64],\"hide\":[64]},null,{\"locale\":[{\"validateLocale\":0},{\"updateLocale\":0}],\"range\":[{\"updateRange\":0}],\"selectedStartDate\":[{\"validateSelectedStartDate\":0}],\"selectedEndDate\":[{\"validateSelectedEndDate\":0}],\"min\":[{\"validateMin\":0}],\"max\":[{\"validateMax\":0}],\"inline\":[{\"validateInline\":0}],\"textNextMonth\":[{\"validateTextNextMonth\":0}],\"textNextYear\":[{\"validateTextNextYear\":0}],\"textNextDecade\":[{\"validateTextNextDecade\":0}],\"textPreviousMonth\":[{\"validateTextPreviousMonth\":0}],\"textPreviousYear\":[{\"validateTextPreviousYear\":0}],\"textPreviousDecade\":[{\"validateTextPreviousDecade\":0}],\"textSwitchYear\":[{\"validateTextSwitchYear\":0}],\"textToggleCalendar\":[{\"validateTextToggleCalendar\":0}]}]]],[\"post-autocomplete\",[[257,\"post-autocomplete\",{\"filterThreshold\":[514,\"filter-threshold\"],\"clearable\":[516],\"listbox\":[513],\"textAvailableSuggestions\":[513,\"text-available-suggestions\"],\"inputValue\":[32]},null,{\"textAvailableSuggestions\":[{\"validateTextAvailableSuggestions\":0}]}]]],[\"post-back-to-top\",[[1,\"post-back-to-top\",{\"textBackToTop\":[513,\"text-back-to-top\"],\"belowFold\":[32]},null,{\"textBackToTop\":[{\"validateTextBackToTop\":0}],\"belowFold\":[{\"watchBelowFold\":0}]}]]],[\"post-listbox\",[[257,\"post-listbox\",{\"show\":[64],\"hide\":[64],\"filter\":[64],\"clearSelection\":[64],\"navigate\":[64],\"selectActive\":[64]},[[0,\"postOptionSelected\",\"optionClicked\"]]]]],[\"post-listbox-option\",[[257,\"post-listbox-option\",{\"value\":[513],\"selected\":[516],\"highlighted\":[516]}]]],[\"post-number-input\",[[257,\"post-number-input\",{\"isDisabled\":[32],\"isIncrementDisabled\":[32],\"isDecrementDisabled\":[32],\"small\":[32],\"input\":[32]}]]],[\"post-pagination\",[[1,\"post-pagination\",{\"page\":[1026],\"pageSize\":[514,\"page-size\"],\"collectionSize\":[514,\"collection-size\"],\"label\":[513],\"textPrevious\":[513,\"text-previous\"],\"textNext\":[513,\"text-next\"],\"textPage\":[513,\"text-page\"],\"textFirst\":[513,\"text-first\"],\"textLast\":[513,\"text-last\"],\"paginationId\":[32],\"maxVisiblePages\":[32],\"items\":[32]},null,{\"page\":[{\"validatePage\":0},{\"handlePropsChange\":0}],\"pageSize\":[{\"validatePageSize\":0},{\"handlePropsChange\":0}],\"collectionSize\":[{\"validateCollectionSize\":0},{\"handlePropsChange\":0}],\"label\":[{\"validateLabel\":0}],\"textPrevious\":[{\"validateTextPrevious\":0}],\"textNext\":[{\"validateTextNext\":0}],\"textPage\":[{\"validateTextPage\":0}],\"textFirst\":[{\"validateTextFirst\":0}],\"textLast\":[{\"validateTextLast\":0}]}]]],[\"post-rating\",[[1,\"post-rating\",{\"label\":[513],\"stars\":[2],\"currentRating\":[1026,\"current-rating\"],\"readonly\":[4],\"hoveredIndex\":[32]},null,{\"label\":[{\"validateLabel\":0}],\"stars\":[{\"validateStars\":0}],\"currentRating\":[{\"validateCurrentRating\":0}]}]]],[\"post-tooltip\",[[257,\"post-tooltip\",{\"placement\":[1],\"arrow\":[4],\"open\":[1540],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"placement\":[{\"validatePlacement\":0}]}]]],[\"post-avatar\",[[257,\"post-avatar\",{\"firstname\":[513],\"lastname\":[1],\"userid\":[1],\"email\":[1],\"description\":[1],\"slottedImage\":[32],\"avatarType\":[32],\"imageUrl\":[32],\"imageAlt\":[32],\"initials\":[32],\"storageKey\":[32]},null,{\"firstname\":[{\"validateFirstname\":0}],\"lastname\":[{\"validateLastname\":0}],\"userid\":[{\"updateUserid\":0}],\"email\":[{\"updateEmail\":0}],\"description\":[{\"validateDescription\":0}]}]]],[\"post-banner\",[[257,\"post-banner\",{\"type\":[513],\"hasActions\":[32],\"dismiss\":[64]},[[0,\"click\",\"onCloseButtonClick\"]],{\"type\":[{\"validateType\":0}]}]]],[\"post-linkarea\",[[257,\"post-linkarea\"]]],[\"post-login-widget\",[[257,\"post-login-widget\",{\"authenticated\":[32],\"isAuthenticated\":[64],\"refresh\":[64]}]]],[\"post-popover-trigger\",[[257,\"post-popover-trigger\",{\"for\":[513],\"ariaExpanded\":[32],\"popoverOpen\":[32]},null,{\"popoverOpen\":[{\"syncAriaExpanded\":0}],\"for\":[{\"validateFor\":0}]}]]],[\"post-stepper\",[[257,\"post-stepper\",{\"textCurrentStep\":[513,\"text-current-step\"],\"textCompletedStep\":[513,\"text-completed-step\"],\"textStepNumber\":[513,\"text-step-number\"],\"currentIndex\":[2,\"current-index\"],\"selectedIndex\":[2,\"selected-index\"],\"mobileActiveStepLabel\":[32],\"mobileActiveStepName\":[32]},null,{\"textCurrentStep\":[{\"validateTextCurrentStep\":0}],\"textCompletedStep\":[{\"validateTextCompletedStep\":0}],\"textStepNumber\":[{\"validateTextStepNumber\":0}],\"currentIndex\":[{\"validateCurrentIndex\":0}],\"selectedIndex\":[{\"validateSelectedIndex\":0}]}]]],[\"post-stepper-item\",[[257,\"post-stepper-item\"]]],[\"post-tab-item\",[[257,\"post-tab-item\",{\"name\":[513],\"tabId\":[32],\"isNavigationMode\":[32]},null,{\"name\":[{\"validateName\":0}]}]]],[\"post-tab-panel\",[[257,\"post-tab-panel\",{\"for\":[513],\"panelId\":[32]},null,{\"for\":[{\"validateFor\":0}]}]]],[\"post-tabs\",[[257,\"post-tabs\",{\"activeTab\":[1,\"active-tab\"],\"fullWidth\":[516,\"full-width\"],\"label\":[513],\"isNavigationMode\":[32],\"show\":[64]},null,{\"label\":[{\"validateLabel\":0}]}]]],[\"post-tooltip-trigger\",[[257,\"post-tooltip-trigger\",{\"for\":[513],\"delay\":[2]},null,{\"for\":[{\"validateControlFor\":0}]}]]],[\"post-closebutton_14\",[[257,\"post-language-menu\",{\"textChangeLanguage\":[513,\"text-change-language\"],\"textCurrentLanguage\":[513,\"text-current-language\"],\"variant\":[513],\"activeLang\":[32]},[[0,\"postChange\",\"handlePostChange\"],[7,\"scroll\",\"hideMenuOnScroll\"],[0,\"postLanguageMenuItemInitiallyActive\",\"handleInitiallyActive\"]],{\"textChangeLanguage\":[{\"validateTextChangeLanguage\":0}],\"textCurrentLanguage\":[{\"validateTextCurrentLanguage\":0}],\"variant\":[{\"validateVariant\":0}]}],[257,\"post-header\",{\"fullWidth\":[516,\"full-width\"],\"textMenu\":[513,\"text-menu\"],\"device\":[32],\"hasTitle\":[32],\"hasMainNav\":[32],\"hasLocalNav\":[32],\"burgerMenuExtended\":[32],\"megadropdownOpen\":[32],\"toggleBurgerMenu\":[64]},[[0,\"focusin\",\"onFocusChange\"],[0,\"focusout\",\"onFocusChange\"]],{\"fullWidth\":[{\"validateFullWidth\":0}],\"textMenu\":[{\"validateTextMenu\":0}],\"device\":[{\"lockBody\":0}],\"burgerMenuExtended\":[{\"lockBody\":0}]}],[257,\"post-megadropdown\",{\"textClose\":[513,\"text-close\"],\"textBack\":[513,\"text-back\"],\"device\":[32],\"isVisible\":[32],\"trigger\":[32],\"megadropdownTitle\":[32],\"animationClass\":[32],\"toggle\":[64],\"show\":[64],\"hide\":[64],\"focusFirst\":[64]},null,{\"textClose\":[{\"validateTextClose\":0}],\"textBack\":[{\"validateTextBack\":0}]}],[260,\"post-language-menu-item\",{\"code\":[513],\"active\":[1540],\"variant\":[1],\"name\":[1],\"description\":[1],\"url\":[1],\"select\":[64]},null,{\"code\":[{\"validateCode\":0}],\"variant\":[{\"validateVariant\":0}],\"name\":[{\"validateName\":0}],\"description\":[{\"validateDescription\":0}],\"url\":[{\"validateUrl\":0}]}],[257,\"post-mainnavigation\",{\"textMain\":[513,\"text-main\"],\"canScrollLeft\":[32],\"canScrollRight\":[32]},[[9,\"mouseup\",\"stopScrolling\"],[9,\"mouseleave\",\"stopScrolling\"]],{\"textMain\":[{\"validateTextMain\":0}]}],[257,\"post-megadropdown-trigger\",{\"active\":[516],\"for\":[513],\"isMegadropdownExpanded\":[32],\"slottedContent\":[32]},[[4,\"postToggleMegadropdown\",\"onMegadropdownToggled\"]],{\"for\":[{\"validateFor\":0}]}],[257,\"post-logo\",{\"url\":[1]},null,{\"url\":[{\"validateUrl\":0}]}],[257,\"post-togglebutton\",{\"toggled\":[1028]}],[260,\"post-closebutton\",{\"buttonType\":[1,\"button-type\"],\"placement\":[513],\"size\":[513]},null,{\"buttonType\":[{\"validateButtonType\":0}],\"placement\":[{\"validatePlacement\":0}],\"size\":[{\"validateSize\":0}]}],[257,\"post-menu\",{\"placement\":[1],\"label\":[513],\"isVisible\":[32],\"toggle\":[64],\"show\":[64],\"hide\":[64]},null,{\"placement\":[{\"validatePlacement\":0}],\"label\":[{\"validateLabel\":0}]}],[0,\"post-menu-item\"],[257,\"post-menu-trigger\",{\"for\":[513]},null,{\"for\":[{\"validateFor\":0}]}],[257,\"post-popovercontainer\",{\"placement\":[1],\"edgeGap\":[2,\"edge-gap\"],\"offset\":[2],\"arrow\":[4],\"safeSpace\":[513,\"safe-space\"],\"dynamicPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"placement\":[{\"validatePlacement\":0}],\"edgeGap\":[{\"validateEdgeGap\":0}],\"safeSpace\":[{\"validateSafeSpace\":0}]}],[1,\"post-icon\",{\"animation\":[513],\"base\":[1],\"url\":[1],\"flipH\":[516,\"flip-h\"],\"flipV\":[516,\"flip-v\"],\"name\":[513],\"rotate\":[2],\"scale\":[2]},null,{\"animation\":[{\"validateAnimation\":0}],\"base\":[{\"validateBase\":0}],\"name\":[{\"validateName\":0}],\"rotate\":[{\"validateRotate\":0}],\"scale\":[{\"validateScale\":0}]}]]],[\"post-breadcrumb-item\",[[257,\"post-breadcrumb-item\",{\"url\":[513],\"label\":[513],\"description\":[513],\"fullUrl\":[32]},null,{\"url\":[{\"validateUrl\":0}]}]]],[\"post-collapsible_2\",[[257,\"post-collapsible\",{\"collapsed\":[1028],\"toggle\":[64]},null,{\"collapsed\":[{\"collapsedChange\":0}]}],[257,\"post-collapsible-trigger\",{\"for\":[513],\"update\":[64]},null,{\"for\":[{\"validateAriaAttributes\":0}]}]]],[\"post-accordion_2\",[[257,\"post-accordion-item\",{\"collapsed\":[1540],\"headingLevel\":[2,\"heading-level\"],\"id\":[32],\"slottedLogo\":[32],\"toggle\":[64]},[[2,\"postToggle\",\"onCollapseToggle\"]],{\"headingLevel\":[{\"validateHeadingLevel\":0}]}],[257,\"post-accordion\",{\"headingLevel\":[514,\"heading-level\"],\"multiple\":[516],\"toggle\":[64],\"expandAll\":[64],\"collapseAll\":[64]},[[0,\"postToggle\",\"collapseToggleHandler\"]],{\"headingLevel\":[{\"validateHeadingLevel\":0}]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"post-closebutton_14\",[[257,\"post-language-menu\",{\"textChangeLanguage\":[513,\"text-change-language\"],\"textCurrentLanguage\":[513,\"text-current-language\"],\"variant\":[513],\"activeLang\":[32]},[[0,\"postChange\",\"handlePostChange\"],[7,\"scroll\",\"hideMenuOnScroll\"],[0,\"postLanguageMenuItemInitiallyActive\",\"handleInitiallyActive\"]],{\"textChangeLanguage\":[{\"validateTextChangeLanguage\":0}],\"textCurrentLanguage\":[{\"validateTextCurrentLanguage\":0}],\"variant\":[{\"validateVariant\":0}]}],[257,\"post-header\",{\"fullWidth\":[516,\"full-width\"],\"textMenu\":[513,\"text-menu\"],\"device\":[32],\"hasTitle\":[32],\"hasMainNav\":[32],\"hasLocalNav\":[32],\"burgerMenuExtended\":[32],\"megadropdownOpen\":[32],\"toggleBurgerMenu\":[64]},[[0,\"focusin\",\"onFocusChange\"],[0,\"focusout\",\"onFocusChange\"]],{\"fullWidth\":[{\"validateFullWidth\":0}],\"textMenu\":[{\"validateTextMenu\":0}],\"device\":[{\"lockBody\":0}],\"burgerMenuExtended\":[{\"lockBody\":0}]}],[257,\"post-megadropdown\",{\"textClose\":[513,\"text-close\"],\"textBack\":[513,\"text-back\"],\"device\":[32],\"isVisible\":[32],\"trigger\":[32],\"megadropdownTitle\":[32],\"animationClass\":[32],\"toggle\":[64],\"show\":[64],\"hide\":[64],\"focusFirst\":[64]},null,{\"textClose\":[{\"validateTextClose\":0}],\"textBack\":[{\"validateTextBack\":0}]}],[260,\"post-language-menu-item\",{\"code\":[513],\"active\":[1540],\"variant\":[1],\"name\":[1],\"description\":[1],\"url\":[1],\"select\":[64]},null,{\"code\":[{\"validateCode\":0}],\"variant\":[{\"validateVariant\":0}],\"name\":[{\"validateName\":0}],\"description\":[{\"validateDescription\":0}],\"url\":[{\"validateUrl\":0}]}],[257,\"post-mainnavigation\",{\"textMain\":[513,\"text-main\"],\"canScrollLeft\":[32],\"canScrollRight\":[32]},[[9,\"mouseup\",\"stopScrolling\"],[9,\"mouseleave\",\"stopScrolling\"]],{\"textMain\":[{\"validateTextMain\":0}]}],[257,\"post-megadropdown-trigger\",{\"active\":[516],\"for\":[513],\"isMegadropdownExpanded\":[32],\"slottedContent\":[32]},[[4,\"postToggleMegadropdown\",\"onMegadropdownToggled\"]],{\"for\":[{\"validateFor\":0}]}],[257,\"post-logo\",{\"url\":[1]},null,{\"url\":[{\"validateUrl\":0}]}],[257,\"post-togglebutton\",{\"toggled\":[1028]}],[260,\"post-closebutton\",{\"buttonType\":[1,\"button-type\"],\"placement\":[513],\"size\":[513]},null,{\"buttonType\":[{\"validateButtonType\":0}],\"placement\":[{\"validatePlacement\":0}],\"size\":[{\"validateSize\":0}]}],[0,\"post-menu-item\"],[257,\"post-menu\",{\"placement\":[1],\"label\":[513],\"isVisible\":[32],\"toggle\":[64],\"show\":[64],\"hide\":[64]},null,{\"placement\":[{\"validatePlacement\":0}],\"label\":[{\"validateLabel\":0}]}],[257,\"post-menu-trigger\",{\"for\":[513]},null,{\"for\":[{\"validateFor\":0}]}],[257,\"post-popovercontainer\",{\"placement\":[1],\"edgeGap\":[2,\"edge-gap\"],\"offset\":[2],\"arrow\":[4],\"safeSpace\":[513,\"safe-space\"],\"dynamicPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"placement\":[{\"validatePlacement\":0}],\"edgeGap\":[{\"validateEdgeGap\":0}],\"safeSpace\":[{\"validateSafeSpace\":0}]}],[1,\"post-icon\",{\"animation\":[513],\"base\":[1],\"url\":[1],\"flipH\":[516,\"flip-h\"],\"flipV\":[516,\"flip-v\"],\"name\":[513],\"rotate\":[2],\"scale\":[2]},null,{\"animation\":[{\"validateAnimation\":0}],\"base\":[{\"validateBase\":0}],\"name\":[{\"validateName\":0}],\"rotate\":[{\"validateRotate\":0}],\"scale\":[{\"validateScale\":0}]}]]],[\"post-footer\",[[257,\"post-footer\",{\"textFooter\":[513,\"text-footer\"],\"device\":[32],\"gridSlotDisplayed\":[32]},null,{\"textFooter\":[{\"validateTextFooter\":0}]}]]],[\"post-breadcrumbs\",[[257,\"post-breadcrumbs\",{\"homeUrl\":[513,\"home-url\"],\"textHome\":[513,\"text-home\"],\"textBreadcrumbs\":[513,\"text-breadcrumbs\"],\"textMoreItems\":[513,\"text-more-items\"],\"shouldRenderMenu\":[32],\"id\":[32]},null,{\"homeUrl\":[{\"validateHomeUrl\":0}],\"textHome\":[{\"validateTextHome\":0}],\"textBreadcrumbs\":[{\"validateTextBreadcrumbs\":0}],\"textMoreItems\":[{\"validateTextMoreItems\":0}]}]]],[\"post-login-widget\",[[257,\"post-login-widget\",{\"textCurrentUser\":[513,\"text-current-user\"],\"textUserMenu\":[513,\"text-user-menu\"],\"textUserMenuTrigger\":[513,\"text-user-menu-trigger\"],\"authenticated\":[32],\"user\":[32],\"isAuthenticated\":[64],\"refresh\":[64]},null,{\"textCurrentUser\":[{\"validateTextCurrentUser\":0}],\"textUserMenu\":[{\"validateTextUserMenu\":0}],\"textUserMenuTrigger\":[{\"validateTextUserMenuTrigger\":0}]}]]],[\"post-popover\",[[257,\"post-popover\",{\"placement\":[1],\"textClose\":[513,\"text-close\"],\"arrow\":[4],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"placement\":[{\"validatePlacement\":0}],\"textClose\":[{\"validateTextClose\":0}]}]]],[\"post-date-picker\",[[257,\"post-date-picker\",{\"locale\":[1],\"range\":[4],\"selectedStartDate\":[1025,\"selected-start-date\"],\"selectedEndDate\":[1025,\"selected-end-date\"],\"min\":[1],\"max\":[1],\"renderCellCallback\":[16],\"inline\":[4],\"textNextMonth\":[513,\"text-next-month\"],\"textNextYear\":[513,\"text-next-year\"],\"textNextDecade\":[513,\"text-next-decade\"],\"textPreviousMonth\":[513,\"text-previous-month\"],\"textPreviousYear\":[513,\"text-previous-year\"],\"textPreviousDecade\":[513,\"text-previous-decade\"],\"textSwitchYear\":[513,\"text-switch-year\"],\"textToggleCalendar\":[1,\"text-toggle-calendar\"],\"inputDisabled\":[32],\"today\":[32],\"startDate\":[32],\"show\":[64],\"hide\":[64]},null,{\"locale\":[{\"validateLocale\":0},{\"updateLocale\":0}],\"range\":[{\"updateRange\":0}],\"selectedStartDate\":[{\"validateSelectedStartDate\":0}],\"selectedEndDate\":[{\"validateSelectedEndDate\":0}],\"min\":[{\"validateMin\":0}],\"max\":[{\"validateMax\":0}],\"inline\":[{\"validateInline\":0}],\"textNextMonth\":[{\"validateTextNextMonth\":0}],\"textNextYear\":[{\"validateTextNextYear\":0}],\"textNextDecade\":[{\"validateTextNextDecade\":0}],\"textPreviousMonth\":[{\"validateTextPreviousMonth\":0}],\"textPreviousYear\":[{\"validateTextPreviousYear\":0}],\"textPreviousDecade\":[{\"validateTextPreviousDecade\":0}],\"textSwitchYear\":[{\"validateTextSwitchYear\":0}],\"textToggleCalendar\":[{\"validateTextToggleCalendar\":0}]}]]],[\"post-autocomplete\",[[257,\"post-autocomplete\",{\"filterThreshold\":[514,\"filter-threshold\"],\"clearable\":[516],\"listbox\":[513],\"textAvailableSuggestions\":[513,\"text-available-suggestions\"],\"inputValue\":[32]},null,{\"textAvailableSuggestions\":[{\"validateTextAvailableSuggestions\":0}]}]]],[\"post-back-to-top\",[[1,\"post-back-to-top\",{\"textBackToTop\":[513,\"text-back-to-top\"],\"belowFold\":[32]},null,{\"textBackToTop\":[{\"validateTextBackToTop\":0}],\"belowFold\":[{\"watchBelowFold\":0}]}]]],[\"post-breadcrumb-item\",[[257,\"post-breadcrumb-item\",{\"url\":[513],\"label\":[513],\"description\":[513],\"variant\":[513],\"selected\":[516]},null,{\"url\":[{\"validateURL\":0}],\"variant\":[{\"validateVariant\":0}],\"selected\":[{\"validateSelected\":0}]}]]],[\"post-listbox\",[[257,\"post-listbox\",{\"show\":[64],\"hide\":[64],\"filter\":[64],\"clearSelection\":[64],\"navigate\":[64],\"selectActive\":[64]},[[0,\"postOptionSelected\",\"optionClicked\"]]]]],[\"post-listbox-option\",[[257,\"post-listbox-option\",{\"value\":[513],\"selected\":[516],\"highlighted\":[516]}]]],[\"post-number-input\",[[257,\"post-number-input\",{\"isDisabled\":[32],\"isIncrementDisabled\":[32],\"isDecrementDisabled\":[32],\"small\":[32],\"input\":[32]}]]],[\"post-pagination\",[[1,\"post-pagination\",{\"page\":[1026],\"pageSize\":[514,\"page-size\"],\"collectionSize\":[514,\"collection-size\"],\"label\":[513],\"textPrevious\":[513,\"text-previous\"],\"textNext\":[513,\"text-next\"],\"textPage\":[513,\"text-page\"],\"textFirst\":[513,\"text-first\"],\"textLast\":[513,\"text-last\"],\"paginationId\":[32],\"maxVisiblePages\":[32],\"items\":[32]},null,{\"page\":[{\"validatePage\":0},{\"handlePropsChange\":0}],\"pageSize\":[{\"validatePageSize\":0},{\"handlePropsChange\":0}],\"collectionSize\":[{\"validateCollectionSize\":0},{\"handlePropsChange\":0}],\"label\":[{\"validateLabel\":0}],\"textPrevious\":[{\"validateTextPrevious\":0}],\"textNext\":[{\"validateTextNext\":0}],\"textPage\":[{\"validateTextPage\":0}],\"textFirst\":[{\"validateTextFirst\":0}],\"textLast\":[{\"validateTextLast\":0}]}]]],[\"post-rating\",[[1,\"post-rating\",{\"label\":[513],\"stars\":[2],\"currentRating\":[1026,\"current-rating\"],\"readonly\":[4],\"hoveredIndex\":[32]},null,{\"label\":[{\"validateLabel\":0}],\"stars\":[{\"validateStars\":0}],\"currentRating\":[{\"validateCurrentRating\":0}]}]]],[\"post-tooltip\",[[257,\"post-tooltip\",{\"placement\":[1],\"arrow\":[4],\"open\":[1540],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"placement\":[{\"validatePlacement\":0}]}]]],[\"post-banner\",[[257,\"post-banner\",{\"type\":[513],\"hasActions\":[32],\"dismiss\":[64]},[[0,\"click\",\"onCloseButtonClick\"]],{\"type\":[{\"validateType\":0}]}]]],[\"post-linkarea\",[[257,\"post-linkarea\"]]],[\"post-popover-trigger\",[[257,\"post-popover-trigger\",{\"for\":[513],\"ariaExpanded\":[32],\"popoverOpen\":[32]},null,{\"popoverOpen\":[{\"syncAriaExpanded\":0}],\"for\":[{\"validateFor\":0}]}]]],[\"post-stepper\",[[257,\"post-stepper\",{\"textCurrentStep\":[513,\"text-current-step\"],\"textCompletedStep\":[513,\"text-completed-step\"],\"textStepNumber\":[513,\"text-step-number\"],\"currentIndex\":[2,\"current-index\"],\"selectedIndex\":[2,\"selected-index\"],\"mobileActiveStepLabel\":[32],\"mobileActiveStepName\":[32]},null,{\"textCurrentStep\":[{\"validateTextCurrentStep\":0}],\"textCompletedStep\":[{\"validateTextCompletedStep\":0}],\"textStepNumber\":[{\"validateTextStepNumber\":0}],\"currentIndex\":[{\"validateCurrentIndex\":0}],\"selectedIndex\":[{\"validateSelectedIndex\":0}]}]]],[\"post-stepper-item\",[[257,\"post-stepper-item\"]]],[\"post-tab-item\",[[257,\"post-tab-item\",{\"name\":[513],\"tabId\":[32],\"isNavigationMode\":[32]},null,{\"name\":[{\"validateName\":0}]}]]],[\"post-tab-panel\",[[257,\"post-tab-panel\",{\"for\":[513],\"panelId\":[32]},null,{\"for\":[{\"validateFor\":0}]}]]],[\"post-tabs\",[[257,\"post-tabs\",{\"activeTab\":[1,\"active-tab\"],\"fullWidth\":[516,\"full-width\"],\"label\":[513],\"isNavigationMode\":[32],\"show\":[64]},null,{\"label\":[{\"validateLabel\":0}]}]]],[\"post-tooltip-trigger\",[[257,\"post-tooltip-trigger\",{\"for\":[513],\"delay\":[2]},null,{\"for\":[{\"validateControlFor\":0}]}]]],[\"post-avatar\",[[257,\"post-avatar\",{\"firstname\":[513],\"lastname\":[1],\"email\":[1],\"description\":[1],\"slottedImage\":[32],\"avatarType\":[32],\"imageUrl\":[32],\"imageAlt\":[32],\"initials\":[32],\"storageKey\":[32]},null,{\"firstname\":[{\"validateFirstname\":0}],\"lastname\":[{\"validateLastname\":0}],\"email\":[{\"updateEmail\":0}],\"description\":[{\"validateDescription\":0}]}]]],[\"post-collapsible_2\",[[257,\"post-collapsible\",{\"collapsed\":[1028],\"toggle\":[64]},null,{\"collapsed\":[{\"collapsedChange\":0}]}],[257,\"post-collapsible-trigger\",{\"for\":[513],\"update\":[64]},null,{\"for\":[{\"validateAriaAttributes\":0}]}]]],[\"post-accordion_2\",[[257,\"post-accordion-item\",{\"collapsed\":[1540],\"headingLevel\":[2,\"heading-level\"],\"id\":[32],\"slottedLogo\":[32],\"toggle\":[64]},[[2,\"postToggle\",\"onCollapseToggle\"]],{\"headingLevel\":[{\"validateHeadingLevel\":0}]}],[257,\"post-accordion\",{\"headingLevel\":[514,\"heading-level\"],\"multiple\":[516],\"toggle\":[64],\"expandAll\":[64],\"collapseAll\":[64]},[[0,\"postToggle\",\"collapseToggleHandler\"]],{\"headingLevel\":[{\"validateHeadingLevel\":0}]}]]]]"), options);
 });