@xplortech/apollo-core 3.2.0 → 3.3.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 
 const Slideout = class {
     constructor(hostRef) {
@@ -32,7 +32,7 @@ const Slideout = class {
         this.handleScroll();
     }
     render() {
-        return (h(Host, { key: '6a677f3ef03392e8c17e96eb1a35244cc65249cc', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '8e93a0fe45fdbf00f9b9d72a3b703f4ed91724b7', onClick: this.handleClose })), h("aside", { key: '451a572b79f74f614756c77b7aae9ece7e53a615', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: '4e6f0d5c525ffe16f20a2d85d21e6c85d6213f1e', class: "header" }, h("div", { key: 'bf69e4a7e0be7b1ea763b5d17da90b31f122e7fe', class: "title" }, h("slot", { key: 'b5b3298d2f05a5e99dc2ba934c306c7167eeb861', name: "title" }), h("xpl-button", { key: 'da76c0538824d6d7cdce7385daf77c74fd3e6432', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: '02d4e1b6d191683f95c5fe9d93db6a8eb6260e32', icon: "xmark" }))), h("div", { key: 'daf09af3d4ec41943ca063fb0b0afddc6075e549', class: "subtitle" }, h("slot", { key: '755b4e4f6bfdcc7f94f0b2ed67526d7f97c77842', name: "subtitle" })), h("div", { key: '294b6650cdc4b15a8f5b9005a24304cccda91ddb', class: "search" }, h("slot", { key: '4b85802d14eb9ab528749727846637a0702ff2d1', name: "search" }))), h("xpl-divider", { key: '335792083b7072b6973e4b684062d6498d1cfc57', tier: 0, class: "divider top" }), h("article", { key: '3a0920577f4599b0ea9a3762ea066b0e8b9d932a', class: "content", tabIndex: 0 }, h("slot", { key: 'b085ef369c4d685ae0e6e518c28e95cd883d1e03', name: "content" })), this.showFooter && (h("footer", { key: '663e2392d8484bb4875dcb4b9411b8ae6b805087' }, h("xpl-divider", { key: '6d0d50a6cc038a19ed5465a9fe79854b2519e70b', tier: 0, class: "divider bottom" }), h("div", { key: '29e9eaea051247ff8e9be18af54f0d3959590759', class: "footer" }, h("slot", { key: '4e9d8e3a054a72fba8392afdefcdca63e8ce8068', name: "tertiary" }), h("slot", { key: '44b764a99064de792309995cdc53b4ca8a82f8da', name: "secondary" }), h("slot", { key: 'c96cedf9662bab571a8cab244c8fce6172691628', name: "primary" })))))));
+        return (h(Host, { key: '057b30a3213ae419e0a9bc94cae621cdf303d293', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '940911dc6c07731fe40c0a4399cd81a3af7933ee', onClick: this.handleClose })), h("aside", { key: 'b3432b92753b96999c528783cebfabd1488141be', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: 'd87ec6cd3b3085131dd4bb6f2524e0ae39d36201', class: "header" }, h("div", { key: 'e2e3387ad686479d91810c022d657f44f97b1aeb', class: "title" }, h("slot", { key: 'c3accb74528dbd73140aa2b9b7c2e4e7f8013a6a', name: "title" }), h("xpl-button", { key: 'ee486da9662bddb85e336edc01d878c2b4ade2cc', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: '5e8b248e39e238e6ba2138641029bdde3160512e', icon: "xmark" }))), h("div", { key: '0bd2f149ba999ac0c8501d538298c2f5d4bfa687', class: "subtitle" }, h("slot", { key: '0523c0ea9575ff905e78893723e7d6329befc9d9', name: "subtitle" })), h("div", { key: 'd2de0a7b462fadfc9d80479db1153300abe0180f', class: "search" }, h("slot", { key: 'd0463af8f532856bdc273e306f06f7d837f41ffd', name: "search" }))), h("xpl-divider", { key: '9e3de6ccca99ab37bfeda29adbe343663f38ebef', tier: 0, class: "divider top" }), h("article", { key: '0cf827d89aca95c2a0b0e5f037d12a00de651866', class: "content", tabIndex: 0 }, h("slot", { key: '6738c288b5ccaa437efed62b8fd786cd58073b27', name: "content" })), this.showFooter && (h("footer", { key: 'cf02d04cd0b1ce89e4783c5b4741e8b5fad739e8' }, h("xpl-divider", { key: '9d79e51a52e5daed07bcb2ed7229f41926958594', tier: 0, class: "divider bottom" }), h("div", { key: 'fdbd1f126350e6b5b9bbad8a15bcc70cb9e562a3', class: "footer" }, h("slot", { key: '994b27f63fab2d9ad45c50862c07239492a8404c', name: "tertiary" }), h("slot", { key: 'ccd6bfc3f66e98dbb07a54a5e523b4365e8c1633', name: "secondary" }), h("slot", { key: '40dfa4f9fffecfd8a3c01be593de504b0d7e7f7e', name: "primary" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 import { c as computePosition, a as autoUpdate, o as offset, f as flip, s as shift } from './floating-ui.dom-1M1pu0C2.js';
 

package/dist/esm/xpl-tab-panel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 import { g as getTabGroupInstanceId, a as tabPanelDomId, t as tabTriggerId } from './tab-a11y-ids-BQtbf88X.js';
 
 const TabPanel = class {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 import { g as getTabGroupInstanceId, t as tabTriggerId, a as tabPanelDomId } from './tab-a11y-ids-BQtbf88X.js';
 
 const Tab = class {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
 
 const XplTableBody = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'e5934161758f0934269a09e4a1058f3fda919e9d', class: "xpl-table-body", role: "rowgroup" }, h("slot", { key: 'e042714dc35cbe4ecc83cff740f7a24de48feec1' })));
+        return (h(Host, { key: '0a5e05dbbc4f089b7907464693943ce76e76cbc3', class: "xpl-table-body", role: "rowgroup" }, h("slot", { key: 'f8781515706b3843fd288f5be832cb9e9b78a971' })));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-CJABLO_1.js';
 import { c as cycleSortDirection, X as XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT, b as getSortAffordanceIconName } from './table-internal-O7gQjVdS.js';
 
 const CELL_MANAGED_DISABLED_ATTR = 'data-xpl-table-cell-managed-disabled';
@@ -67,13 +67,13 @@ const XplTableCell = class {
         walk(this.el);
     }
     render() {
-        return (h(Host, { key: 'f4e7639b0cb35eda08fdbb13cf1e0ddcb380cb7a', role: "gridcell", class: {
+        return (h(Host, { key: 'f2b486b9dbab0c982fc3362e1775a99eebc1ac05', role: "gridcell", class: {
                 'xpl-table-cell': true,
                 [`xpl-table-cell--align-${this.align}`]: true,
                 'xpl-table-cell--bold': this.bold,
                 'xpl-table-cell--underline': this.underline,
                 'xpl-table-cell--disabled': this.disabled,
-            } }, h("slot", { key: '16d9a63cb992b9bbeb56500b5d6537b824336b40' })));
+            } }, h("slot", { key: '19c3a0f67b3eccdb3e6441ba74b8e9d5bb8d0ae6' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -89,10 +89,10 @@ const XplTableFooterCell = class {
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: '1434aa38de9894875e70b2a7b3c55479726727d5', class: {
+        return (h(Host, { key: '468d80c698b82031537d12584494bb8e42cc4a83', class: {
                 'xpl-table-footer-cell': true,
                 [`xpl-table-footer-cell--align-${this.align}`]: true,
-            }, role: "gridcell" }, h("slot", { key: 'e3bac594dbd5265f44c7bd620e1fccfc9248abf0' })));
+            }, role: "gridcell" }, h("slot", { key: '91674140e7e618b7ff40c58ebbdae79145318de9' })));
     }
 };
 

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
 
 const XplTableFooter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '57872baa33166a8146bd0c9b3d7af1597e1fb41e', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: '65def2bdfee1be95fa966f7f746dedc7176b91e6' })));
+        return (h(Host, { key: '1f6a7cae4df63c42c2c3c87bd3a531033d0e04b1', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: '2b2447283d8fcc7ebf9d48d44e30b98b2af58d9c' })));
     }
 };
 

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CJABLO_1.js';
 
 const TableHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'fb6c6d0ab301f41a22428583ffa0fea60a30719b', role: "row", class: "xpl-table-header" }, h("slot", { key: '54b058d43266fa281e30d26a644ad93d6559408b' })));
