genesys-spark-components 4.232.0 → 4.232.2

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

@@ -3,7 +3,7 @@
 var index = require('./index-npRUdf7N.js');
 var onResize = require('./on-resize-yxt3gZhq.js');
 var onMutation = require('./on-mutation-BW38lSRA.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var logError = require('./log-error-nWO_o1C3.js');
@@ -24,6 +24,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.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) {
@@ -39,17 +109,21 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxTableToolbar = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.displayedLayout = 'full';
-        this.hasContextDivider = false;
+        this.slotCache = createSlotCache();
+        this.debouncedMutationHandler = debounce(() => {
+            this.hasContextDivider = this.needsContextDivider();
+            index.forceUpdate(this.root);
+        }, 50);
         this.minimumSizes = {
             full: 0,
             iconOnly: 0,
             condensed: 0
         };
+        this.displayedLayout = 'full';
+        this.hasContextDivider = false;
     }
     onMutation() {
-        this.hasContextDivider = this.needsContextDivider();
-        index.forceUpdate(this.root);
+        this.debouncedMutationHandler();
     }
     /**
      * Record the minimum size for the current layout.
@@ -57,11 +131,15 @@ const GuxTableToolbar = class {
     recordLayoutMinSize() {
         index.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() {
@@ -74,20 +152,25 @@ const GuxTableToolbar = class {
         return this.root.shadowRoot.querySelector('.search-filter-container');
     }
     get filterSlot() {
-        return getSlot.getSlot(this.root, 'search-and-filter');
+        return this.slotCache.get(this.root, 'search-and-filter');
     }
     get menuActionSlot() {
-        return getSlot.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.getSlot(this.root, 'permanent-actions') ||
-            (this.menuActionSlot &&
-                getSlot.getSlot(this.menuActionSlot, 'permanent-actions')));
+        const rootSlot = getSlot.getSlot(this.root, 'permanent-actions');
+        if (rootSlot) {
+            return rootSlot;
+        }
+        const menuSlot = this.menuActionSlot;
+        return menuSlot
+            ? getSlot.getSlot(menuSlot, 'permanent-actions')
+            : null;
     }
     get contextualSlot() {
-        return getSlot.getSlot(this.root, 'contextual-actions');
+        return this.slotCache.get(this.root, 'contextual-actions');
     }
     get primaryAction() {
         var _a;
@@ -194,14 +277,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() {
         index.readTask(() => {
@@ -228,9 +320,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '454ff18896a61bebf7dd26c48f28b1d728a15d61', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'a6d1fc880a0a0082459666be83e0960f1e1f707a', class: "search-filter-container" }, index.h("slot", { key: '4cf8cf31d8c2c768bbd430505ea1e29b141f0147', name: "search-and-filter" })), index.h("div", { key: '9d74cab3e893687d6b41d4228d882a975fa19c8a', class: "section-spacing" }), index.h("div", { key: '5ba8733a51cc69df7eb240b744bd75c594e69102', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '0177f073a2d1967a4c0e1eebde902ba7f417e50d', class: {
+        return (index.h(index.Host, { key: '732e687b001a64699b07136873a9f46e02349e8b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: '13afdba2f75da54d23838da997f3eb26a112fd36', class: "search-filter-container" }, index.h("slot", { key: '866c0dc904db343faa81a9dc4bf46c5790428268', name: "search-and-filter" })), index.h("div", { key: '8f08745891ef9cf00ddf8cd4eeb3e091b8e2f224', class: "section-spacing" }), index.h("div", { key: 'c91ae4cfbe159f622351e145d411cb6147f1a3a6', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '255aa74ce5cef700bbde4c04f525dcd80f70d5c6', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '6a50d15b2f439d916ad91d557868ec6691d6816d', name: "contextual-actions" })), index.h("div", { key: '2e4f340e78c8bd67c3ee64107cb0d3bd7a0a2154', class: "gux-permanent-menu-primary-wrapper" }, this.permanentActions.length > 0 && (index.h("slot", { key: '35de95e1199f41a2271a9961c49158ea9f1017fe', name: "permanent-actions" })), index.h("gux-table-toolbar-menu-button", { key: '94c5ea7246a191530a39e8b8760c6b6948e1fa50', "show-menu": this.renderMenu() }, index.h("slot", { key: '6a5eea894e4199fd9264fc7338acf408a6c6fefd', name: "menu-actions" })), index.h("slot", { key: '3f578933f98535fb4b862d4bdc081e93c5a21d6d', name: "primary-action" })))));
+            } }, index.h("slot", { key: 'd9f2a9db6e378c4604c9fafff69f3f6b5c23c49c', name: "contextual-actions" })), index.h("div", { key: '05bdf7f5043cdca57a77ad6fd831dd7e0dea3a5e', class: "gux-permanent-menu-primary-wrapper" }, this.permanentActions.length > 0 && (index.h("slot", { key: 'e77da5fb90a542b0a242afddc51227f507035b7a', name: "permanent-actions" })), index.h("gux-table-toolbar-menu-button", { key: '4e475de4c02cee411335c276065e7a6a2da679d0', "show-menu": this.renderMenu() }, index.h("slot", { key: '2a87ba5dba59f56944b1503a57352c868f879661', name: "menu-actions" })), index.h("slot", { key: 'bea8842d8ce6255928fd0311cf8dd17a58f92c15', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ var index = require('./index-npRUdf7N.js');
 var index$1 = require('./index-D5gbJ1qH.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var en = require('./en-BCiQgP2I.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var onMutation = require('./on-mutation-BW38lSRA.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/cjs/gux-tag.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-npRUdf7N.js');
 var index$1 = require('./index-D5gbJ1qH.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var onMutation = require('./on-mutation-BW38lSRA.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-npRUdf7N.js');
 var safeRegexpString = require('./safe-regexp-string-Bb3vDqCh.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var getValidTimezone = require('./get-valid-timezone-DXdWPVFz.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -5,7 +5,7 @@ var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var index = require('./index-D5gbJ1qH.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var index$1 = require('./index-D5gbJ1qH.js');
 var timeZone = require('./time-zone-CX9d6igD.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-npRUdf7N.js');
 var index$1 = require('./index-D5gbJ1qH.js');
 var timeZone = require('./time-zone-CX9d6igD.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var index$1 = require('./index-D5gbJ1qH.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-npRUdf7N.js');
 var floatingUi_dom = require('./floating-ui.dom-CMUN3LzO.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-9h_D5bek.js');
 var logError = require('./log-error-nWO_o1C3.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 

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

@@ -3,7 +3,7 @@
 var index = require('./index-npRUdf7N.js');
 var floatingUi_dom = require('./floating-ui.dom-CMUN3LzO.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-9h_D5bek.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var guxTree_service = require('./gux-tree.service-0BtkCvA3.js');
 require('./when-event-is-from-C6TjNoqM.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-CXG6kbqB.js');
+var usage = require('./usage-DMoI1xj1.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var guxTreeMulti_service = require('./gux-tree-multi.service-CCBtZ66V.js');
 require('./when-event-is-from-C6TjNoqM.js');

package/dist/cjs/index-npRUdf7N.js

@@ -699,10 +699,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-tab-list.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gux-table-toolbar.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './gux-table-toolbar.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-table-toolbar-action.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -823,6 +819,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-context-menu.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-table-toolbar.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-table-toolbar.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-calendar.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */