@xplortech/apollo-core 3.0.0 → 3.2.0

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

@@ -191,13 +191,13 @@ const Input = class {
             this.characterCount > this.maxCharacterCount) {
             hasError = true;
         }
-        return (index.h(index.Host, { key: '94a5e19a36756ac43ebbe6d3996a2ffbf475da24', class: {
+        return (index.h(index.Host, { key: 'a276769b767bc7df63e2701697600c0ecbfa593e', 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: 'd41b5e5245483e2ea235c910f85cd6a21b100dec', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && index.h("small", { key: 'c9d55823b8b97678b2f5f4374446c3693e6dceaa' }, this.description))), this.renderInput(), (this.error?.length ?? 0) > 0 && (index.h("label", { key: '20e5a1d2af06e571f0757aa60633438f79a6a17d', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, index.h("xpl-icon", { key: 'a193ee5f1d3e0d8479fa8dfd66ab27edeb400d30', icon: "circle-warning", size: 16 }), index.h("span", { key: 'acf686fe036d1a1e9cb944ff773dda86e90ff39a' }, this.error)))));
+            } }, 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)))));
     }
     get el() { return index.getElement(this); }
 };
@@ -328,16 +328,16 @@ const InputDate = class {
         parent.removeChild(wrapper);
     }
     render() {
-        return (index.h(index.Host, { key: '768d9bffdb7431a48824590f9ae61f8e77735e98', class: {
+        return (index.h(index.Host, { key: 'f1b3189eb8ba737e5e96826042d8c3aadce9b0d1', 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: '5b3421bad3bc8474b3724fc7a4287ccf98bd1ba5', class: "xpl-input-wrapper" }, this.pre && (index.h("label", { key: 'f0e88d0052247c15decc6de2635db1fb847fdd94', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), index.h("input", { key: '251ddfab7140c7a13fd2ef36d7baefe81ed3e716', 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: '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) => {
                 this.input = el ?? undefined;
             }, onChange: (event) => {
                 this.valueChanged(event);
-            } }), index.h("xpl-icon", { key: '6828c8024496963a2a480091a40326154e21d1f5', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (index.h("label", { key: 'e08267b6ffc0d605b557e69784b54757621182c7', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
+            } }), 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)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -384,18 +384,18 @@ const InputFile = class {
         this.onRemoveFileByIndex(fileIndex);
     }
     render() {
-        return (index.h(index.Host, { key: 'baa52af5a8ee6222ff745cece6e59d9480165af6', class: {
+        return (index.h(index.Host, { key: '87eead553435ce984945ccb72ca262bfd6123562', class: {
                 'xpl-input-file': true,
                 'xpl-input-file--hide-trigger-on-select': !!this.hideTriggerOnSelect,
                 'xpl-input-file--disabled': !!this.disabled,
-            } }, index.h("span", { key: '802ed05f26bd1e2a618f5e09bea7370fe69a4718', class: {
+            } }, index.h("span", { key: 'f345204405d1bb784fc662fa3c29e9edaeca9c67', class: {
                 'xpl-input-file__trigger-wrapper': true,
                 'xpl-input-file__trigger-wrapper--hidden': !!this.hideTriggerOnSelect && (this.files?.length ?? 0) > 0,
-            }, role: "button", tabIndex: 0, onClick: this.openFileDialog }, index.h("slot", { key: '487381f2b34d2ad528f1b32f976e5513c1e29c11', name: "trigger" })), (this.files?.length ?? 0) > 0 && !this.hideFileNames && (index.h("ul", { key: 'fe7b503a89a65af02cbb39b93b518b2dde790a34', class: "xpl-input-file__file-list" }, (this.files ?? []).map((file, fileIndex) => (index.h("li", { class: "xpl-input-file__file-item" }, index.h("span", { class: "xpl-input-file__file-name" }, file.name), index.h("xpl-icon", { icon: "x-circle", size: 24, onClick: (e) => {
+            }, role: "button", tabIndex: 0, onClick: this.openFileDialog }, index.h("slot", { key: '46c4e817cb8f8b050b4de5c571757c7ed84698a7', name: "trigger" })), (this.files?.length ?? 0) > 0 && !this.hideFileNames && (index.h("ul", { key: '455af4a3cad84232464927efb880ce0a26cebf71', class: "xpl-input-file__file-list" }, (this.files ?? []).map((file, fileIndex) => (index.h("li", { class: "xpl-input-file__file-item" }, index.h("span", { class: "xpl-input-file__file-name" }, file.name), index.h("xpl-icon", { icon: "x-circle", size: 24, onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.onRemoveFileByIndex(fileIndex);
-            }, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (index.h("span", { key: '6e5e54426f2b33858b374d09014ec0096fa43bb4', class: "xpl-input-file__accept" }, "Accepted file types: ", this.accept)), index.h("input", { key: '81d08e97d8d2c8a59640348e295261f9acd439cc', onChange: this.handleFileChange, type: "file", ref: (el) => {
+            }, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (index.h("span", { key: '77abc822d8d44b33f251d4ba9ef21cfc7dd6c287', class: "xpl-input-file__accept" }, "Accepted file types: ", this.accept)), index.h("input", { key: 'd75ec23921943259d789b0f32828dca57864520e', onChange: this.handleFileChange, type: "file", ref: (el) => {
                 this.fileInput = el ?? undefined;
             }, hidden: true, accept: this.accept, multiple: this.multiple, name: this.name })));
     }
@@ -507,7 +507,7 @@ const InputSearch = class {
         return shell;
     }
     render() {
-        return (index.h(index.Host, { key: '4a152d3a8db620391334488e1c6c3cdbe9250ba3', class: {
+        return (index.h(index.Host, { key: '90b29d51b36655d1dc5f7fa9b67edf6382cb90af', class: {
                 'xpl-input-search': true,
                 'xpl-input-search--disabled': this.disabled,
                 'xpl-input-search--error': this.hasError,

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

@@ -78,7 +78,7 @@ const LargeCard = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9fdddb5c8d02400545f57499c92af0ee0aa4be67', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: '3854e5f89efa2c968f7abeb8284c0ab8e3e31fda', class: "xpl-large-card__header" }, index.h("header", { key: '0057d377780108f886dae2d9a6a1f3d81748b5fc' }, index.h("slot", { key: '243d38d7635a2e288a1ec7f7894b772d5005acee', name: "title" }, this.name), this.link && (index.h("span", { key: 'f2ce2ff09a50471ee255bac8bda406908c272388', class: "xpl-large-card__header-arrow" }, index.h("xpl-icon", { key: '86233617aaf74a137d84639e1477c311671fad7b', icon: "chevron-right", size: 16 })))), this.description && (index.h("div", { key: 'ab0c0134a2468d22d122dfe810306d570beee8e8', class: "xpl-large-card__description" }, this.description))), index.h("dd", { key: '6fb1262327dc91fd0a982bd31ee7deaa94625e12', class: "xpl-large-card__body" }, this.graphContentPresent && index.h("slot", { key: 'b1e170a19004aad87015786307b926e58d031751', name: GRAPH_CONTENT_SLOT }))));
+        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 }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -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: '8b055baaf9acc04df19be097d0fb5bcb86c7165a', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index$1) => {
+        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) => {
             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: '103e3fb6cb29f9527b090dd9e53412528ed7b9c2' }), this.reorderable ? (index.h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
+        }), index.h("slot", { key: '68216fa87a1034e09363b8b20fc436d0d3725cc3' }), 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

@@ -18,7 +18,7 @@ const MainNav = class {
         this.navWidthHandler();
     }
     render() {
-        return (index.h(index.Host, { key: '936e7393a8037c6c78c7a6d5d284d9c37be2f866', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, index.h("nav", { key: '45fd74c979b53bbd8080ca92ea15e3135d0d49ae' }, index.h("header", { key: 'cb692d0e90aa70bce5e09af43e54d864849f4800', "aria-label": "Sidebar Header" }, index.h("slot", { key: '778c33ef024895ca44616ef9655843330e3c563b', name: "logo" }), index.h("slot", { key: '7728db09b46999e708c46d10d5de56c65ab9a9fa', name: "brand-name" })), index.h("div", { key: '0376fefe7921b061f3f2fdc972aa381ed7d124a2', class: "xpl-main-nav__main_section" }, index.h("slot", { key: '12a61a53d6c93695d38c70d9a953fe4e37438178', name: "navigation" })), index.h("footer", { key: '8cd0e32231e155324c78878dcaad955ab7b3e4fb', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, index.h("slot", { key: 'cdaf0bec22d3d8229441e7e036c3fcbcb244c32f', name: "footer" })))));
+        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" })))));
     }
 };
 

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

@@ -94,7 +94,7 @@ const Modal = class {
         }, 250);
     }
     render() {
-        return (index.h(index.Host, { key: '3194d5377b7438543a3f6e6ab41fd7c307674a28', class: "xpl-modal" }, this.isOpen && index.h("xpl-backdrop", { key: 'dfc30ff7879364920669a1d1ebfdaea39951b966' }), index.h("dialog", { key: 'bfb33a8d97d17981f582768b0e34b0d167cf60cb', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}`, "aria-labelledby": this.titleId }, index.h("div", { key: '0b71adc30bde109aa831a28200c918a458a7da52', class: "xpl-modal__header" }, index.h("div", { key: '657c5aad60fa85e4285e299dcbe24209742277e6', class: "xpl-modal__title" }, index.h("xpl-button", { key: '2301014d0f4bd129dbbfc7b1eb242db98622f866', type: "button", class: "xpl-modal__close-button", "icon-only": true, variant: "tertiary", "aria-label": "Close modal", onClick: this.handleDialogClose }, index.h("xpl-icon", { key: 'a978ff514926ca4b319c4920b2057baa50a1fb24', icon: "xmark" })), this.variant === 'warning' && (index.h("xpl-icon", { key: '2a1cf704d1aa75170d53ef3887a4d1e7874762fa', size: 20, icon: "triangle-warning", class: "xpl-modal__alert-icon" })), index.h("span", { key: 'd2bcd4c5b4596e80875eb9000ee75d592e41ce74', class: "xpl-modal__title-text", id: this.titleId }, index.h("slot", { key: 'cf009856b6e86bab36bc16a249ad9b3ebc09fd1c', name: "title" }))), index.h("div", { key: '29258401d4ec72c81a5a7e28e2365efd2227445e', class: "xpl-modal__subtitle" }, index.h("slot", { key: '9f749c62f55edabcec4dc5d8677ad9b45e64be50', name: "subtitle" }))), index.h("div", { key: 'f12dd8ee02ef7f9aeeedd0d7c7b5ffe52c24a336', class: "xpl-modal__body" }, index.h("slot", { key: '0a9e2d67a7842075560e1cf846e4b3d18bfe1bee', name: "body" })), index.h("div", { key: '720e9bf0cb5746b31b7dee9cb1ad4226eb13bf11', class: "xpl-modal__footer" }, index.h("slot", { key: '819ba75ee04742fb872c0345b4cc1732891856ee', name: "primary" }), index.h("slot", { key: 'b74d4339586fd2d863791d6cb6cd3d593a9c9785', name: "secondary" }), index.h("slot", { key: 'a4d437d7e9142bf91307edae5ed5dbd89e8921f0', name: "tertiary" })))));
+        return (index.h(index.Host, { key: '03f5eb41f33dd1ef6520c5e606f86af3676b1e72', class: "xpl-modal" }, this.isOpen && index.h("xpl-backdrop", { key: '50419511db07db7e51664f2c64167e8fa1130478' }), index.h("dialog", { key: 'debe223a70a3e14a5a3937cdba9b18d8e1529497', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}`, "aria-labelledby": this.titleId }, index.h("div", { key: '7b4a1fda4219622c1e482bfeda808fb25a818df7', class: "xpl-modal__header" }, index.h("div", { key: '4f2f095fd473c97954e7c3b06691133f796df77e', class: "xpl-modal__title" }, index.h("xpl-button", { key: '9a017bf7cbc52bd6828fe647e06b03a4601f988e', type: "button", class: "xpl-modal__close-button", "icon-only": true, variant: "tertiary", "aria-label": "Close modal", onClick: this.handleDialogClose }, index.h("xpl-icon", { key: '070c9cb695ee0a85f7bd25e19ceb7cb85ba2d178', icon: "xmark" })), this.variant === 'warning' && (index.h("xpl-icon", { key: '7478625b27763ff01034195312af4e59411174d6', size: 20, icon: "triangle-warning", class: "xpl-modal__alert-icon" })), index.h("span", { key: '092491fb296dd9d4658e3bf4fd2425d0cad791ee', class: "xpl-modal__title-text", id: this.titleId }, index.h("slot", { key: 'd91c682a6f51a08e73281f27944bf83b73a026ee', name: "title" }))), index.h("div", { key: '9a0b0ff9427d66ac44fd65649460ce62cf7b1cc4', class: "xpl-modal__subtitle" }, index.h("slot", { key: '41c6093d7cb31838e49b20d237a0c273df79dabf', name: "subtitle" }))), index.h("div", { key: 'afab32dbee43906310935cb02437e00d2743f555', class: "xpl-modal__body" }, index.h("slot", { key: 'dbb0a6eb15e6c519f2eb40a0cfc8de2a68a37811', name: "body" })), index.h("div", { key: '2e3501f03e002a40737dd02a4a6cfd47c0f08205', class: "xpl-modal__footer" }, index.h("slot", { key: '4b21250f2cc15be589c2622f8cdeda679f881733', name: "primary" }), index.h("slot", { key: '490d23bfd88b209545e326e1e236beea9f4289da', name: "secondary" }), index.h("slot", { key: 'b8d1457361776e33ebcc3404db8ab6c901be1500', name: "tertiary" })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -74,11 +74,11 @@ const NavHeaderMenu = class {
     }
     render() {
         const hasProfile = !!this.username || !!this.email;
-        return (index.h(index.Host, { key: '36df50ceb427be007b8da6c4e6154ab0267e7e6b', class: {
+        return (index.h(index.Host, { key: 'b79342bf524458e0119a92ba754a700c70c8652f', class: {
                 'xpl-nav-header-menu': true,
                 'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
                 dark: true,
-            } }, hasProfile && (index.h("div", { key: '5906352d9c6580f96cb3e1ba3ae841b04c136a27', class: "xpl-nav-header-menu__profile" }, index.h("div", { key: '38ad80fe95f2ea56e12f3dfeea32af734f31aafd', class: "xpl-nav-header-menu__info" }, this.username && (index.h("div", { key: 'a58f2ab162da92c5afbfaf01234748a6478a61db', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (index.h("div", { key: 'd91f764a3b4278937d1bac6ed670f1e2abf899b0', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), index.h("div", { key: '78fade2c6cc2ec049b40ca3093f77855b46ee7db', class: "xpl-nav-header-menu__right-aside-mobile" }, index.h("slot", { key: '9715e86a06f642f1b0455e43f12fc83c1fdc20f8', name: "right-aside-mobile" })), index.h("div", { key: 'c1893f276e93629ff8dd96f807579b2b991ea884', class: "xpl-nav-header-menu__slot", role: "list" }, index.h("slot", { key: '23218885442af87a956216af71b598c2eb478eff' }))));
+            } }, 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' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -14,11 +14,11 @@ const NavItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6632b50719b413f69b1943035e60c086951709d7', class: "xpl-nav-item", role: "listitem", onClick: () => {
+        return (index.h(index.Host, { key: '12b0be7801fdf60e06dca270ec5d211e2c81af21', class: "xpl-nav-item", role: "listitem", onClick: () => {
                 if (this.navControl) {
                     this.onNavToggle();
                 }
-            } }, index.h("slot", { key: '1c7f754d3fa4b67883562f4877414cefc7947920', name: "link" }, index.h("slot", { key: 'c4268f625e8a4ef9323293d064abee42afee5d1f', name: "icon" }), index.h("slot", { key: '5f843056b4c5852e3fa89c9a5ef36442b76238a0' }))));
+            } }, index.h("slot", { key: '1716229d1110bed1911c0921d87dd6238e7f59aa', name: "link" }, index.h("slot", { key: '653fd2830c8e67d3c9fe65a0994bd167173e110b', name: "icon" }), index.h("slot", { key: 'a33f79ab45a2a65debca49fbedabf2daef2428c8' }))));
     }
 };
 

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

@@ -82,19 +82,19 @@ const Pagination = class {
     render() {
         const disablePrev = this.currentPage <= 1;
         const disableNext = this.currentPage >= this.totalPages;
-        return (index.h(index.Host, { key: '23b4aec5d70fcfa1ec02089716f7649d15fcb0ca', class: {
+        return (index.h(index.Host, { key: 'c1236f3a51a835bc7609f1871718535ad26c608c', class: {
                 'xpl-pagination': true,
                 'xpl-pagination__with-page-control': this.withPageControl,
                 'xpl-pagination__no-page-control': !this.withPageControl,
-            } }, this.withPageControl && (index.h("div", { key: '2383d3488dc1435f1384f98cf07459cfb6ccb1bc', class: "xpl-pagination__rows-per-page" }, index.h("label", { key: 'be3f5e3815a11f5cb02710d253e02e10fdf6236d', class: "xpl-pagination__rows-label" }, "Rows per page:"), index.h("xpl-select", { key: 'dd06add7fde18b8616b18fc945e78457ddedb8b7', class: "xpl-pagination__rows-per-page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.rowsPerPageOptionsArray.map((option) => ({
+            } }, this.withPageControl && (index.h("div", { key: 'b9a960512110e71ec4403a7440d9a56d2d25eb5a', class: "xpl-pagination__rows-per-page" }, index.h("label", { key: '77d5c99067a80412b99fd7319a647fea67be9ae2', class: "xpl-pagination__rows-label" }, "Rows per page:"), index.h("xpl-select", { key: '530bac1621b9901c52f895649f838ddd7919522f', class: "xpl-pagination__rows-per-page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.rowsPerPageOptionsArray.map((option) => ({
                 label: option.toString(),
                 value: option.toString(),
                 isSelected: option === this.selectedRowsPerPage,
             })), ref: (el) => {
                 this.rowsPerPageSelectRef = el ?? null;
-            } }))), index.h("div", { key: '9a41a8e940f04ba2da9a7e9331d5ff496043771f', class: "xpl-pagination__pager" }, index.h("button", { key: 'cfe0a954aaa79e5b8af00a86d384bf9d1d2831b8', class: "xpl-pagination__pager-button xpl-pagination__pager-button-prev", disabled: disablePrev, onClick: this.handlePrevPage, "aria-label": "Previous Page", tabindex: "0" }, index.h("xpl-icon", { key: 'd3cf107b6f1a2cc02c50e0bd23b19b857ebd812d', icon: "arrow-left", size: 20 })), index.h("xpl-select", { key: '90d4c563a755c83a759b8e4028aac09b8a0be715', class: "xpl-pagination__page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.pageChoices, "custom-display-value": true, ref: (el) => {
+            } }))), index.h("div", { key: 'f610c71b562c73d1ef6ce81550ee9c5f5318b46a', class: "xpl-pagination__pager" }, index.h("button", { key: 'f507f26b1b3239c170c60568da2a068ffdc65def', class: "xpl-pagination__pager-button xpl-pagination__pager-button-prev", disabled: disablePrev, onClick: this.handlePrevPage, "aria-label": "Previous Page", tabindex: "0" }, index.h("xpl-icon", { key: 'c1079f632bb84a97bcb43ab7f39af19d2532e73c', icon: "arrow-left", size: 20 })), index.h("xpl-select", { key: 'b50192f67d3e5b5c6723131d554d1dad41f8e2a3', class: "xpl-pagination__page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.pageChoices, "custom-display-value": true, ref: (el) => {
                 this.pageSelectRef = el ?? null;
-            } }, index.h("div", { key: '3f9071ff9ba2094c5014628366519db328efc466', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), index.h("button", { key: '474df34b27cd0cd6ffcb58c4408691f5bf765c99', class: "xpl-pagination__pager-button xpl-pagination__pager-button-next", disabled: disableNext, onClick: this.handleNextPage, "aria-label": "Next Page", tabindex: "0" }, index.h("xpl-icon", { key: '0466f500b1cc7f2fa8e22da485e889775a53b2e8', icon: "arrow-right", size: 20 })))));
+            } }, index.h("div", { key: '35cb95f79705633857df8ef3a48b479c85d6acdd', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), index.h("button", { key: '79a8b1f267fe675eb626d655a68ad5c72cd6c89f', class: "xpl-pagination__pager-button xpl-pagination__pager-button-next", disabled: disableNext, onClick: this.handleNextPage, "aria-label": "Next Page", tabindex: "0" }, index.h("xpl-icon", { key: '01ae55d805794de8fb9f332a37314e152fb1f5bb', icon: "arrow-right", size: 20 })))));
     }
     static get watchers() { return {
         "currentPage": [{

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

@@ -10,11 +10,11 @@ const XplPanel = class {
     }
     render() {
         const hasAccent = this.accent !== 'none';
-        return (index.h(index.Host, { key: '7e2a96b285cc06379f8f7f98ae44affcfac0c8dc', class: {
+        return (index.h(index.Host, { key: '61852953ba87a556efaeff011546aecdd27bb6b1', class: {
                 'xpl-panel': true,
                 [`xpl-panel--accent-${this.accent}`]: hasAccent,
                 [`xpl-panel--padding-${this.padding}`]: true,
-            } }, hasAccent && index.h("div", { key: '3a6740a44c18c9973c86a314d26bd565971c19f2', "aria-hidden": "true", class: "xpl-panel__accent" }), index.h("div", { key: 'd4951bd49e7600a58fa0ecb31fddf4df1dfe7956', class: "xpl-panel__content" }, index.h("slot", { key: '2374d130b274a64e875b0c4b1ce03b34d96554b4' }))));
+            } }, hasAccent && index.h("div", { key: 'b4317b146c7759041d90b1a07ddd18f8dd3f2fd9', "aria-hidden": "true", class: "xpl-panel__accent" }), index.h("div", { key: 'b6d5634c93f921a002a3928884f54d3f8cce76cf', class: "xpl-panel__content" }, index.h("slot", { key: '903c5e6f307ab7045b992f6b3bf3ec2c5b563455' }))));
     }
 };
 

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

@@ -240,16 +240,16 @@ const Popover = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'b747fcdda5987a1d0506486d325cdf9a57cab6a8' }, index.h("div", { key: '547d595121db1b713c204eb5ac173828fff4b35b', class: {
+        return (index.h(index.Host, { key: 'a14924382ef3c963fa0d8c6dc4575c1fcb3a8c3a' }, index.h("div", { key: 'a9bb868211d6866a8f3d097841c41236c37b0ae5', class: {
                 'xpl-popover': true,
                 [`xpl-popover--${this.actualPosition}`]: true,
                 'xpl-popover--is-open': this.isOpenState,
-            } }, index.h("span", { key: 'd12773148d327475c8ff51fbb5a717c95231cabf', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
+            } }, index.h("span", { key: '1502c64a98fbf22af9516e5e9aa905e79ea13ab3', 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: '6322dc3b9e7292eeb41aaf5c662aa99273868c7d', name: "trigger" })), this.display === 'arrow' && (index.h("div", { key: '2a3fe87cc9a82c8e914f6917a999bdd4433b9042', class: "xpl-popover__arrow" }, index.h("svg", { key: 'a191461ac07cf6693d5461aa4d343214e62ed6ef', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '61003e404b4e031057e0d2ef39a31bc9b7fba6df', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), index.h("path", { key: '15de3ff2ec9657fd3e47410de79d2362076c797b', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), index.h("div", { key: 'ec4ae8672673fa63b918ab6222a6fbf7099758ff', class: {
+            } }, 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: {
                 'xpl-popover__content': true,
                 [`xpl-popover__content--display-${this.display}`]: true,
-            }, ref: (el) => (this.contentRef = el) }, index.h("slot", { key: '50c82f8c1833c91f6e2aabdfe3773725c9d9296d' })))));
+            }, ref: (el) => (this.contentRef = el) }, index.h("slot", { key: '5c1f963e4009f5a8d30aaad7f0169164abf5bd43' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -29,12 +29,12 @@ const ProgressBar = class {
         return this.variant === 'indeterminate';
     }
     render() {
-        return (index.h(index.Host, { key: '7c374a5f2f89aed6b0c3a0daa4cc843efea8d262', class: {
+        return (index.h(index.Host, { key: 'a33381f58e76e71c5a52d4e80fa1f37181f28c8d', class: {
                 'xpl-progress-bar': true,
                 [`xpl-progress-bar--${this.size}`]: true,
                 [`xpl-progress-bar--${this.variant}`]: true,
                 'xpl-progress-bar--complete': this.isComplete,
-            } }, index.h("div", { key: 'f1be4a82fbb87ffac27bb2b8d0f479ad36aae340', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (index.h("div", { key: 'd415f09b3d0d237bc348b33470162d2b44048856', class: "xpl-progress-bar__header" }, this.label && index.h("div", { key: '48bc06b81c4445d811e6cd5f3ac086192cbcb392', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (index.h("div", { key: 'd31ccfc3ed1f956fdc89e01ca262b606219bb78e', class: "xpl-progress-bar__icon" }, this.isError ? (index.h("xpl-icon", { icon: "circle-xmark-1" })) : (index.h("xpl-icon", { icon: "circle-check-1" })))))), index.h("div", { key: '5c97c6193a2ebb0626052953f1a11c9afc258da8', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (index.h("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, index.h("div", { class: "xpl-progress-bar__indeterminate" }))) : (index.h("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (index.h("div", { key: '8e78ed094ab41425272b1818cc004a9094c3632d', class: "xpl-progress-bar__helper" }, this.helperText)))));
+            } }, index.h("div", { key: '6a86fcdc4933aa2ce4df38c2f1797516c3665c3a', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (index.h("div", { key: '12f708882cd9eb13f6011c6e40a3b0fc6b4314aa', class: "xpl-progress-bar__header" }, this.label && index.h("div", { key: '7a76032a1b457068607018e646b40fe294457fa8', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (index.h("div", { key: 'dac51b18dda11bf46049a9d0d175821121eb230d', class: "xpl-progress-bar__icon" }, this.isError ? (index.h("xpl-icon", { icon: "circle-xmark-1" })) : (index.h("xpl-icon", { icon: "circle-check-1" })))))), index.h("div", { key: '1923268a3dc1f8aa748f48eca2e991c1424582e3', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (index.h("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, index.h("div", { class: "xpl-progress-bar__indeterminate" }))) : (index.h("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (index.h("div", { key: 'b01a3ae4f73107a4e4938a53e7fa038867da0c53', class: "xpl-progress-bar__helper" }, this.helperText)))));
     }
 };
 

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

@@ -59,7 +59,7 @@ const ProgressIndicator = class {
                 ? `Progress: all ${totalSteps} ${totalSteps === 1 ? 'step' : 'steps'} complete`
                 : `Progress: step ${currentStepNumber} of ${totalSteps}`
             : 'Progress';
-        return (index.h(index.Host, { key: '2fa8128b81b665f0733e3c905cb99eaa1917e719', class: hostClasses, role: "group", "aria-label": ariaLabel }, index.h("div", { key: '279079d456f72748c77ac9f06281c838307ba092', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
+        return (index.h(index.Host, { key: 'fd361d06ed53a837d2f585f4c7d1d212cf6cad9b', class: hostClasses, role: "group", "aria-label": ariaLabel }, index.h("div", { key: '88f819d70853796e7330bce7aab6a457c2ef959f', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
     }
     static get watchers() { return {
         "steps": [{

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

@@ -7,7 +7,7 @@ const SecondaryNav = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '6fd3db4309ecb98fb1739fd69d964297a77a46eb', class: "xpl-secondary-nav" }, index.h("nav", { key: 'c08a1df306cee05760b6761409ebfb4ba87c2e4f', "aria-label": "Secondary Nav" }, index.h("slot", { key: '9d5d0657bdd581bce000f1ace49be8c1d018fe47' }))));
+        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' }))));
     }
 };
 

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

@@ -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: 'b080c68630c2c0c6bfeffb6ce27c9b9363898ecc', class: {
+        return (index.h(index.Host, { key: '62414ef316ff722af90623136e62c5f875e0bfc4', 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: 'c2913a9da7988d4e24fd788718637bcebd93fcb6', class: {
+            } }, this.renderLabel(), index.h("div", { key: '482e2b4e6df0db28031f12f8eeca802f31c36b9b', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': this.error !== undefined,
-            } }, index.h("div", { key: '58ea7fdb31c591b2726258d786ca5550219bcd89', class: "xpl-input-wrapper" }, index.h("button", { key: 'c4c2b2f0a90cd4ef407b8797fd65b86062387678', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, index.h("div", { key: 'dba46fe22c91e80c4ef7cc279deffb5d054f6d82', class: "xpl-input-wrapper" }, index.h("button", { key: '9c0ff42202efcfe30a21b599b30271412dd7bba5', 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: '7ddc58167d4363991c92d90ee6e0881f04bc725f', class: {
+            }, type: "button" }, index.h("div", { key: '81a43dce597ffd11cb06595361cfd30cc33d24b1', 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: '8640f1e46263c802edf0e9b18f53d2eb6b2a78a3', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (index.h("xpl-dropdown", { key: '6fb8d97e175894715a6dbc6ed17bc5b15829ed13', ref: (el) => {
+        })(), isTextTruncated && truncatedText), index.h("xpl-icon", { key: '6edc9dcc1ff869d5c715ca143d05e4caac8664f9', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (index.h("xpl-dropdown", { key: '999afef231d38e5ab4271359ccbd71d85ffb65b9', 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: '734ef739b61de3320ce777994853cb90ab8271d2', 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: 'f3c1f01d5077af5ac0d2612ce4538ac861a33ac5', 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: '4129a867a9581efc82985d11549810860a2c6f87', class: {
+        return (index.h(index.Host, { key: '9a05e10e7fbc047112f740884e6ba40c773b472c', 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: 'fb10e5fe87053ff4c00f584d887e1f5c29b2dc74', 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: 'e8afb0b6fbf1a942cce78cf6a26b420445094f30', 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: '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 })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -87,8 +87,8 @@ const SideNavHeaderItem = class {
         const showTrailing = this.hasTrailingSlot || showAutoChevron;
         const leading = showLeading ? (index.h("span", { class: "xpl-side-nav-header-item__leading" }, index.h("slot", { name: "leading" }, this.icon ? index.h("xpl-icon", { icon: this.icon, size: 16 }) : null))) : null;
         const trailing = showTrailing ? (index.h("span", { class: "xpl-side-nav-header-item__trailing", "aria-hidden": showAutoChevron ? 'true' : undefined }, index.h("slot", { name: "trailing" }, showAutoChevron ? (index.h("xpl-icon", { icon: "chevron-expand-y", size: 16 })) : null))) : null;
-        const content = (index.h("span", { key: 'ff3b2d318760011f01eb6fc3f2a7aefb8e4ff216', class: "xpl-side-nav-header-item__content" }, leading, index.h("span", { key: '8675686f88cba081281fa76ffcbd9b1b9f121cac', class: "xpl-side-nav-header-item__label" }, this.label ?? ''), trailing));
-        return (index.h(index.Host, { key: '1a35eb9ef7530a17b3adc06ebe8b06dc1adc6fa9', class: {
+        const content = (index.h("span", { key: '3ea94d1fda38199a65303a9bf911de4a7d48aacc', class: "xpl-side-nav-header-item__content" }, leading, index.h("span", { key: 'a3f369eb6e7bb4e9a283e8f525a356b152d9c017', class: "xpl-side-nav-header-item__label" }, this.label ?? ''), trailing));
+        return (index.h(index.Host, { key: 'd979308c18fd071483cbbe8301ed90ffb842a9ac', class: {
                 'xpl-side-nav-header-item': true,
                 'xpl-side-nav-header-item--product-label': !isSubAccount,
                 'xpl-side-nav-header-item--sub-account': isSubAccount,

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

@@ -107,14 +107,14 @@ const SideNavItem = class {
             expanded: this.expanded,
             selected: this.selected,
         };
-        return (index.h(index.Host, { key: '33de33212fc2c0fe5ed3ae6cd8aba38178052a03', class: {
+        return (index.h(index.Host, { key: '059210d35fdf3561fa2bc4f541f80fbb1e570506', 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: 'd9e6ea08b992177a943eb43e64702deee74a95d8', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, index.h("div", { key: '7a5709e3c20d569fbc7ab1425280096dc21cb40f', class: "xpl-side-nav-item__children-inner" }, index.h("slot", { key: '883d0336ad81eb78b52dab740440191e57f92618' }))))));
+            }, "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' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -87,17 +87,17 @@ const SideNavSection = class {
         const hasHeading = !!this.heading?.trim();
         const childrenId = this.childrenId ?? sideNavSlotUtils.ensureSideNavSectionChildrenId(this.el, this.childrenId);
         const titleRow = [
-            index.h("span", { key: 'c3a19938fa87b21552b5fdff800baf2ee97c186c', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
-            index.h("span", { key: '9303238b226f336cbf0527ef91c2c5d8bce7771c', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, index.h("slot", { key: '40921f618390e462b0ac69adc0206acd82b884ca', name: "badge" })),
+            index.h("span", { key: '41b4dd48eaf9fabca8f4c1e4e506200055d46f77', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
+            index.h("span", { key: 'af345692b55b47dada80dfad85312e45d7cf5f43', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, index.h("slot", { key: '381c23d89de7de9b1663cd746ce9561688a27463', name: "badge" })),
             this.collapsible ? (index.h("span", { class: "xpl-side-nav-section__chevron", "aria-hidden": "true" }, index.h("xpl-icon", { icon: this.expanded ? 'chevron-down' : 'chevron-right', size: 16 }))) : null,
         ];
-        return (index.h(index.Host, { key: 'fae9c5e2d179a174aae5114a21a442fa787269ad', class: {
+        return (index.h(index.Host, { key: 'b3d7e988d1b64afce020137c0d8f8ef89481ef43', class: {
                 'xpl-side-nav-section': true,
                 'xpl-side-nav-section--static': !this.collapsible,
-            } }, this.collapsible ? (index.h("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (index.h("div", { class: "xpl-side-nav-section__header" }, titleRow)), index.h("div", { key: 'c33a5478f2c226b915fddf006802312eb7de29e9', id: childrenId, class: {
+            } }, this.collapsible ? (index.h("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (index.h("div", { class: "xpl-side-nav-section__header" }, titleRow)), index.h("div", { key: '0e442a9a70a8eacb4b9454f941a3ee0c466c3496', id: childrenId, class: {
                 'xpl-side-nav-section__children': true,
                 expanded: showChildren,
-            }, inert: !showChildren ? true : undefined }, index.h("div", { key: 'ed7de4040c1e5677ad3b74eb65fc4f6357bab3b6', class: "xpl-side-nav-section__children-inner" }, index.h("slot", { key: '3f8434e92bb7fcdd7c8a825481a12ef24ba1da28' })))));
+            }, inert: !showChildren ? true : undefined }, index.h("div", { key: 'f1bc884e69c5a8902f7e12829901e289f73a530e', class: "xpl-side-nav-section__children-inner" }, index.h("slot", { key: 'bd9f9db68b6f6e1d3a28527d87f4bf797ae49022' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -260,10 +260,10 @@ const SideNav = class {
             index.forceUpdate(this);
     }
     render() {
-        return (index.h(index.Host, { key: '9d8ca908a77dd47e5789708ebb87e0e76ac5a22e', class: {
+        return (index.h(index.Host, { key: '8cffb32c21217edd67117acb264f3df5587fa32d', class: {
                 'xpl-side-nav': true,
                 'xpl-side-nav--open': this.open,
-            } }, index.h("xpl-button", { key: 'eab3df496e7ec249b78f76e9250361b1dccc3cd6', class: "xpl-side-nav__toggle", variant: "tertiary", iconOnly: true, icon: this.open ? 'sidebar-left-hide' : 'sidebar-left-show', "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onToggleClick }), index.h("div", { key: '4f46792c09ff5c98ae87f27bfb3050c74b847c3f', class: "xpl-side-nav__wrapper" }, index.h("nav", { key: '55a34c0ba7498f7ad531b519d5d9e6f6a225cfc9', class: "xpl-side-nav__content", "aria-label": this.label }, index.h("div", { key: '8ff330aef09d3ae1624f8752efbff3a2720e55c5', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (index.h("div", { key: '19c0235f1b45454cbe8fd9403351cfabebc5f539', class: "xpl-side-nav__header" }, index.h("slot", { key: '77a3a18b401714a746c8d8f0d2457e9a949068ca', name: "nav-header" }))), index.h("div", { key: '8a7c00b508d238f0043dc5dfc6c141d7255967bd', class: "xpl-side-nav__section" }, index.h("slot", { key: 'b4b11bf6937840704cb9d40483e6b19014bd5236', name: "section" }))), index.h("div", { key: '766bcd4652c5c680975a3c61c4b2fe4759351a4e', class: "xpl-side-nav__footer" }, index.h("slot", { key: '04acabfdb7f27e8ed6b6569001493f985f344a1e', name: "nav-footer" })))), index.h("xpl-backdrop", { key: '9e0c074fbb705e7b665672c79ed85e62e28d2e95', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
+            } }, index.h("xpl-button", { key: '5a82bbc6a65690f550fe192aa6cd593efbf86bc8', class: "xpl-side-nav__toggle", variant: "tertiary", iconOnly: true, icon: this.open ? 'sidebar-left-hide' : 'sidebar-left-show', "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onToggleClick }), index.h("div", { key: '1315f34c7a6e1c793cc347292117f2e5992f074d', class: "xpl-side-nav__wrapper" }, index.h("nav", { key: '4b7446999c74b1554dae84d04c439a75b712b429', class: "xpl-side-nav__content", "aria-label": this.label }, index.h("div", { key: 'bce43018bf61c73dde0adb053fa87d0789edd329', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (index.h("div", { key: 'd70ecd07a6c71dd76ce162b9167d3b5a11ba4ea8', class: "xpl-side-nav__header" }, index.h("slot", { key: 'c9d10e57d77a69cf00e86c2a17a94eba5e54d23e', name: "nav-header" }))), index.h("div", { key: '6873372f5eb854ee7ef88e6d3085d81be62fc508', class: "xpl-side-nav__section" }, index.h("slot", { key: 'b07fdb332e8ccaaa69db61ade9bb88e43d6f8753', name: "section" }))), index.h("div", { key: 'f34e444c538cbf246aee52ebfe35657a8fa1d706', class: "xpl-side-nav__footer" }, index.h("slot", { key: 'da70c80d9378ad1e0dbf23d33d521021c346ee23', name: "nav-footer" })))), index.h("xpl-backdrop", { key: '769576cb0961b8a00308c748d0efbaa0ef2b3ca5', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const Skeleton = class {
         this.size = 'custom';
     }
     render() {
-        return (index.h(index.Host, { key: '4c8f4f0e0742c67f965d04aed382259cd120d922', class: {
+        return (index.h(index.Host, { key: 'faa4173a2910d1dc3943fca5e7efbf5d1805aa9b', class: {
                 'xpl-skeleton': true,
                 [`xpl-skeleton--shape-${this.shape}`]: true,
                 [`xpl-skeleton--size-${this.size}`]: true,

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

@@ -34,7 +34,7 @@ const Slideout = class {
         this.handleScroll();
     }
     render() {
-        return (index.h(index.Host, { key: '0031856dad46059b22c544b17d9c3c486fad49ef', class: "xpl-slideout" }, this.backdrop && this.isOpen && (index.h("xpl-backdrop", { key: '476ebe60d3761a12edce8a70b79c5458a3a49b88', onClick: this.handleClose })), index.h("aside", { key: 'e093e4f88719d109e1b76e5843fa799adf77023a', class: `slideout slideout--${!this.isOpen && 'closed'}` }, index.h("header", { key: '861ce3bafb6f104cd088788e86d5dec891d34559', class: "header" }, index.h("div", { key: 'f4a9a82d62a118acf4847ae32f6699755103cdeb', class: "title" }, index.h("slot", { key: '142fabb21a5894d0e505b3555b1de49a3457f01a', name: "title" }), index.h("xpl-button", { key: 'b5424c903db35139aca7070a223c3e8ccad0286d', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, index.h("xpl-icon", { key: 'a7597b061ba78ec8877f4ca119ddfe4fb6f07057', icon: "xmark" }))), index.h("div", { key: 'fbd6496bcd1854cbbe584a62a27621cc6c730472', class: "subtitle" }, index.h("slot", { key: 'a9a059571945b74f064d1b4c6a672a7964ff20d7', name: "subtitle" })), index.h("div", { key: '575d405c99e6a0ded114d274832d7c9a119f8acd', class: "search" }, index.h("slot", { key: '6db25fde2a6decdfe2f280aae9f784b1e992d070', name: "search" }))), index.h("xpl-divider", { key: 'dd382afb3181fbad00b1efacd438842c23249978', tier: 0, class: "divider top" }), index.h("article", { key: 'a8832b326372ede5872d2004308f8dff30955e1a', class: "content", tabIndex: 0 }, index.h("slot", { key: 'e46c7df8ebc6caecbc82117dd7b5097377dcf163', name: "content" })), this.showFooter && (index.h("footer", { key: '41e237ffa63f9dfc50ca1792848f4087375edecc' }, index.h("xpl-divider", { key: '888ece8b783152856696cf792c1db7abedd393fa', tier: 0, class: "divider bottom" }), index.h("div", { key: '4ee6dcf7cb794ca32c3e0095b9d3ffdda2578870', class: "footer" }, index.h("slot", { key: '286ecc097c88e7b6655fb27f707cb6163e49374b', name: "tertiary" }), index.h("slot", { key: '9154a9de3de154cb8f228a00875d81b4c8d1899a', name: "secondary" }), index.h("slot", { key: 'c510b271b930b8419b8ed26e4a9ce444453f9330', name: "primary" })))))));
+        return (index.h(index.Host, { key: '6a677f3ef03392e8c17e96eb1a35244cc65249cc', class: "xpl-slideout" }, this.backdrop && this.isOpen && (index.h("xpl-backdrop", { key: '8e93a0fe45fdbf00f9b9d72a3b703f4ed91724b7', onClick: this.handleClose })), index.h("aside", { key: '451a572b79f74f614756c77b7aae9ece7e53a615', class: `slideout slideout--${!this.isOpen && 'closed'}` }, index.h("header", { key: '4e6f0d5c525ffe16f20a2d85d21e6c85d6213f1e', class: "header" }, index.h("div", { key: 'bf69e4a7e0be7b1ea763b5d17da90b31f122e7fe', class: "title" }, index.h("slot", { key: 'b5b3298d2f05a5e99dc2ba934c306c7167eeb861', name: "title" }), index.h("xpl-button", { key: 'da76c0538824d6d7cdce7385daf77c74fd3e6432', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, index.h("xpl-icon", { key: '02d4e1b6d191683f95c5fe9d93db6a8eb6260e32', icon: "xmark" }))), index.h("div", { key: 'daf09af3d4ec41943ca063fb0b0afddc6075e549', class: "subtitle" }, index.h("slot", { key: '755b4e4f6bfdcc7f94f0b2ed67526d7f97c77842', name: "subtitle" })), index.h("div", { key: '294b6650cdc4b15a8f5b9005a24304cccda91ddb', class: "search" }, index.h("slot", { key: '4b85802d14eb9ab528749727846637a0702ff2d1', name: "search" }))), index.h("xpl-divider", { key: '335792083b7072b6973e4b684062d6498d1cfc57', tier: 0, class: "divider top" }), index.h("article", { key: '3a0920577f4599b0ea9a3762ea066b0e8b9d932a', class: "content", tabIndex: 0 }, index.h("slot", { key: 'b085ef369c4d685ae0e6e518c28e95cd883d1e03', name: "content" })), this.showFooter && (index.h("footer", { key: '663e2392d8484bb4875dcb4b9411b8ae6b805087' }, index.h("xpl-divider", { key: '6d0d50a6cc038a19ed5465a9fe79854b2519e70b', tier: 0, class: "divider bottom" }), index.h("div", { key: '29e9eaea051247ff8e9be18af54f0d3959590759', class: "footer" }, index.h("slot", { key: '4e9d8e3a054a72fba8392afdefcdca63e8ce8068', name: "tertiary" }), index.h("slot", { key: '44b764a99064de792309995cdc53b4ca8a82f8da', name: "secondary" }), index.h("slot", { key: 'c96cedf9662bab571a8cab244c8fce6172691628', name: "primary" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -13,10 +13,10 @@ const TabPanel = class {
         const t = this.target ?? '';
         const panelId = tabA11yIds.tabPanelDomId(groupId, t);
         const labelledBy = tabA11yIds.tabTriggerId(groupId, t);
-        return (index.h(index.Host, { key: 'b92d723fe68be63d6438fab8ae8f93a06122c29a', "aria-labelledby": labelledBy, class: {
+        return (index.h(index.Host, { key: 'ab151f12048635eb5e47f4cbafcd6f04637f7dfd', "aria-labelledby": labelledBy, class: {
                 'xpl-tab-panel': true,
                 'xpl-tab-panel--selected': this.selected,
-            }, id: panelId, role: "tabpanel" }, index.h("slot", { key: 'e18aeb92b7082c0c2e809396570b43ac41c34f87' })));
+            }, id: panelId, role: "tabpanel" }, index.h("slot", { key: '81d82c0f3d8b019ec0abf6cbec34529b216b6533' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const XplTableBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5a82de617cad4d37dace81ad6a636db1e3a944df', class: "xpl-table-body", role: "rowgroup" }, index.h("slot", { key: 'd141e2e041789142eb69c6b3453b25523e4ecf59' })));
+        return (index.h(index.Host, { key: 'e5934161758f0934269a09e4a1058f3fda919e9d', class: "xpl-table-body", role: "rowgroup" }, index.h("slot", { key: 'e042714dc35cbe4ecc83cff740f7a24de48feec1' })));
     }
 };