npm - @swisspost/design-system-components - Versions diffs - 10.1.0 → 10.3.0 - Mend

@swisspost/design-system-components 10.1.0 → 10.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (264) hide show

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

@@ -1,20 +1,20 @@
-import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-CsEmPq6P.js';
+import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-BAtz9iuv.js';
 import { t as throttle, b as breakpoint } from './breakpoints-BQ3HlJPr.js';
-import { v as version } from './package-jK9tFtoG.js';
-import { O as OneOf } from './one-of-C-rie7lV.js';
-import { R as Required } from './required-CE6lKrV1.js';
+import { v as version } from './package-D9jUbrFT.js';
+import { O as OneOf } from './one-of-D5QwMlvb.js';
+import { R as Required } from './required-BX_AhSO0.js';
 import { f as fade } from './fade-DsgPYmAa.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';
 import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
-import { T as Type } from './type-BXIcop4C.js';
+import { T as Type } from './type-BYIjiHKr.js';
 import { n as nanoid } from './nanoid-8LXe8Zt_.js';
-import { P as Pattern } from './pattern-D_JfUaW0.js';
-import { U as Url } from './url-BYWsovGo.js';
+import { P as Pattern } from './pattern-CrL4IkfA.js';
+import { U as Url } from './url-CZMYpchD.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';
 import { g as getRoot } from './get-root-08F-DB-d.js';
-import './create-validator-decorator-BURbkkYl.js';
+import './create-validator-decorator-BzX_jW0Z.js';
 const BUTTON_TYPES = ['button', 'reset'];
 const PLACEMENT = ['manual', 'auto'];
