@xplortech/apollo-core 3.0.0 → 3.2.0

package/dist/cjs/table-internal-DssCrBs_.js

@@ -0,0 +1,67 @@
+'use strict';
+
+const XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT = 'xplTableColumnWidthsChange';
+const TABLE_HEADER_CELL_MIN_WIDTH_PX = 48;
+const getGridColumnWidthFromHeaderCell = (cell) => {
+    if (cell.tagName.toLowerCase() !== 'xpl-table-header-cell') {
+        return 'auto';
+    }
+    const host = cell;
+    const fromProp = typeof host.columnWidth === 'string' ? host.columnWidth.trim() : '';
+    const fromAttr = cell.getAttribute('column-width')?.trim() ?? '';
+    const columnTrack = fromProp || fromAttr;
+    if (columnTrack.length > 0) {
+        return columnTrack;
+    }
+    const w = host.width;
+    if (typeof w === 'number' && Number.isFinite(w) && w > 0) {
+        return `${Math.max(TABLE_HEADER_CELL_MIN_WIDTH_PX, w)}px`;
+    }
+    const raw = cell.getAttribute('width');
+    if (raw === null || raw === '') {
+        return 'auto';
+    }
+    if (/^\s*\d+(\.\d+)?\s*$/.test(raw)) {
+        const n = Number.parseFloat(raw);
+        if (Number.isFinite(n) && n > 0) {
+            return `${Math.max(TABLE_HEADER_CELL_MIN_WIDTH_PX, n)}px`;
+        }
+        return 'auto';
+    }
+    return raw.trim();
+};
+const SELECTION_MARK = 'data-xpl-selection-managed';
+const ROW_REORDER_MARK = 'data-xpl-row-reorder-managed';
+const getSortAffordanceIconName = (sortDirection) => {
+    if (sortDirection === 'asc')
+        return 'arrow-up';
+    return 'arrow-down';
+};
+const cycleSortDirection = (current) => {
+    switch (current) {
+        case 'asc':
+            return 'desc';
+        case 'desc':
+            return null;
+        default:
+            return 'asc';
+    }
+};
+const getIconType = (sortType) => {
+    switch (sortType) {
+        case 'asc':
+            return 'arrow-up';
+        case 'desc':
+            return 'arrow-down';
+        default:
+            return 'dash';
+    }
+};
+
+exports.ROW_REORDER_MARK = ROW_REORDER_MARK;
+exports.SELECTION_MARK = SELECTION_MARK;
+exports.XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT = XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT;
+exports.cycleSortDirection = cycleSortDirection;
+exports.getGridColumnWidthFromHeaderCell = getGridColumnWidthFromHeaderCell;
+exports.getIconType = getIconType;
+exports.getSortAffordanceIconName = getSortAffordanceIconName;

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

@@ -55,14 +55,14 @@ const Accordion = class {
             bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
             bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
         }[this.borderType];
