@xplortech/apollo-core 3.2.1 → 3.4.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const Button = class {
     constructor(hostRef) {
@@ -58,7 +58,7 @@ const Button = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0e9841bd097a28e6745efddaf0d528d1f23f799d', class: {
+        return (index.h(index.Host, { key: '22c276771971610882e3f2761685fc0194bf4b53', class: {
                 'xpl-button': true,
                 [`xpl-button--${this.size}`]: true,
                 [`xpl-button--${this.variant}`]: true,
@@ -73,7 +73,7 @@ const Button = class {
                     this.type === 'reset' ||
                     this.type === undefined)
                 ? 'button'
-                : this.type, name: this.name, value: this.value, form: this.form, "aria-busy": this.isLoading ? 'true' : undefined }, this.icon && index.h("span", { class: "xpl-button__icon" }, this.renderIcon()), index.h("slot", null), this.isLoading && (index.h("span", { class: "xpl-button__loading-overlay", "aria-hidden": "true" }, index.h("span", { class: "xpl-button__loading-spinner" }, index.h("xpl-icon", { icon: "loader-4" }))))))));
+                : this.type, name: this.name, value: this.value, form: this.form, "aria-busy": this.isLoading ? 'true' : undefined }, this.icon && index.h("span", { class: "xpl-button__icon" }, this.renderIcon()), index.h("slot", null), this.isLoading && (index.h("span", { class: "xpl-button__loading-overlay", "aria-hidden": "true" }, index.h("span", { class: "xpl-button__loading-spinner" }, index.h("xpl-icon", { icon: "loader-4", size: 20 }))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var index$1 = require('./index-BvmWjxWc.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 var v4 = require('./v4-_2BfiRUa.js');
@@ -60,7 +60,7 @@ const Calendar = class {
         }
     }
     render() {
-        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) => {
+        return (index.h(index.Host, { key: 'a3fe8d5cf72542a8780abff18083667f0bedf2f7', class: "xpl-calendar" }, index.h("input", { key: '3aa859f2f540ba6c04b1347e0b7d339322a181ab', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 if (el)
                     this.inputElement = el;
             } })));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var v4 = require('./v4-_2BfiRUa.js');
 
 const Checkbox = class {
@@ -15,14 +15,14 @@ const Checkbox = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '300304af622ef0f26d53df76c20e27990a7b71d4', class: {
+        return (index.h(index.Host, { key: '1c22f9cae18b7ef0ab38b01b0a1bcb0267047201', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, 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: {
+            } }, index.h("input", { key: 'b82e9eef1e504bdf76faf441c5215b3ef95bd006', 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: '0f605fbd6dbee4e412e12c461bc530b47926d01b', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, index.h("slot", { key: 'd2ddc28e2b6c310f800efd13aaf8b6b718146e51' }), this.description && (index.h("small", { key: '573a2af2584d91da251b974c56999529c06ad9d0', class: {
+            }, htmlFor: this.id }, index.h("slot", { key: '1f165c4cad532b4daa6726ca1cd0607c26d7bbee' }), this.description && (index.h("small", { key: '21d04363115f6762600d4fa47ea2bdd2ae1a9c78', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var v4 = require('./v4-_2BfiRUa.js');
 
 const Choicelist = class {
@@ -42,7 +42,7 @@ const Choicelist = class {
         this.onChoicesPropChange(this.choices);
     }
     render() {
-        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: {
+        return (index.h(index.Host, { key: 'c1588b70760e078e599ee7a0ffa9b63b65bfb7e4', 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: '0ea89dcd0aa52724e2659b0a075299c0624eb682', class: {
                 'xpl-choicelist': true,
                 'xpl-choicelist--styled': !!this.styled,
             } }, this.choices.map((choice, i) => {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const ContentArea = class {
     constructor(hostRef) {
@@ -8,7 +8,7 @@ const ContentArea = class {
         this.size = 'wide';
     }
     render() {
-        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' })))));
+        return (index.h(index.Host, { key: '039b66267939780a105ead45dee7fdbab2826555' }, index.h("main", { key: '457e5701bed865b094c8031fef9a4f2d4f167e2a', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, index.h("div", { key: '174ca226c7c4cf56bd03f0636b985f5c13b72ddc', class: "xpl-content-area" }, index.h("slot", { key: '74e699c02c468d99032e37f8bdc025a5ad443e53' })))));
     }
 };
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const Dashboard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '6551b0e202b00dc8c584c4368bfabdb388433016' }, index.h("dl", { key: '126b026852d0de7040ce26736eb850fa31bfc1f3', class: "xpl-dashboard" }, index.h("slot", { key: '262977ead7f8f9d15e61a20368bb1a3584b4fd8b' }))));
+        return (index.h(index.Host, { key: 'dac516d62e2171dcd43f7c7d28fc4af39a880d63' }, index.h("dl", { key: '9ebe4177da5919058c8cdcc7aba2b07fcc9617a0', class: "xpl-dashboard" }, index.h("slot", { key: 'eb261b674f1ae29b4b9837c98865b64a78fe4949' }))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var slotPresence = require('./slot-presence-HmQUW2Ba.js');
 
 const GRAPH_CONTENT_SLOT = 'graph-content';
@@ -94,8 +94,8 @@ const DataCard = class {
             : this.smallStatVariant === 'negative'
                 ? 'arrow-down-right'
                 : 'dash';
-        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 }))))));
+        return (index.h(index.Host, { key: 'fb91175354152014c8369bcae8185f2f0a071178', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: '3b8b2ff2bb78c57f791e3f9b4140ea7acfa92b8f', class: headerClasses }, index.h("header", { key: '6fc0bfd1e215d7287ec0f458281e63f758338b10' }, !!this.leadingIcon && this.icon && (index.h("span", { key: 'f5e05a6211c9e2dc7af4284f86f20d20d77c9303', class: `xpl-data-card__icon--${this.variant}` }, index.h("xpl-icon", { key: '05a8e87ce2af58503f2d1eeff62a1ac28f121aa4', icon: this.icon, "background-color": bgColorHue, size: 20 }))), index.h("slot", { key: 'b0516cf5536fddad413546864414ad631098a982', name: "title" }, this.name)), this.link && (index.h("span", { key: '4a63943da50d3d70e3875928ad74f326d16396f6', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: 'af56c3a9e0f2fc683397aa0b1987f4e98318908a', icon: "chevron-right", size: 16 })))), index.h("dd", { key: '7b7df42e84bef6a3dd191d5171471380089be754', class: "xpl-data-card__body" }, index.h("div", { key: '5d59246ce0a1e9b068fd99ad7f15260e668e2f26', class: "xpl-data-card__left" }, index.h("span", { key: '0f6071510c55952ae5ceb031d9c15a648018ade4', 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: 'd412ffb9b685d8d74b6e5acefc1acb67e6edb04c', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (index.h("div", { key: 'bb050d82e4babcc083945c8cc23159476063858e', class: "xpl-data-card__right" }, index.h("slot", { key: '12b236efcc601e022b75b20223b234d385d7ff4a', name: GRAPH_CONTENT_SLOT }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var floatingUi_dom = require('./floating-ui.dom-DuvGwvW-.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 
@@ -439,7 +439,7 @@ const Dropdown = class {
         const shouldVirtualize = this.isVirtualized;
         let listContent;
         if (!hasOptions) {
-            listContent = index.h("slot", { key: 'da24352c25525fb0f20a86804889ceef4eed67f0', name: "options" });
+            listContent = index.h("slot", { key: '1d251963757071def866eb219bb3a33f3bc6df5c', 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: '356b1871de0539aee6ac085e59d4861cdb7db135', 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: '8430b65a3af7d86f95d4e5f7097fdd54c5d26b57', 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: 'f34a4f503feb2050100db75a40f21959aca8e74e', "aria-expanded": isOpen ? 'true' : 'false', class: {
+        return (index.h(index.Host, { key: '7a3687087564c55a008fd1bd2fece17c1dfb23dd', "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: 'dee58bc149835d2c4e1328fd92c780f75bea0499', name: "header" }), index.h("ul", { key: '32bec73cc8b67bd38df5231b3049c897a9d36c4e', class: "xpl-dropdown-list", ref: (el) => {
+            }, role: "listbox" }, index.h("slot", { key: '46caefc7c1f62c63c45340ade0b1586c9ad64238', name: "header" }), index.h("ul", { key: '40c83a3f32bceec5814fd95fc6d0256a729c86ce', 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: '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" })))));
+        return (index.h(index.Host, { key: 'c9a5ff35e59c6d64fb3b2bdf8d8e9381f53f843b', role: "group", "aria-label": groupName }, index.h("li", { key: '610646a5285bbda17ad9ef1a77abd8ccff657676', class: "xpl-dropdown-list-item" }, index.h("xpl-dropdown-heading", { key: '6daa3fa23425eae46c2d85370523af456c2dced3', label: groupName }), index.h("ul", { key: '0409673dbab16cd5fc72c5f7a50d23c531d91d66', class: "xpl-dropdown-list" }, mappedOptions || index.h("slot", { key: '19d7a3d59640af4759076e90c055556fa4a90f5f', name: "options" })))));
     }
 };
 
@@ -506,7 +506,7 @@ const DropdownHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        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" }))));
+        return (index.h(index.Host, { key: '06a117cb42389f17449401733d384b6669c39859', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, index.h("span", { key: '58262cf943e31880cf1d942af06dfefaa380cf8b' }, this.label || index.h("slot", { key: '3e0081cc6c9fc738f4d14c9f9838a8cff2c01b21', name: "heading" }))));
     }
 };
 
@@ -565,11 +565,11 @@ const DropdownOptionCpnt = class {
     }
     render() {
         const { label, isSelected, isDisabled, value, subtitle, icon } = this;
-        return (index.h(index.Host, { key: '3e8fe525f44d24414926664c8475344b3e57eb53', class: {
+        return (index.h(index.Host, { key: 'cc7bdfecd0354f3b1f9080535e3014d946a697c4', 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: '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))));
+            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, index.h("li", { key: '4ef95d229611225a2019d0d8871b81f2ae603b6a', class: "xpl-dropdown-list-item" }, icon && (index.h("xpl-icon", { key: 'e8380b63e1aac6fb00e36ae565147edfd4588415', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || index.h("slot", { key: '0c040b57a16cd9b2e9fbf18d04dd1cde215f81b1', name: "option" }), subtitle && index.h("span", { key: 'f8518da421611e4f3e72f28f38ac294bca9e9aad', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const DynamicTableCell = class {
     constructor(hostRef) {
@@ -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: 'bdc80cc13051a57294f5a8eef938ffc92f7108b4', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (index.h(index.Host, { key: 'fb0813824c87078ee6a2cda5e3d4f40f86160c30', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, index.h("slot", { key: '743946a9ee87d85eb9e0e414f9688e249b7694a3' })));
+            } }, index.h("slot", { key: '3a09f63ca7320971d3080458d48eb7f87423008a' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const DynamicTableRow = class {
     constructor(hostRef) {
@@ -28,9 +28,9 @@ const DynamicTableRow = class {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (index.h(index.Host, { key: '5d91af6b6055646118e882b9e4ac1c0fe9003e06', role: "row", class: classList, ref: (el) => {
+        return (index.h(index.Host, { key: '94044631c91c393c734c437ff74f182fdeb950dd', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, index.h("slot", { key: 'e3ed1a18b1d7187bf03f9c6633c276e1fb90d029' })));
+            } }, index.h("slot", { key: '182eabc2d78e66cd92cff945b814b32d734ef326' })));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const DynamicTable = class {
     constructor(hostRef) {
@@ -46,10 +46,10 @@ const DynamicTable = class {
         this.updateColumnCount();
     }
     render() {
-        return (index.h("div", { key: '223e082cd5124d2f495e65058c4742ab6a28f5cf', role: "grid", class: {
+        return (index.h("div", { key: '71265471c7289f1a983b57e15fe122e5fe9a8292', role: "grid", class: {
                 'xpl-dynamic-table': true,
                 'xpl-dynamic-table--accordion': this.hasAccordion,
-            }, "aria-colcount": this.colCount }, index.h("slot", { key: 'a808231d98db51ddb01ada49d69ae468cd721603', name: "header" }), index.h("slot", { key: '4eb9d10764e8d81e5c6d9f80fc9d470c2d34e969', name: "body" })));
+            }, "aria-colcount": this.colCount }, index.h("slot", { key: '3d7184014570b31d6f7e2eae04b9480f984747e2', name: "header" }), index.h("slot", { key: '880d79c4c7b2f15d04669e985b5478f3c4095e3c', name: "body" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const GridItem = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const GridItem = class {
         className += ` xpl-grid-item-sm-${this.sm}`;
         className += ` xpl-grid-item-md-${this.md}`;
         className += ` xpl-grid-item-lg-${this.lg}`;
-        return (index.h(index.Host, { key: '7c2e5c06f0751cf0a6bc6d80c12939e0f4c194ee', class: className }, index.h("slot", { key: '2fc5ed1542e50c826bec55e1f106c49ef19c1a38' })));
+        return (index.h(index.Host, { key: '6b8fd5050d72b282b742902a04e9fc6c7c86c23e', class: className }, index.h("slot", { key: '90918cb363ee43c81ae79b417e140def5e2dff43' })));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const Grid = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const HeaderAccordion = class {
     constructor(hostRef) {
@@ -56,7 +56,7 @@ const HeaderAccordion = class {
         this.updateParentCheckbox(initialCheckoxesValue);
     }
     render() {
-        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" }))));
+        return (index.h(index.Host, { key: '649558913d00fa4bed113fb51ebcc7a92a34c61e', class: "xpl-header-accordion" }, index.h("div", { key: '742f718f7e0008bd98f3bb44e9c9b05e0c0082f4', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (index.h("xpl-checkbox", { key: '77abda9dd405802faba93d0c6519649fee58b24d', 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: '10967604fc40083b76ee0a6e8b55b4de78d454e6', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("slot", { key: 'f0af291a2fd7b2bdcce77609ed4e5d6cfef30914', name: "title" }), index.h("xpl-icon", { key: '973530151081963fe45ec33e8a567c3586a325c5', size: 16, icon: "chevron-down", class: this.expanded ? 'rotate' : undefined }))), index.h("div", { key: '1ea19ccd4380833e24af029e1a5e9ba7b8e9e0ab', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, index.h("slot", { key: '918f07a47dd760f729480b43991208ae76ebf010', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 
 const afghanistan = {
@@ -13971,8 +13971,6 @@ var createIcons = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(createIc
 const icons = createIcons(data, nameAliases);
 var apolloIcons = icons.default;
 
-const xplIconCss = () => `.xpl-icon{align-items:center;display:grid;justify-content:center}`;
-
 const Icon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -13991,12 +13989,11 @@ 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: '4227f699fde8eac6949eb604b1c7b4fa20f57d2b' }, index.h("figure", { key: '33e1c0597e8883530ea685450afa47f2e0ac4555', class: wrapperClasses }, index.h("span", { key: '9920c6ae88f80c03fc885f7b41524eeaa147d77f', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
+        return (index.h(index.Host, { key: '19c397daad1da2833acfd8f398761b227eedf927' }, index.h("figure", { key: 'd14db5b7a2bacc8e9e534e15f24d055e23045d07', class: wrapperClasses }, index.h("span", { key: '59b161a6e73d2924e46e0e23b3da471ac70322b8', "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: '654cc247dbe9383198d6ac90b91412d0957259dc' }, this.icon, " icon"))));
+            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), index.h("figcaption", { key: '452f4c3044710c3720a3e0aa73306f3cedd232ae' }, this.icon, " icon"))));
     }
 };
-Icon.style = xplIconCss();
 
 exports.xpl_icon = Icon;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 
 const hslaToRgba = (hue, saturation, lightness, alpha) => {
@@ -378,16 +378,16 @@ const InputColor = class {
             top: `${y}px`,
             background: `rgb(${r}, ${g}, ${b})`,
         };
-        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: {
+        return (index.h(index.Host, { key: 'f611b04be640ef01db089c007e7f25b8036c491d', class: "xpl-input-color" }, index.h("xpl-popover", { key: '69543f023b1fac44519bdd4f0f05cc0cb80b9fa0', disabled: this.disabled, display: "menu" }, index.h("div", { key: '6f375f07dfbd4071f0563dfd1f7b29179a8350f2', slot: "trigger" }, index.h("div", { key: '17e69e5cc8e6ae1832ea553d853557e7ebe44203', class: {
                 'xpl-input-color__display': true,
                 'xpl-input-color__display--disabled': !!this.disabled,
                 'xpl-input-color__display--error': !!this.hasErrorState,
-            } }, index.h("span", { key: '9372da25358b453c5b89f324886c986153b9386b', class: "xpl-input-color__color", style: {
+            } }, index.h("span", { key: '9947ea401899d66e7d2ce41c585a9833fa1ad0c7', 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: 'a37bf00e4a70cda5e59cecfc7f108601bbb15e8e', 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: 'c30ba3d881ddb1949896ca5ff1ae6956c64348d0', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
                 e.stopPropagation();
                 this.openEyeDropper();
-            } })))), index.h("div", { key: 'e95b3755b47802b446de5d7e9c25d2238dea23ef', class: "xpl-input-color__menu" }, index.h("div", { key: '9ecc94c286d9cd0a5e25c92eaea3a2dd9ee4394b', class: "xpl-input-color__sl-grid", ref: (el) => {
+            } })))), index.h("div", { key: '5239298cd97594a7d8d7ee5b059e62417757ba1f', class: "xpl-input-color__menu" }, index.h("div", { key: '23552fc0d6cec74386c86b793b2c9ac3db71a0a0', 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: '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) => {
+            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, index.h("div", { key: 'c483d5d58c54cb6022584a6af5bfdbd761fd559b', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), index.h("div", { key: '157a8c17341702a2488cf957b54cabef43d11b5d', class: "xpl-input-color__grid" }, index.h("input", { key: '430e5aee2dff413469293bb7b2ce1cbd370cad43', 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: '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) => {
+            } }), index.h("input", { key: 'd4b3043979ee22de697d61ee97f76743a138e961', 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: 'b4953565664df14ad483f30c45b6ae5e717e6a63', class: "xpl-input-color__preview", style: {
+            } }), index.h("div", { key: 'ed859b34986b4c65b29193d0362fa32fa91ad6db', class: "xpl-input-color__preview", style: {
                 background: `rgba(${r}, ${g}, ${b}, ${a})`,
-            } })), index.h("div", { key: '731a00aa7075efc1a19849a58e5a81c8837ab199', class: "xpl-input-color__inputs" }, [
+            } })), index.h("div", { key: '6330ad3630f75f24b10117af3f98b39db6f6aecc', class: "xpl-input-color__inputs" }, [
             'hex',
             'r',
             'g',

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var v4 = require('./v4-_2BfiRUa.js');
 
 const PHONE_COUNTRIES = [

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 function format12Hour(time) {
     const [hours, minutes] = time.split(':');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var v4 = require('./v4-_2BfiRUa.js');
 var index$1 = require('./index-BvmWjxWc.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
@@ -191,13 +191,13 @@ const Input = class {
             this.characterCount > this.maxCharacterCount) {
             hasError = true;
         }
-        return (index.h(index.Host, { key: 'a276769b767bc7df63e2701697600c0ecbfa593e', class: {
+        return (index.h(index.Host, { key: 'd57ab7978ef701d4783f6780bbd807e8ee07ac7d', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': hasError,
                 'xpl-input--readonly': !!this.readonly,
                 [`xpl-input--${this.type}`]: true,
-            } }, this.label && (index.h("label", { key: '1686d1f5c9fc573929190bc1a04bf9efd2ad6957', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && index.h("small", { key: '1f74f68e8eeae5186e50ace2e96a9896b022fa30' }, this.description))), this.renderInput(), (this.error?.length ?? 0) > 0 && (index.h("label", { key: '2ee7de8b1dcb4cc27d7dcf8b34be66727ace1bfe', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, index.h("xpl-icon", { key: 'd3965b339f2d24dec0fdde367e76aacfefd25061', icon: "circle-warning", size: 16 }), index.h("span", { key: 'b6269e3f122a53980438c21cfbda2e18b3c77a7e' }, this.error)))));
+            } }, this.label && (index.h("label", { key: 'cdc55154c334fcc2ed8049113d012e046e77fde7', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && index.h("small", { key: '37a1685a6e0b9b7da8abc6209df998154affbb79' }, this.description))), this.renderInput(), (this.error?.length ?? 0) > 0 && (index.h("label", { key: 'c7a636a36d902543c9228a72c81db408912b3d58', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, index.h("xpl-icon", { key: 'e73b36e29ebe7812564e5d27710ebda1b9bf2185', icon: "circle-warning", size: 16 }), index.h("span", { key: '10149a258c81cbc439778e84f49bc6dfdc97d26d' }, this.error)))));
     }
     get el() { return index.getElement(this); }
 };
@@ -328,16 +328,16 @@ const InputDate = class {
         parent.removeChild(wrapper);
     }
     render() {
-        return (index.h(index.Host, { key: 'f1b3189eb8ba737e5e96826042d8c3aadce9b0d1', class: {
+        return (index.h(index.Host, { key: 'db5a09f9a2ee0b813eddf841ea4ea3992e3e34c6', class: {
                 'xpl-input-date': true,
                 [`xpl-input-date--mode-${this.mode}`]: true,
                 'xpl-input-date--error': !!this.hasErrorState,
                 'xpl-input-date--flatpickr-static': this.flatpickrStaticLayout,
-            } }, index.h("div", { key: '1c292279aad8ae7f48358d5e42189d60ecd1d97d', class: "xpl-input-wrapper" }, this.pre && (index.h("label", { key: 'f8ed452f69f664fd4e3b83e428070f3f4b14d5c6', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), index.h("input", { key: 'e1659c6ad3cb2cb0a5d88a7635672917d2f58ebb', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
+            } }, index.h("div", { key: '747c13852b950f0cc66eee49385c4b21e1d877f5', class: "xpl-input-wrapper" }, this.pre && (index.h("label", { key: 'b7701d8c9ddba763709f911393997178fd8ebe28', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), index.h("input", { key: 'fdacd352e22996be3f3edeceb570a6dc2c49728b', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
                 this.input = el ?? undefined;
             }, onChange: (event) => {
                 this.valueChanged(event);
-            } }), index.h("xpl-icon", { key: '577c881edf4ef8dfd3c910c8bbdd268af7448e6c', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (index.h("label", { key: '5acfeb3ea72d9c5a193116e305fd54d323276910', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
+            } }), index.h("xpl-icon", { key: '6eb3953655f7186648ab7602eb4aa6ce8a3e70cc', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (index.h("label", { key: '4191049e3d4378d99b83bd6ebfd458953a70286e', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var slotPresence = require('./slot-presence-HmQUW2Ba.js');
 
 const GRAPH_CONTENT_SLOT = 'graph-content';
@@ -78,7 +78,7 @@ const LargeCard = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '879f57b756e3c25bb9bebbc06f144a137bf0b78b', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: '1336da473527a06e485c559925156954c0162696', class: "xpl-large-card__header" }, index.h("header", { key: '69073fa20879ae4b9709ec54cc01cad85fba6366' }, index.h("slot", { key: 'c9381d78ba477f7ba9f1ce6a2e82c149bbe50ad0', name: "title" }, this.name), this.link && (index.h("span", { key: '8075678983d86cc192b9a2fc7a43fb4c022dbace', class: "xpl-large-card__header-arrow" }, index.h("xpl-icon", { key: '960d96210c4d5f37b51782947b9acdb3cb4d125d', icon: "chevron-right", size: 16 })))), this.description && (index.h("div", { key: '0162c71c16faa14385da912cbcf6a24f182b1012', class: "xpl-large-card__description" }, this.description))), index.h("dd", { key: 'd48d1348b8d0b5b3db776d64be10b23d884cd35c', class: "xpl-large-card__body" }, this.graphContentPresent && index.h("slot", { key: '7aa25f469d81ebc5046cc382920fcac9a3d59a9c', name: GRAPH_CONTENT_SLOT }))));
+        return (index.h(index.Host, { key: 'a488db2794b82683d4c1ec3eb99d912ac44c6c01', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: '7120ad4c237b26f39a7778068426b88b070cac91', class: "xpl-large-card__header" }, index.h("header", { key: '7c40707298086c2b478b93b189d63af3eec7bcfd' }, index.h("slot", { key: '4cf184079ab33c2ffcd680e848eacdac5af7bcb3', name: "title" }, this.name), this.link && (index.h("span", { key: '5b5397cea4222e30f21a57df7a6c953c7e0870b0', class: "xpl-large-card__header-arrow" }, index.h("xpl-icon", { key: '63ae7e85989f006e566ef27c17bd0b8645aa1293', icon: "chevron-right", size: 16 })))), this.description && (index.h("div", { key: 'bce1ce5e8f2f3e8d55eb187aef2a8a3c9ba756fb', class: "xpl-large-card__description" }, this.description))), index.h("dd", { key: '5af4c4720b6fb563383d98d16c59914dcce2624b', class: "xpl-large-card__body" }, this.graphContentPresent && index.h("slot", { key: '71663b175e0bba01c5d49c97b65e86f07f1682d4', name: GRAPH_CONTENT_SLOT }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 function emptyXplListItemSlotPresence() {
     return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 
 let xplListItemsPropDeprecationWarned = false;
@@ -371,10 +371,10 @@ const List = class {
     render() {
         const ariaLabelledBy = this.labelledBy?.trim() ? this.labelledBy.trim() : undefined;
         const ariaLabel = !ariaLabelledBy && this.label?.trim() ? this.label.trim() : undefined;
-        return (index.h(index.Host, { key: '5516f433d051a8cac2d01255e7e4b43956f088c5', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index$1) => {
+        return (index.h(index.Host, { key: '86436f586fb301e2fcdc9688ab7bc8c1f5c99f8d', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index$1) => {
             const legacyRowId = item.id ?? `item-${index$1}`;
             return (index.h("xpl-list-item", { key: `legacy-item-${legacyRowId}`, item: item, href: item.href, itemId: legacyRowId }));
-        }), index.h("slot", { key: '68216fa87a1034e09363b8b20fc436d0d3725cc3' }), this.reorderable ? (index.h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
+        }), index.h("slot", { key: '1799e215c1155e162a95b0df9813ad6e67e89f61' }), this.reorderable ? (index.h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 const MainNav = class {
     constructor(hostRef) {
@@ -18,7 +18,7 @@ const MainNav = class {
         this.navWidthHandler();
     }
     render() {
-        return (index.h(index.Host, { key: '965f7a4faa40d7ec386c947e16fb5bc4621496a0', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, index.h("nav", { key: '1237191a5c5e6d3eacfba46d7b9cb6c5e1fcc191' }, index.h("header", { key: '903b017b0610dfd4fee28aa0d00d9c2f030506bc', "aria-label": "Sidebar Header" }, index.h("slot", { key: 'ec0c4c0a92ae8578372895c3a0ee225da2bc2bb8', name: "logo" }), index.h("slot", { key: 'd2b9d45cfde83df6f7f76889fc5c05520f5346d6', name: "brand-name" })), index.h("div", { key: '93d7a1d1ca940db7fedf4c634c092d2554c9e9e6', class: "xpl-main-nav__main_section" }, index.h("slot", { key: '0a0c0ee4ae85a4db09cf87c7fe9693bd1f64721a', name: "navigation" })), index.h("footer", { key: '21d2eaa5f1446145656954966e550150c867357c', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, index.h("slot", { key: 'd2b84a7ea550a1da9460df7e9ace73354929707f', name: "footer" })))));
+        return (index.h(index.Host, { key: 'ab352ff358657b1f3b463a84e7a40e18ae23df29', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, index.h("nav", { key: 'e62b52010f76c39078ceaa5085c4e5dcd03d45ce' }, index.h("header", { key: '05cfd30654dcb4a6082ac97490c516d0b01ae791', "aria-label": "Sidebar Header" }, index.h("slot", { key: 'e48cd7e5a01ae86ac1d50a9b5e46e93a902ae50f', name: "logo" }), index.h("slot", { key: '77a840ec7da01b757efaea8a0ffb4d590f97dc7d', name: "brand-name" })), index.h("div", { key: 'fa9093094b5998901402d2b8a56b1e16cce648fc', class: "xpl-main-nav__main_section" }, index.h("slot", { key: '5a13411ad2043e58b7d168216c15626be160e2dd', name: "navigation" })), index.h("footer", { key: 'ee8cfafdc454ef56f66facf9ee894f6980419932', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, index.h("slot", { key: 'da7fc8d944121f0060acd579fc3a960571b1fd26', name: "footer" })))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-CQbPtJas.js');
 
 let modalInstanceCount = 0;
 const Modal = class {