@xplortech/apollo-core 2.9.0 → 2.11.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const ButtonRow = class {
     constructor(hostRef) {
@@ -13,7 +13,7 @@ const ButtonRow = class {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '184ee5671a9d1bbb967dd8e6e4427df30d62a007', class: "xpl-button-row" }, index.h("div", { key: '44b583d0899af8b158f7093b87918f0843366e44', class: "xpl-button-row-inner" }, index.h("div", { key: '31754284b0b87a1e58ccbded4b46b453c3b717ca', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: '27a9c164af5e72a66380dfda4072cfb5d3b3a34d', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: '7ba9299532405aa9dceca481dae675a5129d2b51', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: 'bcb3524b921e6de30a1f6d870e04eeb9592762bb', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: '5e10208c958143476df430b7f9877965b7fadc08', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: 'ebb24794d37fd6dce72fa776b97ec59edeaab1dc', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (index.h(index.Host, { key: '9cd6193bed50a82872803b95bd5fc56c9347dd1a', class: "xpl-button-row" }, index.h("div", { key: 'eefebfcad667ceec154117b9318e2ff88c420f8f', class: "xpl-button-row-inner" }, index.h("div", { key: '94633d213b36306cf51a70e04d21a964ca13c430', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: '2e47003e6f35f5acd7a6129c903d4591cc10759f', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: '05397d469cd97188f56934354850a8c3cd77e4d6', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: 'd3f6a953144e8e64aa34a37c9c80f7363dc0ee9c', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: 'abd03f3c33a48517a7f268ecf302767e605a2400', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: 'be417c38b0427e9cdbbacb700d4651677cff8ec9', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
 };
 

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 var index$1 = require('./index-BvmWjxWc.js');
-var v4 = require('./v4-D4KzFnn8.js');
+var v4 = require('./v4-_2BfiRUa.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'
@@ -57,7 +57,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '56cd65b62892b0c3e939f6cd77e9ba507baf4a68', class: "xpl-calendar" }, index.h("input", { key: '296222d3b6c0bf3e7c400d4d8c40d7d48774ea57', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (index.h(index.Host, { key: '8693d0e9612e2995b03f6392387758c843db0be5', class: "xpl-calendar" }, index.h("input", { key: '29077057568f288f42d4e0eb94e2fa83ce6ea9c6', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 this.inputElement = el;
             } })));
     }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const DynamicTableCell = class {
     constructor(hostRef) {
@@ -23,9 +23,9 @@ const DynamicTableCell = class {
     }
     render() {
         const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        return (index.h(index.Host, { key: '7cfa2d58f634e41ccf1604a581fcc83a2b51676f', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (index.h(index.Host, { key: '18dbf3410d7ecd8ccf08b4b7e8927c50777967b8', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el;
-            } }, index.h("slot", { key: 'c6a04082cb8aa1089d9f6cb82f3db8d7f0addf6e' })));
+            } }, index.h("slot", { key: '7efb10712db0c91fb2f745f23946270c488885a5' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const DynamicTableRow = class {
     constructor(hostRef) {
@@ -28,9 +28,9 @@ const DynamicTableRow = class {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (index.h(index.Host, { key: '0d099456d2016263a2bdcd42b46794e08adb64cf', role: "row", class: classList, ref: (el) => {
+        return (index.h(index.Host, { key: '17fac4d9214237c1896a136839c79377dc9b3169', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el;
-            } }, index.h("slot", { key: 'c923f7f8dc4bb8a4527693259d1a8b5932bb6c10' })));
+            } }, index.h("slot", { key: '7d41f904e2c1fa3dcde2b7652cd2840c6bde3470' })));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const DynamicTable = class {
     constructor(hostRef) {
@@ -56,7 +56,7 @@ const DynamicTable = class {
         this.updateColumnCount();
     }
     render() {
-        return (index.h("div", { key: '8f33da5fa8815400447b1690172bdaddd1079c1a', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, index.h("slot", { key: '221aced83acf1fc4c904533eaedb1cd79914c5d3', name: "header" }), index.h("slot", { key: '6087119ce1499e94a30d09a1917d9371331f6add', name: "body" })));
+        return (index.h("div", { key: '7b1ac3b1461e69fb7001baf63c256abcc65cb3a3', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, index.h("slot", { key: '5d7484d4517b132dbb2400f7c63da3be14064586', name: "header" }), index.h("slot", { key: '292c502f9cb58467bbb69a3eeacff51af557d826', name: "body" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const GridItem = class {
     constructor(hostRef) {
@@ -16,7 +16,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 (index.h(index.Host, { key: '43cf6dd21d3d06e2d8012b716e5db5aeee676aac', class: className }, index.h("slot", { key: 'e08e03e4152007df7158d7122f883da1050dfde7' })));
+        return (index.h(index.Host, { key: 'a541967d85e9a4fcd643aa95b62226e46c476dc6', class: className }, index.h("slot", { key: 'e20ba799288ffb654334698215518e8cfe6ba9a3' })));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const Grid = class {
     constructor(hostRef) {
@@ -28,7 +28,7 @@ const Grid = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'aeee950fb242a14f50ceda1d199cf427597b70f6', class: "xpl-grid" });
+        return index.h(index.Host, { key: '3700079a0f7bbea9755a217d7757dff5a82ee601', class: "xpl-grid" });
     }
     get container() { return index.getElement(this); }
 };

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

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

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const TableHeaderCell = class {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const TableHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7b36c9e640bd43ac38ea2625e7600e8699a13c5f', role: "row", class: "xpl-table-header" }, index.h("slot", { key: 'd03fe894a829477b6bf25dbd6dfa724b224b8d42' })));
+        return (index.h(index.Host, { key: '1123c671d82d987a74264ef2869494155746d7d8', role: "row", class: "xpl-table-header" }, index.h("slot", { key: 'f1a238ba023ce03559f87cf92214a1804c8ac821' })));
     }
 };
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
-var v4 = require('./v4-D4KzFnn8.js');
+var index = require('./index-BaXVr8ux.js');
+var v4 = require('./v4-_2BfiRUa.js');
 
 const Toggle = class {
     constructor(hostRef) {
@@ -21,13 +21,13 @@ const Toggle = class {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (index.h(index.Host, { key: '2665ccecd2df94b7ed7443e2ecb6265fca7f235f', class: containerClassName }, (this.heading || this.description) && (index.h("label", { key: '75292b431419e1d34c127a82d61baa1ee024a2bb', class: {
+        return (index.h(index.Host, { key: 'c57e1813c72cba62eed2927763277341bb0d3f77', class: containerClassName }, (this.heading || this.description) && (index.h("label", { key: '00ba33da343a47681982f6437f1cb45060d70ae9', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (index.h("small", { key: '772e34c7d553faee5b1dfc448ecb95706dc3e8df', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (index.h("small", { key: '8ec4104abdb16ca405577f061c4cb68580317bc4', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': this.disabled,
-            } }, this.description)))), index.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 && index.h("label", { key: '1b25d01805915cb2dacf03ad9340beec61565bcc', htmlFor: this.id }, this.label)));
+            } }, this.description)))), index.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 && index.h("label", { key: 'aa89637f4b60b050a168fcf02e6702d9ed9bd186', htmlFor: this.id }, this.label)));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQ97-AWw.js');
+var index = require('./index-BaXVr8ux.js');
 
 const Toolbar = class {
     constructor(hostRef) {
@@ -16,11 +16,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (index.h(index.Host, { key: '156bc52063283c17215e1d3a90c25939ae92685b', class: {
+        return (index.h(index.Host, { key: 'eda1f57ef1a207b82f622f090dd30f21d60bbc61', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, index.h("div", { key: '184e28d57a16d8ba6e10f29a95c931a036f44515', class: "toolbar" }, index.h("p", { key: 'ff6a7137db216c71859eac4398bbaf8bc6fe18f9', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: 'a610539a08383a3d1d3dad8d95a8b75f43eaf1a3', class: "actions" }, index.h("slot", { key: 'dd8ea3150b40926ab40f36d38770daaa969a6fff', name: "actions-left" }), index.h("slot", { key: 'b51f8940fb52dd6880841a917574f782e0d0c72c', name: "actions-right" })))));
+            } }, index.h("div", { key: 'fe703bf7fb49ebe27f4eee7973ea1e24c5ed50a4', class: "toolbar" }, index.h("p", { key: 'd0d9cb84b4828688aabbabb3395ff3c18c4d2a78', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: 'c1259be179d245e4c18a3690f800eb493f491ba9', class: "actions" }, index.h("slot", { key: '40000dda8efbfd0aa7175e0e5db1c1c9f4e7e89f', name: "actions-left" }), index.h("slot", { key: '255e21ebb1af8fde1bb76a1a1243eeadc4146d3d', name: "actions-right" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -0,0 +1,97 @@
+'use strict';
+
+var index = require('./index-BaXVr8ux.js');
+var lifecycle = require('./lifecycle-Bf3QwiVa.js');
+
+const TOP_NAV_MOBILE_MQ = '(max-width: 767px)';
+
+const TopNavMenu = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.timers = new lifecycle.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 (index.h("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, index.h("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
+    }
+    render() {
+        return (index.h(index.Host, { key: '314c42b389883edceb333473d9bb97776e1f18de', class: {
+                'xpl-top-nav-menu': true,
+                dark: true,
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), index.h("slot", { key: 'a6b4e2c916ccc9c0cc1d5e7e6d03b2ad6032f7ac' })));
+    }
+    get el() { return index.getElement(this); }
+};
+
+exports.xpl_top_nav_menu = TopNavMenu;

package/dist/collection/collection-manifest.json

@@ -6,9 +6,9 @@
     "components/xpl-avatar/xpl-avatar.js",
     "components/xpl-backdrop/xpl-backdrop.js",
     "components/xpl-banner/xpl-banner.js",
-    "components/xpl-button/xpl-button.js",
     "components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js",
     "components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js",
+    "components/xpl-button/xpl-button.js",
     "components/xpl-button-row/xpl-button-row.js",
     "components/xpl-calendar/xpl-calendar.js",
     "components/xpl-checkbox/xpl-checkbox.js",
@@ -29,7 +29,6 @@
     "components/xpl-header-accordion/xpl-header-accordion.js",
     "components/xpl-icon/xpl-icon.js",
     "components/xpl-input/xpl-input.js",
-    "components/xpl-popover/xpl-popover.js",
     "components/xpl-input/xpl-input-color/xpl-input-color.js",
     "components/xpl-input/xpl-input-date/xpl-input-date.js",
     "components/xpl-input/xpl-input-file/xpl-input-file.js",
@@ -38,15 +37,16 @@
     "components/xpl-input/xpl-input-time/xpl-input-time.js",
     "components/xpl-large-card/xpl-large-card.js",
     "components/xpl-list/xpl-list.js",
-    "components/xpl-radio/xpl-radio.js",
     "components/xpl-list/xpl-list-item/xpl-list-item.js",
     "components/xpl-main-nav/xpl-main-nav.js",
     "components/xpl-modal/xpl-modal.js",
     "components/xpl-nav-item/xpl-nav-item.js",
     "components/xpl-pagination/xpl-pagination.js",
     "components/xpl-panel/xpl-panel.js",
+    "components/xpl-popover/xpl-popover.js",
     "components/xpl-progress-bar/xpl-progress-bar.js",
     "components/xpl-progress-indicator/xpl-progress-indicator.js",
+    "components/xpl-radio/xpl-radio.js",
     "components/xpl-secondary-nav/xpl-secondary-nav.js",
     "components/xpl-select/xpl-select.js",
     "components/xpl-side-nav/xpl-side-nav.js",
@@ -56,24 +56,25 @@
     "components/xpl-spotlight/xpl-spotlight.js",
     "components/xpl-tab/xpl-tab.js",
     "components/xpl-tab-panel/xpl-tab-panel.js",
-    "components/xpl-tabs/xpl-tabs.js",
     "components/xpl-table/xpl-table.js",
     "components/xpl-table-header/xpl-table-header.js",
     "components/xpl-table-header-cell/xpl-table-header-cell.js",
+    "components/xpl-tabs/xpl-tabs.js",
     "components/xpl-tag/xpl-tag.js",
     "components/xpl-toast/xpl-toast.js",
     "components/xpl-toggle/xpl-toggle.js",
     "components/xpl-toolbar/xpl-toolbar.js",
     "components/xpl-tooltip/xpl-tooltip.js",
     "components/xpl-top-nav/xpl-top-nav.js",
-    "components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js",
     "components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js",
+    "components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js",
+    "components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.js",
     "components/xpl-utility-bar/xpl-utility-bar.js"
   ],
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.3",
+    "version": "4.43.5",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/xpl-accordion/xpl-accordion.js

@@ -50,13 +50,13 @@ export class Accordion {
             bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
             bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
         }[this.borderType];
-        return (h(Host, { key: 'bd94adc64eebb9b2b37b899700457a88fa00bdf0', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '3801db3bfa5c3a8c6ac0c21c20f60a1519ca4168', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '80cdadc37c28fea139f8ec21c770760bf3e25050', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '28341a76482e2ddb2b8c1f277e48816a6f8d83d4', name: "heading" }, this.header), h("xpl-icon", { key: '9b0cde7d7927677dcd545783accace4a9cdcce03', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: '1d2be2ffce23d2cfc017da95634d046dc66e5121', class: "xpl-accordion-description" }, h("slot", { key: 'e993274ea2f6963290a2015b3849bda8ee7f1f3d', name: "description" }, this.description))), h("section", { key: '6054b44f3b027feca7567f1bf13b06e78a78fe1a', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (h(Host, { key: 'bae6a1bb97a21f3f49792be58fc72941ce5d8bed', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '255fc29fec4cdcc45f8e02daef062f35c5b8b74b', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '0e5454de19424b6412b01c50227bc001e6ab5b3a', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '438e8876c6c1c1b04282ce4d978284e3d6f7fa9a', name: "heading" }, this.header), h("xpl-icon", { key: '055818cbd1606ad560e4fa172c3d1130a6831f5f', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: '45f9ec5e1b6b4f6d21f7b126972543849353747c', class: "xpl-accordion-description" }, h("slot", { key: 'af85f48df4ddf572f5bef6da49c852152f44cc06', name: "description" }, this.description))), h("section", { key: 'fc2c6d12354cb6e972cf82ae988e647ea0a0dc26', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
                 ? {
                     none: '',
                     bordered: 'xpl-accordion-content--shown-bordered',
                     bottom: 'xpl-accordion-content--shown-border-bottom',
                 }[this.borderType]
-                : ''}` }, h("slot", { key: '53e22f8fcd1c3ebb2354bbc3d01e30ec5cfa804c', name: "content" }))));
+                : ''}` }, h("slot", { key: '9fe9c25e6180a84cd73fec1a69984455417dc225', name: "content" }))));
     }
     static get is() { return "xpl-accordion"; }
     static get properties() {

package/dist/collection/components/xpl-application-shell/xpl-application-shell.js

@@ -35,7 +35,7 @@ export class ApplicationShell {
         navClasses += this.navOpen
             ? ` xpl-application-shell__nav--${this.navWidth}--open`
             : ` xpl-application-shell__nav--${this.navWidth}`;
-        return (h(Host, { key: 'f61e8399f5a5e935354c817ee0d1386afcddce28', class: applicationShellClasses }, h("div", { key: '4886a782d1511d3aac9df0a90afc38351b94d4fd', class: navClasses }, h("slot", { key: 'd80279f234d498eb51491bd1d6850d7babfd6ece', name: "nav" })), h("div", { key: 'dd26f273261026555a3f73885fd04ffdbbf871cb', class: "xpl-application-shell__subnav" }, h("slot", { key: '3b120224a8d1cb30503514befeb96e3a08fc22ba', name: "subnav" })), h("div", { key: '7ac6b8f10b2dca85e774e1117f9117952a3052cf', class: "xpl-application-shell__utility" }, h("slot", { key: 'd9d4b15e7c3e7bec0edc237df3634c8fd2648df4', name: "utility" })), h("div", { key: '00ee0b5da796ea84731e740a58b162dad8250696', class: "xpl-application-shell__content" }, h("slot", { key: 'bf997f59491a08597089a0531cfecf90c703f565', name: "content" })), h("xpl-backdrop", { key: '84264e5a5da96be74547610e5b8d45195014d34c', onClick: () => this.navToggleHandler(), class: {
+        return (h(Host, { key: '1e7abbb1e45ea9cadfa9528ae2053f8239e69242', class: applicationShellClasses }, h("div", { key: '5fa3455f3de406db9bf392ae14a515f7fe603d59', class: navClasses }, h("slot", { key: 'b9ee294553892cc2235f9b2b4c3503d293d56ddc', name: "nav" })), h("div", { key: 'dc6ad7c9288385a47e1d6992bef56ceafcd04603', class: "xpl-application-shell__subnav" }, h("slot", { key: 'b31965275416b556194f4f65e4b66bf72f531779', name: "subnav" })), h("div", { key: '664d58b3ce69d7106ead13fe1a6a7a72cec0cceb', class: "xpl-application-shell__utility" }, h("slot", { key: 'd44f3614b627099443c70f23f258016a66d42716', name: "utility" })), h("div", { key: '0f8c629b737114fe40ae3bf3d2fbe3d18e3af0b9', class: "xpl-application-shell__content" }, h("slot", { key: '814afd80ea91d4b2859e3619e499791f728eb22b', name: "content" })), h("xpl-backdrop", { key: '490bf22787f1920f500f75eabf6a692e545d0ea3', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }

package/dist/collection/components/xpl-backdrop/xpl-backdrop.js

@@ -4,7 +4,7 @@ export class Backdrop {
         this.relative = false;
     }
     render() {
-        return (h(Host, { key: '072fedf411c5d8671ec2d8a6ff639e5adf93e15c', class: {
+        return (h(Host, { key: '7d5a73e7d7927828e0cb1a7cdca6648c4512cc5a', class: {
                 'xpl-backdrop': true,
                 'xpl-backdrop--fixed': !this.relative,
                 'xpl-backdrop--relative': this.relative,

package/dist/collection/components/xpl-badge/xpl-badge.js

@@ -27,7 +27,7 @@ export class Badge {
             [`xpl-badge--size-${this.size}`]: !!this.size,
             [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
         };
-        return (h(Host, { key: 'f1a45af398443a5330afe856ac2442aa34cadf24' }, h("div", { key: 'fecb691b2b11414de0a03e119dd63332ade79a3c', class: className }, h("span", { key: '6c4169ea3d4f0f7cdaa03841ec72ac15f9e209f3', class: "xpl-badge__label" }, h("slot", { key: 'c7d96b70e9bcd161c279bf943c2cbc7248e2a53e' })))));
+        return (h(Host, { key: '3a2ab519bb627a1e46bc7686c6aafdcb3c789822' }, h("div", { key: 'e9ebf0d6a9a6a6f516065ceb969aca5f68cbb3ee', class: className }, h("span", { key: '1bd6735a1a67a9720424833a213fcde9e5e6db46', class: "xpl-badge__label" }, h("slot", { key: '397cb4768204c4b4a2dd7cd85534270a165776d8' })))));
     }
     static get is() { return "xpl-badge"; }
     static get properties() {

package/dist/collection/components/xpl-banner/banner.stories.js

@@ -1,3 +1,4 @@
+import { setAutoSnapshotOptions } from "vitest-plugin-vis";
 const escapeHtmlAttribute = (value) => value
     .replace(/&/g, '&')
     .replace(/"/g, '"')
@@ -7,6 +8,10 @@ const escapeHtmlAttribute = (value) => value
 export default {
     title: 'Components/Banner',
     component: 'xpl-banner',
+    tags: ['vrt'],
+    beforeEach() {
+        setAutoSnapshotOptions({ enable: true });
+    },
     argTypes: {
         appearance: {
             options: ['information', 'positive', 'warning', 'error'],

package/dist/collection/components/xpl-banner/xpl-banner.js

@@ -56,13 +56,13 @@ export class Banner {
         const actionState = this.getActionButtonState();
         const isHeadingPresent = !!((_c = this.heading) === null || _c === void 0 ? void 0 : _c.trim());
         const isDescPresent = !!((_d = this.description) === null || _d === void 0 ? void 0 : _d.trim());
-        return (h(Host, { key: '373b38c40719c248968ed93381309584f24697a9', class: {
+        return (h(Host, { key: '6d137a4577f93942bcb41b3b2f67f3d851bee454', class: {
                 'xpl-banner': true,
                 'xpl-banner--section': this.isSection,
                 [`xpl-banner--${this.appearance}`]: true,
                 'xpl-banner--truncate-desc': this.truncateDesc,
                 'xpl-banner--no-icon': this.isSection && !this.hasIcon,
-            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'b12f8facbdad390e2069374163048099a33aa309', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: '35ee47db756bc0f6b6cd0a2b0cd890a4ec10ff7c', icon: this.getIcon(), size: 24 }))), h("div", { key: '8aaca62cbd7b3cf353bfb35fc2f679932f2b0ade', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'fded85ef43b5186704195312621a33b7b823d19d', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: '1b7386b32891789f8cc425da922f7c3ee60fe5a6', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: '0b4b8e89db7cc6c4a55e207cf0be1b36956fe243', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: 'c15e5cb0ff332f2ca809dcf912fc7a4c68d47538', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: '6f20f721df8eb994ef9935d2c6f634b3460d9d77', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: '2fab1fec767aaed2bb36ee2b40bcf84a48ad6ead', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: '7747d3e4aae5426d0e3344fb7aab92a4f003cf4e', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'e854bc2ca363a23e3e6cb9eb512886c325e09362', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: '14a0916310e6e0b68f9a36b4e1714cee015ad22f', icon: this.getIcon(), size: 24 }))), h("div", { key: 'bea8f5cafe66e649926aa0ee634b71ffa0f1b73e', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'f18ae9e7d4014211eea3a160fb05945149705832', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: 'e36c00dadf6bd0d35b88c9a091d140573e6b6677', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: 'dda19df805050c93d5c5ea8214f97084a5b0c0eb', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: '5bd3047d1b8250ed28a7720fb09f316a3b45bae1', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: 'c0f0a32b69384194e4033ae85eebc788e005a8af', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: '721faa946e9fc896a6bafafd8450d81f50e982ed', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: '4c27dbd8b394839ed98f5b4e2d4720eba1b0184f', icon: "xmark", size: 24, "aria-hidden": "true" })))));
     }
     static get is() { return "xpl-banner"; }
     static get properties() {

package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js

@@ -7,7 +7,7 @@ export class BreadcrumbItem {
     `;
     }
     render() {
-        return (h(Host, { key: '98314b8841ba9d900dbba227363865efb26faf4c', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: '26bf86067dc2348b6ca96243bd1f9513ca187a00', role: "none" }, h("slot", { key: '802b606cce1052ea7fb859260627d6c6801ed78f' })), h("span", { key: '22de35338bf4439a23f8c08a7ea46d1d4f2b68e8', innerHTML: this.chevron })));
+        return (h(Host, { key: 'dd246c29fcb1afca4007299380a59b47c0a10c9d', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: 'b6df20888b3891241e52f0f2be14f1eedee2cac6', role: "none" }, h("slot", { key: 'f2f64effe0f58bb33bc983abfaa8b2996714e3b4' })), h("span", { key: '31c15dd296e6dab1d207a84179a4803b7366c1a2', innerHTML: this.chevron })));
     }
     static get is() { return "xpl-breadcrumb-item"; }
 }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class Breadcrumbs {
     render() {
-        return (h(Host, { key: '36533f6524e01aed62e293ebe93d8eea34b6b59a' }, h("nav", { key: '6a5562e639044f9d9d12a6365df69c5181f5bbba', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '99463e4808425aa8478a5e8fa2a113831eae1ecf', role: "list" }, h("slot", { key: 'f4d20df3a834f100663786d47881f742c9691969' })))));
+        return (h(Host, { key: 'd4a4ae7bbf7f8eafc8a44b56c66983303e039d7e' }, h("nav", { key: '8e5decbdce778c1768e3412a59663cd37938f361', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '612620c37a84ad022b9da5cdb884410a4df4dd29', role: "list" }, h("slot", { key: 'ae6cfc4f4e65ba7ca755fa7d9eb3751aae8905ff' })))));
     }
     static get is() { return "xpl-breadcrumbs"; }
 }

package/dist/collection/components/xpl-button/button.stories.js

@@ -1,5 +1,10 @@
+import { setAutoSnapshotOptions } from "vitest-plugin-vis";
 export default {
     title: 'Components/Button',
+    tags: ['vrt'],
+    beforeEach() {
+        setAutoSnapshotOptions({ enable: true });
+    },
     argTypes: {
         variant: {
             options: ['primary', 'secondary', 'tertiary'],

package/dist/collection/components/xpl-button/xpl-button.js

@@ -51,7 +51,7 @@ export class Button {
     }
     render() {
         var _a;
-        return (h(Host, { key: '244b7802a9c0321d4ce2fca51b4e0c9b3ce5943d', class: {
+        return (h(Host, { key: '4fa90ae10b235af3fbfadb40097c5cc238e40dc6', class: {
                 'xpl-button': true,
                 [`xpl-button--${this.size}`]: true,
                 [`xpl-button--${this.variant}`]: true,

package/dist/collection/components/xpl-button-row/button-row.stories.js

@@ -20,17 +20,7 @@ export const ButtonRow = ({ primary, secondary, tertiary }) => {
         attrs += ` secondary="${secondary}"`;
     if (tertiary)
         attrs += ` tertiary="${tertiary}"`;
-    return `
-        <xpl-button-row${attrs}></xpl-button-row>
-
-        <!-- add event listeners to the buttons like this: -->
-        <script>
-            const buttonRow = document.getElementById("button-row");
-            buttonRow.addEventListener("clickPrimary", () => { ... });
-            buttonRow.addEventListener("clickSecondary", () => { ... });
-            buttonRow.addEventListener("clickTertiary", () => { ... });
-        </script>
-    `;
+    return `<xpl-button-row${attrs}></xpl-button-row>`;
 };
 ButtonRow.args = {
     primary: 'Save',

package/dist/collection/components/xpl-button-row/xpl-button-row.js

@@ -6,7 +6,7 @@ export class ButtonRow {
         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))))));
     }
     static get is() { return "xpl-button-row"; }
     static get properties() {

package/dist/collection/components/xpl-calendar/xpl-calendar.js

@@ -52,7 +52,7 @@ export class Calendar {
         }
     }
     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;
             } })));
     }