-        return (index.h(index.Host, { key: '1905815ea7a4463a90668d77c8f2626924eb00e9', class: `xpl-accordion ${accordionBorder}` }, index.h("button", { key: '32de9a46653e2b98a7c0e8a176bca46b0173d3f4', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("header", { key: '3365c551130d9f0a397aa574cc1ea94b8b043c37', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, index.h("slot", { key: '5f7c3797153426971c3c4256c78233ae14a86d94', name: "heading" }, this.header), index.h("xpl-icon", { key: '63e1d208578b7c854527b9c3b83821682037eeac', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), index.h("div", { key: 'f1d82075d093bd3e3bd069a33a17ee1a2a0fd749', class: "xpl-accordion-description" }, index.h("slot", { key: 'b66a3a850d43dcb9476b98f30301a1b7898525a5', name: "description" }, this.description))), index.h("section", { key: 'a7b9cd09084597c3578b92f38925734d93320f41', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (index.h(index.Host, { key: '5b950c90f1d0c1c4ec18a63543e8a3f967e4c345', class: `xpl-accordion ${accordionBorder}` }, index.h("button", { key: 'd080af79bf979178beadd345259e3555c82d6d11', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("header", { key: '31cd09cebdcd16f8581340b720f4f3bf5eb11315', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, index.h("slot", { key: '42f3de1cbccc2304d60db637879539a607338d9d', name: "heading" }, this.header), index.h("xpl-icon", { key: 'f7a047102a0e10b60d3ac3d18aa47c2de4409b6e', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), index.h("div", { key: '284d9e73027bc38acafc4d07355a0c21c7d38ce1', class: "xpl-accordion-description" }, index.h("slot", { key: 'a7928e0e46a3f5d2274477a576f65330c5600046', name: "description" }, this.description))), index.h("section", { key: '5d89a5282aa9f63d349196f2b90c2404bc636e47', 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]
-                : ''}` }, index.h("slot", { key: 'd71b20af3148875ccc03d12ecaad3a8c70dda333', name: "content" }))));
+                : ''}` }, index.h("slot", { key: '658018fba352e3d8a3d005890557fa4f5acb3985', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/xpl-application-shell.cjs.entry.js

@@ -39,7 +39,7 @@ const ApplicationShell = class {
         navClasses += this.navOpen
             ? ` xpl-application-shell__nav--${this.navWidth}--open`
             : ` xpl-application-shell__nav--${this.navWidth}`;
-        return (index.h(index.Host, { key: 'be149a4700553c66898f5d7fa27f68896631c717', class: applicationShellClasses }, index.h("div", { key: '5fe0df88f9b5a19104b189ba68a8bfeea3b6afe7', class: navClasses }, index.h("slot", { key: '040596fdc502c23694d6f7bd036c85840d264d2d', name: "nav" })), index.h("div", { key: '6208807949de1949c8d2c1ff6fc6c9a775212d92', class: "xpl-application-shell__subnav" }, index.h("slot", { key: 'e194c31283abc0bcbac3db876d0acb1503d9cc12', name: "subnav" })), index.h("div", { key: '1cb4caa932297cd858f82d78077c10868a5af323', class: "xpl-application-shell__utility" }, index.h("slot", { key: 'cea302c27a7e067c8244ed6f33d17392c06451e5', name: "utility" })), index.h("div", { key: '4546be74ec501036b7113519c4a65973fb896866', class: "xpl-application-shell__content" }, index.h("slot", { key: '8078f31fe1add42efcd65cabd5137d50dec207d6', name: "content" })), index.h("xpl-backdrop", { key: 'cd07a3093eb1c48fce03f49241905bb2881e472a', onClick: () => this.navToggleHandler(), class: {
+        return (index.h(index.Host, { key: '2a5c0529540dc44d79f4744cd77465d097a3cfe9', class: applicationShellClasses }, index.h("div", { key: '9e7b1e9c302d3188c20792ce5d45c4fd3d981eae', class: navClasses }, index.h("slot", { key: 'ac3a2e232a4bb296dc97edb46da3a45a9a0143ee', name: "nav" })), index.h("div", { key: '8a43762388448850e6b70f526ca288e12cfb3a86', class: "xpl-application-shell__subnav" }, index.h("slot", { key: 'c3753c23cebdc77664c885770f2a7a3afafd2f70', name: "subnav" })), index.h("div", { key: '17e41ed6c571dc8a11c20034cff373442ed72a47', class: "xpl-application-shell__utility" }, index.h("slot", { key: '20b62c7529383caf5d52e9f0a7afdfd362136404', name: "utility" })), index.h("div", { key: '1632f1a97ae50432228040c3788248ff598160f1', class: "xpl-application-shell__content" }, index.h("slot", { key: '0e3fa6b14b216db3848ec302f755db2f4d9babea', name: "content" })), index.h("xpl-backdrop", { key: 'd465d3084d1728fd072537ccd1947a154389fb59', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }

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

@@ -166,7 +166,7 @@ const Divider = class {
     render() {
         let className = 'xpl-divider';
         className += ` xpl-divider--${this.tier}`;
-        return (index.h(index.Host, { key: '942681efa6bd2c3806109240a5ac5c179b112551', class: className }, index.h("span", { key: 'ce0b0ada57e7a51319260c88c10e411e3aaf2992' }, index.h("slot", { key: 'da50f574acdf87def6ff77ef743bf38cc8717a79' }))));
+        return (index.h(index.Host, { key: '4c1cdecc3ed6e9440668e413df897e23d9f7d679', class: className }, index.h("span", { key: 'bb85cd26e6565c1f1ec150fca99fe965957878cb' }, index.h("slot", { key: '37d5a8f75d26f6ba545aa1c12c4e7634b8dd1b6c' }))));
     }
 };
 
@@ -192,14 +192,14 @@ const Radio = class {
         return Boolean(this.checked);
     }
     render() {
-        return (index.h(index.Host, { key: 'e3626967beb86dee46de974dd2a3c8993314d2d0', class: {
+        return (index.h(index.Host, { key: '45436282d29873a5c640519eb4ad9aa3afb25b73', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, index.h("input", { key: 'cdc8d7968dd78031f33b4f72024698f7afec27cf', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), index.h("label", { key: '5bb2243b7fe42b219d3fa3696c92321b116f8c72', class: {
+            } }, index.h("input", { key: 'b0f7604cb5751f7fb2dc62960d5e7130d4fc0871', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), index.h("label", { key: '05d3589852ebcf9ce5c3301cbc685547a45b61d4', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, index.h("slot", { key: '85f1bf2c73111b8f5c0b0ae26343f590c8a50faf' }), this.description && (index.h("small", { key: '6452b050fe0df584373a45d105434fe31a8a82ba', class: {
+            }, htmlFor: this.id }, index.h("slot", { key: '8790f97ad02c180680de269f2f4a0986736c5d4e' }), this.description && (index.h("small", { key: '94a8e1eea919b8cfe7b4074702dce50e7399c6ab', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));

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

@@ -8,7 +8,7 @@ const Backdrop = class {
         this.relative = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'cf17e9f02e1ee67631159e1d159f539827344c30', class: {
+        return (index.h(index.Host, { key: '953f17db70815d5bc0b0debb29c4eda2f6f67b0a', class: {
                 'xpl-backdrop': true,
                 'xpl-backdrop--fixed': !this.relative,
                 'xpl-backdrop--relative': this.relative,

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

@@ -30,7 +30,7 @@ const Badge = class {
             [`xpl-badge--size-${this.size}`]: !!this.size,
             [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
         };
-        return (index.h(index.Host, { key: '1cb8de25626460ca2c30f82696440af4d140d5e9' }, index.h("div", { key: 'fc51fea564ee09d6c5234046c6ec3b1c92333b1d', class: className }, index.h("span", { key: 'd993cc55487aaccd349ac8c3c783b63a3597a9b4', class: "xpl-badge__label" }, index.h("slot", { key: '8a3e27a6725cba451b43398dad1d8a6604af4e5e' })))));
+        return (index.h(index.Host, { key: '88ec460410a79a749357fb0fcfce4393f1fbd119' }, index.h("div", { key: '93dd43a12a7d18a95d6c6d242ac527017736cd38', class: className }, index.h("span", { key: 'f399c751da8fc51c5a47672c39e1b618d29f1314', class: "xpl-badge__label" }, index.h("slot", { key: 'f3920fd097e95f0e550eafa40010b0ca3d4202d4' })))));
     }
 };
 

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

@@ -61,13 +61,13 @@ const Banner = class {
         const actionState = this.getActionButtonState();
         const isHeadingPresent = !!this.heading?.trim();
         const isDescPresent = !!this.description?.trim();
-        return (index.h(index.Host, { key: '00046ec64a9cf7b913298ad452aa26f3bd1078bd', class: {
+        return (index.h(index.Host, { key: 'a78a06e2863b01b36e265fdd55bb9d1d77751c88', 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) && (index.h("div", { key: 'bc95f036e4848863fb07cbdb35e2335f863f21f6', class: "xpl-banner__icon", "aria-hidden": "true" }, index.h("xpl-icon", { key: 'a019d22111644263e770384c2a8d60487dd2f705', icon: this.getIcon(), size: 24 }))), index.h("div", { key: '5c6039a2c4be58b3f503938c9b3f33feec61cda9', class: "xpl-banner__body" }, isHeadingPresent && index.h("p", { key: 'fff21d65b10b628c405959763aa21b676b5a40f6', class: "xpl-banner__heading" }, this.heading), isDescPresent && (index.h("p", { key: '114a6720cbbcf584bc00a3974f7e95ca3cebc54d', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (index.h("div", { key: '69a72574bfc37baf6c18ea5b4512f0f11fc45db5', class: "xpl-banner__actions" }, hasAction && (index.h("xpl-button", { key: '3ff5eb207a819901f3d0017223ae83e9a6c5bf30', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (index.h("xpl-button", { key: 'fc54ced977a1f4fc5ca39e7fd981b789b42727fa', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (index.h("button", { key: 'd236e3448164706d787f8f1fcde36430803c5dc2', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, index.h("xpl-icon", { key: 'a3eb350b62b53cb59a40576d0da748adad554c79', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (index.h("div", { key: '70b99cf6bf217673c1dc80d022a461285636a4bd', class: "xpl-banner__icon", "aria-hidden": "true" }, index.h("xpl-icon", { key: 'f91c24c80d30d8c784c4fa96e8a3829243705436', icon: this.getIcon(), size: 24 }))), index.h("div", { key: 'edbcd267f1ad434adc4b2a05ce598fab3c2e6df6', class: "xpl-banner__body" }, isHeadingPresent && index.h("p", { key: 'd3416ba50362753dd22e2c7e4097159bedf9f8c4', class: "xpl-banner__heading" }, this.heading), isDescPresent && (index.h("p", { key: 'b899e18bce636d21cec109cd3a7933907877d32a', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (index.h("div", { key: '702098d0a58e9327adba65a1b5d9ab9381eabfee', class: "xpl-banner__actions" }, hasAction && (index.h("xpl-button", { key: '73e9a4609e1d8f9a21d096369def97a864dc7ed7', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (index.h("xpl-button", { key: 'e8449c8728aa9336c51fe0fd4f012452730eb816', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (index.h("button", { key: '9b46dcb8aac285b0fc4a8d60132dd99d756d61c3', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, index.h("xpl-icon", { key: 'd0299f4467685505ab2712a985c09ed2d12e90a4', icon: "xmark", size: 24, "aria-hidden": "true" })))));
     }
 };
 

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

@@ -11,7 +11,7 @@ const BreadcrumbItem = class {
     `;
     }
     render() {
-        return (index.h(index.Host, { key: 'eab64a8e1acfe7fb6596193a250f8937ac6f5481', class: "xpl-breadcrumb-item", role: "listitem" }, index.h("li", { key: 'ff781ce68e230191700449039b89d9a0fefd1e50', role: "none" }, index.h("slot", { key: '854ef8e0dc29ebe5f782b5ee0dbe0e710015b40c' })), index.h("span", { key: 'ba0ea70bf123b7c6405b8c3add0c87714ed80e15', innerHTML: this.chevron })));
+        return (index.h(index.Host, { key: '7183a61283e558218b0ab031b4751c8a0adceccf', class: "xpl-breadcrumb-item", role: "listitem" }, index.h("li", { key: 'dbd92cb1dbda6fae79786dc0445bed7d7c77334f', role: "none" }, index.h("slot", { key: 'aed0551ce683fce1886d2e4263ad817201471e61' })), index.h("span", { key: 'eb62adcc50b5da568c953263ebe6e3dc185c60c1', innerHTML: this.chevron })));
     }
 };
 

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

@@ -7,7 +7,7 @@ const Breadcrumbs = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '63e77e937ec359fdac15cf8a48673176696395bc' }, index.h("nav", { key: '6bf6c1b401d010676b7317d9356aac5e4893fd1b', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, index.h("ol", { key: '177206147c779f29a20369e49852d11ba0d990d5', role: "list" }, index.h("slot", { key: '9cdadc4378fa2da5a3c0213c46c58f8701472b80' })))));
+        return (index.h(index.Host, { key: 'da8bca6508913f46c473f8d97bfd7dc6dd45bce5' }, index.h("nav", { key: 'c9967a3ea464361b820e1c8354ee646cc13677e8', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, index.h("ol", { key: '57791a5a8d72a9f25d0e9d43eac87044d8115f4a', role: "list" }, index.h("slot", { key: 'b6c7658b88b190130352d096a9b8b1b7e83f7839' })))));
     }
 };
 

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

@@ -13,7 +13,7 @@ const ButtonRow = class {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (index.h(index.Host, { key: 'de570ef3de32367d44cfaa7004e749a51bc6fde9', class: "xpl-button-row" }, index.h("div", { key: '6bafe5cbb76355b987023cab4d1530e71065ea55', class: "xpl-button-row-inner" }, index.h("div", { key: '09ab6b0f3b7ed5790b675520d445ed3279224c3c', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: '8f08a18126a27e6f1a72d8609e5533f466c3a88b', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: '0df1b38697afee3eb45af00989baac17ae2a2d00', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: '289a41a34091201ecba3af76ed2ab86c84341ba4', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: '742dd05eea13de9ccc2747b0146c3779bd7b4e66', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: '0eafc10b3d2b8f70d0f18a3ef0798ca6250ee0d5', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (index.h(index.Host, { key: '775133c0e49878db9861212167b4af14241f39b7', class: "xpl-button-row" }, index.h("div", { key: 'cb0bf58d6624380730d56fbcb67746bef02f1623', class: "xpl-button-row-inner" }, index.h("div", { key: 'c857f0383c85129273ee2bdd3572a05ead4682ae', class: "xpl-button-row__left" }, this.secondary && (index.h("xpl-button", { key: '863e665b97686490b5a8df1b94303ab369eb9bf0', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), index.h("div", { key: 'c5f244acf020f0cb3be4994fafe92161428a7289', class: "xpl-button-row__right" }, this.tertiary && (index.h("xpl-button", { key: '9766e4e5ff3cd7e3f2202764edf9b3c3221b7ea8', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (index.h("xpl-button", { key: '981384abd21328e229f28a345eef129cb96cbdc8', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (index.h("xpl-button", { key: 'f141d9bff96edd8c74bd19745e7a259005ebc12e', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
 };
 

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

@@ -58,7 +58,7 @@ const Button = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd46884793521c327622838ceca0af98ec897912b', class: {
+        return (index.h(index.Host, { key: '0e9841bd097a28e6745efddaf0d528d1f23f799d', class: {
                 'xpl-button': true,
                 [`xpl-button--${this.size}`]: true,
                 [`xpl-button--${this.variant}`]: true,

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

@@ -60,7 +60,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '871a989fee5abc19ac9e00fca79534dd79b0a773', class: "xpl-calendar" }, index.h("input", { key: '3dc76b7045ac76ff76d2f1ca80625034aff7d013', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (index.h(index.Host, { key: 'b82a13403c12cdcfa676caeddcd397cd264eb9ec', class: "xpl-calendar" }, index.h("input", { key: '0fba8e4e4b052bfed0e883c3455f63e8549c4263', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 if (el)
                     this.inputElement = el;
             } })));

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

@@ -15,14 +15,14 @@ const Checkbox = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'd16058b571f7af6d2a83cbdce15b12bccadf0036', class: {
+        return (index.h(index.Host, { key: '300304af622ef0f26d53df76c20e27990a7b71d4', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, index.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 }), index.h("label", { key: '37e85b721cef98c8ccc448e08dbf9d9c968bd0a6', class: {
+            } }, index.h("input", { key: '43b393bae1a48af0cd14f577cf3164d034e3aa3f', 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 }), index.h("label", { key: 'fcd3c7867ff3a8073bcd48aed8fb22c587f38ab0', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, index.h("slot", { key: 'ef36d317d97e26098396b1131a1acce6bce5ae8f' }), this.description && (index.h("small", { key: '9d710e4fa3f366965307908ca2e216ac46310f30', class: {
+            }, htmlFor: this.id }, index.h("slot", { key: 'd2ddc28e2b6c310f800efd13aaf8b6b718146e51' }), this.description && (index.h("small", { key: '573a2af2584d91da251b974c56999529c06ad9d0', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));

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

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

package/dist/cjs/xpl-content-area.cjs.entry.js

@@ -8,7 +8,7 @@ const ContentArea = class {
         this.size = 'wide';
     }
     render() {
-        return (index.h(index.Host, { key: '97fd281e5aa7ba1805f1424e80d6018ca5fdafe0' }, index.h("main", { key: '6a6f315e74225f66105874998c679183f2c743f5', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, index.h("div", { key: 'c46017f1a0fd8b278f7b817de82629eb777515fd', class: "xpl-content-area" }, index.h("slot", { key: 'cc6d45297d23770880778810952f7e95445bb800' })))));
+        return (index.h(index.Host, { key: '30c120a2eb2998222057ec07e5904cc1d8522f88' }, index.h("main", { key: 'c4d94b67ece358f50577b5b26793a31fa58b5ad2', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, index.h("div", { key: '162e32db10f359d86cbe80fa881f9866b8a9e14e', class: "xpl-content-area" }, index.h("slot", { key: '065c2851622f7817ab6ceb5fe5b23cd19a1408ed' })))));
     }
 };
 

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

@@ -7,7 +7,7 @@ const Dashboard = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '65628c79753f54949bfe0a6dfede9bf4e09cf585' }, index.h("dl", { key: 'aa6444eea3322331350fbc1b0db6b23e316d393e', class: "xpl-dashboard" }, index.h("slot", { key: '3b54ed1755a0cc72ef5527afafdf156660afcfdf' }))));
+        return (index.h(index.Host, { key: '6551b0e202b00dc8c584c4368bfabdb388433016' }, index.h("dl", { key: '126b026852d0de7040ce26736eb850fa31bfc1f3', class: "xpl-dashboard" }, index.h("slot", { key: '262977ead7f8f9d15e61a20368bb1a3584b4fd8b' }))));
     }
 };
 

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

@@ -94,8 +94,8 @@ const DataCard = class {
             : this.smallStatVariant === 'negative'
                 ? 'arrow-down-right'
                 : 'dash';
-        return (index.h(index.Host, { key: '05aef87fdbc999cc563d9da2ae6207ffce5351cf', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: '833d00cd995e5d9f96c70e6f1af04f260076aea7', class: headerClasses }, index.h("header", { key: '283890fe21047be8ee81b64588a686f4f6339d28' }, !!this.leadingIcon && this.icon && (index.h("span", { key: '2c3e365280efb2c6c18a7d08261fc30e8d808da3', class: `xpl-data-card__icon--${this.variant}` }, index.h("xpl-icon", { key: '3564e1275b28e1693a45c51b4fc7936317b62e2f', icon: this.icon, "background-color": bgColorHue, size: 20 }))), index.h("slot", { key: 'd5469c77ca2a1ec16e702ee8ab94c230dbbe742a', name: "title" }, this.name)), this.link && (index.h("span", { key: '7a560cecc871b0e223372ecca08129d9f95d2c6e', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: 'f85ebee53967bc2ddd78291aaa63c85145d74930', icon: "chevron-right", size: 16 })))), index.h("dd", { key: 'c19eb772979606076a22f72b8ecb4261f7371374', class: "xpl-data-card__body" }, index.h("div", { key: '1ab9f94a29394608a18990ad4a06a663abd2f0a6', class: "xpl-data-card__left" }, index.h("span", { key: '41d8633f93cf7e2c220df4b51768e9b7c2295474', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (index.h("xpl-tooltip", { text: this.tooltipTextStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, index.h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
-            (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && index.h("span", { key: '5dfcb6891ce3529bee2f240d85238a895ea6c61d', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (index.h("div", { key: '5b58f77c7a49e1aa157b73feb63e4ef1b5d36c0a', class: "xpl-data-card__right" }, index.h("slot", { key: '962482c44556b3722119cace638ea176af2f9533', name: GRAPH_CONTENT_SLOT }))))));
+        return (index.h(index.Host, { key: '7c4e576cefe0b23b431aa2a73ca246fec0bb8db6', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: 'e5907b183be449b87b2b5c46f17b2c7c97a07f66', class: headerClasses }, index.h("header", { key: '234988a87297a90565614c16e7a30a18a7b5aeb2' }, !!this.leadingIcon && this.icon && (index.h("span", { key: '462d1f7a090eefb04be255c37a19d05c8365bf35', class: `xpl-data-card__icon--${this.variant}` }, index.h("xpl-icon", { key: '334a676cbbf353de77fd173fbeb786820694d6d0', icon: this.icon, "background-color": bgColorHue, size: 20 }))), index.h("slot", { key: '9f933f8307c0ee4289ab03971261d947ac3a71c3', name: "title" }, this.name)), this.link && (index.h("span", { key: 'eb5e62387de08b5d588b702cdb06522a18f6d0ff', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: 'f0c210320683fa98dc15e89cef7ba0351ae8b54f', icon: "chevron-right", size: 16 })))), index.h("dd", { key: 'a18c3f4800e6719a659e8ad1ebb9b61d4c59235a', class: "xpl-data-card__body" }, index.h("div", { key: '0ea86cf8297a15c2ac3694df4ecedbce2a967239', class: "xpl-data-card__left" }, index.h("span", { key: 'd3daf019480ee66cfd9c1fff5e57cad87dab9b6e', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (index.h("xpl-tooltip", { text: this.tooltipTextStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, index.h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
+            (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && index.h("span", { key: '61bb7ebb508ead51c8c7dbbe1513822c65675fc5', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (index.h("div", { key: '6325676d2bbc0210e5d46ec72a5f8cb7d916d255', class: "xpl-data-card__right" }, index.h("slot", { key: '96775ee066bcea7b8e418132b8125857cf197cbc', name: GRAPH_CONTENT_SLOT }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -439,7 +439,7 @@ const Dropdown = class {
         const shouldVirtualize = this.isVirtualized;
         let listContent;
         if (!hasOptions) {
-            listContent = index.h("slot", { key: '1673c7d33d7dc1d16bf56081df85976ed389a38f', name: "options" });
+            listContent = index.h("slot", { key: 'da24352c25525fb0f20a86804889ceef4eed67f0', name: "options" });
         }
         else if (shouldVirtualize) {
             const { rowHeight, overscan } = VIRTUAL_LIST;
@@ -447,18 +447,18 @@ const Dropdown = class {
             const start = Math.min(this.virtualStart, total);
             const fallbackEnd = Math.min(total, Math.ceil(300 / rowHeight) + overscan * 2);
             const end = this.virtualEnd > start ? this.virtualEnd : fallbackEnd;
-            listContent = (index.h("li", { key: '94094d9464c2f4ded9714f7ed16ca2b426c19794', class: "xpl-dropdown__virtual-sizer", style: { height: `${total * rowHeight}px` } }, options.slice(start, end).map((option, i) => renderOption(option, start + i))));
+            listContent = (index.h("li", { key: '356b1871de0539aee6ac085e59d4861cdb7db135', class: "xpl-dropdown__virtual-sizer", style: { height: `${total * rowHeight}px` } }, options.slice(start, end).map((option, i) => renderOption(option, start + i))));
         }
         else {
             listContent = options.map((option) => renderOption(option));
         }
-        return (index.h(index.Host, { key: '6e2fe2b904530c7966a23b3715485ea9ed415880', "aria-expanded": isOpen ? 'true' : 'false', class: {
+        return (index.h(index.Host, { key: 'f34a4f503feb2050100db75a40f21959aca8e74e', "aria-expanded": isOpen ? 'true' : 'false', class: {
                 'xpl-dropdown': true,
                 'xpl-dropdown--multi': mode === 'multi',
                 'xpl-dropdown--open': isOpen,
                 'xpl-dropdown--anchor-to-trigger': this.anchorToTrigger,
                 'xpl-dropdown--virtualized': shouldVirtualize,
-            }, role: "listbox" }, index.h("slot", { key: 'b9c87382e07b23b326fab22b8423021f8c4a83f8', name: "header" }), index.h("ul", { key: '3824b650e2bbcb09fdea7f25ab19afa9a7dd8abe', class: "xpl-dropdown-list", ref: (el) => {
+            }, role: "listbox" }, index.h("slot", { key: 'dee58bc149835d2c4e1328fd92c780f75bea0499', name: "header" }), index.h("ul", { key: '32bec73cc8b67bd38df5231b3049c897a9d36c4e', class: "xpl-dropdown-list", ref: (el) => {
                 this.setListEl(el);
             }, onScroll: shouldVirtualize ? this.handleVirtualScroll : undefined }, listContent)));
     }
@@ -497,7 +497,7 @@ const DropdownGroup = class {
         const hasOptions = options && options.length;
         const mappedOptions = hasOptions &&
             options.map(({ groupName: optsGroupName, ...properties }) => optsGroupName ? (index.h("xpl-dropdown-group", { label: optsGroupName, ...properties })) : (index.h("xpl-dropdown-option", { ...properties })));
-        return (index.h(index.Host, { key: '232eccef872d6563c056b3b709d3a741473de2b0', role: "group", "aria-label": groupName }, index.h("li", { key: '2185c7b55139ab7b144290c94ab53675a6224b46', class: "xpl-dropdown-list-item" }, index.h("xpl-dropdown-heading", { key: '26c0d13d0742fd34eb629c668bd929e5541fffb8', label: groupName }), index.h("ul", { key: '0f13b81deda008bf0588393ff1a4102a5c7a171d', class: "xpl-dropdown-list" }, mappedOptions || index.h("slot", { key: '70cf6f662d1471c815f5e7c747080d7558efe407', name: "options" })))));
+        return (index.h(index.Host, { key: '765c69b589275544bc312a60036a22345509b105', role: "group", "aria-label": groupName }, index.h("li", { key: '6dfa766bd675e0579e8608aa0b202f63e2be2635', class: "xpl-dropdown-list-item" }, index.h("xpl-dropdown-heading", { key: '42cb1a573126edee7f1a01397988d6e9d952ead3', label: groupName }), index.h("ul", { key: 'f443eba9c19554eea7997a47252816a39660d9a7', class: "xpl-dropdown-list" }, mappedOptions || index.h("slot", { key: '60d3bff8026d96197a3482cd7e58807cfc02df2b', name: "options" })))));
     }
 };
 
@@ -506,7 +506,7 @@ const DropdownHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '04265224adcc5b65f53d2e35d0cfef470931ce41', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, index.h("span", { key: '27293255cdfe35d207f3f0155beae3dc4b737e0d' }, this.label || index.h("slot", { key: 'b5bbee144360b2e5da681864e3dae6c2cafd2552', name: "heading" }))));
+        return (index.h(index.Host, { key: 'fbd0029d191d8d81c3d316ac1cb2c51173da29b8', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, index.h("span", { key: 'd585dc509d918142589c1874e173b369c1c2a822' }, this.label || index.h("slot", { key: '67b72339653dce321acedfd14befcfe5335edf43', name: "heading" }))));
     }
 };
 
@@ -565,11 +565,11 @@ const DropdownOptionCpnt = class {
     }
     render() {
         const { label, isSelected, isDisabled, value, subtitle, icon } = this;
-        return (index.h(index.Host, { key: 'f4fa4b0a3150fafd4b1c259aa140925219487898', class: {
+        return (index.h(index.Host, { key: '3e8fe525f44d24414926664c8475344b3e57eb53', 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 }, index.h("li", { key: '417af38233cd4765cc54a0cc4541bb5caeaf10ab', class: "xpl-dropdown-list-item" }, icon && (index.h("xpl-icon", { key: '48cbe69b056142ce5ef5cd6c608a99f1defd2e9f', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || index.h("slot", { key: '14b86d61bab431487cdef906a0a9b138d6ab4bbb', name: "option" }), subtitle && index.h("span", { key: 'c7ff5ee61b08f7a94d107183127c0b9cff0b49b5', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
+            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, index.h("li", { key: '4262100b3ea2e62575f8eaad8908d9379a8ea05c', class: "xpl-dropdown-list-item" }, icon && (index.h("xpl-icon", { key: '7505fcdc35b15b6e97a4753525cee7232244fa6e', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || index.h("slot", { key: '35b00d7aa187a38b1f9d78425189764d9b8575d8', name: "option" }), subtitle && index.h("span", { key: 'e1dac23f7e07df9e89c90625f48eeddbd8daf77a', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -25,9 +25,9 @@ const DynamicTableCell = class {
         const colIndex = this.el.parentElement
             ? Array.from(this.el.parentElement.children).indexOf(this.el) + 1
             : 0;
-        return (index.h(index.Host, { key: '6a4eea3dcf826a18c24068acea56dc63261220f4', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (index.h(index.Host, { key: 'bdc80cc13051a57294f5a8eef938ffc92f7108b4', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, index.h("slot", { key: '138598bb74c49c32b649f0955a53cb8ea479e04f' })));
+            } }, index.h("slot", { key: '743946a9ee87d85eb9e0e414f9688e249b7694a3' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -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: '4b0e558771154ca42ab57235d9b38861831d7eeb', role: "row", class: classList, ref: (el) => {
+        return (index.h(index.Host, { key: '5d91af6b6055646118e882b9e4ac1c0fe9003e06', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, index.h("slot", { key: '8b2b1a78d797c9a5fcaa8b31db2a41f57335b683' })));
+            } }, index.h("slot", { key: 'e3ed1a18b1d7187bf03f9c6633c276e1fb90d029' })));
     }
 };
 

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

@@ -46,10 +46,10 @@ const DynamicTable = class {
         this.updateColumnCount();
     }
     render() {
-        return (index.h("div", { key: '9fdd0a6b9adfad92d89ff30873009e08ca981124', role: "grid", class: {
+        return (index.h("div", { key: '223e082cd5124d2f495e65058c4742ab6a28f5cf', role: "grid", class: {
                 'xpl-dynamic-table': true,
                 'xpl-dynamic-table--accordion': this.hasAccordion,
-            }, "aria-colcount": this.colCount }, index.h("slot", { key: 'a105d82f752d34618a0603c59f85ea9e2ee6c3dd', name: "header" }), index.h("slot", { key: '24817b404a5a6f50ab1f17674a85391a8645f728', name: "body" })));
+            }, "aria-colcount": this.colCount }, index.h("slot", { key: 'a808231d98db51ddb01ada49d69ae468cd721603', name: "header" }), index.h("slot", { key: '4eb9d10764e8d81e5c6d9f80fc9d470c2d34e969', name: "body" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -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: '0fc1d60f8f0d0df7208302a3668930afdb1dc5ba', class: className }, index.h("slot", { key: '0385c17beb3982d060b4e2a4bdd0fd16f924a0d3' })));
+        return (index.h(index.Host, { key: '7c2e5c06f0751cf0a6bc6d80c12939e0f4c194ee', class: className }, index.h("slot", { key: '2fc5ed1542e50c826bec55e1f106c49ef19c1a38' })));
     }
 };
 

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

@@ -28,7 +28,7 @@ const Grid = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: '94440d9d2f50c8712e7e4599409101da361f66d8', class: "xpl-grid" });
+        return index.h(index.Host, { key: '4074778ac031d36c8f530379f7cc55b7db8a6887', class: "xpl-grid" });
     }
     get container() { return index.getElement(this); }
 };

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

@@ -56,7 +56,7 @@ const HeaderAccordion = class {
         this.updateParentCheckbox(initialCheckoxesValue);
     }
     render() {
-        return (index.h(index.Host, { key: '7a9c486fd491732cafa29086b3e3edab9090fcef', class: "xpl-header-accordion" }, index.h("div", { key: 'c63b756d6336e89b7976fb9a072782ed9d67a7c9', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (index.h("xpl-checkbox", { key: '65d41ff6f70d0cc9022f0337335305737a23617d', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), index.h("button", { key: '514f9bfe4a024416b8a4e152472c2bd7bbe3ab1d', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("slot", { key: '29a2434b4a4be46751f4425b7837f11324547e1a', name: "title" }), index.h("xpl-icon", { key: 'cf2e043da31d9845e6b4db91022f67c3abb4918d', size: 16, icon: "chevron-down", class: this.expanded ? 'rotate' : undefined }))), index.h("div", { key: '6bcc05f2ebf545ef67fa7cf1e3bb1e6f39f0f170', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, index.h("slot", { key: '6bbcd7e23979d93d88168f173766f86701ecc382', name: "content" }))));
+        return (index.h(index.Host, { key: '6181aa606ed8062474d9e369558a0d4367ec06be', class: "xpl-header-accordion" }, index.h("div", { key: '17516c087ec1818ef9be08b79abd0e69ee6e499b', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (index.h("xpl-checkbox", { key: '709c1055c22c7328de3a36fd265d57e616e13f39', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), index.h("button", { key: '9392aaf81db32af32c2fa3bff445a53fd0e8a324', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("slot", { key: '6019b35676f13debe6cff89bcc9f90542a640628', name: "title" }), index.h("xpl-icon", { key: '4c381cf9324e1348d1f26c7150b31945e264f4ca', size: 16, icon: "chevron-down", class: this.expanded ? 'rotate' : undefined }))), index.h("div", { key: '0c96d5d10f7d82844c473e595fce1624234585b3', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, index.h("slot", { key: 'fc6ae8bc852d115475acbe269e3e82d89b7ae755', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -13991,10 +13991,10 @@ const Icon = class {
         let wrapperClasses = 'xpl-icon__wrapper ';
         if (this.backgroundColor)
             wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;
-        return (index.h(index.Host, { key: '2969450a00c78280dca3b7ed44f98f8699c41808' }, index.h("figure", { key: '56dc93a59a43dc28eb7479696b8d97656a7c7c68', class: wrapperClasses }, index.h("span", { key: 'f6133fba12fc84a6547575e70997c131c1771ef2', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
+        return (index.h(index.Host, { key: '4227f699fde8eac6949eb604b1c7b4fa20f57d2b' }, index.h("figure", { key: '33e1c0597e8883530ea685450afa47f2e0ac4555', class: wrapperClasses }, index.h("span", { key: '9920c6ae88f80c03fc885f7b41524eeaa147d77f', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
                 width: `${options.width}px`,
                 height: `${options.height}px`,
-            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), index.h("figcaption", { key: 'c5c9fa42d7c00ea35666b81c7f8ba39f4482572c' }, this.icon, " icon"))));
+            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), index.h("figcaption", { key: '654cc247dbe9383198d6ac90b91412d0957259dc' }, this.icon, " icon"))));
     }
 };
 Icon.style = xplIconCss();

package/dist/cjs/xpl-input-color.cjs.entry.js

@@ -378,16 +378,16 @@ const InputColor = class {
             top: `${y}px`,
             background: `rgb(${r}, ${g}, ${b})`,
         };
-        return (index.h(index.Host, { key: '2c4bff1c1b56afdc1b4192a2d7c1e0a1f5ebc073', class: "xpl-input-color" }, index.h("xpl-popover", { key: 'ba545a5022a532ef2fde8c795bee19f2680514c1', disabled: this.disabled, display: "menu" }, index.h("div", { key: '180e066079da1a97ba31bcaf66d443df8a0c48ca', slot: "trigger" }, index.h("div", { key: 'c3cc0cb1484c4111b60b736b750571552437d0cf', class: {
+        return (index.h(index.Host, { key: 'baf8bd36a33134bff8b2e1ce1a5d81a567f232b2', class: "xpl-input-color" }, index.h("xpl-popover", { key: 'e5bfd446e4b900371ee8ca7c7c321692079c66fb', disabled: this.disabled, display: "menu" }, index.h("div", { key: '9d40ccbf649ba0be2884bbc7dec84d7c1e9ddbb7', slot: "trigger" }, index.h("div", { key: '6b4474af2dab4be116728135214403af7189d99f', class: {
                 'xpl-input-color__display': true,
                 'xpl-input-color__display--disabled': !!this.disabled,
                 'xpl-input-color__display--error': !!this.hasErrorState,
-            } }, index.h("span", { key: '72aaff4e9a54da1f766d1de85bd58216c866a4b7', class: "xpl-input-color__color", style: {
+            } }, index.h("span", { key: '9372da25358b453c5b89f324886c986153b9386b', class: "xpl-input-color__color", style: {
                 background: objectToStringColor(this.colorValues),
-            } }), this.colorValues.hex ? (index.h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (index.h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (index.h("xpl-icon", { key: 'f55cfde9a119e9f0de379bc1bfb5b5d4b53aa992', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
+            } }), this.colorValues.hex ? (index.h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (index.h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (index.h("xpl-icon", { key: 'a37bf00e4a70cda5e59cecfc7f108601bbb15e8e', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
                 e.stopPropagation();
                 this.openEyeDropper();
-            } })))), index.h("div", { key: 'f80f215000d3a906d65f7f6673c6d8eaabe3fc6d', class: "xpl-input-color__menu" }, index.h("div", { key: '4701c99f8a528900c34005b7c26d9fa544b664d8', class: "xpl-input-color__sl-grid", ref: (el) => {
+            } })))), index.h("div", { key: 'e95b3755b47802b446de5d7e9c25d2238dea23ef', class: "xpl-input-color__menu" }, index.h("div", { key: '9ecc94c286d9cd0a5e25c92eaea3a2dd9ee4394b', class: "xpl-input-color__sl-grid", ref: (el) => {
                 this.colorInputElements.slGrid = el ?? undefined;
             }, style: {
                 background: [
@@ -395,9 +395,9 @@ const InputColor = class {
                     `linear-gradient(to right, #fff, #fff0)`,
                     `rgb(${hueBaseColor.r} ${hueBaseColor.g} ${hueBaseColor.b})`,
                 ].join(', '),
-            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, index.h("div", { key: '3e0ec5c0821dfed35190053f5e4f147cb7b55eb0', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), index.h("div", { key: '1b278a13c88aa663a2b8217fbc3524ee213e0f3b', class: "xpl-input-color__grid" }, index.h("input", { key: '5e35bdd6e7776848a2d2eb32a00deb3ec349c21d', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
+            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, index.h("div", { key: '85b2e591be85db2a2d3d1bbe65ee276a857b92fa', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), index.h("div", { key: 'b9d7f2fdc49d73db488d62f21433558b5b0a09a7', class: "xpl-input-color__grid" }, index.h("input", { key: '3c260f54bde2c26a7b5980082cabf54e2d42340e', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
                 this.colorInputElements.hue = el ?? undefined;
-            } }), index.h("input", { key: '1119341201878e5c8511fa3e241afba15eab6d9b', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
+            } }), index.h("input", { key: 'ef8ef568a1487b618aeeb986904a5eeefabba300', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
                 this.colorInputElements.alpha = el ?? undefined;
             }, style: {
                 backgroundImage: [
@@ -407,9 +407,9 @@ const InputColor = class {
                     `linear-gradient(45deg, transparent 75%, #ccc 75%)`,
                     `linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
                 ].join(', '),
-            } }), index.h("div", { key: '3804928b107e92bddbc3afa3fa883caafddbd06b', class: "xpl-input-color__preview", style: {
+            } }), index.h("div", { key: 'b4953565664df14ad483f30c45b6ae5e717e6a63', class: "xpl-input-color__preview", style: {
                 background: `rgba(${r}, ${g}, ${b}, ${a})`,
-            } })), index.h("div", { key: '86961ee31d82724a76f6598bd547c8e650e27f24', class: "xpl-input-color__inputs" }, [
+            } })), index.h("div", { key: '731a00aa7075efc1a19849a58e5a81c8837ab199', class: "xpl-input-color__inputs" }, [
             'hex',
             'r',
             'g',

package/dist/cjs/xpl-input-phone.cjs.entry.js

@@ -477,20 +477,20 @@ const InputPhone = class {
         this.hasErrorState = null;
     }
     render() {
-        return (index.h(index.Host, { key: '124c8feabed1cf383f2eb65e77dd2517c96ea01c', class: {
+        return (index.h(index.Host, { key: 'c78f7ab5d5c6f6982356d7610fe32855d7f214c5', class: {
                 'xpl-input-phone': true,
                 'xpl-input-phone--error': !!this.hasErrorState || !!this.error,
                 'xpl-input-phone--open': this.dropdownOpen,
                 'xpl-input-phone--domestic': !this.isInternational,
-            } }, index.h("div", { key: '6b2a17efd488aa18ac8dea1e86d12884ceb51e90', class: "xpl-input-wrapper" }, this.isInternational && (index.h("button", { key: 'd3f8e42841532f8c37a131545007af3213c1b9e0', type: "button", id: this.triggerId, class: "xpl-input-phone__trigger", disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.dropdownOpen ? 'true' : 'false', "aria-label": "Select country", onClick: this.handleTriggerClick }, this.selectedCountry?.name && (index.h("xpl-icon", { key: 'cb52527ba28d95a93cba734bb6d1b3ab8e14a388', class: "xpl-input-phone__flag", icon: getCountryIconName(this.selectedCountry.name), size: 24, "aria-hidden": "true" })), index.h("xpl-icon", { key: '7942dae0973871635b7b64e0697d8c25352ac3bf', class: "xpl-input-phone__trigger-icon", icon: "chevron-down", size: 20, "aria-hidden": "true" }))), index.h("div", { key: '24b810a9e03c7774ad6576cc9f03888d5da9d3aa', class: "xpl-input-phone__input-wrap" }, this.isInternational && (index.h("span", { key: 'eb7684aad427a10615c23326a2a2628a4a12fbb0', class: "xpl-input-phone__dial-code" }, this.effectiveDialCode)), index.h("input", { key: '8e429f156e36f101413e1d5168bb38a2ca9bdebf', ref: (el) => {
+            } }, index.h("div", { key: '3b30f8755836376728336f769afeb714b9a3dfa9', class: "xpl-input-wrapper" }, this.isInternational && (index.h("button", { key: 'c83ff2255a465d7d5d233ce02a816845858594be', type: "button", id: this.triggerId, class: "xpl-input-phone__trigger", disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.dropdownOpen ? 'true' : 'false', "aria-label": "Select country", onClick: this.handleTriggerClick }, this.selectedCountry?.name && (index.h("xpl-icon", { key: 'f0a62a5052b940f4a2212ed77929696e62b4825f', class: "xpl-input-phone__flag", icon: getCountryIconName(this.selectedCountry.name), size: 24, "aria-hidden": "true" })), index.h("xpl-icon", { key: '68782b949fd1cf41a8b0883ad6caba18d9aa1ac5', class: "xpl-input-phone__trigger-icon", icon: "chevron-down", size: 20, "aria-hidden": "true" }))), index.h("div", { key: '6aa5f75f34b413bd8939d46c55b7cc42128db247', class: "xpl-input-phone__input-wrap" }, this.isInternational && (index.h("span", { key: '81dc5727f8dca528f34994736c1a8a2223e8fe63', class: "xpl-input-phone__dial-code" }, this.effectiveDialCode)), index.h("input", { key: 'd0faecadd4216bf6a7b79fc9623052e194900c15', ref: (el) => {
                 this.inputEl = el ?? undefined;
-            }, type: "tel", id: this.inputId, class: "xpl-input-phone__input", name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, "aria-invalid": this.hasErrorState || this.error ? 'true' : 'false', placeholder: this.effectivePlaceholder, autocomplete: this.isInternational ? 'tel-national' : 'tel', inputmode: "numeric", maxlength: this.maxInputLength, value: this.displayValue, onInput: this.handleNumberInput }), this.nationalNumber && this.isEditable && (index.h("button", { key: '403e1b9e35a7bfd2ba356c16c4d5e9178541f876', type: "button", class: "xpl-input-phone__clear", "aria-label": "Clear phone number", onClick: this.handleClear }, index.h("xpl-icon", { key: 'aee1381d3a7dcec64c708ecfa67266eef442850e', icon: "x-circle", size: 16 }))))), this.isInternational && this.isEditable && (index.h("xpl-dropdown", { key: '9d14a65f3ac538b4e420151927a0c349adf3688d', ref: (el) => {
+            }, type: "tel", id: this.inputId, class: "xpl-input-phone__input", name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, "aria-invalid": this.hasErrorState || this.error ? 'true' : 'false', placeholder: this.effectivePlaceholder, autocomplete: this.isInternational ? 'tel-national' : 'tel', inputmode: "numeric", maxlength: this.maxInputLength, value: this.displayValue, onInput: this.handleNumberInput }), this.nationalNumber && this.isEditable && (index.h("button", { key: '12a2e4ce8adb80ca4d6fca1c706c54db01d22101', type: "button", class: "xpl-input-phone__clear", "aria-label": "Clear phone number", onClick: this.handleClear }, index.h("xpl-icon", { key: 'f1ae5e69258654e8ba5bf511755020e0d7d91088', icon: "x-circle", size: 16 }))))), this.isInternational && this.isEditable && (index.h("xpl-dropdown", { key: 'd8a75cf0b95d9affae6e03292c011a73dcff98b4', ref: (el) => {
                 this.dropdownRef = el ?? undefined;
             }, isOpen: this.dropdownOpen, triggerId: this.triggerId, anchorToTrigger: true, closeOnSelect: true, mode: "single", options: this.dropdownOptions, update: this.handleDropdownUpdate, onIsOpenChange: (e) => {
                 this.dropdownOpen = e.detail;
-            }, "aria-label": "Country" }, index.h("div", { key: '87006a8a90ef37032775247a387896f065ce5673', slot: "header", class: "xpl-input-phone__search-wrap" }, index.h("xpl-input", { key: '26a99c318081e3215fa779191ee8a0f9c127489f', class: "xpl-input-phone__search", type: "text", label: "", placeholder: "Search", value: this.searchQuery, autocomplete: "off", onInputEvent: (e) => {
+            }, "aria-label": "Country" }, index.h("div", { key: 'b46a4a9985604720099c3212714804aee5a1f58b', slot: "header", class: "xpl-input-phone__search-wrap" }, index.h("xpl-input", { key: '55bdc0f6ff4b1a1a2d17b5ba10849bcab472d7d8', class: "xpl-input-phone__search", type: "text", label: "", placeholder: "Search", value: this.searchQuery, autocomplete: "off", onInputEvent: (e) => {
                 this.searchQuery = e.detail ?? '';
-            } }, index.h("xpl-icon", { key: '4aee182e975ed805524ac93e3a34f055266b693b', slot: "pre", class: "xpl-input-phone__search-icon", icon: "magnifier", size: 20 })))))));
+            } }, index.h("xpl-icon", { key: 'af0fd388d39e6d9bcac5a032c7c0cf5f192cc4d3', slot: "pre", class: "xpl-input-phone__search-icon", icon: "magnifier", size: 20 })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/xpl-input-time.cjs.entry.js

@@ -175,11 +175,11 @@ const InputTime = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: '5494cc0a537152b9d8dfa03e5281b21e6bb6eee2', class: {
+        return (index.h(index.Host, { key: '098ef69d355f6bdf03b4bfbab59956f84d5967b4', class: {
                 'xpl-input-time': true,
                 [`xpl-input-time--mode-${this.mode}`]: true,
                 'xpl-input-time--error': !!this.hasErrorState,
-            } }, index.h("xpl-input", { key: '0d32784cd9fc8acacae1854a966bb426fa135fb5', pre: index.h("xpl-icon", { class: "xpl-input-time__clock-icon", icon: "clock", size: 24 }), post: this.timeFormat === '12h' ? this.amPm || 'AM' : undefined, type: "text", _id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, onInput: this.handleInput, value: this.formattedValue, onFocusEvent: this.handleFocus, onBlurEvent: this.handleBlur, onClick: this.handleClick }), !this.readonly && !this.disabled && (index.h("xpl-dropdown", { key: '206c668ca8ee29ceffaf14f14acd90fb076fc0ae', options: this.options, isOpen: this.showOptions, ref: (el) => {
+            } }, index.h("xpl-input", { key: 'e73a120a00a6f110e99e1a7d54bc75c024a2e1dc', pre: index.h("xpl-icon", { class: "xpl-input-time__clock-icon", icon: "clock", size: 24 }), post: this.timeFormat === '12h' ? this.amPm || 'AM' : undefined, type: "text", _id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, onInput: this.handleInput, value: this.formattedValue, onFocusEvent: this.handleFocus, onBlurEvent: this.handleBlur, onClick: this.handleClick }), !this.readonly && !this.disabled && (index.h("xpl-dropdown", { key: '454de00fca4a891eaffc71738538425fa9f4e34f', options: this.options, isOpen: this.showOptions, ref: (el) => {
                 this.dropdown = el ?? undefined;
             }, class: "xpl-input-time__dropdown" }))));
     }