@xplortech/apollo-core 3.0.0 → 3.2.0

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

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

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

@@ -57,7 +57,7 @@ const ProgressIndicator = class {
                 ? `Progress: all ${totalSteps} ${totalSteps === 1 ? 'step' : 'steps'} complete`
                 : `Progress: step ${currentStepNumber} of ${totalSteps}`
             : 'Progress';
-        return (h(Host, { key: '2fa8128b81b665f0733e3c905cb99eaa1917e719', class: hostClasses, role: "group", "aria-label": ariaLabel }, h("div", { key: '279079d456f72748c77ac9f06281c838307ba092', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
+        return (h(Host, { key: 'fd361d06ed53a837d2f585f4c7d1d212cf6cad9b', class: hostClasses, role: "group", "aria-label": ariaLabel }, 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/esm/xpl-secondary-nav.entry.js

@@ -5,7 +5,7 @@ const SecondaryNav = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '6fd3db4309ecb98fb1739fd69d964297a77a46eb', class: "xpl-secondary-nav" }, h("nav", { key: 'c08a1df306cee05760b6761409ebfb4ba87c2e4f', "aria-label": "Secondary Nav" }, h("slot", { key: '9d5d0657bdd581bce000f1ace49be8c1d018fe47' }))));
+        return (h(Host, { key: 'dc00b09e91c4baa484084256b7b583363a518905', class: "xpl-secondary-nav" }, h("nav", { key: 'daf32568baecfa600a6d51747446e82c0df44d1a', "aria-label": "Secondary Nav" }, h("slot", { key: '6d6a2fa94e8779b7a4b9414fe29829eb1ee20125' }))));
     }
 };
 

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

@@ -277,21 +277,21 @@ const Select = class {
             this.truncate &&
             !this.customDisplayValue;
         const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
-        return (h(Host, { key: 'b080c68630c2c0c6bfeffb6ce27c9b9363898ecc', class: {
+        return (h(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(), h("div", { key: 'c2913a9da7988d4e24fd788718637bcebd93fcb6', class: {
+            } }, this.renderLabel(), h("div", { key: '482e2b4e6df0db28031f12f8eeca802f31c36b9b', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': this.error !== undefined,
-            } }, h("div", { key: '58ea7fdb31c591b2726258d786ca5550219bcd89', class: "xpl-input-wrapper" }, h("button", { key: 'c4c2b2f0a90cd4ef407b8797fd65b86062387678', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, h("div", { key: 'dba46fe22c91e80c4ef7cc279deffb5d054f6d82', class: "xpl-input-wrapper" }, 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" }, h("div", { key: '7ddc58167d4363991c92d90ee6e0881f04bc725f', class: {
+            }, type: "button" }, 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,
@@ -311,7 +311,7 @@ const Select = class {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '8640f1e46263c802edf0e9b18f53d2eb6b2a78a3', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: '6fb8d97e175894715a6dbc6ed17bc5b15829ed13', ref: (el) => {
+        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '6edc9dcc1ff869d5c715ca143d05e4caac8664f9', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (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;
@@ -320,7 +320,7 @@ const Select = class {
                 }
             }, onIsOpenChange: (e) => {
                 this.dropdownOpenState = e.detail;
-            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), 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()), h("input", { key: 'f3c1f01d5077af5ac0d2612ce4538ac861a33ac5', type: "hidden", name: this.name, value: this.value })));
     }
     static get watchers() { return {
         "choices": [{
@@ -466,7 +466,7 @@ const Tag = class {
     }
     render() {
         const dragEnabled = this.isDraggable && !this.disabled;
-        return (h(Host, { key: '4129a867a9581efc82985d11549810860a2c6f87', class: {
+        return (h(Host, { key: '9a05e10e7fbc047112f740884e6ba40c773b472c', class: {
                 'xpl-tag': true,
                 'xpl-tag-container': true,
                 'xpl-tag--disabled': this.disabled,
@@ -474,7 +474,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 ? (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 }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (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 }, 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 ? (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 }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (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 }, h("xpl-icon", { key: '104eac0362541d99c59e0fd6b18a5e1b2171030b', icon: "xmark", size: 10 })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -85,8 +85,8 @@ const SideNavHeaderItem = class {
         const showTrailing = this.hasTrailingSlot || showAutoChevron;
         const leading = showLeading ? (h("span", { class: "xpl-side-nav-header-item__leading" }, h("slot", { name: "leading" }, this.icon ? h("xpl-icon", { icon: this.icon, size: 16 }) : null))) : null;
         const trailing = showTrailing ? (h("span", { class: "xpl-side-nav-header-item__trailing", "aria-hidden": showAutoChevron ? 'true' : undefined }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: "chevron-expand-y", size: 16 })) : null))) : null;
-        const content = (h("span", { key: 'ff3b2d318760011f01eb6fc3f2a7aefb8e4ff216', class: "xpl-side-nav-header-item__content" }, leading, h("span", { key: '8675686f88cba081281fa76ffcbd9b1b9f121cac', class: "xpl-side-nav-header-item__label" }, this.label ?? ''), trailing));
-        return (h(Host, { key: '1a35eb9ef7530a17b3adc06ebe8b06dc1adc6fa9', class: {
+        const content = (h("span", { key: '3ea94d1fda38199a65303a9bf911de4a7d48aacc', class: "xpl-side-nav-header-item__content" }, leading, h("span", { key: 'a3f369eb6e7bb4e9a283e8f525a356b152d9c017', class: "xpl-side-nav-header-item__label" }, this.label ?? ''), trailing));
+        return (h(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/esm/xpl-side-nav-item.entry.js

@@ -105,14 +105,14 @@ const SideNavItem = class {
             expanded: this.expanded,
             selected: this.selected,
         };
-        return (h(Host, { key: '33de33212fc2c0fe5ed3ae6cd8aba38178052a03', class: {
+        return (h(Host, { key: '059210d35fdf3561fa2bc4f541f80fbb1e570506', class: {
                 'xpl-side-nav-item': true,
                 'xpl-side-nav-item--link-disabled': this.link && this.disabled,
             } }, this.link ? (h("slot", null)) : (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 }, h("span", { class: "xpl-side-nav-item__leading" }, h("slot", { name: "leading" }, this.icon ? (h("xpl-icon", { icon: this.icon, size: 16 })) : null)), h("span", { class: "xpl-side-nav-item__label" }, this.label ?? ''), (this.hasTrailingSlot || this.hasChildren) && (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 }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (h("div", { key: 'd9e6ea08b992177a943eb43e64702deee74a95d8', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '7a5709e3c20d569fbc7ab1425280096dc21cb40f', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '883d0336ad81eb78b52dab740440191e57f92618' }))))));
+            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (h("div", { key: '47b1eba18028549e03394678bca58beee9b2f157', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '7b6137a009106e3adfb99928bff429bea92b63e2', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '3cf83a5e3e8367ef4d5bfbedb8c22bc6bf1efaa7' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

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

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

@@ -258,10 +258,10 @@ const SideNav = class {
             forceUpdate(this);
     }
     render() {
-        return (h(Host, { key: '9d8ca908a77dd47e5789708ebb87e0e76ac5a22e', class: {
+        return (h(Host, { key: '8cffb32c21217edd67117acb264f3df5587fa32d', class: {
                 'xpl-side-nav': true,
                 'xpl-side-nav--open': this.open,
-            } }, 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 }), h("div", { key: '4f46792c09ff5c98ae87f27bfb3050c74b847c3f', class: "xpl-side-nav__wrapper" }, h("nav", { key: '55a34c0ba7498f7ad531b519d5d9e6f6a225cfc9', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: '8ff330aef09d3ae1624f8752efbff3a2720e55c5', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (h("div", { key: '19c0235f1b45454cbe8fd9403351cfabebc5f539', class: "xpl-side-nav__header" }, h("slot", { key: '77a3a18b401714a746c8d8f0d2457e9a949068ca', name: "nav-header" }))), h("div", { key: '8a7c00b508d238f0043dc5dfc6c141d7255967bd', class: "xpl-side-nav__section" }, h("slot", { key: 'b4b11bf6937840704cb9d40483e6b19014bd5236', name: "section" }))), h("div", { key: '766bcd4652c5c680975a3c61c4b2fe4759351a4e', class: "xpl-side-nav__footer" }, h("slot", { key: '04acabfdb7f27e8ed6b6569001493f985f344a1e', name: "nav-footer" })))), h("xpl-backdrop", { key: '9e0c074fbb705e7b665672c79ed85e62e28d2e95', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
+            } }, 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 }), h("div", { key: '1315f34c7a6e1c793cc347292117f2e5992f074d', class: "xpl-side-nav__wrapper" }, h("nav", { key: '4b7446999c74b1554dae84d04c439a75b712b429', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: 'bce43018bf61c73dde0adb053fa87d0789edd329', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (h("div", { key: 'd70ecd07a6c71dd76ce162b9167d3b5a11ba4ea8', class: "xpl-side-nav__header" }, h("slot", { key: 'c9d10e57d77a69cf00e86c2a17a94eba5e54d23e', name: "nav-header" }))), h("div", { key: '6873372f5eb854ee7ef88e6d3085d81be62fc508', class: "xpl-side-nav__section" }, h("slot", { key: 'b07fdb332e8ccaaa69db61ade9bb88e43d6f8753', name: "section" }))), h("div", { key: 'f34e444c538cbf246aee52ebfe35657a8fa1d706', class: "xpl-side-nav__footer" }, h("slot", { key: 'da70c80d9378ad1e0dbf23d33d521021c346ee23', name: "nav-footer" })))), h("xpl-backdrop", { key: '769576cb0961b8a00308c748d0efbaa0ef2b3ca5', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

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

package/dist/esm/xpl-table-cell_3.entry.js

@@ -0,0 +1,224 @@
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-ukZKsqqq.js';
+import { c as cycleSortDirection, X as XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT, b as getSortAffordanceIconName } from './table-internal-O7gQjVdS.js';
+
+const CELL_MANAGED_DISABLED_ATTR = 'data-xpl-table-cell-managed-disabled';
+function isDisablableControl(el) {
+    if ('disabled' in el) {
+        return true;
+    }
+    switch (el.tagName) {
+        case 'BUTTON':
+        case 'INPUT':
+        case 'SELECT':
+        case 'TEXTAREA':
+        case 'FIELDSET':
+        case 'OPTGROUP':
+        case 'OPTION':
+            return true;
+        default:
+            return false;
+    }
+}
+const XplTableCell = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.align = 'left';
+        this.bold = false;
+        this.disabled = false;
+        this.underline = false;
+    }
+    onDisabledChange() {
+        this.propagateDisabledToSlotted();
+    }
+    componentDidLoad() {
+        this.propagateDisabledToSlotted();
+    }
+    propagateDisabledToSlotted() {
+        const setControlDisabled = (element) => {
+            if (!isDisablableControl(element)) {
+                return;
+            }
+            const control = element;
+            if (this.disabled) {
+                if (control.disabled) {
+                    return;
+                }
+                control.disabled = true;
+                control.setAttribute('disabled', '');
+                control.setAttribute(CELL_MANAGED_DISABLED_ATTR, '');
+                return;
+            }
+            if (!control.hasAttribute(CELL_MANAGED_DISABLED_ATTR)) {
+                return;
+            }
+            control.disabled = false;
+            control.removeAttribute('disabled');
+            control.removeAttribute(CELL_MANAGED_DISABLED_ATTR);
+        };
+        const walk = (parent) => {
+            Array.from(parent.children).forEach((child) => {
+                if (child.tagName === 'XPL-TABLE') {
+                    return;
+                }
+                setControlDisabled(child);
+                walk(child);
+            });
+        };
+        walk(this.el);
+    }
+    render() {
+        return (h(Host, { key: 'f4e7639b0cb35eda08fdbb13cf1e0ddcb380cb7a', role: "gridcell", class: {
+                'xpl-table-cell': true,
+                [`xpl-table-cell--align-${this.align}`]: true,
+                'xpl-table-cell--bold': this.bold,
+                'xpl-table-cell--underline': this.underline,
+                'xpl-table-cell--disabled': this.disabled,
+            } }, h("slot", { key: '16d9a63cb992b9bbeb56500b5d6537b824336b40' })));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": [{
+                "onDisabledChange": 0
+            }]
+    }; }
+};
+
+const XplTableFooterCell = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.align = 'left';
+    }
+    render() {
+        return (h(Host, { key: '1434aa38de9894875e70b2a7b3c55479726727d5', class: {
+                'xpl-table-footer-cell': true,
+                [`xpl-table-footer-cell--align-${this.align}`]: true,
+            }, role: "gridcell" }, h("slot", { key: 'e3bac594dbd5265f44c7bd620e1fccfc9248abf0' })));
+    }
+};
+
+const TableHeaderCell = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.headerCheckboxChange = createEvent(this, "headerCheckboxChange", 7);
+        this.headerSortChange = createEvent(this, "headerSortChange", 7);
+        this.align = 'left';
+        this.checked = false;
+        this.indeterminate = false;
+        this.label = '';
+        this.sortable = false;
+        this.type = 'label';
+        this.onHeaderInnerCheckboxChange = (ev) => {
+            const { detail } = ev;
+            const checked = typeof detail === 'boolean' ? detail : Boolean(detail);
+            this.headerCheckboxChange.emit(checked);
+        };
+        this.onSortActivate = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!this.sortable || this.type !== 'label')
+                return;
+            const columnIndex = this.getColumnIndex0();
+            const sortKey = this.getSortKeySlug();
+            if (!this.el.closest('xpl-table')) {
+                this.sortDirection = cycleSortDirection(this.sortDirection);
+            }
+            this.headerSortChange.emit({
+                columnIndex,
+                sortKey,
+            });
+        };
+    }
+    watchColumnWidth() {
+        this.notifyColumnWidthsChange();
+    }
+    watchWidth() {
+        this.notifyColumnWidthsChange();
+    }
+    componentDidLoad() {
+        this.notifyColumnWidthsChange();
+    }
+    notifyColumnWidthsChange() {
+        this.el.dispatchEvent(new CustomEvent(XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT, {
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    getColumnIndex0() {
+        return Array.from(this.el.parentElement?.children ?? []).indexOf(this.el);
+    }
+    getSortKeySlug() {
+        const raw = (this.sortKey ?? this.label ?? '').trim();
+        if (raw.length > 0) {
+            return raw.replace(/ /g, '-').toLowerCase();
+        }
+        return `column-${this.getColumnIndex0()}`;
+    }
+    renderLabelText() {
+        return (h("span", { class: "xpl-table-header-cell__text" }, this.label, h("slot", null)));
+    }
+    renderLabelContent() {
+        if (this.sortable) {
+            const iconName = getSortAffordanceIconName(this.sortDirection);
+            const sortActive = this.sortDirection === 'asc' || this.sortDirection === 'desc';
+            return (h("button", { type: "button", class: "xpl-table-header-cell__sort", onClick: this.onSortActivate }, this.renderLabelText(), h("xpl-icon", { class: {
+                    'xpl-table-header-cell__sort-icon': true,
+                    'xpl-table-header-cell__sort-icon--active': sortActive,
+                    'xpl-table-header-cell__sort-icon--default': !sortActive,
+                }, icon: iconName, size: 16 })));
+        }
+        return this.renderLabelText();
+    }
+    render() {
+        const colIndex = this.getColumnIndex0() + 1;
+        const renderContent = () => {
+            switch (this.type) {
+                case 'label':
+                    return this.renderLabelContent();
+                case 'checkbox':
+                    return (h("xpl-checkbox", { ariaLabel: this.checkboxAriaLabel ?? 'Select all rows', checked: this.checked, indeterminate: this.indeterminate, onCheckboxChange: this.onHeaderInnerCheckboxChange }));
+                case 'icon':
+                    return this.icon ? h("xpl-icon", { icon: this.icon, size: 20 }) : null;
+                case 'empty':
+                    return null;
+                default:
+                    return '';
+            }
+        };
+        const effectiveAlign = (this.type === 'checkbox' || this.type === 'icon') && this.align === 'left'
+            ? 'center'
+            : this.align;
+        const alignClass = `xpl-table-header-cell--align-${effectiveAlign}`;
+        const ariaSort = this.type === 'label' && this.sortable
+            ? this.sortDirection === 'asc'
+                ? 'ascending'
+                : this.sortDirection === 'desc'
+                    ? 'descending'
+                    : 'none'
+            : undefined;
+        return (h(Host, { role: "columnheader", "aria-colindex": colIndex, class: {
+                'xpl-table-header-cell': true,
+                [alignClass]: true,
+                'xpl-table-header-cell--checkbox': this.type === 'checkbox',
+                'xpl-table-header-cell--icon': this.type === 'icon',
+                'xpl-table-header-cell--empty': this.type === 'empty',
+                'xpl-table-header-cell--sortable': this.sortable && this.type === 'label',
+            }, "aria-checked": this.type === 'checkbox'
+                ? this.indeterminate
+                    ? 'mixed'
+                    : this.checked
+                        ? 'true'
+                        : 'false'
+                : undefined, "aria-sort": ariaSort }, this.type === 'empty' ? null : renderContent()));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "columnWidth": [{
+                "watchColumnWidth": 0
+            }],
+        "width": [{
+                "watchWidth": 0
+            }]
+    }; }
+};
+
+export { XplTableCell as xpl_table_cell, XplTableFooterCell as xpl_table_footer_cell, TableHeaderCell as xpl_table_header_cell };

package/dist/esm/xpl-table-footer.entry.js

@@ -5,7 +5,7 @@ const XplTableFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '7c0c20a91c48433b21a8a83094d614de532b317b', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: 'aebc40fc1edc9ced7b2420303d3a38897c24939f' })));
+        return (h(Host, { key: '57872baa33166a8146bd0c9b3d7af1597e1fb41e', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: '65def2bdfee1be95fa966f7f746dedc7176b91e6' })));
     }
 };
 

package/dist/esm/xpl-table-header.entry.js

@@ -5,7 +5,7 @@ const TableHeader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '94e6c6f38fa4672ef3c728bf196946801da855d4', role: "row", class: "xpl-table-header" }, h("slot", { key: 'fa41686f082c65d27555273945f734a36c670869' })));
+        return (h(Host, { key: 'fb6c6d0ab301f41a22428583ffa0fea60a30719b', role: "row", class: "xpl-table-header" }, h("slot", { key: '54b058d43266fa281e30d26a644ad93d6559408b' })));
     }
 };
 

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

@@ -1,18 +1,59 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
 
+function isTableCell(node) {
+    return node.nodeName === 'XPL-TABLE-CELL';
+}
 const XplTableRow = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.disabled = false;
         this.selected = false;
     }
+    onDisabledChange() {
+        this.propagateDisabledToCells();
+    }
+    connectedCallback() {
+        if (typeof MutationObserver === 'undefined')
+            return;
+        this.cellObserver = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.type !== 'childList')
+                    return;
+                mutation.addedNodes.forEach((node) => {
+                    if (isTableCell(node)) {
+                        node.disabled = this.disabled;
+                    }
+                });
+            });
+        });
+        this.cellObserver.observe(this.el, { childList: true });
+    }
+    disconnectedCallback() {
+        this.cellObserver?.disconnect();
+        this.cellObserver = undefined;
+    }
+    componentDidLoad() {
+        this.propagateDisabledToCells();
+    }
+    propagateDisabledToCells() {
+        const cells = Array.from(this.el.children).filter(isTableCell);
+        cells.forEach((cell) => {
+            cell.disabled = this.disabled;
+        });
+    }
     render() {
-        return (h(Host, { key: '506e56b764d82707482e58a0715fd342219ef7d9', class: {
+        return (h(Host, { key: '8c49ba27b39d934cb774140b43e811e5ee2bb904', class: {
                 'xpl-table-row': true,
                 'xpl-table-row--disabled': this.disabled,
                 'xpl-table-row--selected': this.selected,
-            }, role: "row" }, h("slot", { key: 'db534bcb1e92bb92441476542c0eaa920f6914e8' })));
+            }, role: "row" }, h("slot", { key: '30788ce629c65d7eab04d268da978d46f0145e99' })));
     }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": [{
+                "onDisabledChange": 0
+            }]
+    }; }
 };
 
 export { XplTableRow as xpl_table_row };