genesys-spark-components 4.231.2 → 4.232.1

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js

@@ -15,6 +15,8 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { setAccent, setActionsIconOnlyProp } from "./gux-table-toolbar.service";
 import { getSlot } from "../../../utils/dom/get-slot";
 import { afterNextRenderTimeout } from "../../../utils/dom/after-next-render";
+import { createSlotCache } from "../../../utils/dom/slot-cache";
+import { debounce } from "../../../utils/function/debounce";
 import { logWarn } from "../../../utils/error/log-error";
 /**
  * @slot search-and-filter - Slot for search and filter.
@@ -25,17 +27,21 @@ import { logWarn } from "../../../utils/error/log-error";
  */
 export class GuxTableToolbar {
     constructor() {
-        this.displayedLayout = 'full';
-        this.hasContextDivider = false;
+        this.slotCache = createSlotCache();
+        this.debouncedMutationHandler = debounce(() => {
+            this.hasContextDivider = this.needsContextDivider();
+            forceUpdate(this.root);
+        }, 50);
         this.minimumSizes = {
             full: 0,
             iconOnly: 0,
             condensed: 0
         };
+        this.displayedLayout = 'full';
+        this.hasContextDivider = false;
     }
     onMutation() {
-        this.hasContextDivider = this.needsContextDivider();
-        forceUpdate(this.root);
+        this.debouncedMutationHandler();
     }
     /**
      * Record the minimum size for the current layout.
@@ -43,11 +49,15 @@ export class GuxTableToolbar {
     recordLayoutMinSize() {
         readTask(() => {
             var _a, _b, _c;
-            const filterWidth = ((_a = this.searchAndFilterContainer) === null || _a === void 0 ? void 0 : _a.clientWidth) | 0;
-            const controlWidth = ((_b = this.actionsContainer) === null || _b === void 0 ? void 0 : _b.clientWidth) | 0;
-            const minControlSize = ((_c = this.minControlSize) === null || _c === void 0 ? void 0 : _c.clientWidth) | 0;
-            const minSize = filterWidth + controlWidth + minControlSize;
-            this.minimumSizes[this.displayedLayout] = minSize;
+            const measurements = {
+                filterWidth: ((_a = this.searchAndFilterContainer) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0,
+                controlWidth: ((_b = this.actionsContainer) === null || _b === void 0 ? void 0 : _b.clientWidth) || 0,
+                minControlSize: ((_c = this.minControlSize) === null || _c === void 0 ? void 0 : _c.clientWidth) || 0
+            };
+            this.minimumSizes[this.displayedLayout] =
+                measurements.filterWidth +
+                    measurements.controlWidth +
+                    measurements.minControlSize;
         });
     }
     get minControlSize() {
@@ -60,20 +70,25 @@ export class GuxTableToolbar {
         return this.root.shadowRoot.querySelector('.search-filter-container');
     }
     get filterSlot() {
-        return getSlot(this.root, 'search-and-filter');
+        return this.slotCache.get(this.root, 'search-and-filter');
     }
     get menuActionSlot() {
-        return getSlot(this.root, 'menu-actions');
+        return this.slotCache.get(this.root, 'menu-actions');
     }
     get permanentSlot() {
         // If permanent actions are not located at the root, then they are assumed to be located within the menu actions.
         // Permanent actions will be located in the menu actions if the previous display layout was condensed.
-        return (getSlot(this.root, 'permanent-actions') ||
-            (this.menuActionSlot &&
-                getSlot(this.menuActionSlot, 'permanent-actions')));
+        const rootSlot = getSlot(this.root, 'permanent-actions');
+        if (rootSlot) {
+            return rootSlot;
+        }
+        const menuSlot = this.menuActionSlot;
+        return menuSlot
+            ? getSlot(menuSlot, 'permanent-actions')
+            : null;
     }
     get contextualSlot() {
-        return getSlot(this.root, 'contextual-actions');
+        return this.slotCache.get(this.root, 'contextual-actions');
     }
     get primaryAction() {
         var _a;
@@ -180,14 +195,23 @@ export class GuxTableToolbar {
         });
         setAccent(this.menuActionsItems, 'ghost');
     }
+    disconnectedCallback() {
+        // Clean up debounced function
+        this.debouncedMutationHandler.cancel();
+        // Clear slot cache
+        this.slotCache.clear();
+    }
     /**
      * When the layout changes, also check one more time to see if further layout
      * changes are needed. This is mostly important at component start when we
      * may need to step down twice, full -> icon and icon -> condensed
      */
     componentDidUpdate() {
-        this.recordLayoutMinSize();
-        this.checkResponsiveLayout();
+        // Only recalculate if we haven't measured this layout yet
+        if (this.minimumSizes[this.displayedLayout] === 0) {
+            this.recordLayoutMinSize();
+            this.checkResponsiveLayout();
+        }
     }
     checkResponsiveLayout() {
         readTask(() => {
@@ -214,9 +238,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'cbec3e21b64b99f3afb7a85966531db3c192b203', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '69819fec1163d95879464a28d63fe0a2b515a7f7', class: "search-filter-container" }, h("slot", { key: 'ad18b51b1a74b2197ef4c3459a4d6ea363d5cdd8', name: "search-and-filter" })), h("div", { key: '853fab2b1d3c45857665df121c67e8aae7a11326', class: "section-spacing" }), h("div", { key: 'f3acd4196d1f36a773bd4e8b2a81c148c1fe1322', class: "gux-contextual-permanent-primary" }, h("div", { key: '603f60f2f33d93a88727b8a612da3b17b3be38fb', class: {
+        return (h(Host, { key: '732e687b001a64699b07136873a9f46e02349e8b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '13afdba2f75da54d23838da997f3eb26a112fd36', class: "search-filter-container" }, h("slot", { key: '866c0dc904db343faa81a9dc4bf46c5790428268', name: "search-and-filter" })), h("div", { key: '8f08745891ef9cf00ddf8cd4eeb3e091b8e2f224', class: "section-spacing" }), h("div", { key: 'c91ae4cfbe159f622351e145d411cb6147f1a3a6', class: "gux-contextual-permanent-primary" }, h("div", { key: '255aa74ce5cef700bbde4c04f525dcd80f70d5c6', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'ea4d35e303889aa7c64d2130c28bc7cd43f44e37', name: "contextual-actions" })), h("div", { key: '6fa432bd4d67fb93953a24d0655dea1d45bb1785', class: "gux-permanent-menu-primary-wrapper" }, this.permanentActions.length > 0 && (h("slot", { key: '3e03b0e758a2d9ba6ea08b438482202fe0f50567', name: "permanent-actions" })), h("gux-table-toolbar-menu-button", { key: 'a146b454501b77d0ece53b039417c82bf543c684', "show-menu": this.renderMenu() }, h("slot", { key: '348d843f9e9beb9d68adbd2035e3266ba30ab23e', name: "menu-actions" })), h("slot", { key: 'd4709fac5e8260ad05660481307415851e830467', name: "primary-action" })))));
+            } }, h("slot", { key: 'd9f2a9db6e378c4604c9fafff69f3f6b5c23c49c', name: "contextual-actions" })), h("div", { key: '05bdf7f5043cdca57a77ad6fd831dd7e0dea3a5e', class: "gux-permanent-menu-primary-wrapper" }, this.permanentActions.length > 0 && (h("slot", { key: 'e77da5fb90a542b0a242afddc51227f507035b7a', name: "permanent-actions" })), h("gux-table-toolbar-menu-button", { key: '4e475de4c02cee411335c276065e7a6a2da679d0', "show-menu": this.renderMenu() }, h("slot", { key: '2a87ba5dba59f56944b1503a57352c868f879661', name: "menu-actions" })), h("slot", { key: 'bea8842d8ce6255928fd0311cf8dd17a58f92c15', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js

@@ -46,11 +46,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: '6ce406e102b6269d95c13bec3c97b986ce03b700', class: {
+        return (h("button", { key: '2e4a98537a699a986c41adc3a25c59385c51044a', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'fd3bf2e99d5a715f997923604bcd32a4f0376347', ref: el => (this.tooltipTitleElement = el), contrast: this.tooltipContrast }, h("span", { key: 'f1a4248e7fd1285851a4230d1773793786497fac' }, h("slot", { key: '1fbdf43d232b4a38867cfb42cb38cf948fdaba9f' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'ad49c79569aa505b501650cb995095638e8398d7', ref: el => (this.tooltipTitleElement = el), contrast: this.tooltipContrast }, h("span", { key: '551c84e0f028668cbc119db8d076d6669d1e73a0' }, h("slot", { key: '8da9b0a639b13013f6d6312f6af4956e29329050' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js

@@ -266,9 +266,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '30004bed5bf566b3b643ec2751b8c14f445d4ead', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '5500aecfb5a0cb479d627b94a3b451fbf78c2c68', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '015ab9ea7881fd084888e082e7b55a090e0e9e4e', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '4b6e0363aaa590a058a2ee8d31a6f30dda5ed36c' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'cd5b06c966e1918b22167e19f633447343c2089c', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'beb9ccf803a9fa823f6efdf63820e8f117307c4b' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js

@@ -16,7 +16,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: 'c5a5908f732e416fdcd11750efe0f264b941df21', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ab7b94d77eac3e7113643a2dd432bd08b7d3bc55' })));
+        return (h(Host, { key: 'd3f846675991b876ed0b8d396bed8de082ccb91d', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '1cbf046087dd91a8f81d71a0aeb73ac37d4d87f2' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tabs.js

@@ -102,7 +102,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'e28e2a84481e0304477ef034695c038e0ce86c6c', class: `gux-tabs-${this.orientation}` }, h("div", { key: 'f3128b225e97a82d5b189962bfd28dadedc6d245', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'fec47d0f9451794469967f778fe5e6021f1ec38d', name: "tab-list" }), h("div", { key: '08d87a9ed0e4f00a0013980c23e62b6a824e579f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd5ccf198b529d085209763214e846e870e24acd9', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '59eb055b14f62900415c5233efb5d01963963f0e', class: `gux-tabs-${this.orientation}` }, h("div", { key: '3f9df67f8f2d8d179f9f6f9d973e4b0cede1fa9f', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'fbf9b16e8ac4a8b17587ea88b4950a63f0a7cbd4', name: "tab-list" }), h("div", { key: '54b7a43938a351ad45e490df5552a75a03c73189', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'eb88502a926ea8b7d1f65b6a82b21da5037c89eb', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js

@@ -155,12 +155,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '7150776fa9c12aa0e450ba765428e605688abda3', class: {
+            h("div", { key: '3163eabe42fb43615cb8410a40acaedcaf3f10f9', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'db9e5f662c29253d865b0b08a408a1a014f19a34', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'a658c9e3d95651c470aa86d317113fee74a4469f', class: "gux-divider" }))
+                } }, h("div", { key: 'eb18c5384bc19dac6d42220f2ca82dc47643f018', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '35bed9f1cfa0232dd422ad215e93b273bc7f8aa8', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js

@@ -437,7 +437,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'f9d0bb76558ec5b9bea6630086db5e32b06f8d90', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'bcff9af334c5102a686513f73f5a586bd1ee48a6', class: "gux-scrollable-section" }, h("div", { key: 'b0ea2fb37604be65f005094b7aa74c2ec6f2e988', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'a2353e9772655091b57a280425451042b7ed573a' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: 'c4327f03eec3f2b8bdf6dc335eb7f75fb9cdd323', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'fe6b9941525c80277319b96d86433d5de9fbaa12', class: "gux-scrollable-section" }, h("div", { key: 'e869482b49292f7b7106d682d4971e14d0bdb079', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '9f755f76bb12ac6a3dd3626b0b7a8fbd68782dae' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js

@@ -16,7 +16,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: 'dcf5134eca5143a5545cd5e4a473c905e7f25664', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'ec07c6099cbe1f3e2ebdc9f127150d5ddaf85eaf' })));
+        return (h("div", { key: 'd450a4b69a2d47d758a74e7e87f8cd9a82cc466a', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'd78ddaaf2400985224ac5073ff0171d9197fbd31' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js

@@ -44,7 +44,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '4e56f81311b56e6c656583899d5805d046bdbd08' }, h("slot", { key: '439ed0d9849c659482a42b06dc8b098da4c49340', name: "tab-list" }), h("slot", { key: 'fd7ec8218429d91d318d16c62ee924ec2b9e3079', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '921328b6211f0ff95eb05fb79e38ce2736811a5b' }, h("slot", { key: 'fd0ff3e35d76d7231231b1a0f802ce42d1220161', name: "tab-list" }), h("slot", { key: '8ca2c217c656915da88ded7d735ecd0c5f9ed28a', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tag/gux-tag.js

@@ -72,7 +72,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'eabf5058ceb0b533ce55e24d0efe4a03fe433686', class: {
+        return (h("div", { key: '198909378cd48cbe5245c6c690df4cf4aa2b957a', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -275,7 +275,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: 'd8491d4c7a1268c0c153599e4aa123f36455a77b', class: {
+        return (h("gux-popup", { key: 'b121376f6991d7c67dc9f9f329ee093468a66085', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/collection/components/stable/gux-toast/gux-toast.js

@@ -57,9 +57,9 @@ export class GuxToast {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '10aa914182b0e08ce3f2a50ef25b58fd24c36591', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '845e6e9140731cb32cc6027872ddfabceeafc851', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '0018519df4a85f8b3283382fed73ce876191231e', class: "gux-content" }, h("div", { key: '3e92190542dbc5fbe1746b14953ffefd20da3648', class: "gux-message" }, h("gux-truncate", { key: '3168fa48042649aac6e4ce6d1e8b2ad6bb3a4c2d', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'f85dbced79858d812e92933068ce8e682458ac19', name: "title" })), h("gux-truncate", { key: 'e7001930b6baaaff1ac170e2eee63b6b37885245', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '1ca1e29808175a182f6696e503d3952294fa670c', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '439c58530c64c15a14ffba5283427658ed96bdc3', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '6d3a30913bbdc4b99c57325284f266d777eeebcc', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '8c13ac0cea332886390fa5d7a35ff697716fed75', class: "gux-content" }, h("div", { key: '2c1f3902eeb1cf9aa1c8a2a40dcaed90289d5a18', class: "gux-message" }, h("gux-truncate", { key: '6de7d7d7e59c678ec55d5b5d9fdf80e1180eecae', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '7625e7150299c31e27fec3efd5a2b3c284d928c9', name: "title" })), h("gux-truncate", { key: 'a37d4c5acf928beaf2c58763e286c61f86aa3f89', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'cbc20c6cb53a3964d2f51e5ef5b9096da0f6a908', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '58b06b0e6ca4956e7d7b08d889df935ddfbf46b4', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'b6b63f1d5efea3a2e33b4c11bc6ff469a0f8f9b9', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -22,12 +22,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: 'd683221e7ca3c02fed60f4a1d3ca5e9665d2ba47', class: {
+        return (h("div", { key: 'aaae16c3bae61d034e2862418b1bf4481d84dc22', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '32384a4b9d009dbd0c5afbf3bacc7d73e7c841c9', class: "gux-slider" }, h("div", { key: 'c55f1028e545c1bb4e5feb3c6111bbf9862d715a', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'a1b098cfb7b9f4219cf367b7e70b9f7acc787b11', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '8a308e2007fbc8b60975729333120ec8ea4952ee', class: "gux-slider" }, h("div", { key: '296eea5721cabcc89a1dbbf8a748288634d4e0b4', class: "gux-switch" }, !isError && (h("gux-icon", { key: '1b95c1cdc2543be93b6fd6e38b004d841ed8f98e', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-toggle/gux-toggle.js

@@ -69,11 +69,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '38c4ad39e464b888ade171733bfcedcd51bdf4d3', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '37b9ee27f3cee85592dea51b9dd6fc416ec7c79c', class: {
+        return (h(Host, { key: '919b4da67197a29351b51af8d388247095a04a1e', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '60ef548b117e6c9b638554f0cb585586e3f4c713', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: 'f141c706e730fe63aa8ded4ad0c794dbbffec943', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '82ae023ad960581f4a0104c3c2953c2785c42a87', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '3ecf9c67ea9d2944595c01d6c27dc5bf1ba255d1', ref: el => (this.announceElement = el) })));
+            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: '9a96d3895c3e0785cd6607b6e1a5db273c580ef5', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'cafcdbbea6e5335d408ad02f9254422c382d93e1', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'b35f7ee4b53f11a5a622925dc0e80f2e44f9ce43', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js

@@ -162,11 +162,11 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '464643450f8bb30ff3e2cf8be827dd148f4e4b5f', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'd1c44695c45d0e80d9cbb0ad2f98f06d13adbdbb', class: {
+        return (h(Host, { key: '248f65ae8787d288dced87ca14d348f16018fdeb', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'c32861baa2b4bd436b126be7193a7182b4273741', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true,
                 [`gux-contrast-${this.contrast}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '9c55ad47d1e7ecb1c83c52dead41cdcb3a569e5a', name: "content" }, h("slot", { key: '2e48a647fb5dcfff49726b58a962c0d3ee0b5384' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '3e00b3cc6147854cd0cecdd02ecea059c406ce4b', name: "content" }, h("slot", { key: 'd5aa237d6d32f9efd496c110cc554099fa5b344d' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -125,10 +125,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '8babef2a949129406d7eb27b564e39c4cbab63d3', class: {
+            h("span", { key: '3f8bafa78753edda87efc4a78e51e68bc4509686', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '5980b3056378e5829ebd532b207ee3afab1d0a99' })),
+                } }, h("slot", { key: 'bd97756c25f00415939afaed5e6850a543d33a83' })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-truncate/gux-truncate.js

@@ -83,12 +83,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: 'f062cbc98f12b75e6ef293a94e328d5595cb7ee8', class: {
+        return (h("div", { key: '9ea9ec72510900d0486c14cd9902c421676861bf', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'dd70a1208931b57eef7fd6c43cb42f29e45e9e82', class: {
+            } }, h("span", { key: '28f06b5e99cbf2a478664a89adc4bee270ee0394', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'd28e5d59b55cd09f1f86171d11aa82a4c15e63fe' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '05a282c789ece309661e2e7d913da3221f647b29' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/dom/on-input-value-change.js

@@ -0,0 +1,26 @@
+/**
+ * Intercepts programmatic `input.value = ...` assignments on an HTMLInputElement
+ * and invokes a callback when the value changes.
+ *
+ * Browsers do not fire `input` or `change` events for programmatic value sets,
+ * so this overrides the `value` property descriptor on the specific element
+ * instance, wrapping the native setter to detect changes.
+ */
+export function onInputValueChange(input, callback) {
+    // Grab the native value getter/setter from the prototype
+    const descriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');
+    // Override the value property on this specific element instance
+    Object.defineProperty(input, 'value', {
+        get() {
+            return descriptor.get.call(this);
+        },
+        set(newValue) {
+            const oldValue = descriptor.get.call(this);
+            descriptor.set.call(this, newValue);
+            if (oldValue !== newValue) {
+                callback(newValue);
+            }
+        },
+        configurable: true
+    });
+}

package/dist/collection/utils/dom/slot-cache.js

@@ -0,0 +1,82 @@
+import { getSlot } from "./get-slot";
+/**
+ * Create a new slot cache instance.
+ *
+ * @returns A new SlotCache instance
+ *
+ * @example
+ * ```typescript
+ * // In your component
+ * private slotCache = createSlotCache();
+ *
+ * get mySlot(): Element | null {
+ *   return this.slotCache.get(this.root, 'my-slot');
+ * }
+ *
+ * disconnectedCallback() {
+ *   this.slotCache.clear();
+ * }
+ * ```
+ */
+export function createSlotCache() {
+    const cache = new Map();
+    return {
+        get(element, slotName) {
+            if (!cache.has(slotName)) {
+                cache.set(slotName, getSlot(element, slotName));
+            }
+            return cache.get(slotName);
+        },
+        has(slotName) {
+            return cache.has(slotName);
+        },
+        set(slotName, element) {
+            cache.set(slotName, element);
+        },
+        invalidate(slotName) {
+            cache.delete(slotName);
+        },
+        clear() {
+            cache.clear();
+        },
+        size() {
+            return cache.size;
+        }
+    };
+}
+/**
+ * A decorator-based approach for caching slots.
+ * This provides a more declarative way to cache slots using TypeScript decorators.
+ *
+ * @param slotName - The name of the slot to cache
+ * @returns A property decorator
+ *
+ * @example
+ * ```typescript
+ * export class MyComponent {
+ *   @Element() root: HTMLElement;
+ *   private slotCache = createSlotCache();
+ *
+ *   @CachedSlot('header')
+ *   get headerSlot(): Element | null {
+ *     return this.slotCache.get(this.root, 'header');
+ *   }
+ * }
+ * ```
+ *
+ * Note: This is an advanced pattern. The simple createSlotCache() approach
+ * is recommended for most use cases.
+ */
+export function CachedSlot(slotName) {
+    return function (_target, _propertyKey, descriptor) {
+        const originalGetter = descriptor.get;
+        const cacheKey = `__slotCache_${slotName}`;
+        descriptor.get = function () {
+            if (!this[cacheKey]) {
+                this[cacheKey] = originalGetter === null || originalGetter === void 0 ? void 0 : originalGetter.call(this);
+            }
+            return this[cacheKey];
+        };
+        return descriptor;
+    };
+}

package/dist/collection/utils/function/debounce.js

@@ -0,0 +1,23 @@
+/**
+ * Create a debounced function.
+ *
+ * @param func - The function to debounce
+ * @param delay - The delay in milliseconds
+ * @returns A debounced function with cancel() method
+ */
+export function debounce(func, delay) {
+    let timerId;
+    function debounced(...args) {
+        clearTimeout(timerId);
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        const context = this;
+        timerId = setTimeout(() => {
+            func.apply(context, args);
+        }, delay);
+    }
+    debounced.cancel = function () {
+        clearTimeout(timerId);
+        timerId = undefined;
+    };
+    return debounced;
+}