+        return (h(Host, { key: '79ac33f5bf3c86664a181dddba8dbb4f087b0b05', role: "row", class: "xpl-table-header" }, h("slot", { key: '5fe1c6b9e117712b3af6b81dd37dc6775c67ed9d' })));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 
 function isTableCell(node) {
     return node.nodeName === 'XPL-TABLE-CELL';
@@ -42,11 +42,11 @@ const XplTableRow = class {
         });
     }
     render() {
-        return (h(Host, { key: '8c49ba27b39d934cb774140b43e811e5ee2bb904', class: {
+        return (h(Host, { key: 'a743e3cf9f4761d990d4437390f5f3f4949c68b7', class: {
                 'xpl-table-row': true,
                 'xpl-table-row--disabled': this.disabled,
                 'xpl-table-row--selected': this.selected,
-            }, role: "row" }, h("slot", { key: '30788ce629c65d7eab04d268da978d46f0145e99' })));
+            }, role: "row" }, h("slot", { key: 'fc13f425ec75c16e0079733b789e7b68e1371f33' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 import { T as TimerManager } from './lifecycle-Dqb1pIRo.js';
 import { R as ROW_REORDER_MARK, S as SELECTION_MARK, c as cycleSortDirection, g as getGridColumnWidthFromHeaderCell, a as getIconType } from './table-internal-O7gQjVdS.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 
 const PILL_LABEL_ICON_SELECTORS = '.xpl-button__icon, xpl-icon, xpl-badge';
 let xplTabsInstanceCounter = 0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 
 let dismissablePropDeprecationWarned = false;
 function warnDismissableDeprecation() {
@@ -69,11 +69,11 @@ const Toast = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd51d901c62de43e0ad248a626e0447a7849e50f3', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: 'e2e3585a43272f51f6ace1ce62544ae41464a3e5', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: 'e3fd60595f205d8e15ed3ca1826e5e6d356e1a63', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: '49642e6ee5502c09deb32188b62a160f748bb564', class: "xpl-toast__notification" }, h("p", { key: 'f7176eea6e6e125bec0c4397b0399bb76e8554b7', class: "xpl-toast__title" }, h("slot", { key: 'd5dd0d0413ec4f8198d16f8689791614fea877bc', name: "title" })), this.caption !== '' && (h("p", { key: '966112d3fe6dc1348341034685c606ca98e95d84', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: 'c9ba66aaf64f191d5bab1c3290e0981a86a3ef91', class: "xpl-toast__action", ref: (el) => {
+        return (h(Host, { key: '75b3b05b745ac16a614f752cf83380428b1a4f9a', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: '997a55f5deb3016410ea517e89b369368a6c44d7', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '6d60772a0b8f7f9839c59150a3f5f388553e7572', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: 'f813c6fc2abb9f3ab1ca730be25537292f414963', class: "xpl-toast__notification" }, h("p", { key: '067e06ef8702892d3c1c513c47c0e03d1e025843', class: "xpl-toast__title" }, h("slot", { key: '24c8844bb360cc53f189c816789d4c112dee4bb2', name: "title" })), this.caption !== '' && (h("p", { key: '8b1e9e9342187c2b5c6158679f42c98073b9f369', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: '016cc84afb7161149c321cd73bc40272e59f0e01', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, h("slot", { key: 'faad90759fd343be3caa4540422c09d04642a217', name: "action" })), this.isDismissible && (h("div", { key: '25f1140170ec9a242e62c6665ebf0eb8aa1bae64', class: "xpl-toast__close" }, h("xpl-button", { key: '635900d579bda4fb905c7280de700de1143d474b', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
+            } }, h("slot", { key: 'e3491fe293e3ee7b3b30483a8e7b19d7c584794e', name: "action" })), this.isDismissible && (h("div", { key: 'dd7e8aa57d116045287f13b164ae63e603a81f01', class: "xpl-toast__close" }, h("xpl-button", { key: 'e1af234f5991651a039eba58f21c58e76d3d75eb', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 
 const Toggle = class {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 
 const Toolbar = class {
     constructor(hostRef) {
@@ -14,11 +14,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: '688ada0542f0634df6b447331833205149e88a94', class: {
+        return (h(Host, { key: '627eed07ad6f3c06145126cad4b9780a3bec7258', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: '6b8c2990c354d2b9ee93225ad98fb8fbaf3dbaf7', class: "toolbar" }, h("p", { key: '60923603e318d109fd794259863a684d749ed52b', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: '77df55c910d8ce89a4ff2a0356bc7cf78120e49a', class: "actions" }, h("slot", { key: '5de2e6bd168c31be133c55758acd2f95c56b715c', name: "actions-left" }), h("slot", { key: '3f8b3540adbd441c28771410f4d33e29d87d3be9', name: "actions-right" })))));
+            } }, h("div", { key: 'ccae2ca6612e91c87bae43479bc7aa4bf8731ad3', class: "toolbar" }, h("p", { key: '360658d3ed621e4d6d5920baf41c63f8649a7a9f', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: '386e61abd7294286aca11f0e365f24b466193088', class: "actions" }, h("slot", { key: '4999110aaf0762dd60fdb4fbc3540040dadac003', name: "actions-left" }), h("slot", { key: '621b28dcb128f6a89d8ca3f7ec54503c3660a5bc', name: "actions-right" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, H as Host } from './index-ukZKsqqq.js';
+import { h, r as registerInstance, H as Host } from './index-CJABLO_1.js';
 
 const TooltipArrow = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "13" }, h("path", { d: "M0.5 5h15l-7.5 7.5L0.5 5Z", fill: "white", stroke: "none", class: "xpl-tooltip-arrow__fill" }), h("path", { d: "M0.5 5 L8 12.5 L15.5 5", fill: "none", stroke: "black", "stroke-width": "1", class: "xpl-tooltip-arrow__stroke" })));
 
@@ -9,7 +9,7 @@ const Tooltip = class {
         this.hideArrow = false;
     }
     render() {
-        return (h(Host, { key: '916a12e608a6e40c40ddfdbe40f12e115215758e' }, h("div", { key: '2f6c39a146fb2ba830306933309ffad9e8919eab', class: "xpl-tooltip-container" }, h("slot", { key: '39b1b2cf370620b96fd00b6343dc0896791ad510' }), h("div", { key: '34198d0f1184a3e05236a508e94531f503309691', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: '42f42b07b4f0ae6bd7cbd31837e4846a28ed4e72', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'af8672da89cda34507e53906937e600400b26953' })))))));
+        return (h(Host, { key: 'e2092a0ca048c0c06346b28c5f7a38fb343b0989' }, h("div", { key: '9f9b41b01e4b4a3721a9744bf4a9dc798bd5e313', class: "xpl-tooltip-container" }, h("slot", { key: 'a4e23c5c38d792a08755aacd1a1b3250f3cfd29e' }), h("div", { key: 'c6227fd82a95bd19de20c68d97c4c9b72a749d28', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: '551d991247f6f3016559fa10180ba96101a47169', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'fc323dececf4a90528ed47e06290188722a17eb0' })))))));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 import { T as TimerManager, i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 import { T as TOP_NAV_MOBILE_MQ } from './top-nav-constants-CWdQxaaX.js';
 
@@ -409,7 +409,7 @@ const TopNavItem = class {
         return (h("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
     }
     render() {
-        return (h(Host, { key: 'fe53cfd84cba8502089c4a3fae62dfed10c0cdf0', class: {
+        return (h(Host, { key: '59b96ce313362796a55a0e109a3cd3918b88a6b3', class: {
                 'xpl-top-nav-item': true,
                 'xpl-top-nav-item--active': this.active,
                 'xpl-top-nav-item--dropdown-open': this.hasDropdown && this.open,
@@ -417,7 +417,7 @@ const TopNavItem = class {
                 'xpl-top-nav-item--has-dropdown': this.hasDropdown,
                 'xpl-top-nav-item--selected': this.selected,
                 dark: true,
-            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '954f83c94bd56d9bd328212f2ecc070861b1fd54', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '4d830a9386f12026cd1a2ecb454bcb9df2202431', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '8daced29efc97c4a36934dfd70764768440acbef', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: 'aa1f47af8c810d24e21b18ded427c8a80f20ead2', name: "dropdown" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 import { T as TimerManager, i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 import { T as TOP_NAV_MOBILE_MQ } from './top-nav-constants-CWdQxaaX.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CJABLO_1.js';
 import { h as hasHostNamedSlot } from './light-dom-slots-DkqlawVY.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 

package/dist/esm/xpl-utility-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CJABLO_1.js';
 
 const UtilityBar = class {
     constructor(hostRef) {
@@ -14,7 +14,7 @@ const UtilityBar = class {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (h(Host, { key: '9bb4778368fca3035fc19b74ec3881b9c21ce856' }, h("nav", { key: '909606f5baaef1a9c7402ac18107a607aa1df742', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: 'd6bce27702906a01823de67d63173406ceb06290', name: "main" }))));
+        return (h(Host, { key: '68d645d450da9bb09ab698b865cdb90643276b04' }, h("nav", { key: '7c8e37a3c7029af28eea94f8c4db4a681f903fb7', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '36fd1261aeafbdcb52cee2b19b3f29ce7c3f7539', name: "main" }))));
     }
 };
 

package/dist/types/components.d.ts

@@ -11,6 +11,7 @@ import { Choice } from "./components/xpl-choicelist/choice";
 import { DropdownItem, DropdownOptionGroup } from "./components/xpl-dropdown/dropdown-option";
 import { Placement } from "./utils/floating";
 import { Event } from "./stencil-public-runtime";
+import { Dropdown } from "./components/xpl-dropdown/xpl-dropdown";
 import { ListItem, XplListOrderChangeDetail } from "./components/xpl-list/listitem";
 import { BadgePalette, BadgeVariantProp as BadgeVariantProp1 } from "./components/xpl-badge/xpl-badge";
 import { PopoverPosition } from "./components/xpl-popover/xpl-popover";
@@ -25,6 +26,7 @@ export { Choice } from "./components/xpl-choicelist/choice";
 export { DropdownItem, DropdownOptionGroup } from "./components/xpl-dropdown/dropdown-option";
 export { Placement } from "./utils/floating";
 export { Event } from "./stencil-public-runtime";
+export { Dropdown } from "./components/xpl-dropdown/xpl-dropdown";
 export { ListItem, XplListOrderChangeDetail } from "./components/xpl-list/listitem";
 export { BadgePalette, BadgeVariantProp as BadgeVariantProp1 } from "./components/xpl-badge/xpl-badge";
 export { PopoverPosition } from "./components/xpl-popover/xpl-popover";
@@ -4009,7 +4011,7 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K]?: never };
 
     /**
      * @since 2.0.0

package/dist/types/stencil-public-runtime.d.ts

@@ -1008,6 +1008,7 @@ export declare namespace JSXBase {
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
+        closedby?: 'any' | 'closerequest' | 'none';
     }
     interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -1045,6 +1046,8 @@ export declare namespace JSXBase {
         allowtransparency?: string | boolean;
         frameBorder?: number | string;
         frameborder?: number | string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1067,6 +1070,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1166,6 +1171,8 @@ export declare namespace JSXBase {
     }
     interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
         as?: string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         href?: string;
         hrefLang?: string;
         hreflang?: string;
@@ -1289,6 +1296,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         defer?: boolean;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         integrity?: string;
         nonce?: string;
@@ -1404,7 +1413,10 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        translate?: 'yes' | 'no' | (string & {});
         popover?: string | null;
+        focusgroup?: string;
+        focusgroupstart?: boolean;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;