@@ -405,7 +405,7 @@ const PostHeader = class {
         });
     }
     onFocusChange() {
-        const isFocusVisible = document.activeElement?.matches(':focus-visible');
+        const isFocusVisible = this.getDeepActiveElement()?.matches(':focus-visible');
         const isFocusedInHeader = this.host.matches(':focus-within');
         const mustRemainCollapsed = this.device === 'desktop'
             ? !!this.host.querySelector('post-mainnavigation:focus-within')
@@ -413,6 +413,15 @@ const PostHeader = class {
         const isHeaderExpanded = isFocusVisible && isFocusedInHeader && !mustRemainCollapsed;
         this.host.toggleAttribute('data-expanded', isHeaderExpanded);
     }
+    // document.activeElement stops at the outermost shadow host (e.g. post-language-menu)
+    // when focus is nested inside its own shadow root, walk down to find the real target
+    getDeepActiveElement() {
+        let activeElement = document.activeElement;
+        while (activeElement?.shadowRoot?.activeElement) {
+            activeElement = activeElement.shadowRoot.activeElement;
+        }
+        return activeElement;
+    }
     renderBurgerMenu() {
         return (h("div", { class: {
                 'burger-menu': true,
@@ -423,10 +432,10 @@ const PostHeader = class {
     render() {
         const onDesktop = this.device === 'desktop';
         const onTabletAndMobile = this.device !== 'desktop';
-        return (h(Host, { key: '27f2b45fb1462bab63be02bbdcb57ad9a2598bde', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '294bef701f378a96b06379806edae087d9211270' }, h("div", { key: '2df4d34bd7d5b714cac70b7201f2a17f7bf64517', class: "global-header" }, h("div", { key: 'd7902c1b10177b3790fb61035c527acf36fc0c3d', class: "section" }, h("div", { key: '952fed12ff5c717750a50ac32872f728ddabb113', class: "logo" }, h("slot", { key: 'a0a824677325c8a68fe483c8f6f7ef49378d5f4e', name: "post-logo" })), h("div", { key: '0dd5218658a03ebfcf049f47a1efa7197ca4e8cc', class: "sliding-controls" }, onDesktop && (h("div", { key: '9911f969b099b26d5e84d37d36aa7fd0ba44969f', class: "audience" }, h("slot", { key: '57b09b2030b7812990a915691fad10fb6d5bb474', name: "audience" }))), h("slot", { key: 'b6ba1ee1d5371504d3b4b9f12ca6d8ff2b5c36fa', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
+        return (h(Host, { key: '008aaa5914544cf97a4cff310af87b03d9649254', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '6d5586b528a18933a8a9aa8beac35c2fed9cfcc1' }, h("div", { key: '53710a339b1beca2599e9340b48297424a55bc6a', class: "global-header" }, h("div", { key: '79d3204148ee92926842b5ed709c46dc7aedb28f', class: "section" }, h("div", { key: 'cb66ff436b27d81ea67e3e7390511560a3641091', class: "logo" }, h("slot", { key: '6d5c42047e42aeb4ee1d84ee3e364793a3f7d2b8', name: "post-logo" })), h("div", { key: '2adf5cb3398b9fba3eccbe412232c2228f519eaa', class: "sliding-controls" }, onDesktop && (h("div", { key: 'e4d27d57c46647c11a2db0f1ba382086dbb0e2ea', class: "audience" }, h("slot", { key: 'e60dee56e764bf07ff84116fe4befd39b6fd78a5', name: "audience" }))), h("slot", { key: '305371426ba6a8c8d70b14d281d4999441a10c02', 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: '669cebef2ce5905fee07abec99b0acced7ef42e5', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: '9268220b8e838053d86abacc9e8334463a23350c', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '6706c34956268e049dd35fe12992b7b746aa394a' }, this.textMenu), h("post-icon", { key: '6578bc195b018c1202bda1732253f71e27df6244', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: '506087286c148dbb55b963288add6935001c1feb', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: 'c645c82f3a71151a16bda3802a69228c1be048e9', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: 'ae30584b05570d62323a2d32f90653b38297b869', class: "section" }, h("slot", { key: '70b60e0d71a2f9c1e6a48d664ceb3778f5a3067a', name: "side-nav" }), h("slot", { key: 'cc356649c53e46b758916a44d4d7fb889e031172', name: "title" }), this.hasTitle && h("slot", { key: 'fbbd76c5c2cce8991c0cfcc740fe9231c1677f79', name: "local-nav" }), onDesktop && h("slot", { key: 'fd7e94fac20a263960e7ebbc66ddfac23bd954e8', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '38ac26fb18f85f1c42b4a7bdd97dc0e1b25ca940', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
+        ], h("slot", { key: '07d4adae4ee957a3b110e9658a463c40aee2b8c0', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: '7e0278082a427a706879b12613529d63846a061e', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '5ed5054ef64342a84559c9a3a1b997a9a880f231' }, this.textMenu), h("post-icon", { key: 'c1de7b7bcea2a786dbb68fc68dfc7c0430f8e17a', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'd52846ecee10d618f71d5f50ecef5d0f2c5e5656', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '06c1e47adaf1d9be4d1f1ea363baff03fe6545ea', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '34fa9463ad6e4d2839e3f8878fd954fcf01951f4', class: "section" }, h("slot", { key: 'f81d3e0b9e4ccb715a61748b5d7178e034a3b976', name: "side-nav" }), h("slot", { key: 'b21c7536e99f236b2fccc01d5b9e221d753b2e45', name: "title" }), this.hasTitle && h("slot", { key: '0a30328b689ee68555cf2a7a44069b8d72b307b0', name: "local-nav" }), onDesktop && h("slot", { key: 'fb8f22510cc509240a99ad3f2511648df1f9cd04', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '49d121722ffa10894e2d5322bb5afe25b17bce5f', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -738,7 +747,7 @@ const PostLanguageMenuItem = class {
                 this.emitChange();
             }
         };
-        const interactiveElement = this.url ? (h("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, "aria-description": this.description, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name))) : (h("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, "aria-description": this.description, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name)));
+        const interactiveElement = this.url ? (h("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hreflang: lang, lang: lang, "aria-description": this.description, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name))) : (h("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, "aria-description": this.description, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name)));
         return this.variant === 'list' ? (h(Host, { "data-version": version, role: "listitem" }, interactiveElement)) : (h(Host, { "data-version": version }, h("post-menu-item", null, interactiveElement)));
     }
     get host() { return getElement(this); }
@@ -788,7 +797,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: '473c845bef6d123628bf52b7848475b50172e3c0', "data-version": version }, h(LogoTag, { key: '47503ff9c22b613c5041d51a48cfc158d0edebcd', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: '52953139bad89e236fc922574a881b7f4b79aee5', class: "description" }, h("slot", { key: '554c681236c4d158d967f97754134af774ec791e', onSlotchange: () => this.checkDescription() })), h("svg", { key: '3d65f3a44c46f8ba3810d0cd3c344577fb43a61e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '03f88fbf5710da7f0bbccafdb95c4faa93e2636a', id: "Logo" }, h("rect", { key: '33f39db4fb799744d25fae33f0b6a921c331531a', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '93c248b53c7493a831d7b1ddf8b3e3d14d804779', 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: 'dbdfa4a5f215e578c9f9cfc65f0cfb5d26b02848', 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: '84ece8e71d7dec66aa634d9a8a37d6bf3197c1b6', "data-version": version }, h(LogoTag, { key: '1531c6e8f32d42e63f5482d2983f18e4c9a23b1a', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: 'd45d33329e30de0de9de56f2d588995a7f97d01e', class: "description" }, h("slot", { key: 'e8665c8d739dc2a2968bf1193c26ba1d1e731b38', onSlotchange: () => this.checkDescription() })), h("svg", { key: 'bb3f534952e29e2e43816c5a5dd55541d05bee26', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '9ca05c263f6c9f41cc5406ccfd030a713ffe0254', id: "Logo" }, h("rect", { key: '30a59adc0eec11af2d90180da1f5a95b03175d21', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: 'b1cbe7c575d36cf26a1cc41c9124625c2d1e5ef1', 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: '398027f23c8c9a4cf2bc7f8d7c8aa4ec0466f0be', 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); }
 };
@@ -928,7 +937,7 @@ const PostMainnavigation = class {
         }, NAVBAR_DISABLE_DURATION);
     }
     render() {
-        return (h(Host, { key: '057f526f5b0e931fcb8642e6fa034f441df43020', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: 'c8ce70f6cbeec58c77709c1736b013ffe09ead6f', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '8281914d3380920a5562b468e87c87ca196a4830', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '7720c24a70339ea1c984dedf2faba0de8a6cfc86', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '3812be77ea739aac2be90cf8e7ac9a7e32bf5fce' })), h("div", { key: 'eda43d3b2e1d8f916275773d9ef93d364e9c1948', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '914d94f91fe1764cf64e73fc22e4f7c5a0e08c2a', "aria-hidden": "true", name: "chevronright" }))));
+        return (h(Host, { key: '2e9f2361426298f620411b1d064e166992ba326e', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '10103d153e37fd591c2ce062ef7455228adbf5b9', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '8bb9b82626d05c1fe8f4fd1bb9f8e6d6be59ad8a', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '6905afe8c2dfcf0f2411b45237b52d63f187d2c9', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '2db905e52b1604d9c6097734d055100a58625f09' })), h("div", { key: 'f8ec4f906f1c99fec2198bb350ac1735c2de8469', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: 'afed8c1778691ca5b849d78ee20d51a4b8c02fe6', "aria-hidden": "true", name: "chevronright" }))));
     }
     get host() { return getElement(this); }
 };
@@ -975,6 +984,10 @@ const PostMegadropdown = class {
         this.trigger = false;
         /** Holds the current animation class. */
         this.animationClass = null;
+        this.breakpointChange = (e) => {
+            this.device = e.detail;
+            this.cancelAnimation();
+        };
         this.handleClickOutside = async (event) => {
             if (this.device !== 'desktop')
                 return;
@@ -1002,7 +1015,7 @@ const PostMegadropdown = class {
         this.handleClickOutside = this.handleClickOutside.bind(this);
     }
     connectedCallback() {
-        globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
+        globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
     }
     componentDidRender() {
         this.getFocusableElements();
@@ -1013,7 +1026,7 @@ const PostMegadropdown = class {
         this.handleAriaCurrentChange([]);
     }
     disconnectedCallback() {
-        globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
+        globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
         if (PostMegadropdown.activeDropdown === this)
             PostMegadropdown.activeDropdown = null;
         this.removeListeners();
@@ -1141,10 +1154,6 @@ const PostMegadropdown = class {
         this.currentAnimation?.cancel();
         this.currentAnimation = null;
     }
-    breakpointChange(e) {
-        this.device = e.detail;
-        this.cancelAnimation();
-    }
     addListeners() {
         this.host.addEventListener('keydown', this.keyboardHandler);
         document.addEventListener('keyup', this.handleTabOutside);
@@ -1232,7 +1241,7 @@ const PostMegadropdown = class {
     }
     render() {
         const containerStyle = this.isVisible ? {} : { display: 'none' };
-        return (h(Host, { key: '8c6cd70082c2cdd9c208ad1ef138a21463919547', version: version }, h("div", { key: 'ff9466a7e28e894f56c9ab22d3999f68366a4aee', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: '13a7b44deceb6a83842d324b012f34adc6606de6', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: '78cfcb708ad60f12203bc34b58915665b4b5b3ef', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: 'e78eb79d9806d23fa75184f1ad9f2f7eef318297', class: "megadropdown-content" }, h("slot", { key: 'e7008833f9700059a189665a19371f52b7ab9ed6' })), 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: '355f69ea10cd4c3c058e4c1e6818f1c9da7d4102', version: version }, h("div", { key: '9c2b9b31aa450c1e1b4257066a38bd3660e834ef', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: '7fe7f257bb41b43b72cda39f1614c5ba4726b940', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: '09ffb0ce4a56453d33d4366ce30c0bce09395f93', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: 'd88fb0218c8788981dd7f3213979eba5ab7ff333', class: "megadropdown-content" }, h("slot", { key: 'ab64e771770bd42c4f077ebe5e05685cb285134f' })), 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); }
 };
@@ -1319,7 +1328,7 @@ const PostMegadropdownTrigger = class {
         this.megadropdown.toggle();
     }
     render() {
-        return (h(Host, { key: '96f2859be8fab445dab5c62619537777db0bfa44', "data-version": version }, h("button", { key: '0ff54f82520a40978cac57af2adeb23beff3545d', 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: '327b760b66b35e0b4442bc950b202e73842b131e' }, h("span", { key: '265a6fb86a3bf12357ac58cc1887a32738b40710', innerHTML: this.slottedContent }), h("span", { key: '0ddcb317aed396d305b00d6e61a10b98f40ed78b', "aria-hidden": "true" }, h("slot", { key: '458df53ef32b64de8c4e6cb78263423ad59fa18b' }))), h("post-icon", { key: '2da566858b7ffa965da9cac2436dfd38a818eb47', name: "chevrondown" }))));
+        return (h(Host, { key: '40d8afcb6b0ec482c0a13f7b78493a66243e03a5', "data-version": version }, h("button", { key: '6c1362cd4e1af22d26cf9ae74af4092cd083360c', 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: '6bd7d94da2055c1c6fb933402f2478a3cee12cc7' }, h("span", { key: '8109bdcc23c4a0f8c0861b774a974dde75b464f3', innerHTML: this.slottedContent }), h("span", { key: 'edd54adde0d7af4eb9cf7796183d01705d217500', "aria-hidden": "true" }, h("slot", { key: 'dbcc08bb882273f1074dd8963a4b86f67deb0c0a' }))), h("post-icon", { key: '7437573a492181cc3e5ddd59ac3695dc94d43e09', name: "chevrondown" }))));
     }
     get host() { return getElement(this); }
 };
@@ -1512,7 +1521,7 @@ const PostMenu = class {
         ]));
     }
     render() {
-        return (h(Host, { key: '3acc3b3079f45acc85305187ee76b70eb942a37f', "data-version": version }, h("post-popovercontainer", { key: '016f1e935c9f0b5a5b7c69f2d44899e567f03ef8', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'e8c184515174c1aaa6d8bfb0eada4aee665aef90', part: "post-menu" }, h("slot", { key: '6301cebdd05b4964656754c162ad5893d7b06f9e', name: "header" }), h("slot", { key: '76a2f5ee1640268b945dac56b577811c968c891e' })))));
+        return (h(Host, { key: '31142d851d591bc46a43f36b553b6c7abee90674', "data-version": version }, h("post-popovercontainer", { key: '6b4b2a04b25904115fe1c337e73e382a4e162259', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '1284650d5796455201d55e1ecad3507518c7c32c', part: "post-menu" }, h("slot", { key: 'b2dbd125a631c06a591e67c52fd61524bcf037ea', name: "header" }), h("slot", { key: '3b15ec3ad5a25e2e22b6e26e17d9d2d76e9f64fb' })))));
     }
     get host() { return getElement(this); }
 };
@@ -1611,7 +1620,7 @@ const PostMenuTrigger = class {
         return null;
     }
     render() {
-        return (h(Host, { key: '3aa1f5576b030765aafe7cd1f4df773b27a91265', "data-version": version }, h("slot", { key: '3d2dbe578601244b1a65960e26a2da3f2a62ecbc' })));
+        return (h(Host, { key: '8f43fe80dd56550141481f157a06caf559494291', "data-version": version }, h("slot", { key: '1b5d220cff9894918aedc54b0585df75095dcb0e' })));
     }
     get host() { return getElement(this); }
 };
@@ -4702,9 +4711,9 @@ const PostPopovercontainer = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ef1853c057a7c44af1b3e9247f6690f7d3b38b4a', "data-version": version, popover: "auto" }, h("div", { key: '66da2a4abe897e9619891078dbff25737aa9dd2a', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: '183416754cb5f9fdf3d1301186325535aabc2c96', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
+        return (h(Host, { key: 'be9f32a35f247f5b2cb54599b96e715ce1a5a1f1', "data-version": version, popover: "auto" }, h("div", { key: 'ad2616c15dfec83e1e53ad14cb145aee2d625c9a', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: '293ba9d1ba2a7b57297cd4aa716ba1369b2f8988', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), h("span", { key: '6742ebb4ef07a3ab3b25f71dabd3a8252f654b6b', part: "post-popovercontainer-border-mask" }), h("slot", { key: '00cd0fc4bd4f20ac3abc23b0f5a69de51e4ab292' }))));
+            } })), h("span", { key: '7b9d47b53a4d4a672490eccdc88a7eb0552b5574', part: "post-popovercontainer-border-mask" }), h("slot", { key: '4b4249d6ebe1c247634bbb76b08ec01e73dc7d4b' }))));
     }
     get host() { return getElement(this); }
 };
