@xplortech/apollo-core 2.9.0 → 2.11.0

package/dist/esm/xpl-button-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXkZUm1c.js';
 
 const ButtonRow = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const ButtonRow = class {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (h(Host, { key: '184ee5671a9d1bbb967dd8e6e4427df30d62a007', class: "xpl-button-row" }, h("div", { key: '44b583d0899af8b158f7093b87918f0843366e44', class: "xpl-button-row-inner" }, h("div", { key: '31754284b0b87a1e58ccbded4b46b453c3b717ca', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: '27a9c164af5e72a66380dfda4072cfb5d3b3a34d', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: '7ba9299532405aa9dceca481dae675a5129d2b51', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: 'bcb3524b921e6de30a1f6d870e04eeb9592762bb', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: '5e10208c958143476df430b7f9877965b7fadc08', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: 'ebb24794d37fd6dce72fa776b97ec59edeaab1dc', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (h(Host, { key: '9cd6193bed50a82872803b95bd5fc56c9347dd1a', class: "xpl-button-row" }, h("div", { key: 'eefebfcad667ceec154117b9318e2ff88c420f8f', class: "xpl-button-row-inner" }, h("div", { key: '94633d213b36306cf51a70e04d21a964ca13c430', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: '2e47003e6f35f5acd7a6129c903d4591cc10759f', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: '05397d469cd97188f56934354850a8c3cd77e4d6', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: 'd3f6a953144e8e64aa34a37c9c80f7363dc0ee9c', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: 'abd03f3c33a48517a7f268ecf302767e605a2400', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: 'be417c38b0427e9cdbbacb700d4651677cff8ec9', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
 };
 

package/dist/esm/xpl-calendar.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXkZUm1c.js';
 import { f as flatpickr } from './index-CH4yJ6Qx.js';
-import { v as v4 } from './v4-Cqlsd6nf.js';
+import { v as v4 } from './v4-CK3_k8jD.js';
 
 const arrowSvg = (rotate = false) => `<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${rotate
     ? 'M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z'
@@ -55,7 +55,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (h(Host, { key: '56cd65b62892b0c3e939f6cd77e9ba507baf4a68', class: "xpl-calendar" }, h("input", { key: '296222d3b6c0bf3e7c400d4d8c40d7d48774ea57', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (h(Host, { key: '8693d0e9612e2995b03f6392387758c843db0be5', class: "xpl-calendar" }, h("input", { key: '29077057568f288f42d4e0eb94e2fa83ce6ea9c6', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 this.inputElement = el;
             } })));
     }

package/dist/esm/xpl-dynamic-table-cell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const DynamicTableCell = class {
     constructor(hostRef) {
@@ -21,9 +21,9 @@ const DynamicTableCell = class {
     }
     render() {
         const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        return (h(Host, { key: '7cfa2d58f634e41ccf1604a581fcc83a2b51676f', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (h(Host, { key: '18dbf3410d7ecd8ccf08b4b7e8927c50777967b8', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el;
-            } }, h("slot", { key: 'c6a04082cb8aa1089d9f6cb82f3db8d7f0addf6e' })));
+            } }, h("slot", { key: '7efb10712db0c91fb2f745f23946270c488885a5' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-dynamic-table-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host } from './index-CXkZUm1c.js';
 
 const DynamicTableRow = class {
     constructor(hostRef) {
@@ -26,9 +26,9 @@ const DynamicTableRow = class {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (h(Host, { key: '0d099456d2016263a2bdcd42b46794e08adb64cf', role: "row", class: classList, ref: (el) => {
+        return (h(Host, { key: '17fac4d9214237c1896a136839c79377dc9b3169', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el;
-            } }, h("slot", { key: 'c923f7f8dc4bb8a4527693259d1a8b5932bb6c10' })));
+            } }, h("slot", { key: '7d41f904e2c1fa3dcde2b7652cd2840c6bde3470' })));
     }
 };
 

package/dist/esm/xpl-dynamic-table.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-CXkZUm1c.js';
 
 const DynamicTable = class {
     constructor(hostRef) {
@@ -54,7 +54,7 @@ const DynamicTable = class {
         this.updateColumnCount();
     }
     render() {
-        return (h("div", { key: '8f33da5fa8815400447b1690172bdaddd1079c1a', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, h("slot", { key: '221aced83acf1fc4c904533eaedb1cd79914c5d3', name: "header" }), h("slot", { key: '6087119ce1499e94a30d09a1917d9371331f6add', name: "body" })));
+        return (h("div", { key: '7b1ac3b1461e69fb7001baf63c256abcc65cb3a3', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, h("slot", { key: '5d7484d4517b132dbb2400f7c63da3be14064586', name: "header" }), h("slot", { key: '292c502f9cb58467bbb69a3eeacff51af557d826', name: "body" })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-grid-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host } from './index-CXkZUm1c.js';
 
 const GridItem = class {
     constructor(hostRef) {
@@ -14,7 +14,7 @@ const GridItem = class {
         className += ` xpl-grid-item-sm-${this.sm}`;
         className += ` xpl-grid-item-md-${this.md}`;
         className += ` xpl-grid-item-lg-${this.lg}`;
-        return (h(Host, { key: '43cf6dd21d3d06e2d8012b716e5db5aeee676aac', class: className }, h("slot", { key: 'e08e03e4152007df7158d7122f883da1050dfde7' })));
+        return (h(Host, { key: 'a541967d85e9a4fcd643aa95b62226e46c476dc6', class: className }, h("slot", { key: 'e20ba799288ffb654334698215518e8cfe6ba9a3' })));
     }
 };
 

package/dist/esm/xpl-grid.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const Grid = class {
     constructor(hostRef) {
@@ -26,7 +26,7 @@ const Grid = class {
         });
     }
     render() {
-        return h(Host, { key: 'aeee950fb242a14f50ceda1d199cf427597b70f6', class: "xpl-grid" });
+        return h(Host, { key: '3700079a0f7bbea9755a217d7757dff5a82ee601', class: "xpl-grid" });
     }
     get container() { return getElement(this); }
 };

package/dist/esm/xpl-large-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const LargeCard = class {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const LargeCard = class {
     render() {
         const contentSlot = 'graph-content';
         const hasContentSlot = this.el.querySelector(`[slot="${contentSlot}"]`);
-        return (h(Host, { key: '9b45179112de8d1ac309520425a1a5c340493487', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '4838c93a72df9ea794b3bbbd7f78f3e84a606109', class: "xpl-large-card__header" }, h("header", { key: 'eb4b2e8515be1e0763595e1cf646dc2b25bfb739' }, h("slot", { key: '62fdafe4b8ce03af5ff353c3ffa377fa547b572b', name: "title" }, this.name), this.link && (h("span", { key: 'ac0086a3402af5f12668a560ad418aaf40a56357', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: '74eaffc571098a88d69d7248166889671ba441a2', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: 'd7d2499b7d8da9c09062ea5a456b588e52df2d82', class: "xpl-large-card__description" }, this.description))), h("dd", { key: '652e32e8b200e783f03608f97cbbcc70f59421e3', class: "xpl-large-card__body" }, hasContentSlot && h("slot", { key: '9d9f285d34bd8e2b6666577bd2023ae474636c4c', name: contentSlot }))));
+        return (h(Host, { key: '30865d2efaf693257afb21c768981e2785c81ad4', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: 'bf95f5c52d36b3aa9174222ea2f3bb7e788f5992', class: "xpl-large-card__header" }, h("header", { key: '5a18e7dfe1544b65fa13e9b918d06ca0fdabb9f2' }, h("slot", { key: '94e9bd081a2c1fe5eb57cb8cedd0ab1224bb5bb3', name: "title" }, this.name), this.link && (h("span", { key: '082622ba8e2446dc65fe4f37ee1e15bab1c8785d', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: '407180586601126e1ea5fb2c6af006d109067b39', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: '381711e6390dd685b0951d7dd08faeb6f9ef34f3', class: "xpl-large-card__description" }, this.description))), h("dd", { key: '2cf8a71574bef72aee76720525e26288b92cecc2', class: "xpl-large-card__body" }, hasContentSlot && h("slot", { key: '03a58f57d713de2abad1b815a77c91f340ef1f0a', name: contentSlot }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-main-nav.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXkZUm1c.js';
 
 const MainNav = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const MainNav = class {
         this.navWidthHandler();
     }
     render() {
-        return (h(Host, { key: '122bf1f28c4fb1e460185989b2d517f1ddbfb22b', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", { key: '4ed8ce484b394adee98ac16056ebbabcadd31625' }, h("header", { key: '829b7904323aeea21922a8d4a8fa33141cfa7913', "aria-label": "Sidebar Header" }, h("slot", { key: '8a6ea72fa4a1b26f9825a36b4ac7e64c9dbf476c', name: "logo" }), h("slot", { key: 'bf049e9ee7b83af1c4ebfef21681edcb35de9364', name: "brand-name" })), h("div", { key: 'a0ce70ccf5e4bac6346711127fba5278963910c1', class: "xpl-main-nav__main_section" }, h("slot", { key: 'bce360027342a1ef3e009bad6bc28e44c64dbd04', name: "navigation" })), h("footer", { key: '0b5f2e6cc890e4257f5e5503302492a236950f87', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { key: '01dbe4d3834e1bc67b51108600688544e549ecde', name: "footer" })))));
+        return (h(Host, { key: '15982141de742a1daeae5ffbb172ea18e0667e2d', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", { key: '41efe9e9a68a3a27653efee7f6ed92d7fde9e902' }, h("header", { key: '18c08d774991cd41dc3b395891d1621343a5d505', "aria-label": "Sidebar Header" }, h("slot", { key: 'b82477e1ae127d30e80ac4e82c22a5e8cbed94e4', name: "logo" }), h("slot", { key: '3841701331da0ea203c356b20098e36b67255384', name: "brand-name" })), h("div", { key: '512df331c13b69154550fe510a8887323167081e', class: "xpl-main-nav__main_section" }, h("slot", { key: '30da0851944d7ce43648efe3b22786b57079042a', name: "navigation" })), h("footer", { key: '3c58ec415052a4b7930ed8861593cb1c52bcd1f5', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { key: 'fac051cf4e6bc7635d58df0fbf9b504af244eb52', name: "footer" })))));
     }
 };
 

package/dist/esm/xpl-table-header-cell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const TableHeaderCell = class {
     constructor(hostRef) {

package/dist/esm/xpl-table-header.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host } from './index-CXkZUm1c.js';
 
 const TableHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '7b36c9e640bd43ac38ea2625e7600e8699a13c5f', role: "row", class: "xpl-table-header" }, h("slot", { key: 'd03fe894a829477b6bf25dbd6dfa724b224b8d42' })));
+        return (h(Host, { key: '1123c671d82d987a74264ef2869494155746d7d8', role: "row", class: "xpl-table-header" }, h("slot", { key: 'f1a238ba023ce03559f87cf92214a1804c8ac821' })));
     }
 };
 

package/dist/esm/xpl-toggle.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
-import { v as v4 } from './v4-Cqlsd6nf.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXkZUm1c.js';
+import { v as v4 } from './v4-CK3_k8jD.js';
 
 const Toggle = class {
     constructor(hostRef) {
@@ -19,13 +19,13 @@ const Toggle = class {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (h(Host, { key: '2665ccecd2df94b7ed7443e2ecb6265fca7f235f', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '75292b431419e1d34c127a82d61baa1ee024a2bb', class: {
+        return (h(Host, { key: 'c57e1813c72cba62eed2927763277341bb0d3f77', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '00ba33da343a47681982f6437f1cb45060d70ae9', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '772e34c7d553faee5b1dfc448ecb95706dc3e8df', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '8ec4104abdb16ca405577f061c4cb68580317bc4', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': this.disabled,
-            } }, this.description)))), h("input", { key: 'afec8fff16aadca330c804832dbd41c4b10f5caa', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '1b25d01805915cb2dacf03ad9340beec61565bcc', htmlFor: this.id }, this.label)));
+            } }, this.description)))), h("input", { key: 'face83ccc22985b6d0a4c8b9e4c8dcf1d9d6b72a', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: 'aa89637f4b60b050a168fcf02e6702d9ed9bd186', htmlFor: this.id }, this.label)));
     }
 };
 

package/dist/esm/xpl-toolbar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const Toolbar = class {
     constructor(hostRef) {
@@ -14,11 +14,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: '156bc52063283c17215e1d3a90c25939ae92685b', class: {
+        return (h(Host, { key: 'eda1f57ef1a207b82f622f090dd30f21d60bbc61', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: '184e28d57a16d8ba6e10f29a95c931a036f44515', class: "toolbar" }, h("p", { key: 'ff6a7137db216c71859eac4398bbaf8bc6fe18f9', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'a610539a08383a3d1d3dad8d95a8b75f43eaf1a3', class: "actions" }, h("slot", { key: 'dd8ea3150b40926ab40f36d38770daaa969a6fff', name: "actions-left" }), h("slot", { key: 'b51f8940fb52dd6880841a917574f782e0d0c72c', name: "actions-right" })))));
+            } }, h("div", { key: 'fe703bf7fb49ebe27f4eee7973ea1e24c5ed50a4', class: "toolbar" }, h("p", { key: 'd0d9cb84b4828688aabbabb3395ff3c18c4d2a78', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'c1259be179d245e4c18a3690f800eb493f491ba9', class: "actions" }, h("slot", { key: '40000dda8efbfd0aa7175e0e5db1c1c9f4e7e89f', name: "actions-left" }), h("slot", { key: '255e21ebb1af8fde1bb76a1a1243eeadc4146d3d', name: "actions-right" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-top-nav-menu.entry.js

@@ -0,0 +1,95 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
+import { T as TimerManager } from './lifecycle-BUgtURvw.js';
+
+const TOP_NAV_MOBILE_MQ = '(max-width: 767px)';
+
+const TopNavMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.timers = new TimerManager();
+        this.isMobileCascade = false;
+        this.onViewportChange = () => {
+            var _a, _b;
+            this.isMobileCascade = (_b = (_a = this.mobileMq) === null || _a === void 0 ? void 0 : _a.matches) !== null && _b !== void 0 ? _b : false;
+        };
+        this.handleBackClick = async () => {
+            var _a;
+            const parent = this.el.closest('xpl-top-nav-item');
+            if (!parent) {
+                return;
+            }
+            await parent.closeMenu();
+            (_a = parent.querySelector('.xpl-top-nav-item__inner')) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    }
+    connectedCallback() {
+        if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {
+            this.mobileMq = window.matchMedia(TOP_NAV_MOBILE_MQ);
+            this.mobileMq.addEventListener('change', this.onViewportChange);
+            this.isMobileCascade = this.mobileMq.matches;
+        }
+        this.connectParentOpenObserver();
+    }
+    disconnectedCallback() {
+        var _a;
+        this.timers.dispose();
+        (_a = this.mobileMq) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', this.onViewportChange);
+        this.mobileMq = undefined;
+        this.disconnectParentOpenObserver();
+    }
+    connectParentOpenObserver() {
+        this.disconnectParentOpenObserver();
+        const parent = this.el.parentElement;
+        if (!parent || typeof MutationObserver === 'undefined') {
+            return;
+        }
+        this.parentOpenObserver = new MutationObserver(() => {
+            this.scheduleParentOpenCheck();
+        });
+        this.parentOpenObserver.observe(parent, {
+            attributes: true,
+            attributeFilter: ['class'],
+        });
+    }
+    disconnectParentOpenObserver() {
+        var _a;
+        (_a = this.parentOpenObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.parentOpenObserver = undefined;
+    }
+    scheduleParentOpenCheck() {
+        this.timers.scheduleCoalesced('parentOpenCheck', () => {
+            if (!this.el.isConnected) {
+                return;
+            }
+            this.focusBackRowIfJustOpenedOnMobile();
+        });
+    }
+    focusBackRowIfJustOpenedOnMobile() {
+        var _a;
+        if (!this.isMobileCascade) {
+            return;
+        }
+        const parent = this.el.parentElement;
+        if (!(parent === null || parent === void 0 ? void 0 : parent.classList.contains('xpl-top-nav-item--dropdown-open'))) {
+            return;
+        }
+        (_a = this.el
+            .querySelector('.xpl-top-nav-menu__back .xpl-top-nav-item__inner')) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    renderBackRow() {
+        var _a;
+        if (!this.isMobileCascade || !((_a = this.label) === null || _a === void 0 ? void 0 : _a.trim())) {
+            return null;
+        }
+        return (h("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, h("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
+    }
+    render() {
+        return (h(Host, { key: '314c42b389883edceb333473d9bb97776e1f18de', class: {
+                'xpl-top-nav-menu': true,
+                dark: true,
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'a6b4e2c916ccc9c0cc1d5e7e6d03b2ad6032f7ac' })));
+    }
+    get el() { return getElement(this); }
+};
+
+export { TopNavMenu as xpl_top_nav_menu };

package/dist/types/components/xpl-banner/banner.stories.d.ts

@@ -12,6 +12,8 @@ interface BannerStoryArgs {
 declare const _default: {
     title: string;
     component: string;
+    tags: string[];
+    beforeEach(): void;
     argTypes: {
         appearance: {
             options: string[];

package/dist/types/components/xpl-button/button.stories.d.ts

@@ -1,5 +1,7 @@
 declare const _default: {
     title: string;
+    tags: string[];
+    beforeEach(): void;
     argTypes: {
         variant: {
             options: string[];

package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts

@@ -5,10 +5,13 @@ interface XplDropdownOption extends HTMLXplDropdownOptionElement {
     hostElement: HTMLXplDropdownOptionElement;
 }
 export declare class Dropdown {
+    private virtualEnd;
+    private virtualStart;
     isOpen: boolean;
     closeOnSelect: boolean;
     mode: 'single' | 'multi';
     options?: DropdownItem[];
+    onOptionsChanged(): void;
     anchorToTrigger: boolean;
     onAnchorToTriggerChanged(): void;
     flipFallbackPlacements?: Placement[];
@@ -25,6 +28,11 @@ export declare class Dropdown {
     hostElement: HTMLXplDropdownElement;
     isOpenChange: EventEmitter<boolean>;
     private cleanupAutoUpdate;
+    private virtualScrollRaf;
+    private openAlignmentRaf;
+    private listEl?;
+    private listResizeObserver?;
+    private previousOptionCount;
     onSelectedValuesChanged(newValues: string | string[], initialRender?: boolean): void;
     onIsOpenStateChange(newValue: boolean): void;
     connectedCallback(): void;
@@ -39,6 +47,14 @@ export declare class Dropdown {
     private updateDropdownPosition;
     private handleClickOutside;
     private handleKeyDown;
+    private handleVirtualScroll;
+    private cancelVirtualScroll;
+    private setListEl;
+    private alignOnOpen;
+    private scheduleOpenAlignment;
+    private scrollSelectedIntoView;
+    private updateVirtualRange;
+    private get isVirtualized();
     render(): any;
 }
 export {};

package/dist/types/components/xpl-input/xpl-input-phone/xpl-input-phone.d.ts

@@ -16,6 +16,7 @@ export declare class InputPhone {
     triggerId: string;
     defaultCountry?: string;
     disabled?: boolean;
+    error?: boolean;
     inputId?: string;
     isInternational?: boolean;
     name?: string;

package/dist/types/components/xpl-pagination/xpl-pagination.d.ts

@@ -9,9 +9,13 @@ export declare class Pagination {
     pageChange: EventEmitter<number>;
     rowsPerPageChange: EventEmitter<number>;
     protected onPageUpdate(newValue: number): void;
+    protected onTotalPagesUpdate(): void;
     protected onRowsPerPageUpdate(newValue: number): void;
     private rowsPerPageSelectRef;
     private pageSelectRef;
+    private pageChoices;
+    private buildPageChoices;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private handleNextPage;

package/dist/types/components/xpl-radio/radio.stories.d.ts

@@ -55,17 +55,18 @@ declare const _default: {
     };
 };
 export default _default;
+interface RadioArgs {
+    label: string;
+    description: string;
+    checked: boolean;
+    disabled: boolean;
+    styled: boolean;
+    value: string;
+    name: string;
+    selectedValue: string;
+}
 export declare const Radio: {
-    ({ label, description, checked, disabled, styled, value, name, selectedValue, }: {
-        label: any;
-        description: any;
-        checked: any;
-        disabled: any;
-        styled: any;
-        value: any;
-        name: any;
-        selectedValue: any;
-    }): string;
+    (origAttrs: RadioArgs): string;
     args: {
         label: string;
         description: string;

package/dist/types/components/xpl-side-nav/side-nav-constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SIDE_NAV_MOBILE_MQ = "(max-width: 767px)";
+export declare const SIDE_NAV_CLOSE_ANIMATION_MS = 600;

package/dist/types/components/xpl-side-nav/side-nav.stories.d.ts

@@ -2,6 +2,7 @@ import type { StoryObj } from '@storybook/web-components-vite';
 export interface NavItem {
     label: string;
     icon?: string;
+    trailingIcon?: string;
     selected?: boolean;
     disabled?: boolean;
     hidden?: boolean;
@@ -27,21 +28,49 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const SideNavigation: {
-    ({ navConfig }: SideNavFullDemoArgs): string;
-    args: {
-        navConfig: {
-            navLabel: string;
-            items: NavItem[];
-            footerItems: NavItem[];
+export declare const SideNavigation: StoryObj<SideNavFullDemoArgs>;
+type SideNavItemStory = StoryObj<{
+    label: string;
+    icon: string;
+    trailingIcon: string;
+    selected: boolean;
+    disabled: boolean;
+    hidden: boolean;
+    expanded: boolean;
+    hasChildren: boolean;
+    link: boolean;
+    childLabel1: string;
+    childLabel2: string;
+}>;
+export declare const ItemPlayground: SideNavItemStory;
+export declare const ExternalLinkItem: {
+    (): string;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
         };
     };
-    argTypes: {
-        navConfig: {
-            control: string;
-            description: string;
+};
+export declare const ParentWithLeadingIcon: {
+    (): string;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
         };
     };
+};
+type FooterStory = StoryObj<{
+    footerItems: NavItem[];
+}>;
+export declare const FooterSlot: FooterStory;
+export declare const MobileClosed: {
+    (): string;
     parameters: {
         layout: string;
         design: {
@@ -53,28 +82,20 @@ export declare const SideNavigation: {
                 story: string;
             };
         };
-        'web-component': {
-            render: string;
+    };
+};
+export declare const MobileOpen: {
+    (): string;
+    parameters: {
+        layout: string;
+        design: {
+            type: string;
+            url: string;
         };
-        html: {
-            render: string;
+        docs: {
+            description: {
+                story: string;
+            };
         };
     };
 };
-type SideNavItemStory = StoryObj<{
-    label: string;
-    icon: string;
-    selected: boolean;
-    disabled: boolean;
-    hidden: boolean;
-    expanded: boolean;
-    hasChildren: boolean;
-    link: boolean;
-    childLabel1: string;
-    childLabel2: string;
-}>;
-export declare const ItemPlayground: SideNavItemStory;
-type FooterStory = StoryObj<{
-    footerItems: NavItem[];
-}>;
-export declare const FooterSlot: FooterStory;

package/dist/types/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.d.ts

@@ -1,6 +1,9 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class SideNavItem {
+    private trailingSlotSyncTimeoutId?;
+    private trailingSlotObserver?;
     el: HTMLElement;
+    private hasTrailingSlot;
     disabled: boolean;
     expanded: boolean;
     hasChildren: boolean;
@@ -12,8 +15,15 @@ export declare class SideNavItem {
     selected: boolean;
     expandedChange: EventEmitter<boolean>;
     navClick: EventEmitter<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentWillRender(): void;
+    componentDidRender(): void;
+    private connectTrailingSlotObserver;
+    private disconnectTrailingSlotObserver;
+    private scheduleTrailingSlotSync;
+    private syncTrailingSlot;
     private enforceLinkExcludesHasChildren;
     private handleClick;
     render(): any;

package/dist/types/components/xpl-side-nav/xpl-side-nav.d.ts

@@ -1,4 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SideNav {
+    private toggleFocusTimeoutId?;
+    private drawerFocusTimeoutId?;
+    private drawerClosing;
+    private closeTransitionTimeoutId?;
+    private mobileMq?;
+    el: HTMLElement;
     label?: string;
+    open: boolean;
+    onOpenChanged(newValue: boolean, oldValue: boolean): void;
+    openChange: EventEmitter<boolean>;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    toggle(): Promise<void>;
+    setOpen(open: boolean): Promise<void>;
+    private removeDocKeyDownListener;
+    private syncDocKeyDownListener;
+    private isBelowMdBreakpoint;
+    private isMobileDrawerActive;
+    private clearCloseTransition;
+    private shouldYieldFocusToExternalModal;
+    private anyDescendantPopoverIsOpen;
+    private onViewportChange;
+    private setOpenState;
+    private focusToggleAfterClose;
+    private focusDrawerOnOpen;
+    private onBackdropClick;
+    private getFocusableElements;
+    private onDocKeyDown;
+    private trapTabKey;
+    private onToggleClick;
     render(): any;
 }

package/dist/types/components/xpl-spotlight/xpl-spotlight.d.ts

@@ -21,6 +21,7 @@ export declare class Spotlight {
     private hasFloatingPosition;
     private hasImageSlotContent;
     private hasTitleSlotContent;
+    private dialogLabelId;
     private isVisible;
     private resolvedAnchorPosition;
     actionLayout: SpotlightActionLayout;

package/dist/types/components/xpl-top-nav/top-nav-constants.d.ts

@@ -0,0 +1 @@
+export declare const TOP_NAV_MOBILE_MQ = "(max-width: 767px)";