@xplortech/apollo-core 2.12.0 → 3.0.0

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const XplTableRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.disabled = false;
+        this.selected = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '506e56b764d82707482e58a0715fd342219ef7d9', class: {
+                'xpl-table-row': true,
+                'xpl-table-row--disabled': this.disabled,
+                'xpl-table-row--selected': this.selected,
+            }, role: "row" }, index.h("slot", { key: 'db534bcb1e92bb92441476542c0eaa920f6914e8' })));
+    }
+};
+
+exports.xpl_table_row = XplTableRow;

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

@@ -151,24 +151,24 @@ const Table = class {
     }
     render() {
         const rowFooterData = this.footer !== undefined ? Array.from(this.footer) : [];
-        return (index.h(index.Host, { key: 'c1de0e2cfd09c45e3c3f3fb9d8ad47615031a42f' }, index.h("div", { key: 'ae6f19f8fd43c1b9f647ec901d2f01933625860d', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
+        return (index.h(index.Host, { key: '1e6bf436320a44e1e22e8590a881bc90c4a091d5' }, index.h("div", { key: '3d2e5361fbe615a6ae8ebe916ce07e00f82c444c', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
                 if (el)
                     this.container = el;
-            } }, index.h("table", { key: '0a4b2c06785a26046d95b24a22c1d5bc4abea306', class: {
+            } }, index.h("table", { key: '036672b3ba45a90a42f906c155ce3d59e33c8a7a', class: {
                 'xpl-table': true,
                 'xpl-table--striped': !!this.striped,
                 'xpl-table--freeze': !!this.freeze,
                 'xpl-table--has-scrolled': this.hasScrolled,
-            } }, this.columns && (index.h("thead", { key: '9298a70476ea69fa530fb50992643f70b4266c26' }, this.columns.map((column, i) => {
+            } }, this.columns && (index.h("thead", { key: 'bf0d5a808624234ba985c1c32064f1dab11bfefa' }, this.columns.map((column, i) => {
             const iconType = getIconType(this.sortTypeArray?.[i]);
             const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
             return (index.h("th", null, index.h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i, column.replace(/ /g, '-').toLowerCase()), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (index.h("xpl-checkbox", { checked: this.areAllSelected, indeterminate: !this.areAllSelected &&
                     this.selected.some((a) => a), onClick: (e) => e.stopPropagation(), onCheckboxChange: (e) => this.selectAll(e), value: this.selectAllValue, "aria-label": "Select all rows" })), column, isColumnSortable && !!this.sortTypeArray[i] && (index.h("xpl-icon", { icon: iconType, size: 16 })))));
-        }))), index.h("tbody", { key: 'b4bb753f41278360c8f34015a982b04771b59064' }, this.rowData.map((row, rowNum) => (index.h("tr", { class: this.selected && this.selected[rowNum]
+        }))), index.h("tbody", { key: '7915dbfbf1a9b68719c4168e09c5f0e3ab7fa35a' }, this.rowData.map((row, rowNum) => (index.h("tr", { class: this.selected && this.selected[rowNum]
                 ? 'xpl-table-row-selected'
                 : '' }, row.map((cell, i) => (index.h("td", null, this.multiselect && i === 0 ? (index.h("label", null, index.h("xpl-checkbox", { checked: !!this.selected[rowNum], onCheckboxChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
                 ? this.selectedValues[rowNum]
-                : `xpl-table-checkbox-${rowNum}`, "aria-label": `Select row ${rowNum + 1}` }), index.h("div", { innerHTML: cell }))) : (index.h("div", { innerHTML: cell }))))))))), rowFooterData.length > 0 && (index.h("tfoot", { key: '571bb59b2a69b0b22bf45297484c2c9e01ae3a78' }, rowFooterData.map((row) => (index.h("tr", null, row.map((cell) => (index.h("td", null, index.h("div", { innerHTML: cell })))))))))))));
+                : `xpl-table-checkbox-${rowNum}`, "aria-label": `Select row ${rowNum + 1}` }), index.h("div", { innerHTML: cell }))) : (index.h("div", { innerHTML: cell }))))))))), rowFooterData.length > 0 && (index.h("tfoot", { key: '78ee72f80c77e61c6234be9500770780952ca669' }, rowFooterData.map((row) => (index.h("tr", null, row.map((cell) => (index.h("td", null, index.h("div", { innerHTML: cell })))))))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -326,11 +326,11 @@ const Tabs = class {
     }
     render() {
         const isSegment = this.type === 'segment';
-        return (index.h(index.Host, { key: 'a863b42f5319f956e3cd698b52c93cec54279fa5', class: {
+        return (index.h(index.Host, { key: '74e82ed3665bf7d8337d16f6253c2ae79d421473', class: {
                 'xpl-tabs': true,
                 'xpl-tabs--full-width': this.fullWidth,
                 'xpl-tabs--segment': isSegment,
-            }, "data-choices-tick": this.choicesTick }, index.h("xpl-select", { key: '4f8bf1edbb495e898576ca8024871d40a9df9073', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
+            }, "data-choices-tick": this.choicesTick }, index.h("xpl-select", { key: '8b706667897c20145cdd528b692affb0db7f7ebc', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
                 if (event.detail) {
                     this.isMobileSelectChange = true;
                 }
@@ -341,17 +341,17 @@ const Tabs = class {
                     this.tabChange.emit(selectedValue);
                     this.isMobileSelectChange = false;
                 }
-            } }), index.h("nav", { key: 'c1e9234eb57af90d6aeff31be11ee3c6d758477f', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
+            } }), index.h("nav", { key: 'd23f6edc5da0525e4c8fc10aa30af64986fdda36', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
                 this.headingsContainerRef = el;
             }, onTabChange: (event) => {
                 event.stopPropagation();
                 this.isMobileSelectChange = false;
                 this.handleTabChange(event.detail);
                 this.tabChange.emit(event.detail);
-            } }, !isSegment && (index.h("div", { key: '86543a7b4edc639e4cf617953fa8f3cd4446895b', class: "xpl-tabs__active-bar", style: {
+            } }, !isSegment && (index.h("div", { key: 'd2d080ffc049a408f2d93f3ce3bc694c0954ece3', class: "xpl-tabs__active-bar", style: {
                 transform: `translateX(${this.activeBarPosition.left}px)`,
                 width: `${this.activeBarPosition.width}px`,
-            } })), index.h("slot", { key: '0e651ef5fb2413200e40fa95016b546926f012a3', name: "heading" })), index.h("div", { key: 'd9bd0669b7618edf56f518fe797d86da51526018', class: "xpl-tabs__panels" }, index.h("slot", { key: '7c9f18ab1d25351c57b7750c7dd1a528a14c26bb', name: "panel" }))));
+            } })), index.h("slot", { key: '8c4b1403048b0eba5125abfc22494641aaf955cf', name: "heading" })), index.h("div", { key: '54a04bd883f364457cdf5922cad8ac2b42eceb61', class: "xpl-tabs__panels" }, index.h("slot", { key: '2b51ebd00605dfbd76c6018d74f63f954016a025', name: "panel" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -71,11 +71,11 @@ const Toast = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cb45af3749d6db4042cf89a296fc5215d42249fd', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, index.h("div", { key: '0af19edba28e74246fe9eabbdf314c71cb2eefb9', class: "xpl-toast__left" }, this.showIcon && (index.h("div", { key: '7684b67f9a507516799269b7c30e864ea2b854fc', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), index.h("div", { key: '566ce59e4617b203bb4e9a02ffc07fc422257fda', class: "xpl-toast__notification" }, index.h("p", { key: 'f5a449e9dc150b12f5a364d8247a3a1247325cab', class: "xpl-toast__title" }, index.h("slot", { key: '0062ab257b833cacde007e7ca4dfa0a38d38e88f', name: "title" })), this.caption !== '' && (index.h("p", { key: '824755a3cdec234965fcedc5a9c156b173dc77ad', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), index.h("div", { key: '241131c2221a67a5f9969d2701ab7ed8aeb2d8cf', class: "xpl-toast__action", ref: (el) => {
+        return (index.h(index.Host, { key: '8628e33a84d0ca36d5b99c791cf7860cadae6fb8', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, index.h("div", { key: 'd1ea50362731f7cef97152eac2962f4d4084c514', class: "xpl-toast__left" }, this.showIcon && (index.h("div", { key: '7eab4f78d0f8a2f5af12eeb1d74b14c300914841', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), index.h("div", { key: '335be6f702b7300498d2960cb7184fe1fec059b4', class: "xpl-toast__notification" }, index.h("p", { key: '1178d039190352d0482ae7486711ab2adfd2cc8f', class: "xpl-toast__title" }, index.h("slot", { key: '75a98536db36c7a140b3d908cbd8f3d2e201ca81', name: "title" })), this.caption !== '' && (index.h("p", { key: '009bba836fe9abbf34edf4618dd172961e9440fa', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), index.h("div", { key: '4f47e498ea0c7627d9041a7a2e898fcecff9f59c', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, index.h("slot", { key: '2eda8f8f3f7e3e1a4c608d5b5433557b55d3cbf7', name: "action" })), this.isDismissible && (index.h("div", { key: '92440f49d0c6356f6221471381718b314a928ee2', class: "xpl-toast__close" }, index.h("xpl-button", { key: 'eb8e975cc5361d8a9b44f6ca8bc3f5a3163c041c', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
+            } }, index.h("slot", { key: '6ad3199d265b1298ea8200ba53690dcc92bdbf92', name: "action" })), this.isDismissible && (index.h("div", { key: 'b1a1a790a592f5e4c7573c819b0c997a210bd68a', class: "xpl-toast__close" }, index.h("xpl-button", { key: '2d9ad71fc8f8233f2fc12453ca8268fd5f1d8f74', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -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: '8088d36a67f046fc7c094b3e1426c8d533c2930e', class: containerClassName }, (this.heading || this.description) && (index.h("label", { key: '93f1f01ca1c709f77230bc4245a5a77f0f3b48df', class: {
+        return (index.h(index.Host, { key: '20b5e00613ac0f2567224d3ff2bcd7b7f761a8fc', class: containerClassName }, (this.heading || this.description) && (index.h("label", { key: 'a41dfe6403c629ef05792ba8dc7f0632fca9ca37', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (index.h("small", { key: '6b39f78fc5991e00d87e792a15f16c60a176a73d', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (index.h("small", { key: 'b0e1d30a0f5b358a7f588d3f8f0bc32f440b69df', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
-            } }, this.description)))), index.h("input", { key: '6d178f3d74d18172f2c25370269a7eb4399dc3aa', 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: '2c5310d15e41aedb505a8df32c65aaafc8ffbd70', htmlFor: this.id }, this.label)));
+            } }, this.description)))), index.h("input", { key: 'a59406c7cccf8a43349841bb060496ce0832823f', 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: '276ce3ec937627fd9d21f2b3771d9c779c5f91f1', htmlFor: this.id }, this.label)));
     }
 };
 

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

@@ -16,11 +16,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (index.h(index.Host, { key: '6407dc110234806b694bd78e98920c96db62b678', class: {
+        return (index.h(index.Host, { key: 'd834b3f68a399f33c02e2a7d85623d9fbe2a21e2', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, index.h("div", { key: '42c9e451f0f796bf8b3ed967699deb4824ae9d76', class: "toolbar" }, index.h("p", { key: 'bc5a48dfc2f431a4e88337fa792920413048e059', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: 'ff4caddf1a499b238df37b5ed62543168fe32f4e', class: "actions" }, index.h("slot", { key: 'dd8225846c76dd50c943a4adc0e373717dc9c5c2', name: "actions-left" }), index.h("slot", { key: '066999024eb8cc98be2cfec8077b2afab99e3feb', name: "actions-right" })))));
+            } }, index.h("div", { key: '54c4638e003685ade49f243f688e3ff5997f8759', class: "toolbar" }, index.h("p", { key: '92815a7d1b10582742906aefa0ee9ef81311c459', class: "selected-item-count" }, this.selectedItemCount, " Selected"), index.h("div", { key: 'dc1b9ee686a57bd7bca45785f90586751770f556', class: "actions" }, index.h("slot", { key: '2cc26af5467e9ad44962bd1ac65f0b1087f86f7f', name: "actions-left" }), index.h("slot", { key: 'f5f46662191f52c79f81ffd1ce47a492041c10ad', name: "actions-right" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -11,7 +11,7 @@ const Tooltip = class {
         this.hideArrow = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1c9ac51c0d216a2822ec5637a02fa133c4055fe6' }, index.h("div", { key: '391476229ce86ce8502c7516d79a755d162c4bbb', class: "xpl-tooltip-container" }, index.h("slot", { key: '66e1f7420b538f6134170cb2ddfaaadb4f788783' }), index.h("div", { key: '017b59ec94760da135f7f4a00b042be023d7849f', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (index.h("div", { key: '248aa16bbc3a7945ce6cf57bc5ce832f3676cc91', class: "xpl-tooltip-arrow" }, index.h(TooltipArrow, { key: 'ca8a4d517630feb5833509644a335f08fa775b8b' })))))));
+        return (index.h(index.Host, { key: '834ba80f410bd7ed079b674b6f1d110235aaf826' }, index.h("div", { key: 'e45a7048339ce835ecabf5ef832a5ef2df6ded70', class: "xpl-tooltip-container" }, index.h("slot", { key: 'f56272df982aa6dc72ba2bf9776017235223de95' }), index.h("div", { key: 'c5b1054301d08e1b83da61b565f0116f83f395c7', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (index.h("div", { key: 'e6a833629cf409644969d9c4da461a2016f2986b', class: "xpl-tooltip-arrow" }, index.h(TooltipArrow, { key: '7a5893a25978635864ada200aea48660ca90d33c' })))))));
     }
 };
 

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

@@ -411,7 +411,7 @@ const TopNavItem = class {
         return (index.h("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
     }
     render() {
-        return (index.h(index.Host, { key: 'e1e7241e6b6f2d9d96c779b91b7fa1ba20e8e1f4', class: {
+        return (index.h(index.Host, { key: 'f895d73fc0f4c07150e9cd1c34d7b78a338a2032', class: {
                 'xpl-top-nav-item': true,
                 'xpl-top-nav-item--active': this.active,
                 'xpl-top-nav-item--dropdown-open': this.hasDropdown && this.open,
@@ -419,7 +419,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 && (index.h("div", { key: 'ec1ed04f166670f78c205ba351911672a147d5a7', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, index.h("slot", { key: '01d3db348a018c43f21b24acad80e7687f8bb0e1', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (index.h("div", { key: '3ec121421a45b3e5ef00f3fe76be80c910759f02', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, index.h("slot", { key: '715393a7ba3474c1afc9e0aa29276335537021e5', name: "dropdown" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -80,10 +80,10 @@ const TopNavMenu = class {
         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: 'e71631c4d9d4b653247d13c7b182f722bf1e52cc', class: {
+        return (index.h(index.Host, { key: '4b28448ecb93e59d9bdc731a8b56dd42ebda2c66', class: {
                 'xpl-top-nav-menu': true,
                 dark: true,
-            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), index.h("slot", { key: 'c6e38f4f78ab65dad030076aebf97c40dbce651b' })));
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), index.h("slot", { key: 'aa51dc10509298e469ca41a99ae7108283ee8f89' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -309,7 +309,7 @@ const TopNav = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8f9f8e171b2b04706360048965e8e8a40f3f7013', class: {
+        return (index.h(index.Host, { key: '00d598070bc4cee97d311206f48bf5cd873dcc8e', class: {
                 'xpl-top-nav': true,
                 'xpl-top-nav--nav-control': Boolean(this.navControl),
                 'xpl-top-nav--open': this.open,
@@ -317,15 +317,15 @@ const TopNav = class {
                 'xpl-top-nav--has-brand': this.hasBrand,
                 'xpl-top-nav--has-user-menu': this.hasUserMenu,
                 dark: true,
-            } }, index.h("nav", { key: '2c05b69b2918753c4f928e53d92c6ca737a92b59', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, index.h("div", { key: '1dd5722748946d0adfad6cc40da03c21012d65b2', class: "xpl-top-nav__inner-left" }, this.navControl && (index.h("button", { key: '810e68f589ec13b942a78c877fea816407c05287', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, index.h("xpl-icon", { key: '550653cbd1d61c7b80a31ab48dce59936a107128', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (index.h("div", { key: '6509a9a42b693b925204a9a42a34c0071d73f485', class: "xpl-top-nav__brand-bar" }, index.h("xpl-top-nav-item", { key: '623cfb95bd0a6581a057ddf37aa3920ee58b5734', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (index.h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+            } }, index.h("nav", { key: '0b42d835c3aa211fa1686d3611ace212d69f1921', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, index.h("div", { key: 'b55f526eca470d1d50b19bf1694f66991d369ad7', class: "xpl-top-nav__inner-left" }, this.navControl && (index.h("button", { key: '37589314adb7f9cc4a33dd4bc421b2473ece5b54', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, index.h("xpl-icon", { key: 'acbdd20739df23cf49ff6542605513159cffe1da', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (index.h("div", { key: '148ba3e7114ce3f1edbf0618a231d94c4cc3c04f', class: "xpl-top-nav__brand-bar" }, index.h("xpl-top-nav-item", { key: 'cda2c5f5dca554b7b61d95b941bd0b969f871dd0', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (index.h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
                 ? this.brandName.trim()
-                : 'Brand' })) : this.brandLogoSlotPresent ? (index.h("span", { class: "xpl-top-nav__brand-logo-slot" }, index.h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (index.h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), index.h("div", { key: '61d8a6d485380c39ffa74cd8cfbea37df32060dd', class: {
+                : 'Brand' })) : this.brandLogoSlotPresent ? (index.h("span", { class: "xpl-top-nav__brand-logo-slot" }, index.h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (index.h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), index.h("div", { key: 'abca8522fe239fe207a291d7bd8bdfd1cab0ffc3', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-left': true,
-            } }, index.h("div", { key: '3aab27091f543a9c6a813043883c218791cfaa4a', class: "xpl-top-nav__left-primary", role: "list" }, index.h("slot", { key: '93ff48c9bb3e0fa00b23a707da84d222ad74224d', name: "left-aside" })))), index.h("div", { key: 'd92afdae9ac68d49a370fb41b39aeef2b956af1f', class: {
+            } }, index.h("div", { key: 'f2fde6503e8bc319fbd60a4d5000d93644999d9a', class: "xpl-top-nav__left-primary", role: "list" }, index.h("slot", { key: 'ebbb61cf32cf5b0246cecc3d967f93f1834b9e11', name: "left-aside" })))), index.h("div", { key: '18c8d5990551ee655190aabb8ee85ad8d772b54e', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-right': true,
-            } }, index.h("div", { key: '36fadad47ed2862f88c1f42e1b95530d2e06b046', class: "xpl-nav-right__list" }, index.h("div", { key: '5b35413cbfcc5fd9af1e491f1a1f14d41ae35c0d', class: "xpl-top-nav__right-rail" }, index.h("div", { key: '37d00bfe95cdf35345ed9ec273a159255efc31a2', class: "xpl-top-nav__right-lead" }, index.h("slot", { key: 'b64f92c5886ef929b51fde06d48ea1fbf3660d44', name: "right-aside" })), this.hasUserMenu ? (index.h("div", { class: "xpl-top-nav__right-user" }, index.h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (index.h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (index.h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
+            } }, index.h("div", { key: '3120cb36425177943c3a52345396b5b2de9cc028', class: "xpl-nav-right__list" }, index.h("div", { key: '6fde79b8b6d87bfdb617c591530307382bdff243', class: "xpl-top-nav__right-rail" }, index.h("div", { key: '7e69e3e660887b7b39db058fb7e8cf42679a730e', class: "xpl-top-nav__right-lead" }, index.h("slot", { key: 'c198ab94307d3d126b5902890de73b434cb583b1', name: "right-aside" })), this.hasUserMenu ? (index.h("div", { class: "xpl-top-nav__right-user" }, index.h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (index.h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (index.h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
                 ? undefined
                 : 'Open account menu' }, this.childAccountLabelText.length > 0
             ? this.childAccountLabelText

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

@@ -16,7 +16,7 @@ const UtilityBar = class {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (index.h(index.Host, { key: '7ad1182d72a730df69cf714b665a6d02eac2e51a' }, index.h("nav", { key: 'f0d5ffc31cabc8a075cae2c1ebdaa0e82ca53943', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (index.h("div", null, index.h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, index.h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), index.h("slot", { name: "aside" }))) : (index.h("slot", { name: "aside" })), index.h("slot", { key: 'dfbacf5921308bd6056b8e6d903b31df28613ce0', name: "main" }))));
+        return (index.h(index.Host, { key: '3ed4e8e9214075b9062b221a05f1b27aa0b0bfbf' }, index.h("nav", { key: 'c809f6f649965d0b60d35c2bda31f721d67ccca1', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (index.h("div", null, index.h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, index.h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), index.h("slot", { name: "aside" }))) : (index.h("slot", { name: "aside" })), index.h("slot", { key: '99e22823c94e66c5dce24815485c7513b11e9267', name: "main" }))));
     }
 };
 

package/dist/collection/collection-manifest.json

@@ -59,6 +59,10 @@
     "components/xpl-tab/xpl-tab.js",
     "components/xpl-tab-panel/xpl-tab-panel.js",
     "components/xpl-table/xpl-table.js",
+    "components/xpl-table/xpl-table-body/xpl-table-body.js",
+    "components/xpl-table/xpl-table-footer/xpl-table-footer.js",
+    "components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js",
+    "components/xpl-table/xpl-table-row/xpl-table-row.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",

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

@@ -51,14 +51,14 @@ 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: '4858640c2723a41baa28d11ac997078bd114e7d0', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '39a36d5436dfb022fea1237688689fece8a6959e', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: 'e8d98c3a0ab82986c5799a2855c4cdd979623021', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '67d8c71ca1f9d5a2ffefa31933b2cfe6c6485633', name: "heading" }, this.header), h("xpl-icon", { key: '24d60d980af954ceda5511d634d0511f303f98d7', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: 'f8365a7b53724a3ed006d3957f52a61d5ca0d03f', class: "xpl-accordion-description" }, h("slot", { key: 'b3c0414e246d32ccc0925e36ba16a70edb529c42', name: "description" }, this.description))), h("section", { key: '40f5b9a980e73eb39f3db4d6d1bb4c11f9975790', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (h(Host, { key: '1905815ea7a4463a90668d77c8f2626924eb00e9', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '32de9a46653e2b98a7c0e8a176bca46b0173d3f4', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '3365c551130d9f0a397aa574cc1ea94b8b043c37', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '5f7c3797153426971c3c4256c78233ae14a86d94', name: "heading" }, this.header), h("xpl-icon", { key: '63e1d208578b7c854527b9c3b83821682037eeac', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: 'f1d82075d093bd3e3bd069a33a17ee1a2a0fd749', class: "xpl-accordion-description" }, h("slot", { key: 'b66a3a850d43dcb9476b98f30301a1b7898525a5', name: "description" }, this.description))), h("section", { key: 'a7b9cd09084597c3578b92f38925734d93320f41', 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: '87f1bb742663bff5284417a075768ee616dc8ade', name: "content" }))));
+                : ''}` }, h("slot", { key: 'd71b20af3148875ccc03d12ecaad3a8c70dda333', 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: '6895a304b435811647b6a0f44f0d2a78d0be43c6', class: applicationShellClasses }, h("div", { key: '5767a122d4f62d9192c7d842634d568f773780fb', class: navClasses }, h("slot", { key: '00b964ddb21516528324510ab7b45769c6a988f0', name: "nav" })), h("div", { key: '55cf42980ad46b4e488e187396da6beb7e6d1233', class: "xpl-application-shell__subnav" }, h("slot", { key: '638dfdfa480756bc8e45f3673a909cac7a4a3def', name: "subnav" })), h("div", { key: 'b07703d98a000c9fb184b672dd04227640469dea', class: "xpl-application-shell__utility" }, h("slot", { key: '224779534adf2572ef39c01ee2e1eb5387da86c2', name: "utility" })), h("div", { key: 'c263b693266d46a486c29135df4b594ab1db119b', class: "xpl-application-shell__content" }, h("slot", { key: 'cd349b0208eb182a20dc423c134cf0f15926effa', name: "content" })), h("xpl-backdrop", { key: '2fe03e892cf9120857eae124994cfb924397da62', onClick: () => this.navToggleHandler(), class: {
+        return (h(Host, { key: 'be149a4700553c66898f5d7fa27f68896631c717', class: applicationShellClasses }, h("div", { key: '5fe0df88f9b5a19104b189ba68a8bfeea3b6afe7', class: navClasses }, h("slot", { key: '040596fdc502c23694d6f7bd036c85840d264d2d', name: "nav" })), h("div", { key: '6208807949de1949c8d2c1ff6fc6c9a775212d92', class: "xpl-application-shell__subnav" }, h("slot", { key: 'e194c31283abc0bcbac3db876d0acb1503d9cc12', name: "subnav" })), h("div", { key: '1cb4caa932297cd858f82d78077c10868a5af323', class: "xpl-application-shell__utility" }, h("slot", { key: 'cea302c27a7e067c8244ed6f33d17392c06451e5', name: "utility" })), h("div", { key: '4546be74ec501036b7113519c4a65973fb896866', class: "xpl-application-shell__content" }, h("slot", { key: '8078f31fe1add42efcd65cabd5137d50dec207d6', name: "content" })), h("xpl-backdrop", { key: 'cd07a3093eb1c48fce03f49241905bb2881e472a', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }

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

@@ -51,6 +51,7 @@ export class Avatar {
                 return Array.isArray(parsed) ? parsed : [];
             }
             catch {
+                console.warn('[Apollo] xpl-avatar: groupData is not valid JSON; rendering no group items');
                 return [];
             }
         }

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

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

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

@@ -26,7 +26,7 @@ export class Badge {
             [`xpl-badge--size-${this.size}`]: !!this.size,
             [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
         };
-        return (h(Host, { key: '2d4179362c0cbb0b6f811311dd22388999e10862' }, h("div", { key: '060964cfc2e6df5b51edc0af9a79e050fddcb4ae', class: className }, h("span", { key: '54f018c6ece279aa17c655b1e5502a6526173433', class: "xpl-badge__label" }, h("slot", { key: '4199e21fb1d83f81cf5001c0c51902f1bc8764f6' })))));
+        return (h(Host, { key: '1cb8de25626460ca2c30f82696440af4d140d5e9' }, h("div", { key: 'fc51fea564ee09d6c5234046c6ec3b1c92333b1d', class: className }, h("span", { key: 'd993cc55487aaccd349ac8c3c783b63a3597a9b4', class: "xpl-badge__label" }, h("slot", { key: '8a3e27a6725cba451b43398dad1d8a6604af4e5e' })))));
     }
     static get is() { return "xpl-badge"; }
     static get properties() {

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

@@ -54,13 +54,13 @@ export class Banner {
         const actionState = this.getActionButtonState();
         const isHeadingPresent = !!this.heading?.trim();
         const isDescPresent = !!this.description?.trim();
-        return (h(Host, { key: '476c72c3dad23d9d62a8d68a826fb75a93fc88ee', class: {
+        return (h(Host, { key: '00046ec64a9cf7b913298ad452aa26f3bd1078bd', 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: 'b81395caa66c8c56a54535a5ace6fd3a027b0075', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: 'e8dd31a592ba17dd1825630a4f1ba9bc7323891a', icon: this.getIcon(), size: 24 }))), h("div", { key: '034eab05c801635fdbfb7ea549c4472407f3f09f', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'c9216bd4c11c1d3bda0e1654282d9a713e955968', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: 'e67d92d7b71b678b19627741a01d2e4b26ef7093', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: 'dd4d7bcae4bde9d16124b27993d7d1b2e96e086e', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: '51df92818c4194c76c609776f85aa31c7bffb34b', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: '7f911d3a81190cde339f69a2d93eb0c2518c9036', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: 'b9d1b8d15f0adac5b7eaa5c3e287c4b0fe7b987e', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: '528fd238ccfb1e52c7fe5c0d093f30a4fa4603bd', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'bc95f036e4848863fb07cbdb35e2335f863f21f6', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: 'a019d22111644263e770384c2a8d60487dd2f705', icon: this.getIcon(), size: 24 }))), h("div", { key: '5c6039a2c4be58b3f503938c9b3f33feec61cda9', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'fff21d65b10b628c405959763aa21b676b5a40f6', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: '114a6720cbbcf584bc00a3974f7e95ca3cebc54d', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: '69a72574bfc37baf6c18ea5b4512f0f11fc45db5', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: '3ff5eb207a819901f3d0017223ae83e9a6c5bf30', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: 'fc54ced977a1f4fc5ca39e7fd981b789b42727fa', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: 'd236e3448164706d787f8f1fcde36430803c5dc2', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: 'a3eb350b62b53cb59a40576d0da748adad554c79', 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: '05e99f78af5eab5e1cec089972ffb032eea34e88', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: 'a692a2e091bf8038fc04f675dcaaac0f2e7a7c2f', role: "none" }, h("slot", { key: 'f4b90f80b4eba10d285ff104b529d22bdc8f0e0b' })), h("span", { key: 'a6b05807f7683d9ebbffdc3566c3f1754bb41206', innerHTML: this.chevron })));
+        return (h(Host, { key: 'eab64a8e1acfe7fb6596193a250f8937ac6f5481', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: 'ff781ce68e230191700449039b89d9a0fefd1e50', role: "none" }, h("slot", { key: '854ef8e0dc29ebe5f782b5ee0dbe0e710015b40c' })), h("span", { key: 'ba0ea70bf123b7c6405b8c3add0c87714ed80e15', 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: 'ec9689395d536e7018469193ba61c094d79fa004' }, h("nav", { key: 'ffb0b88d3b331a22d1ae620aeb67ad901c801153', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '9649caceca01e86584682f4843c30fe080b364e1', role: "list" }, h("slot", { key: '68f438d33b5cd458cd0643a4f28c04dd824366c7' })))));
+        return (h(Host, { key: '63e77e937ec359fdac15cf8a48673176696395bc' }, h("nav", { key: '6bf6c1b401d010676b7317d9356aac5e4893fd1b', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '177206147c779f29a20369e49852d11ba0d990d5', role: "list" }, h("slot", { key: '9cdadc4378fa2da5a3c0213c46c58f8701472b80' })))));
     }
     static get is() { return "xpl-breadcrumbs"; }
 }

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

@@ -54,7 +54,7 @@ export class Button {
         }
     }
     render() {
-        return (h(Host, { key: '88b28108ae3675732cc51462438c4d067223fbcd', class: {
+        return (h(Host, { key: 'd46884793521c327622838ceca0af98ec897912b', class: {
                 'xpl-button': true,
                 [`xpl-button--${this.size}`]: true,
                 [`xpl-button--${this.variant}`]: true,

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: '060eb37a03ab854c56b383cf2ed598915f8b4c6f', class: "xpl-button-row" }, h("div", { key: '169e722e0ccb0045680001755943aa1087c70a79', class: "xpl-button-row-inner" }, h("div", { key: '8a49375971621161e3c1ad692ef9257b1c4bac43', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: '3cc16072ce7e9b4731b50fbaf647659b842763ad', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: 'e1d248e9b65f241f5eee07d2808ee3cb67b6c867', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: '827f7c01fb4617bb10acfc79b20a515718c6d539', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: '726167a62d0b3dc6f19b6e38abaa446cb474a07c', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: '2d7d7fe4e965ce093d969936ff96d224762499e1', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (h(Host, { key: 'de570ef3de32367d44cfaa7004e749a51bc6fde9', class: "xpl-button-row" }, h("div", { key: '6bafe5cbb76355b987023cab4d1530e71065ea55', class: "xpl-button-row-inner" }, h("div", { key: '09ab6b0f3b7ed5790b675520d445ed3279224c3c', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: '8f08a18126a27e6f1a72d8609e5533f466c3a88b', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: '0df1b38697afee3eb45af00989baac17ae2a2d00', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: '289a41a34091201ecba3af76ed2ab86c84341ba4', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: '742dd05eea13de9ccc2747b0146c3779bd7b4e66', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: '0eafc10b3d2b8f70d0f18a3ef0798ca6250ee0d5', 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

@@ -55,7 +55,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(Host, { key: '76d2b26fe34d766b1e1348f7d5336c5ec478bae9', class: "xpl-calendar" }, h("input", { key: '8f015adda8e5c4f7a5f0dd9815bdead0249e3a4e', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (h(Host, { key: '871a989fee5abc19ac9e00fca79534dd79b0a773', class: "xpl-calendar" }, h("input", { key: '3dc76b7045ac76ff76d2f1ca80625034aff7d013', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 if (el)
                     this.inputElement = el;
             } })));

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

@@ -10,14 +10,14 @@ export class Checkbox {
         };
     }
     render() {
-        return (h(Host, { key: 'fba24f4540febb1d52a143ae8249978820731422', class: {
+        return (h(Host, { key: 'd16058b571f7af6d2a83cbdce15b12bccadf0036', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, h("input", { key: '1663fd03d0f76952ddbe1a8ce87ea7c76c31631c', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), h("label", { key: '84548eea585da460e834d1e34b24e0b3724a38ea', class: {
+            } }, h("input", { key: '1001a243623e338fc4fefc9f58f251439c2fb74f', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), h("label", { key: '37e85b721cef98c8ccc448e08dbf9d9c968bd0a6', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, h("slot", { key: 'f9451918bee8abc6dea4fd65acef75bb13b69e4d' }), this.description && (h("small", { key: '02db357e5080d87595bdfd5baac1be2a2bb771d7', class: {
+            }, htmlFor: this.id }, h("slot", { key: 'ef36d317d97e26098396b1131a1acce6bce5ae8f' }), this.description && (h("small", { key: '9d710e4fa3f366965307908ca2e216ac46310f30', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));

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

@@ -36,7 +36,7 @@ export class Choicelist {
         this.onChoicesPropChange(this.choices);
     }
     render() {
-        return (h(Host, { key: 'e46ee9af6a052090343eeadbcba66997b38d2edc', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" }, this.heading && h("h3", null, this.heading), this.description && h("p", null, this.description))) : null, this.choices && (h("ul", { key: '4f995575dae9b8b1a8f136b3a336fd5ccce7e3f1', class: {
+        return (h(Host, { key: '0db2f4a4109a65ae2ab01259b960f83dd3b8bbeb', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" }, this.heading && h("h3", null, this.heading), this.description && h("p", null, this.description))) : null, this.choices && (h("ul", { key: '53915c9efd628e455b5604f4eacbc67504a52ca5', class: {
                 'xpl-choicelist': true,
                 'xpl-choicelist--styled': !!this.styled,
             } }, this.choices.map((choice, i) => {

package/dist/collection/components/xpl-content-area/xpl-content-area.js

@@ -4,7 +4,7 @@ export class ContentArea {
         this.size = 'wide';
     }
     render() {
-        return (h(Host, { key: '1b43a3fa4173d34533cf7015005b3e37792f0af6' }, h("main", { key: '0b0f905db96103b7a7c24cd40af26c448422ce85', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { key: 'b495ccc07df5e617f147057d7003805c431386d5', class: "xpl-content-area" }, h("slot", { key: '093b4b9830e0f6a8bee554bc8bac255d4944784d' })))));
+        return (h(Host, { key: '97fd281e5aa7ba1805f1424e80d6018ca5fdafe0' }, h("main", { key: '6a6f315e74225f66105874998c679183f2c743f5', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { key: 'c46017f1a0fd8b278f7b817de82629eb777515fd', class: "xpl-content-area" }, h("slot", { key: 'cc6d45297d23770880778810952f7e95445bb800' })))));
     }
     static get is() { return "xpl-content-area"; }
     static get properties() {

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class Dashboard {
     render() {
-        return (h(Host, { key: '3f8c104ae7775cda5f23ff515d8de7013d0ca09c' }, h("dl", { key: 'f68ec082b0f3587eb9977a03289097d3e838488d', class: "xpl-dashboard" }, h("slot", { key: 'f67b34cfe1683d3ee2f70be9d3d075603e536559' }))));
+        return (h(Host, { key: '65628c79753f54949bfe0a6dfede9bf4e09cf585' }, h("dl", { key: 'aa6444eea3322331350fbc1b0db6b23e316d393e', class: "xpl-dashboard" }, h("slot", { key: '3b54ed1755a0cc72ef5527afafdf156660afcfdf' }))));
     }
     static get is() { return "xpl-dashboard"; }
 }

package/dist/collection/components/xpl-data-card/xpl-data-card.js

@@ -90,8 +90,8 @@ export class DataCard {
             : this.smallStatVariant === 'negative'
                 ? 'arrow-down-right'
                 : 'dash';
-        return (h(Host, { key: '7480f4a5839e985f317f697984ec3752a0e5f4fb', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, h("dt", { key: 'ee0d40e32b700fa8dcda517454f7dfe88439f705', class: headerClasses }, h("header", { key: '405d707dafdd90942bb7122904d0d8a7ef1e989a' }, !!this.leadingIcon && this.icon && (h("span", { key: 'd2f505eab301051b854355cbe8e8608153f1c509', class: `xpl-data-card__icon--${this.variant}` }, h("xpl-icon", { key: 'e4c3366b8ec3e0a55b2cc47877d832c72ff018ac', icon: this.icon, "background-color": bgColorHue, size: 20 }))), h("slot", { key: 'a2d1c4b93e4860d046f6da66d5b82a19f60e7346', name: "title" }, this.name)), this.link && (h("span", { key: '8966de78de4d6fac11841afaec872a2c2f3d1db0', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: '62bc6170d62a773e5e38830c53a4abb0335a9fa8', icon: "chevron-right", size: 16 })))), h("dd", { key: 'b10cbb97c475155819c8f35afa2b294153c7153a', class: "xpl-data-card__body" }, h("div", { key: '4bf749bdcea4cd4b8a53cee3476e249556357038', class: "xpl-data-card__left" }, h("span", { key: '8285b0cca2a5f8be35d9096980085d1e0ed6cebc', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (h("xpl-tooltip", { text: this.tooltipTextStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
-            (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && h("span", { key: 'fbb5c740dc2a637198aad042800efb713fff154b', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (h("div", { key: 'b8f8f8fd70e1984edad76060e8b32db62c22bf5c', class: "xpl-data-card__right" }, h("slot", { key: 'a3c1a9e98111de7a091ded98aded8e722af1f806', name: GRAPH_CONTENT_SLOT }))))));
+        return (h(Host, { key: '05aef87fdbc999cc563d9da2ae6207ffce5351cf', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '833d00cd995e5d9f96c70e6f1af04f260076aea7', class: headerClasses }, h("header", { key: '283890fe21047be8ee81b64588a686f4f6339d28' }, !!this.leadingIcon && this.icon && (h("span", { key: '2c3e365280efb2c6c18a7d08261fc30e8d808da3', class: `xpl-data-card__icon--${this.variant}` }, h("xpl-icon", { key: '3564e1275b28e1693a45c51b4fc7936317b62e2f', icon: this.icon, "background-color": bgColorHue, size: 20 }))), h("slot", { key: 'd5469c77ca2a1ec16e702ee8ab94c230dbbe742a', name: "title" }, this.name)), this.link && (h("span", { key: '7a560cecc871b0e223372ecca08129d9f95d2c6e', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: 'f85ebee53967bc2ddd78291aaa63c85145d74930', icon: "chevron-right", size: 16 })))), h("dd", { key: 'c19eb772979606076a22f72b8ecb4261f7371374', class: "xpl-data-card__body" }, h("div", { key: '1ab9f94a29394608a18990ad4a06a663abd2f0a6', class: "xpl-data-card__left" }, h("span", { key: '41d8633f93cf7e2c220df4b51768e9b7c2295474', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (h("xpl-tooltip", { text: this.tooltipTextStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
+            (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && h("span", { key: '5dfcb6891ce3529bee2f240d85238a895ea6c61d', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (h("div", { key: '5b58f77c7a49e1aa157b73feb63e4ef1b5d36c0a', class: "xpl-data-card__right" }, h("slot", { key: '962482c44556b3722119cace638ea176af2f9533', name: GRAPH_CONTENT_SLOT }))))));
     }
     static get is() { return "xpl-data-card"; }
     static get properties() {

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

@@ -3,7 +3,7 @@ export class Divider {
     render() {
         let className = 'xpl-divider';
         className += ` xpl-divider--${this.tier}`;
-        return (h(Host, { key: '61b81934fc56dabb47246db40cd83b9f1dde150a', class: className }, h("span", { key: 'b81ec769098b9b39fbd4e954e4931bcd580aa7dc' }, h("slot", { key: '8410f6c17964a091e9d62ca4db9eda673ab02c46' }))));
+        return (h(Host, { key: '942681efa6bd2c3806109240a5ac5c179b112551', class: className }, h("span", { key: 'ce0b0ada57e7a51319260c88c10e411e3aaf2992' }, h("slot", { key: 'da50f574acdf87def6ff77ef743bf38cc8717a79' }))));
     }
     static get is() { return "xpl-divider"; }
     static get properties() {

package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js

@@ -5,7 +5,7 @@ export class DropdownGroup {
         const hasOptions = options && options.length;
         const mappedOptions = hasOptions &&
             options.map(({ groupName: optsGroupName, ...properties }) => optsGroupName ? (h("xpl-dropdown-group", { label: optsGroupName, ...properties })) : (h("xpl-dropdown-option", { ...properties })));
-        return (h(Host, { key: '6834fa4acc5c15d3256a0289013deb4821d22d57', role: "group", "aria-label": groupName }, h("li", { key: 'bed8042f619a729e9eb8c4e365e1b87dd1ea93cb', class: "xpl-dropdown-list-item" }, h("xpl-dropdown-heading", { key: '7171c8e2dcc007ece292dde758abf27b17cf2a7c', label: groupName }), h("ul", { key: 'a1e2a330759007328ad5b9d7f0ac6f920e5f6eec', class: "xpl-dropdown-list" }, mappedOptions || h("slot", { key: 'ea8ea2987afe4decda1e78607d843c68e9285029', name: "options" })))));
+        return (h(Host, { key: '232eccef872d6563c056b3b709d3a741473de2b0', role: "group", "aria-label": groupName }, h("li", { key: '2185c7b55139ab7b144290c94ab53675a6224b46', class: "xpl-dropdown-list-item" }, h("xpl-dropdown-heading", { key: '26c0d13d0742fd34eb629c668bd929e5541fffb8', label: groupName }), h("ul", { key: '0f13b81deda008bf0588393ff1a4102a5c7a171d', class: "xpl-dropdown-list" }, mappedOptions || h("slot", { key: '70cf6f662d1471c815f5e7c747080d7558efe407', name: "options" })))));
     }
     static get is() { return "xpl-dropdown-group"; }
     static get properties() {

package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DropdownHeading {
     render() {
-        return (h(Host, { key: '71b62b60d09869f77af7a6975a54a58116c002a6', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", { key: 'ad7614e31b405ff4a9043334716eb1ff546a5c03' }, this.label || h("slot", { key: 'b0a0d0b2a6f96d9b8b2d16ee5e289bb3592e5d42', name: "heading" }))));
+        return (h(Host, { key: '04265224adcc5b65f53d2e35d0cfef470931ce41', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", { key: '27293255cdfe35d207f3f0155beae3dc4b737e0d' }, this.label || h("slot", { key: 'b5bbee144360b2e5da681864e3dae6c2cafd2552', name: "heading" }))));
     }
     static get is() { return "xpl-dropdown-heading"; }
     static get properties() {

package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js

@@ -53,11 +53,11 @@ export class DropdownOptionCpnt {
     }
     render() {
         const { label, isSelected, isDisabled, value, subtitle, icon } = this;
-        return (h(Host, { key: 'cfdd7c14ccd6996d9e4e540b3364201d78f68ee8', class: {
+        return (h(Host, { key: 'f4fa4b0a3150fafd4b1c259aa140925219487898', class: {
                 'xpl-dropdown-option': true,
                 'xpl-dropdown-option--disabled': !!isDisabled,
                 'xpl-dropdown-option--selected': !!isSelected,
-            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, h("li", { key: 'f562da32ddf9725e696659abf6f245d1e9b1f787', class: "xpl-dropdown-list-item" }, icon && (h("xpl-icon", { key: '10426bcc6a8a88db580eb04b3f83ad5d9316fc73', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || h("slot", { key: '5f67b98ef75350ca860e96b5dd0c5375447bf09f', name: "option" }), subtitle && h("span", { key: '6240790bbe44e43d612245bd052ed2a54fa409e1', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
+            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, h("li", { key: '417af38233cd4765cc54a0cc4541bb5caeaf10ab', class: "xpl-dropdown-list-item" }, icon && (h("xpl-icon", { key: '48cbe69b056142ce5ef5cd6c608a99f1defd2e9f', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || h("slot", { key: '14b86d61bab431487cdef906a0a9b138d6ab4bbb', name: "option" }), subtitle && h("span", { key: 'c7ff5ee61b08f7a94d107183127c0b9cff0b49b5', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
     }
     static get is() { return "xpl-dropdown-option"; }
     static get properties() {