genesys-spark-components 4.232.0 → 4.232.1

package/dist/esm/gux-table-toolbar.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as forceUpdate, d as readTask, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
+import { r as registerInstance, d as readTask, h, H as Host, a as getElement, f as forceUpdate } from './index-CW7z6RPd.js';
 import { O as OnResize } from './on-resize-DLnYi7-d.js';
 import { O as OnMutation } from './on-mutation-hyjKEYin.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { g as getSlot } from './get-slot-BBpQG81s.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
@@ -22,6 +22,76 @@ function setActionsIconOnlyProp(iconOnly, ...actionSets) {
         .forEach(action => (action.iconOnly = iconOnly));
 }
 
+/**
+ * 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();
+ * }
+ * ```
+ */
+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;
+        }
+    };
+}
+
+/**
+ * Create a debounced function.
+ *
+ * @param func - The function to debounce
+ * @param delay - The delay in milliseconds
+ * @returns A debounced function with cancel() method
+ */
+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;
+}
+
 const guxTableToolbarCss = () => `:host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;inline-size:100%;max-block-size:var(--gse-ui-dataTableItems-tableToolbar-height);visibility:hidden;transition:visibility 0s 0.5s;}@keyframes show-toolbar{to{visibility:visible}}:host .search-filter-container{min-inline-size:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-inline-size:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap);border-inline-end:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}`;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -37,17 +107,21 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxTableToolbar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        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.
@@ -55,11 +129,15 @@ const GuxTableToolbar = class {
     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() {
@@ -72,20 +150,25 @@ const GuxTableToolbar = class {
         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;
@@ -192,14 +275,23 @@ const GuxTableToolbar = class {
         });
         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(() => {
@@ -226,9 +318,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: '454ff18896a61bebf7dd26c48f28b1d728a15d61', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'a6d1fc880a0a0082459666be83e0960f1e1f707a', class: "search-filter-container" }, h("slot", { key: '4cf8cf31d8c2c768bbd430505ea1e29b141f0147', name: "search-and-filter" })), h("div", { key: '9d74cab3e893687d6b41d4228d882a975fa19c8a', class: "section-spacing" }), h("div", { key: '5ba8733a51cc69df7eb240b744bd75c594e69102', class: "gux-contextual-permanent-primary" }, h("div", { key: '0177f073a2d1967a4c0e1eebde902ba7f417e50d', 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: '6a50d15b2f439d916ad91d557868ec6691d6816d', name: "contextual-actions" })), h("div", { key: '2e4f340e78c8bd67c3ee64107cb0d3bd7a0a2154', class: "gux-permanent-menu-primary-wrapper" }, this.permanentActions.length > 0 && (h("slot", { key: '35de95e1199f41a2271a9961c49158ea9f1017fe', name: "permanent-actions" })), h("gux-table-toolbar-menu-button", { key: '94c5ea7246a191530a39e8b8760c6b6948e1fa50', "show-menu": this.renderMenu() }, h("slot", { key: '6a5eea894e4199fd9264fc7338acf408a6c6fefd', name: "menu-actions" })), h("slot", { key: '3f578933f98535fb4b862d4bdc081e93c5a21d6d', 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" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-table.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTas
 import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { t as tableResources } from './en-BIx814vt.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-tabs-advanced.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

package/dist/esm/gux-tabs.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { O as OnMutation } from './on-mutation-hyjKEYin.js';
 
 const guxTabsCss = () => `:host(.gux-tabs-vertical){block-size:100%}:host(.gux-tabs-horizontal) .gux-tabs{flex-direction:column}:host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}`;

package/dist/esm/gux-tag.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
 import { b as buildI18nForComponent } from './index-DV83JT5I.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { O as OnMutation } from './on-mutation-hyjKEYin.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-text-highlight.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
 import { s as safeRegExpString } from './safe-regexp-string-D8NvUiBF.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/esm/gux-time-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-CiKGbmJt.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';

package/dist/esm/gux-time-picker.entry.js

@@ -3,7 +3,7 @@ import { O as OnClickOutside } from './on-click-outside-DGKD-rDs.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { g as getDesiredLocale, b as buildI18nForComponent } from './index-DV83JT5I.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 import { a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';

package/dist/esm/gux-time-zone-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-RWUera2Z.js';
 import './get-closest-element-Cd4R0amv.js';

package/dist/esm/gux-time-zone-picker-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
 import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import { t as translationResources, f as formatOffset, g as getTimeZoneList } from './time-zone-RWUera2Z.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-toast.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 

package/dist/esm/gux-toggle.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import './get-closest-element-Cd4R0amv.js';

package/dist/esm/gux-tooltip-base-beta_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide } from './floating-ui.dom-8w8ltg_h.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { o as overflowDetection } from './overflow-detection-CBtlRuho.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';

package/dist/esm/gux-tooltip-pointer-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 

package/dist/esm/gux-tooltip_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement, f as forceUpdate } from './index-CW7z6RPd.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide } from './floating-ui.dom-8w8ltg_h.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { o as overflowDetection } from './overflow-detection-CBtlRuho.js';

package/dist/esm/gux-tree-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { h as hasParentDisabled, s as setSelectedNodeByValue, f as forceUpdateTree, c as clearActiveNode, d as setInitialActiveNode, e as handleTreeNodeSpecificEvent, i as setLastNodeActive, j as setFirstNodeActive, k as setPreviousNodeActive, l as setNextNodeActive, m as setSelectedNode, n as setParentNodeActive, o as setChildNodeActive } from './gux-tree.service-DrsSO_cH.js';
 import './when-event-is-from-kLXvN2m9.js';

package/dist/esm/gux-tree-multi-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
-import { t as trackComponent } from './usage-B4kgQ9Nr.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { h as hasParentDisabled, s as setSelectedNodesByValue, f as forceUpdateTree, c as clearActiveNode, d as setInitialActiveNode, e as handleTreeNodeSpecificEvent, i as setLastNodeActive, j as setFirstNodeActive, k as setPreviousNodeActive, l as setNextNodeActive, m as setInitialSelectedNodesByValue, t as toggleNodeSelection, n as setParentNodeActive, o as setChildNodeActive } from './gux-tree-multi.service-DywkmQ9D.js';
 import './when-event-is-from-kLXvN2m9.js';

package/dist/esm/index-CW7z6RPd.js

@@ -679,10 +679,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-tab-list.entry.js').then(processMod, consoleError);
-                case 'gux-table-toolbar':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './gux-table-toolbar.entry.js').then(processMod, consoleError);
                 case 'gux-table-toolbar-action':
                     return import(
                       /* webpackMode: "lazy" */
@@ -803,6 +799,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-context-menu.entry.js').then(processMod, consoleError);
+                case 'gux-table-toolbar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-table-toolbar.entry.js').then(processMod, consoleError);
                 case 'gux-calendar':
                     return import(
                       /* webpackMode: "lazy" */