@@ -4768,7 +4777,7 @@ const PostTogglebutton = class {
         });
     }
     render() {
-        return (h(Host, { key: 'e01770f0c7d696a5b3a23583e30031ca97e261f1', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '76cba85afbc0fead30f738a71acadb1e25fdfec6' })));
+        return (h(Host, { key: '6f61a07946f3e67bace0a883b73c424893c4043d', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: 'fd9b93e45da499dbb790ad675f3db36e248c1960' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CsEmPq6P.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BAtz9iuv.js';
 import './breakpoints-BQ3HlJPr.js';
-import { v as version } from './package-jK9tFtoG.js';
-import { T as Type } from './type-BXIcop4C.js';
+import { v as version } from './package-D9jUbrFT.js';
+import { T as Type } from './type-BYIjiHKr.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';
 import { g as getRoot } from './get-root-08F-DB-d.js';
-import './create-validator-decorator-BURbkkYl.js';
+import './create-validator-decorator-BzX_jW0Z.js';
 function isMotionReduced() {
     return globalThis.matchMedia

package/dist/esm/post-components.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-CsEmPq6P.js';
-export { s as setNonce } from './index-CsEmPq6P.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BAtz9iuv.js';
+export { s as setNonce } from './index-BAtz9iuv.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([["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"]],{"variant":[{"handleVariantChange":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"]],{"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]}],[260,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"description":[1],"url":[1],"select":[64]}],[257,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[257,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]],[257,"post-logo",{"url":[1]}],[257,"post-togglebutton",{"toggled":[1028]}],[257,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[0,"post-menu-item"],[257,"post-menu-trigger",{"for":[513]}],[321,"post-closebutton",{"buttonType":[1,"button-type"],"placement":[513],"size":[513]}],[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]}],[1,"post-icon",{"animation":[513],"base":[1],"url":[1],"flipH":[516,"flip-h"],"flipV":[516,"flip-v"],"name":[513],"rotate":[2],"scale":[2]}]]],["post-footer",[[257,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"gridSlotDisplayed":[32]}]]],["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]}]]],["post-popover",[[257,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"edgeGap":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-date-picker",[[257,"post-date-picker",{"locale":[1],"range":[4],"min":[1],"max":[1],"cellConfig":[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}],"min":[{"updateMin":0}],"max":[{"updateMax":0}],"inline":[{"validateInline":0}]}]]],["post-side-navigation",[[257,"post-side-navigation",{"textClose":[513,"text-close"],"size":[1],"device":[32],"toggle":[64],"show":[64],"hide":[64]}]]],["post-autocomplete",[[257,"post-autocomplete",{"filterThreshold":[514,"filter-threshold"],"clearable":[516],"listbox":[513],"textAvailableSuggestions":[513,"text-available-suggestions"],"inputValue":[32]}]]],["post-back-to-top",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"belowFold":[{"watchBelowFold":0}]}]]],["post-breadcrumb-item",[[257,"post-breadcrumb-item",{"url":[513],"label":[513],"description":[513],"variant":[513],"selected":[516]}]]],["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":[{"handlePropsChange":0}],"pageSize":[{"handlePropsChange":0}],"collectionSize":[{"handlePropsChange":0}]}]]],["post-rating",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tabs",[[257,"post-tabs",{"textPrevTabItems":[513,"text-prev-tab-items"],"textNextTabItems":[513,"text-next-tab-items"],"activeTab":[513,"active-tab"],"size":[513],"label":[513],"isPagesVariant":[32],"showLeftScrollButton":[32],"showRightScrollButton":[32],"show":[64]},null,{"label":[{"validateLabel":0}]}]]],["post-tooltip",[[257,"post-tooltip",{"placement":[1],"arrow":[4],"open":[1540],"show":[64],"hide":[64],"toggle":[64]}]]],["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,{"email":[{"updateEmail":0}]}]]],["post-banner",[[257,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]},[[0,"click","onCloseButtonClick"]]]]],["post-linkarea",[[257,"post-linkarea"]]],["post-popover-trigger",[[257,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":[{"syncAriaExpanded":0}]}]]],["post-progressbar",[[1,"post-progressbar",{"min":[2],"max":[2],"value":[2]}]]],["post-side-navigation-trigger",[[257,"post-side-navigation-trigger",{"for":[513],"update":[64]}]]],["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,{"currentIndex":[{"validateCurrentIndex":0}],"selectedIndex":[{"validateSelectedIndex":0}],"textStepNumber":[{"updateActiveStepNumber":0}]}]]],["post-stepper-item",[[257,"post-stepper-item"]]],["post-tab-item",[[257,"post-tab-item",{"name":[513],"disabled":[516],"tabId":[32],"isPagesVariant":[32]}]]],["post-tab-panel",[[257,"post-tab-panel",{"for":[513],"panelId":[32]}]]],["post-tooltip-trigger",[[257,"post-tooltip-trigger",{"for":[513],"delay":[2]}]]],["post-collapsible_2",[[257,"post-collapsible",{"collapsed":[1028],"toggle":[64]}],[257,"post-collapsible-trigger",{"for":[513],"update":[64]}]]],["post-accordion_2",[[257,"post-accordion-item",{"collapsed":[1540],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]]],[257,"post-accordion",{"headingLevel":[514,"heading-level"],"multiple":[516],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":[{"syncHeadingLevel":0}]}]]]], options);
+  return bootstrapLazy([["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"]],{"variant":[{"handleVariantChange":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"]],{"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]}],[260,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"description":[1],"url":[1],"select":[64]}],[257,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[257,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]],[257,"post-logo",{"url":[1]}],[257,"post-togglebutton",{"toggled":[1028]}],[257,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[0,"post-menu-item"],[257,"post-menu-trigger",{"for":[513]}],[321,"post-closebutton",{"buttonType":[1,"button-type"],"placement":[513],"size":[513]}],[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]}],[1,"post-icon",{"animation":[513],"base":[1],"url":[1],"flipH":[516,"flip-h"],"flipV":[516,"flip-v"],"name":[513],"rotate":[2],"scale":[2]}]]],["post-footer",[[257,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"slotDisplayed":[32]}]]],["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]}]]],["post-popover",[[257,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"edgeGap":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-date-picker",[[257,"post-date-picker",{"locale":[1],"range":[4],"min":[1],"max":[1],"cellConfig":[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}],"min":[{"updateMin":0}],"max":[{"updateMax":0}],"inline":[{"validateInline":0}]}]]],["post-side-navigation",[[257,"post-side-navigation",{"textClose":[513,"text-close"],"size":[1],"device":[32],"toggle":[64],"show":[64],"hide":[64]}]]],["post-autocomplete",[[257,"post-autocomplete",{"filterThreshold":[514,"filter-threshold"],"clearable":[516],"listbox":[513],"textAvailableSuggestions":[513,"text-available-suggestions"],"inputValue":[32]}]]],["post-back-to-top",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"belowFold":[{"watchBelowFold":0}]}]]],["post-breadcrumb-item",[[257,"post-breadcrumb-item",{"url":[513],"label":[513],"description":[513],"variant":[513],"selected":[516]}]]],["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":[{"handlePropsChange":0}],"pageSize":[{"handlePropsChange":0}],"collectionSize":[{"handlePropsChange":0}]}]]],["post-rating",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tabs",[[257,"post-tabs",{"textPrevTabItems":[513,"text-prev-tab-items"],"textNextTabItems":[513,"text-next-tab-items"],"activeTab":[513,"active-tab"],"size":[513],"label":[513],"isPagesVariant":[32],"showLeftScrollButton":[32],"showRightScrollButton":[32],"show":[64]},null,{"label":[{"validateLabel":0}]}]]],["post-tooltip",[[257,"post-tooltip",{"placement":[1],"arrow":[4],"open":[1540],"show":[64],"hide":[64],"toggle":[64]}]]],["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,{"email":[{"updateEmail":0}]}]]],["post-banner",[[257,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]},[[0,"click","onCloseButtonClick"]]]]],["post-linkarea",[[257,"post-linkarea"]]],["post-popover-trigger",[[257,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":[{"syncAriaExpanded":0}]}]]],["post-progressbar",[[1,"post-progressbar",{"min":[2],"max":[2],"value":[2]}]]],["post-side-navigation-trigger",[[257,"post-side-navigation-trigger",{"for":[513],"update":[64]}]]],["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,{"currentIndex":[{"validateCurrentIndex":0}],"selectedIndex":[{"validateSelectedIndex":0}],"textStepNumber":[{"updateActiveStepNumber":0}]}]]],["post-stepper-item",[[257,"post-stepper-item"]]],["post-tab-item",[[257,"post-tab-item",{"name":[513],"disabled":[516],"tabId":[32],"isPagesVariant":[32]}]]],["post-tab-panel",[[257,"post-tab-panel",{"for":[513],"panelId":[32]}]]],["post-tooltip-trigger",[[257,"post-tooltip-trigger",{"for":[513],"delay":[2]}]]],["post-collapsible_2",[[257,"post-collapsible",{"collapsed":[1028],"toggle":[64]}],[257,"post-collapsible-trigger",{"for":[513],"update":[64]}]]],["post-accordion_2",[[257,"post-accordion-item",{"collapsed":[1540],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]]],[257,"post-accordion",{"headingLevel":[514,"heading-level"],"multiple":[516],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":[{"syncHeadingLevel":0}]}]]]], options);
 });

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CsEmPq6P.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BAtz9iuv.js';
 import './breakpoints-BQ3HlJPr.js';
-import { v as version } from './package-jK9tFtoG.js';
+import { v as version } from './package-D9jUbrFT.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { c as createValidatorDecorator, g as getValidationContext } from './create-validator-decorator-BURbkkYl.js';
-import { R as Required } from './required-CE6lKrV1.js';
-import { T as Type } from './type-BXIcop4C.js';
+import { c as createValidatorDecorator, g as getValidationContext } from './create-validator-decorator-BzX_jW0Z.js';
+import { R as Required } from './required-BX_AhSO0.js';
+import { T as Type } from './type-BYIjiHKr.js';
 /**
  * Property decorator that validates the property value is a valid date string.

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CsEmPq6P.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BAtz9iuv.js';
 import { b as breakpoint } from './breakpoints-BQ3HlJPr.js';
-import { v as version } from './package-jK9tFtoG.js';
-import { R as Required } from './required-CE6lKrV1.js';
-import { T as Type } from './type-BXIcop4C.js';
-import './create-validator-decorator-BURbkkYl.js';
+import { v as version } from './package-D9jUbrFT.js';
+import { R as Required } from './required-BX_AhSO0.js';
+import { T as Type } from './type-BYIjiHKr.js';
+import './create-validator-decorator-BzX_jW0Z.js';
-const postFooterCss = () => `:host{display:block}footer{border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
+const postFooterCss = () => `:host{display:block}footer{border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -18,24 +18,26 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
+const SECTION_SLOTS = ['socialmedia', 'app', 'businesssectors', 'meta', 'copyright'];
 const PostFooter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.device = breakpoint.get('device');
-        this.gridSlotDisplayed = {};
+        this.slotDisplayed = {};
         this.breakpointChange = (e) => {
             this.device = e.detail;
         };
         this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
+        this.handleSlotChange = this.handleSlotChange.bind(this);
     }
     connectedCallback() {
         globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
     }
     componentWillLoad() {
-        // initialize grid visibility by checking the content of each slot
-        GRID_SLOTS.forEach(slotName => {
+        // initialize slot visibility by checking the content of each slot
+        [...GRID_SLOTS, ...SECTION_SLOTS].forEach(slotName => {
             const assignedElements = this.host.querySelectorAll(`[slot="${slotName}"]`);
-            this.updateGridSlotDisplay(slotName, assignedElements.length > 0);
+            this.updateSlotDisplay(slotName, assignedElements.length > 0);
         });
     }
     disconnectedCallback() {
@@ -44,23 +46,39 @@ const PostFooter = class {
     handleGridSlotChange(...devices) {
         return (e) => {
             if (devices.includes(this.device) && e.target instanceof HTMLSlotElement) {
-                this.updateGridSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
+                this.updateSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
             }
         };
     }
-    updateGridSlotDisplay(slotName, hasContent) {
-        if (this.gridSlotDisplayed[slotName] !== hasContent) {
-            this.gridSlotDisplayed = { ...this.gridSlotDisplayed, [slotName]: hasContent };
+    handleSlotChange(e) {
+        if (e.target instanceof HTMLSlotElement) {
+            this.updateSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
+        }
+    }
+    updateSlotDisplay(slotName, hasContent) {
+        if (this.slotDisplayed[slotName] !== hasContent) {
+            // @State only re-renders when this.slotDisplayed itself is replaced,
+            // not when one of its properties is changed directly
+            this.slotDisplayed = { ...this.slotDisplayed, [slotName]: hasContent };
         }
     }
     renderAccordion() {
-        return (h("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (h("post-accordion-item", { key: slotName, class: { 'd-none': !this.gridSlotDisplayed[slotName] }, collapsed: true }, h("span", { slot: "header" }, h("slot", { name: slotName + '-title' })), h("slot", { onSlotchange: this.handleGridSlotChange('mobile'), name: slotName }))))));
+        return (h("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (h("post-accordion-item", { key: slotName, class: { 'd-none': !this.slotDisplayed[slotName] }, collapsed: true }, h("span", { slot: "header" }, h("slot", { name: slotName + '-title' })), h("slot", { onSlotchange: this.handleGridSlotChange('mobile'), name: slotName }))))));
     }
     renderColumns() {
-        return GRID_SLOTS.map(slotName => (h("div", { key: slotName, class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, h("h3", null, h("slot", { name: slotName + '-title' })), h("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
+        return GRID_SLOTS.map(slotName => (h("div", { key: slotName, class: { 'd-none': !this.slotDisplayed[slotName] } }, h("h3", null, h("slot", { name: slotName + '-title' })), h("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
     }
     render() {
-        return (h(Host, { key: 'a418a8149b54b81dd054d02b5a13158a3592f80e', "data-version": version, "data-color-scheme": "light" }, h("footer", { key: '15e5706569dcae6f0b0c607384c93cc79b42dfb4' }, h("h2", { key: '031af06c7b0f81324117be0ff79acecde5067c6c', class: "visually-hidden" }, this.textFooter), h("div", { key: 'ddb24e0e3165b0dc486979f65756de522690a5ea', class: "prefooter" }, h("div", { key: '33420f69408f368b52199a56258fa6c342b47fd4', class: "footer-container" }, h("slot", { key: '9fbbb2958d4623374333a32988e676cc29e9c432', name: "prefooter" }))), h("div", { key: '22cf7438001c496fc1b0480b53aab827c2e43d60', class: "footer-main" }, h("div", { key: '861cc3613a0a29610e1bd0f0bc0b85ebb8278e11', class: "footer-container" }, h("div", { key: 'b3d8aa82cbc11b6a1bc66673812d081fcc60dadd', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), h("div", { key: '37024ff8c65037877e2daa41a91c7f7c731cfdcf', class: "footer-column" }, h("div", { key: '45f35d77042709c3b487887d255cf060aae066be', class: "footer-socialmedia" }, h("slot", { key: 'f24f0f3e03267c22de4df84d57e64627939b2ec5', name: "socialmedia" })), h("div", { key: '32f122287278c21b588267c6d4a8f3e8e0f2e2cd', class: "footer-app" }, h("slot", { key: '2b2baaa778418bda6e5d50b9dd661dc6f7a13d15', name: "app" }))), h("div", { key: 'f3926f93aaac9040313052bab0d08155f4862b8a', class: "footer-businesssectors" }, h("slot", { key: 'f8aa5a777ddbf58dd47b305d2cbbbaa534795552', name: "businesssectors" })), h("div", { key: '1215c8e0a20a0ec6d1fe69da0bb793a533c9dd06', class: "footer-meta" }, h("slot", { key: '939483f25bdf8c1ef9593b58962b11b1ecc4c3a2', name: "meta" })), h("div", { key: '4601f4b358e02319f2011d64c80778eb49732914', class: "footer-copyright" }, h("slot", { key: '20ce9532ee14223e75ece29d951599c1a702f15d', name: "copyright" })))))));
+        const renderSocialmedia = this.slotDisplayed['socialmedia'];
+        const renderApp = this.slotDisplayed['app'];
+        const renderBusinesssectors = this.slotDisplayed['businesssectors'];
+        const renderMeta = this.slotDisplayed['meta'];
+        const renderCopyright = this.slotDisplayed['copyright'];
+        const allGridSlotsEmpty = GRID_SLOTS.every(slotName => !this.slotDisplayed[slotName]);
+        return (h(Host, { key: 'd34606bcddf871bcf82c64dd710a1e7d1d1dcbb5', "data-version": version, "data-color-scheme": "light" }, h("footer", { key: 'a82c77c34e1308ed02445a221776f37ebe26d7f9' }, h("h2", { key: '3d6bd7b10494661506a1bd60323e3e3205b1a400', class: "visually-hidden" }, this.textFooter), h("div", { key: '6497d40d70757426194142d8b597101d4f0f5ce6', class: "prefooter" }, h("div", { key: '7d352f9029fe397f0ada15de8dacb9d8a0b2a831', class: "footer-container" }, h("slot", { key: 'bbe3c744a1ea06544ccfda3b1f9a7e52666b69c3', name: "prefooter" }))), h("div", { key: '4bdd7e6f0507bbbc9ccb7a9b3a5f1dad2f1c6936', class: "footer-main" }, h("div", { key: '3b141f824900b9dccb6746bb4b11678f2b90ef53', class: "footer-container" }, h("div", { key: '46ef9417bb0aced5506e8adbeb6001dbcfe119a5', class: { 'footer-grid': true, 'd-none': allGridSlotsEmpty } }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), h("div", { key: 'd25f9b4b8e8bf8ce7d090c41c8b9de0c1454c566', class: {
+                'footer-column': true,
+                'd-none': !renderSocialmedia && !renderApp,
+            } }, h("div", { key: '43888182ec9db5d001ff724648f02a43acddb198', class: { 'footer-socialmedia': true, 'd-none': !renderSocialmedia } }, h("slot", { key: 'd96fe2e61b69ead95ba6235bdd63951ff177377a', onSlotchange: this.handleSlotChange, name: "socialmedia" })), h("div", { key: '0eb5c0c55f6d86ef4a179fa55bfb2b37311e1563', class: { 'footer-app': true, 'd-none': !renderApp } }, h("slot", { key: 'dcc9d0121b0febc2b2d4d183ca0aa979dd27b35c', onSlotchange: this.handleSlotChange, name: "app" }))), h("div", { key: '85a47b73374144b13fd40d3f25582e4375873647', class: { 'footer-businesssectors': true, 'd-none': !renderBusinesssectors } }, h("slot", { key: '1cbd28be1c5b8d52df6139db49e1e3b31db03a5a', onSlotchange: this.handleSlotChange, name: "businesssectors" })), h("div", { key: '1877c5230c17196d647f9ed145a21bcfed36321a', class: { 'footer-meta': true, 'd-none': !renderMeta } }, h("slot", { key: '12ca6c0a79db19365daddf3c14b4a395f664d3e1', onSlotchange: this.handleSlotChange, name: "meta" })), h("div", { key: '3dd50edca20df5bd258b1b01da2a88d556d5ea04', class: { 'footer-copyright': true, 'd-none': !renderCopyright } }, h("slot", { key: '058326a07ee00caea0cbac3843ba8190cf68abde', onSlotchange: this.handleSlotChange, name: "copyright" })))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/post-linkarea.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CsEmPq6P.js';
-import { v as version } from './package-jK9tFtoG.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BAtz9iuv.js';
+import { v as version } from './package-D9jUbrFT.js';
 const postLinkareaCss = () => `:host{display:block;cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-within){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-within){outline-color:Highlight !important}}`;

package/dist/esm/post-listbox-option.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CsEmPq6P.js';
-import { v as version } from './package-jK9tFtoG.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BAtz9iuv.js';
+import { v as version } from './package-D9jUbrFT.js';
 const postListboxOptionCss = () => `:host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:flex;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}`;
@@ -14,9 +14,9 @@ const PostListboxOption = class {
         this.highlighted = false;
     }
     render() {
-        return (h(Host, { key: '083077341f74f3d6f7baad7599aef968a9f07582', "data-version": version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
+        return (h(Host, { key: 'ff0e773f8a89f9df3996a83cd2be6247c1ab5475', "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: '7d844e51e7f90ea77075f83b663b2b77049f04df', class: "option-content" }, this.value, h("span", { key: 'b7b19312ebaf634292076425725434d18a8a6532', class: "option-description" }, h("slot", { key: '69db5aad7cbe41419398ca32c7ca2b955fbcaefe' }))), this.selected && h("post-icon", { key: '8969fc083fb669a4c5e9d8dbb1c12e1fcde053d5', "aria-hidden": "true", name: "checkmark" })));
+            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, h("span", { key: 'cb43e8bec5f262ae25ddfdcae1b7f9979bdd6858', class: "option-content" }, this.value, h("span", { key: '5b314c41073a357185613a04a07d2020e4eab300', class: "option-description" }, h("slot", { key: 'ac1ed1be98f9a348952c0169d7ec89f8aaa99474' }))), this.selected && h("post-icon", { key: '7691085df732c0c2c5db9824587d54047017adf5', "aria-hidden": "true", name: "checkmark" })));
     }
 };
 PostListboxOption.style = postListboxOptionCss();

package/dist/esm/post-listbox.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CsEmPq6P.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BAtz9iuv.js';
 import './breakpoints-BQ3HlJPr.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';
-import { v as version } from './package-jK9tFtoG.js';
+import { v as version } from './package-D9jUbrFT.js';
-const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}`;
+const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}`;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -135,7 +135,7 @@ const PostListbox = class {
         this.updateSelection(event.detail);
     }
     render() {
-        return (h(Host, { key: 'd9008aa55aca4e0a65fdffd67485d74ddc4069f6', "data-version": version, role: "listbox" }, h("post-popovercontainer", { key: '5ba4d68483581101ca4bf6fea04102fa883b71d1', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? h("slot", { name: "blank-slate" }) : h("slot", null))));
+        return (h(Host, { key: 'd9008aa55aca4e0a65fdffd67485d74ddc4069f6', "data-version": version, role: "listbox" }, h("post-popovercontainer", { key: '5ba4d68483581101ca4bf6fea04102fa883b71d1', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, h("slot", { key: '286a31eff1b70ec35efcfa745103933598589f2a', name: "blank-slate" }), h("slot", { key: '4cebce7de3143c3eb1deafa57209f7295aa6ec44' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/post-number-input.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CsEmPq6P.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BAtz9iuv.js';
 import { d as debounce } from './breakpoints-BQ3HlJPr.js';
-import { v as version } from './package-jK9tFtoG.js';
+import { v as version } from './package-D9jUbrFT.js';
 function getSlottedElement(host, selector) {
     const slottedElements = host.querySelectorAll(selector);
@@ -126,10 +126,10 @@ const PostNumberInput = class {
     }
     render() {
         const areButtonsShown = !!this.input;
-        return (h(Host, { key: 'a515b63f296ab4d5fcddeebee0fd1edec22093b8', "data-version": version, class: {
+        return (h(Host, { key: '59cbe12c66b0eabbff15a3110ee847396df2d261', "data-version": version, class: {
                 'number-input-sm': this.small,
                 'disabled': this.isDisabled,
-            } }, areButtonsShown && (h("div", { key: '17b65f0454b9843796dc0604a20df539326be003', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, h("post-icon", { key: '109251510a76ced4aed7e52ec08bf54241a4a625', name: "minus" }))), h("div", { key: '22a6cca78b4054cd04edb824c1b03dcbca087c60', class: "input-container" }, h("slot", { key: '1d54a8b78666d6525e017268dc02a543a19f88a9', onSlotchange: () => this.setupInput() })), areButtonsShown && (h("div", { key: '696ca615ff1a030b64e19b1b43b5eed978b1afe8', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, h("post-icon", { key: 'd4d34aee8d6b09514a6a7aae7db5459a9aaefe09', name: "plus" })))));
+            } }, areButtonsShown && (h("div", { key: '43fca97c040104786ab528b04f3e0dd576f29025', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, h("post-icon", { key: '1b41c236beb802d98f60776827928335d00599c4', name: "minus" }))), h("div", { key: '8342d335e0a84f78514edac5052ffea081fb40c7', class: "input-container" }, h("slot", { key: 'd2f8eae0656faaab31358cd3582c873d4a491e73', onSlotchange: () => this.setupInput() })), areButtonsShown && (h("div", { key: '0055b317ed6ec64f2451640c436d169bb0b07626', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, h("post-icon", { key: 'dafe4a65f6d5d6ba4f54229c55506d5cf14fe126', name: "plus" })))));
     }
     get host() { return getElement(this); }
 };