@swisspost/design-system-components 10.5.0 → 10.6.0

package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js

@@ -14,21 +14,40 @@ import { Host, h } from "@stencil/core";
 import { throttle } from "throttle-debounce";
 const MAX_VISIBLE_ITEMS = 6;
 const MEASUREMENT_DEBOUNCE_MS = 50;
+/**
+ * @slot home - The content of the root (home) breadcrumb item. Can contain an `<a>` element, so consumers can slot their own routing-aware link instead of relying on the `home-url` prop.
+ */
 export class PostBreadcrumbs {
     constructor() {
         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);
@@ -46,69 +65,95 @@ export class PostBreadcrumbs {
         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;
@@ -119,12 +164,29 @@ export class PostBreadcrumbs {
         // 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.
@@ -133,20 +195,57 @@ export class PostBreadcrumbs {
         // 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" })))));
     }
     static get is() { return "post-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }
@@ -170,8 +269,8 @@ export class PostBreadcrumbs {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": true,
-                "optional": false,
+                "required": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The URL for the root (home) breadcrumb item."
@@ -189,17 +288,37 @@ export class PostBreadcrumbs {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": true,
-                "optional": false,
+                "required": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "An accessible label for the root (home) breadcrumb item."
+                    "text": "The label of the root (home) breadcrumb item. Displayed visibly when `home-text-only` is\n`true`, otherwise used as an accessible label alongside the home icon."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": true,
                 "attribute": "text-home"
             },
+            "homeTextOnly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether `text-home` content is displayed instead of the home icon, enabling segment specific\nbreadcrumbs (like \"Private customers\" or \"About us\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "home-text-only",
+                "defaultValue": "false"
+            },
             "textBreadcrumbs": {
                 "type": "string",
                 "mutable": false,
@@ -244,19 +363,27 @@ export class PostBreadcrumbs {
         return {
             "id": {},
             "loaded": {},
-            "collapsed": {}
+            "hasSlottedHomeAnchor": {},
+            "hasSlottedHomeIcon": {},
+            "collapsed": {},
+            "homeCollapsed": {},
+            "lastItemWraps": {}
         };
     }
     static get elementRef() { return "host"; }
 }
 __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/collection/components/post-closebutton/post-closebutton.js

@@ -59,7 +59,7 @@ export class PostClosebutton {
         }
     }
     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 is() { return "post-closebutton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-collapsible/post-collapsible.js

@@ -66,7 +66,7 @@ export class PostCollapsible {
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (h(Host, { key: 'd21f5e36e292652981b165fbb5f4e03501f88e1b', "data-version": version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, h("slot", { key: '7804a966899325cbc55f9e62eadf81e8e6a1e248' })));
+        return (h(Host, { key: '243dad696871a08bc07325d4511f5baeb937c194', "data-version": version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, h("slot", { key: '5f4f8a9bb698f6558b114c760e5eeb355ac35b80' })));
     }
     static get is() { return "post-collapsible"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js

@@ -59,7 +59,7 @@ export class PostCollapsibleTrigger {
         if (!this.trigger || !collapsible)
             return;
         // a nested collapsible may have no id, but aria-controls needs one to reference
-        collapsible.id || (collapsible.id = `collapsible-${crypto.randomUUID()}`);
+        collapsible.id ||= `collapsible-${crypto.randomUUID()}`;
         const collapsibleId = collapsible.id;
         // add the controlled collapsible's id to the aria-controls list
         const ariaControls = this.trigger.getAttribute('aria-controls');
@@ -106,7 +106,7 @@ export class PostCollapsibleTrigger {
         this.updateAriaAttributes();
     }
     render() {
-        return (h(Host, { key: '55ae82b4cf69709de291000cc5e273107e1f61e7', "data-version": version }, h("slot", { key: 'c85ddfc93a1ef93c41fcb3fc5705fa1fbb30934d' })));
+        return (h(Host, { key: '4d28c7068acd2e1b4a5f2272bee3b51ec5d8a216', "data-version": version }, h("slot", { key: '0bcbb780ed6d06ef36b9129b22b4a5dcd5aa7294' })));
     }
     static get is() { return "post-collapsible-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-date-picker/native-mask-element.js

@@ -4,7 +4,7 @@ import { HTMLInputMaskElement } from "imask";
 // 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)

package/dist/collection/components/post-date-picker/post-date-picker.js

@@ -288,6 +288,15 @@ export class PostDatePicker {
             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.
@@ -920,11 +929,11 @@ export class PostDatePicker {
         }
     }
     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: 'aa624e30312b6e9af82ab3ae508b7527ebb99bdc', "data-version": version }, this.inline && (h("div", { key: '3643fb239e920945cb1438bb510047b19a6fc826', dir: this.textDirection }, h("slot", { key: '08113b74ebe5d1faede4dc4412858408870ccb3b' }), h("div", { key: 'b8cec572edeae4ef2b4d0bb582a8d4085e4815e9', class: "datepicker-container" }))), !this.inline && (h("div", { key: 'a3ab6ca2fded0644a3cb3a513100b309882a67b7', dir: this.textDirection }, h("div", { key: 'd1e3ec263fe3cbcfa7c78de9997be403e8dd8a1f', 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: '5b747326d65bd4efa46cd7b6c0b20510ba1b894c' }), h("button", { key: '9b053c841863418e063b29fd1344dff8803bff00', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled, ref: e => (this.dpTrigger = e) }, h("post-icon", { key: 'badf30f287ca4776bedbd2323d03c1e7352e9a41', name: "calendar" }))), h("post-popovercontainer", { key: 'f5ccb7e7eb04e8f2251e87b8cc53bf0f613f174b', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, h("div", { key: '9054611105846624392ec79737d997a386a21ae2', class: "datepicker-container" }))))));
     }
     static get is() { return "post-date-picker"; }
     static get encapsulation() { return "shadow"; }
@@ -1282,13 +1291,6 @@ export class PostDatePicker {
             }];
     }
 }
-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/collection/components/post-footer/post-footer.js

@@ -81,10 +81,10 @@ export class PostFooter {
         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" })))))));
     }
     static get is() { return "post-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-header/post-header.js

@@ -319,10 +319,10 @@ export class PostHeader {
     render() {
         const onDesktop = Build.isServer || this.device === 'desktop';
         const onTabletAndMobile = Build.isServer || this.device !== 'desktop';
-        return (h(Host, { key: '4ae4873c57cd307d3a4073f3d712bcf975528a90', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: 'cbc743a8981f4bbc3d42807244d88edba88e6a6c' }, h("div", { key: 'f39c122246336d0de803353d9abb9e573459073e', class: "global-header" }, h("div", { key: 'a76628c6501851bbfd597e0106847da12dc0b705', class: "section" }, h("div", { key: 'b703c54159955ae272378aab5172f0bcd1b638d1', class: "logo" }, h("slot", { key: 'a55336f3bee22b2c9a2cb0426b5e04ba5c8f29c4', name: "post-logo" })), h("div", { key: '9b6db729465dae5c503d461a115af296730b2ce6', class: "sliding-controls" }, onDesktop && (h("div", { key: 'cf4124ae4aaf47c2445499ce08ebb15076ac4bf2', class: "audience" }, h("slot", { key: '830003c8b3b50abeb9d82bdfde83212f20a4da3d', name: "audience" }))), h("slot", { key: '458afb2da52853fbc9bc066fc487fcf77df0d2a0', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
+        return (h(Host, { key: 'd288ef2e58942c2cbc5da673076548c97eef04ed', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '5357f3edf382dec9b552fdfe9fb51d0878de697c' }, h("div", { key: 'bafa11390b33056e5a3d1a8a2922fd3a43a25020', class: "global-header" }, h("div", { key: '2d54e8d2931864880ff7a28aea64625e775ce327', class: "section" }, h("div", { key: 'b3a87bbf3b87213e22043d58a7298d0cff530cdf', class: "logo" }, h("slot", { key: '9d559b9231dc23841e277d3f4633cdeba2da12b2', name: "post-logo" })), h("div", { key: '64ebd463868ce8b417023651e745e33331feb908', class: "sliding-controls" }, onDesktop && (h("div", { key: 'b4e7d7231a0d8bebe620d41cb655c3686449b19f', class: "audience" }, h("slot", { key: '0781a76b1853a842dc74ec2a2a649f7de487e148', name: "audience" }))), h("slot", { key: '25f1d5b34a5aa950014214f810f3acca95dbbe80', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
             h("slot", { key: "global-nav-secondary", name: "global-nav-secondary" }),
             h("slot", { key: "language-menu", name: "language-menu" }),
-        ], h("slot", { key: 'ffab20101950b7472c97ff0675f36903a6a66ebd', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: 'd1cb44efb5ae024bc225487be4e592a406acf138', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: 'c33d2bb5c415f58829ad10026b9811684eac3d35' }, this.textMenu), h("post-icon", { key: '7acb3d93aec23ef1c1efd9c9d52832395e66abf0', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: '7b6fb17d50df4474ddd282d7e202a43c324c3b87', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: 'c7e6d91a0cd4a286b7186d0f41abdf9dc1e9ffd4', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '670d00fb0a79ecc1f2bb45645887db13c7ea500f', class: "section" }, h("slot", { key: '5d3b0c9b97be561875fc908b2b7bf4d558513318', name: "side-nav" }), h("slot", { key: '39348fb8869f5623da026ed08ce69f727d9de7e6', name: "title" }), this.hasTitle && h("slot", { key: '883097731548de45adec9cbbf7df1c80a37b76b5', name: "local-nav" }), onDesktop && h("slot", { key: 'fbc77dee6ed73d8a13da75d3d695af80ce32c3af', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '94a989295ae04cd8259ba22e583d41bcb4701881', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
+        ], h("slot", { key: 'd7121e5e9ddf825f96a3a82e65ff135c61891adb', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: 'dd0bcf9cfd96d4ffa44fc549d518d7b39d287156', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '23004cb12733a7081f828d33327cc26adafe3888' }, this.textMenu), h("post-icon", { key: '7fb36892eadfcce0a85d964c411aeafc3fbbde1b', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'a41292205573c03f25d225d4f4296f75ffe6c7ce', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '7d6d1424881bb5277210c86b194dfb9e5dcb7c59', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '724a8d3f79112875ba343470f9d0b753ce5d4861', class: "section" }, h("slot", { key: '688aafdec4e4d5565f3d0a9d9bd9bb7bc78152be', name: "side-nav" }), h("slot", { key: '12590bfb4bfcc8c565f008a8e3d75b5951eb73bc', name: "title" }), this.hasTitle && h("slot", { key: 'd862de0f3aaba5ea22a26c387ea7e93dc0c5e79c', name: "local-nav" }), onDesktop && h("slot", { key: '1a25ec6694bc8b2c06e21449dc566f36595afbb5', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '987c26ee73fb19049fdd19de79b537b71e2771de', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
     }
     static get is() { return "post-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-icon/post-icon.js

@@ -102,7 +102,7 @@ export class PostIcon {
         }).filter(([_key, value]) => value !== null));
     }
     render() {
-        return (h(Host, { key: '917a78dbe4db46244348298b08a2176c9028048e', "data-version": version }, h("span", { key: '06f07755212e2b6a9a5957d7fd37751c62343be6', style: this.getStyles() })));
+        return (h(Host, { key: '405ccfde4206c14f044575d0b23998d93a03ffb6', "data-version": version }, h("span", { key: 'ad70ccf63add4b881ef6096ae460e13fba09f508', style: this.getStyles() })));
     }
     static get is() { return "post-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-linkarea/post-linkarea.js

@@ -60,7 +60,7 @@ export class PostLinkarea {
         }));
     }
     render() {
-        return (h(Host, { key: 'a1ab65608098bc992cd70f98a1c60cecd00f43c5', "data-version": version, onClick: (e) => this.dispatchClick(e) }, h("slot", { key: 'f3042050a7075daa1e5cc35664bde6aa6bfcdac1' })));
+        return (h(Host, { key: 'a187468c97584b393efb0f73966716947243fe1f', "data-version": version, onClick: (e) => this.dispatchClick(e) }, h("slot", { key: 'a374c748871f36acf8ceda423c121645e97a6ce1' })));
     }
     static get is() { return "post-linkarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-listbox/post-listbox.js

@@ -129,7 +129,7 @@ export class PostListbox {
         this.updateSelection(event.detail);
     }
     render() {
-        return (h(Host, { key: '793bdd535fb6b51bfd05012d180520e414519c0f', "data-version": version, role: "listbox" }, h("post-popovercontainer", { key: 'd88195a37625fd29c47d4a8cc3ec34e0c92caa5f', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, h("slot", { key: '6882e0cdcf7b277b47a349244382eeb7f3f525e1', name: "blank-slate" }), h("slot", { key: 'dd71f5d59621097df38cfbc3b69cdfc805a54272' }))));
+        return (h(Host, { key: 'a59296af752a3f88bcd70663d0ce12f61718e92f', "data-version": version, role: "listbox" }, h("post-popovercontainer", { key: '665dd563705515022edc79a4d98e9ac43b80c525', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, h("slot", { key: 'd8a37fd905dfaca07286913a0c680e61744d65e1', name: "blank-slate" }), h("slot", { key: '22e367ae36329d0586e1a275692983cf0c004df4' }))));
     }
     static get is() { return "post-listbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-listbox-option/post-listbox-option.js

@@ -9,9 +9,9 @@ export class PostListboxOption {
         this.highlighted = false;
     }
     render() {
-        return (h(Host, { key: 'c2e1c5052d742c62e82eaac30a01d525048b3a2e', "data-version": version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
+        return (h(Host, { key: '38481f1a4721d50530bbd96a80ebc89933c8311c', "data-version": version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
             /* Prevent focus change from triggering onblur event in post-autocomplete */
-            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, h("span", { key: '2b0cdab57c328df649c1353c41e2c4cfe57378d0', class: "option-content" }, this.value, h("span", { key: 'e5807160223e87095dc3c0c076ec84317050cf18', class: "option-description" }, h("slot", { key: '45f0020b9eebe13b84880a842c095daa51cf0feb' }))), this.selected && h("post-icon", { key: '80a23567a10075cbc8269f4769dd7d8aba7b2961', "aria-hidden": "true", name: "checkmark" })));
+            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, h("span", { key: '25403d2e68f44f68d5c3f2097c5aab57f90176cf', class: "option-content" }, this.value, h("span", { key: '0caf89cfb81695f33637facd07dcf628fa6024a8', class: "option-description" }, h("slot", { key: '857ed6d15014fb8d32f7074c9f1622d540f8ed13' }))), this.selected && h("post-icon", { key: '3b300532591be12424a84cebd082b8c0c3ca6935', "aria-hidden": "true", name: "checkmark" })));
     }
     static get is() { return "post-listbox-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-logo/post-logo.js

@@ -26,7 +26,7 @@ export class PostLogo {
     render() {
         const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
         const LogoTag = logoLink ? 'a' : 'span';
-        return (h(Host, { key: 'dd8ddb0dcbed8062ee5adecf2a26ad98b42c94b1', "data-version": version }, h(LogoTag, { key: 'f4d8ad34cdd455c3e2096ce26db7bc775d7e05c3', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: '87a58c2904f3dae5406b5652787ca1d99dbda0dc', class: "description" }, h("slot", { key: 'ae69c86c4bfed42b25aafa948f13989c31833466', onSlotchange: () => this.checkDescription() })), h("svg", { key: 'e51164151a1a53971414ea37af5085f99575fc36', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: 'fa946d3ded62128ca4469b160103b464eb59329b', id: "Logo" }, h("rect", { key: '18424ee0ca3256f9169d8dac6223df3d49cb09b9', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '96381aeedbc8536fd551ec8ac4161db842b3bfc9', 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: 'c1bbdb1bb687390d59ec2e6dcf83e80d1606582f', 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: '1f69b0ddc0ecf2fde47423cd7824fcbe76e4a529', "data-version": version }, h(LogoTag, { key: '096736bd50a6dd43e02a104e7e81897cb286db60', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: 'bc49b9591424f02744f771eb1079911f02ceca33', class: "description" }, h("slot", { key: 'ea905eac805e2a9940bfe50aa222bef738d15d27', onSlotchange: () => this.checkDescription() })), h("svg", { key: '482d94c38347017269dabd0ab3d15f4ede14f187', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: 'fcd3dc56e8a0e448abe65b557639a8bea8ca580f', id: "Logo" }, h("rect", { key: '11ed7bad596ee07301f1c1101ddded089ef2bf99', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '6ab9d28c8492c746a2620cff62dbd92a59a00aff', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), h("path", { key: '8b96cee7ee8ad1ec3c22aaf7928f7a711c05c828', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
     }
     static get is() { return "post-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-mainnavigation/post-mainnavigation.js

@@ -129,7 +129,7 @@ export class PostMainnavigation {
         }, NAVBAR_DISABLE_DURATION);
     }
     render() {
-        return (h(Host, { key: '9fe43f86cab360591a15a033e0dc657096a69c00', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: 'f68ea70e332336e99c0b51b19e33647b40fcfbb4', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: 'fac01a93fd7cbfe2548a4d049d59f0bc6d01af63', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '7787a27e76350e9e86a97a58a20abe1286786ff7', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '357a8f5fe1e7b6bea5ae67d87c979f785ea24b82' })), h("div", { key: 'ce6091a9466fcd17aca39fcb5d6c204e1782c95d', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '92d35b38a453326701a0837e6187abf82fa37bf4', "aria-hidden": "true", name: "chevronright" }))));
+        return (h(Host, { key: 'cf7b2328a41b41ca28956120b8042590655e7bb2', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: 'a25c55cf7b11a11ce86fb134dd57dbdad3d30301', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '013778591637d5ee0ac2cd2bf3f23c677ba2a13f', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: 'a007b7be57429580de35865e5eff0c54378d0a8e', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: 'bc8e1db18430ee43b5963539fbaa65e1fb1b0c55' })), h("div", { key: 'cdb413fedc9a90c712db0fe5d6ab760a426ff632', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: 'b2df569a79881b3a044556ba9c0f2e2b0646e78b', "aria-hidden": "true", name: "chevronright" }))));
     }
     static get is() { return "post-mainnavigation"; }
     static get encapsulation() { return "shadow"; }