@xplortech/apollo-core 3.2.1 → 3.3.0

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-EdmnG7t8.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-EdmnG7t8.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-EdmnG7t8.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-EdmnG7t8.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-EdmnG7t8.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-EdmnG7t8.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-EdmnG7t8.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-EdmnG7t8.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 
 const afghanistan = {

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-EdmnG7t8.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 
 const hslaToRgba = (hue, saturation, lightness, alpha) => {

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-EdmnG7t8.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-EdmnG7t8.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-EdmnG7t8.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); }
 };

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-EdmnG7t8.js');
 var slotPresence = require('./slot-presence-HmQUW2Ba.js');
 
 const GRAPH_CONTENT_SLOT = 'graph-content';

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-EdmnG7t8.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-EdmnG7t8.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: 'a97abb1b66b810ef2d18683fd2b77d817c4cf87f', 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: '0c5421e5ac9652c8efa7563003582a3a57141324' }), 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-EdmnG7t8.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-EdmnG7t8.js');
 
 let modalInstanceCount = 0;
 const Modal = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var lightDomSlots = require('./light-dom-slots-CS8Q9rRZ.js');
 
 const NAV_HEADER_MENU_RIGHT_ASIDE_MOBILE_REGIONS = [
@@ -74,11 +74,11 @@ const NavHeaderMenu = class {
     }
     render() {
         const hasProfile = !!this.username || !!this.email;
-        return (index.h(index.Host, { key: 'b79342bf524458e0119a92ba754a700c70c8652f', class: {
+        return (index.h(index.Host, { key: '4f03d42e8b1fb74ed6311b05cf8271347b6d6f54', class: {
                 'xpl-nav-header-menu': true,
                 'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
                 dark: true,
-            } }, hasProfile && (index.h("div", { key: 'db3789fefeb61c27d081e2f18be1f4f42d4d1696', class: "xpl-nav-header-menu__profile" }, index.h("div", { key: '00415b3ea671d119ae7b196eb10b0f3fd423d302', class: "xpl-nav-header-menu__info" }, this.username && (index.h("div", { key: 'e3eb1b9425f3902bffc493fd1f26065cea2e9eb0', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (index.h("div", { key: 'efeaeddcf8598169c014ff84a0dc2bd8c445ec44', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), index.h("div", { key: '2fc3f202f45c4fb9e330f16f71ad68d6c03d6dc8', class: "xpl-nav-header-menu__right-aside-mobile" }, index.h("slot", { key: 'd375a64cc228d4514ab5c6a59d6781799eba174f', name: "right-aside-mobile" })), index.h("div", { key: '113008a606e34af2e8e23eb7d261858d2d631d28', class: "xpl-nav-header-menu__slot", role: "list" }, index.h("slot", { key: '214afe30add1001da07ff4870f29bcd932d8c199' }))));
+            } }, hasProfile && (index.h("div", { key: '0efea5710b8f5e96b9a31f41ccb17a3463295739', class: "xpl-nav-header-menu__profile" }, index.h("div", { key: 'a23b89cdc2f00e3611303083a062823ece388df3', class: "xpl-nav-header-menu__info" }, this.username && (index.h("div", { key: '755cbf613b70da2238521d26a8221b5cc60f16cb', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (index.h("div", { key: '34214d815c2558606ed1d8cf1fcd4cd5fd29eb24', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), index.h("div", { key: '59bf60e44aa73fbd785423a387c0e5778c14635e', class: "xpl-nav-header-menu__right-aside-mobile" }, index.h("slot", { key: '48c61e23313d0bbbd6949d98fabe1ba79399e4e9', name: "right-aside-mobile" })), index.h("div", { key: '12f7bb51b54f217a1fe21cdc7c0af50a5dbc1a6d', class: "xpl-nav-header-menu__slot", role: "list" }, index.h("slot", { key: '3ab8954d96137ab0fcc12eba87e4b381173976f0' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const NavItem = class {
     constructor(hostRef) {
@@ -14,11 +14,11 @@ const NavItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '12b0be7801fdf60e06dca270ec5d211e2c81af21', class: "xpl-nav-item", role: "listitem", onClick: () => {
+        return (index.h(index.Host, { key: 'eaae0b2a505bfab9d5d78b22b42b1dc24cb16b38', class: "xpl-nav-item", role: "listitem", onClick: () => {
                 if (this.navControl) {
                     this.onNavToggle();
                 }
-            } }, index.h("slot", { key: '1716229d1110bed1911c0921d87dd6238e7f59aa', name: "link" }, index.h("slot", { key: '653fd2830c8e67d3c9fe65a0994bd167173e110b', name: "icon" }), index.h("slot", { key: 'a33f79ab45a2a65debca49fbedabf2daef2428c8' }))));
+            } }, index.h("slot", { key: 'f69e8bdc7809836f4765c62f82c404fb55e97fb7', name: "link" }, index.h("slot", { key: '044c518562eb68a068ef0a0a2117c69f5486fde5', name: "icon" }), index.h("slot", { key: '67edf532a3057af42d6b3ec51ccde9cc83d43d0b' }))));
     }
 };
 

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

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

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var index$1 = require('./index-DP4JWqOH.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 
@@ -240,16 +240,16 @@ const Popover = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a14924382ef3c963fa0d8c6dc4575c1fcb3a8c3a' }, index.h("div", { key: 'a9bb868211d6866a8f3d097841c41236c37b0ae5', class: {
+        return (index.h(index.Host, { key: 'cac4278a866b566f1e47a69657614c2046cc3532' }, index.h("div", { key: '2a6d8eea3139aa491211308c972d00332bcda855', class: {
                 'xpl-popover': true,
                 [`xpl-popover--${this.actualPosition}`]: true,
                 'xpl-popover--is-open': this.isOpenState,
-            } }, index.h("span", { key: '1502c64a98fbf22af9516e5e9aa905e79ea13ab3', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
+            } }, index.h("span", { key: '4d0b8c711e6d276adada5b6c288b77db9c66153b', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
                 this.triggerRef = el;
-            } }, index.h("slot", { key: '56a3bdc8d33b010095645b5bfd4b82890351777b', name: "trigger" })), this.display === 'arrow' && (index.h("div", { key: 'f69e9e12ab93f55267b8c23707eb48321f79a9c6', class: "xpl-popover__arrow" }, index.h("svg", { key: '1064f5962035b2cbf6dc2d721b537cddb815323e', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7490e8887c93cd357bc21e93c96ab8de3873892b', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), index.h("path", { key: '6ab893d176866029ac33622a11e097541d5fdb74', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), index.h("div", { key: '798414192900fab40f67986489753c8a63ec1d92', class: {
+            } }, index.h("slot", { key: '12f54f037f22c2e2084be6b272e96ab360097dc8', name: "trigger" })), this.display === 'arrow' && (index.h("div", { key: '26b415512019f9a6267c49f81d214f2b80731e3f', class: "xpl-popover__arrow" }, index.h("svg", { key: '6ee61c6a73a06e0ad26e366152065eccc1542abe', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '45d76b9ab0123b362c7d7c0fe5d28cec5d17540f', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), index.h("path", { key: '08a78e26854380aab4c87d9386c01cfda33bc57c', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), index.h("div", { key: '68d3143c6458bfbbd5080e4c5de3718fa04f9faf', class: {
                 'xpl-popover__content': true,
                 [`xpl-popover__content--display-${this.display}`]: true,
-            }, ref: (el) => (this.contentRef = el) }, index.h("slot", { key: '5c1f963e4009f5a8d30aaad7f0169164abf5bd43' })))));
+            }, ref: (el) => (this.contentRef = el) }, index.h("slot", { key: 'bd1b017359d09bce4316ac55771f7c886b617198' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

package/dist/cjs/xpl-progress-indicator.cjs.entry.js

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

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 
 const SecondaryNav = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'dc00b09e91c4baa484084256b7b583363a518905', class: "xpl-secondary-nav" }, index.h("nav", { key: 'daf32568baecfa600a6d51747446e82c0df44d1a', "aria-label": "Secondary Nav" }, index.h("slot", { key: '6d6a2fa94e8779b7a4b9414fe29829eb1ee20125' }))));
+        return (index.h(index.Host, { key: '60cb6c9909d943691552665d71cb9fcf2e5fc190', class: "xpl-secondary-nav" }, index.h("nav", { key: '0890f096dc8621b6890835594385c392e0ef9905', "aria-label": "Secondary Nav" }, index.h("slot", { key: 'a9506445f06cc508969c1d6cff962b0553a01a5f' }))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var index$1 = require('./index-DP4JWqOH.js');
 var lifecycle = require('./lifecycle-DeSsFfQZ.js');
 var v4 = require('./v4-_2BfiRUa.js');
@@ -25,7 +25,7 @@ function tagWidth(text) {
     if (!context) {
         return 0;
     }
-    return context.measureText(text).width + 44;
+    return context.measureText(text).width + 50;
 }
 function getDisplayValue(choice) {
     return choice.label || choice.value || '';
@@ -279,21 +279,21 @@ const Select = class {
             this.truncate &&
             !this.customDisplayValue;
         const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
-        return (index.h(index.Host, { key: '273b1e5d40c7873055bb735adf66c325d18ba676', class: {
+        return (index.h(index.Host, { key: 'b28e9dbd835634f20311d80b0793c722bb516d10', class: {
                 'xpl-select': true,
                 'xpl-select--disabled': !!this.disabled,
                 'xpl-select--no-truncate': !this.truncate,
                 [this.classNames ?? '']: !!this.classNames,
             }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
                 this.container = el;
-            } }, this.renderLabel(), index.h("div", { key: '87a42faab0ee127dfaa2ee75e9218900e9e0a4b3', class: {
+            } }, this.renderLabel(), index.h("div", { key: '9becbbb7cc7ad5f36912adb9b2bafbfbd200729c', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': this.error !== undefined,
-            } }, index.h("div", { key: '22c839efb33132901419bab4dacbe9ffaf464d77', class: "xpl-input-wrapper" }, index.h("button", { key: '68b88431715f567adfbe00c5f1bcdf9ab41f7360', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, index.h("div", { key: '725575d6e2ebde606deb2efa6d135cd93a358c6f', class: "xpl-input-wrapper" }, index.h("button", { key: 'e7c3d24ce1366bbb42817eb1627b89dfc9b7f669', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
                 e.preventDefault();
                 this.handleDropdownTrigger();
-            }, type: "button" }, index.h("div", { key: 'd1cf1ba8dbe86413a7de9911440204509fc4093b', class: {
+            }, type: "button" }, index.h("div", { key: 'b32057bdf81dfb44a89a15a596e35efe9b1c56fb', class: {
                 'xpl-select-value': true,
                 'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
                 'has-value': this.value.length > 0,
@@ -313,7 +313,7 @@ const Select = class {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), index.h("xpl-icon", { key: 'f44a543e315a5715d5d077ce7601956d8485f5f1', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (index.h("xpl-dropdown", { key: 'dd2355886ce290d697431e00c8f4b7bc41c87429', ref: (el) => {
+        })(), isTextTruncated && truncatedText), index.h("xpl-icon", { key: 'f552cedcb15ff028a763ef6e8b5ee30f7a4e6720', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (index.h("xpl-dropdown", { key: 'ef09a2f9fabb75050e0e69c1bc375b64d6584429', ref: (el) => {
                 this.dropdown = el ?? null;
             }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
                 const { options } = component;
@@ -322,7 +322,7 @@ const Select = class {
                 }
             }, onIsOpenChange: (e) => {
                 this.dropdownOpenState = e.detail;
-            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), index.h("input", { key: '18472290f7adfe3c02ee90759180404ec33aa1e2', type: "hidden", name: this.name, value: this.value })));
+            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), index.h("input", { key: '3963614dbc087fe3a10d44ab4554046755a581d2', type: "hidden", name: this.name, value: this.value })));
     }
     static get watchers() { return {
         "choices": [{
@@ -468,7 +468,7 @@ const Tag = class {
     }
     render() {
         const dragEnabled = this.isDraggable && !this.disabled;
-        return (index.h(index.Host, { key: '9a05e10e7fbc047112f740884e6ba40c773b472c', class: {
+        return (index.h(index.Host, { key: 'bc92bc270f366844ffba7cce7d126a033c80d751', class: {
                 'xpl-tag': true,
                 'xpl-tag-container': true,
                 'xpl-tag--disabled': this.disabled,
@@ -476,7 +476,7 @@ const Tag = class {
                 'xpl-tag--dragging': this.isDragging,
                 'xpl-tag--draggable': dragEnabled,
                 'xpl-tag--sm': this.size === 'sm',
-            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (index.h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, index.h("slot", null))) : (index.h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, index.h("slot", null))), this.dismissible && (index.h("button", { key: '37f7687aa9675c52cbd4390d66d63ced630904d0', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, index.h("xpl-icon", { key: '104eac0362541d99c59e0fd6b18a5e1b2171030b', icon: "xmark", size: 10 })))));
+            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (index.h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, index.h("slot", null))) : (index.h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, index.h("slot", null))), this.dismissible && (index.h("button", { key: '8826de6d590d5eea611c4cc406293c94d61593b2', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, index.h("xpl-icon", { key: 'b8e6763f53f23444b993c9331616e4cbb1440526', icon: "xmark", size: 10 })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/xpl-side-nav-header-item.cjs.entry.js

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3cBvw409.js');
+var index = require('./index-EdmnG7t8.js');
 var sideNavSlotUtils = require('./side-nav-slot-utils-DMog5BVN.js');
 
 const SideNavItem = class {
@@ -107,14 +107,14 @@ const SideNavItem = class {
             expanded: this.expanded,
             selected: this.selected,
         };
-        return (index.h(index.Host, { key: '059210d35fdf3561fa2bc4f541f80fbb1e570506', class: {
+        return (index.h(index.Host, { key: 'fe0796a361383d97010699b710fe61a0cf17289a', class: {
                 'xpl-side-nav-item': true,
                 'xpl-side-nav-item--link-disabled': this.link && this.disabled,
             } }, this.link ? (index.h("slot", null)) : (index.h("button", { type: "button", class: buttonClass, "aria-current": this.selected ? 'page' : undefined, "aria-expanded": this.hasChildren ? (this.expanded ? 'true' : 'false') : undefined, onClick: this.handleClick, disabled: this.disabled }, index.h("span", { class: "xpl-side-nav-item__leading" }, index.h("slot", { name: "leading" }, this.icon ? (index.h("xpl-icon", { icon: this.icon, size: 16 })) : null)), index.h("span", { class: "xpl-side-nav-item__label" }, this.label ?? ''), (this.hasTrailingSlot || this.hasChildren) && (index.h("span", { class: {
                 'xpl-side-nav-item__trailing': true,
                 'xpl-side-nav-item__trailing--chevron': showAutoChevron,
                 expanded: showAutoChevron && this.expanded,
-            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, index.h("slot", { name: "trailing" }, showAutoChevron ? (index.h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (index.h("div", { key: '47b1eba18028549e03394678bca58beee9b2f157', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, index.h("div", { key: '7b6137a009106e3adfb99928bff429bea92b63e2', class: "xpl-side-nav-item__children-inner" }, index.h("slot", { key: '3cf83a5e3e8367ef4d5bfbedb8c22bc6bf1efaa7' }))))));
+            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, index.h("slot", { name: "trailing" }, showAutoChevron ? (index.h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (index.h("div", { key: 'c3f38b679aef2d66ad477bf9fb04ff8228740ebd', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, index.h("div", { key: '7b51bf6ca02febd7e3b63a1bccbbb79b3554db03', class: "xpl-side-nav-item__children-inner" }, index.h("slot", { key: '7d9d16628cb60480199b6eda497fccb931eb72e9' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {