genesys-spark-components 4.81.1 → 4.81.2

package/dist/cjs/gux-tab-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index$1 = require('./index-a1a48d79.js');
+const index$1 = require('./index-71d01472.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -19,7 +19,7 @@ const tabsResources = {
 	scrollDown: scrollDown
 };
 
-const guxTabListCss = "gux-tabs[orientation=vertical]{height:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;width:var(--gse-ui-tabs-set-vertical-width);height:100%;margin-right:var(--gse-ui-tabs-set-vertical-marginRight);border-right:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{height:var(--gse-ui-tabs-set-horizontal-height);margin-bottom:var(--gse-ui-tabs-set-horizontal-marginBottom);border-bottom:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow:hidden hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";
+const guxTabListCss = "gux-tabs[orientation=vertical]{height:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;width:var(--gse-ui-tabs-set-vertical-width);height:100%;margin-right:var(--gse-ui-tabs-set-vertical-marginRight);border-right:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{height:var(--gse-ui-tabs-set-horizontal-height);margin-bottom:var(--gse-ui-tabs-set-horizontal-marginBottom);border-bottom:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow:hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";
 const GuxTabListStyle0 = guxTabListCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -146,15 +146,23 @@ const GuxTabList = class {
         if (direction === 'forward') {
             if (this.focused < this.tabTriggers.length - 1) {
                 index.writeTask(() => {
-                    this.hasHorizontalScrollbar ? this.scrollRight() : this.scrollDown();
+                    if (this.hasHorizontalScrollbar) {
+                        this.scrollRight();
+                    }
+                    else {
+                        this.scrollDown();
+                    }
                 });
                 this.focusTab(this.focused + 1);
             }
             else {
                 index.writeTask(() => {
-                    this.hasHorizontalScrollbar
-                        ? scrollableSection.scrollBy(-scrollableSection.scrollWidth, 0)
-                        : scrollableSection.scrollBy(0, -scrollableSection.scrollHeight);
+                    if (this.hasHorizontalScrollbar) {
+                        scrollableSection.scrollBy(-scrollableSection.scrollWidth, 0);
+                    }
+                    else {
+                        scrollableSection.scrollBy(0, -scrollableSection.scrollHeight);
+                    }
                 });
                 this.focusTab(0);
             }
@@ -162,15 +170,23 @@ const GuxTabList = class {
         else if (direction === 'backward') {
             if (this.focused > 0) {
                 index.writeTask(() => {
-                    this.hasHorizontalScrollbar ? this.scrollLeft() : this.scrollUp();
+                    if (this.hasHorizontalScrollbar) {
+                        this.scrollLeft();
+                    }
+                    else {
+                        this.scrollUp();
+                    }
                 });
                 this.focusTab(this.focused - 1);
             }
             else {
                 index.writeTask(() => {
-                    this.hasHorizontalScrollbar
-                        ? scrollableSection.scrollBy(scrollableSection.scrollWidth, 0)
-                        : scrollableSection.scrollBy(0, scrollableSection.scrollHeight);
+                    if (this.hasHorizontalScrollbar) {
+                        scrollableSection.scrollBy(scrollableSection.scrollWidth, 0);
+                    }
+                    else {
+                        scrollableSection.scrollBy(0, scrollableSection.scrollHeight);
+                    }
                 });
                 this.focusTab(this.tabTriggers.length - 1);
             }
@@ -267,9 +283,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '919a7b0d12aa805c1cdbfd1076c95f668702e975', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '2e5b452b73239a8cc2df048e7fa731abdced9eb6', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '1642bfdd98412e3b4814ecf1f1e00bf27be31075', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '4cc24e2c30bd1c9d0a69cce23c2dc27f5a5b477e' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'ecbeded57b72c18be9eff89b2a9db5c8091d1e8d', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '4e20916503b59997a012520fb3de3ae7303b8002' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const eventIsFrom = require('./event-is-from-3ab90a6c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-a1a48d79.js');
+const index$1 = require('./index-71d01472.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-8579e08d.js');
-const index$1 = require('./index-a1a48d79.js');
+const usage = require('./usage-4cfc282a.js');
+const index$1 = require('./index-71d01472.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const actionRefresh = "Refresh";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
-const index$1 = require('./index-a1a48d79.js');
+const index$1 = require('./index-71d01472.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onResize = require('./on-resize-da1477df.js');
 const onMutation = require('./on-mutation-3d294d15.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -140,15 +140,22 @@ const GuxTableToolbar = class {
         setAccent(this.permanentActions, 'secondary');
         setAccent(this.primaryAction, 'primary');
         setActionsIconOnlyProp(true, this.primaryAction, ...this.allFilterContextual, ...this.permanentActions);
-        this.permanentActions && ((_a = this.root) === null || _a === void 0 ? void 0 : _a.appendChild(this.permanentSlot));
-        this.primaryAction && ((_b = this.root) === null || _b === void 0 ? void 0 : _b.appendChild(this.primaryAction));
+        if (this.permanentActions) {
+            (_a = this.root) === null || _a === void 0 ? void 0 : _a.appendChild(this.permanentSlot);
+        }
+        if (this.primaryAction) {
+            (_b = this.root) === null || _b === void 0 ? void 0 : _b.appendChild(this.primaryAction);
+        }
     }
     renderCondensedLayout() {
         var _a, _b;
         this.displayedLayout = 'condensed';
-        this.permanentActions &&
-            ((_a = this.menuActionSlot) === null || _a === void 0 ? void 0 : _a.appendChild(this.permanentSlot));
-        this.primaryAction && ((_b = this.menuActionSlot) === null || _b === void 0 ? void 0 : _b.appendChild(this.primaryAction));
+        if (this.permanentActions) {
+            (_a = this.menuActionSlot) === null || _a === void 0 ? void 0 : _a.appendChild(this.permanentSlot);
+        }
+        if (this.primaryAction) {
+            (_b = this.menuActionSlot) === null || _b === void 0 ? void 0 : _b.appendChild(this.primaryAction);
+        }
         setActionsIconOnlyProp(true, ...this.allFilterContextual);
         setActionsIconOnlyProp(false, ...this.permanentActions);
         setActionsIconOnlyProp(false, this.primaryAction);
@@ -200,9 +207,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '0cc744b7db53376ef96052ed47655fd8d89152b9', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '572d58bca76ed65e5a087ade85e0326537cdff2c', class: "search-filter-container" }, index.h("slot", { key: '26a444f4f6b2c2c232ccd0565c75497390762adb', name: "search-and-filter" })), index.h("div", { key: '0cf390604f6eec841f4a36687914b8a7b81f228b', class: "section-spacing" }), index.h("div", { key: '4ed7fd99e6118d47f766529d955749c5675212f5', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '0512e069c51b42c412bc4025c1a0148c4e833788', class: {
+        return (index.h(index.Host, { key: '968ead052df50dfb4d0c65c8eb742a7ea9826190', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: 'dd0d79256b3a370640308f82e452c176f3c8c3aa', class: "search-filter-container" }, index.h("slot", { key: '33feb766bae49606d1b1827d068b36cb7fbb9059', name: "search-and-filter" })), index.h("div", { key: '64110527da747102ae007bbbfed5252383e2c58e', class: "section-spacing" }), index.h("div", { key: '6ce3f926cbc0ee503137164e53648438de76ff5f', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'd2175714a4f90245e2f763c6123dd3b4e380fbcf', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '72d2510ff84b94a1e1e2854707a02f8865a3b7c1', name: "contextual-actions" })), index.h("div", { key: 'ecc95ba443548fa37dbe6937a3b20b0545d1896b', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'd8ff8a5dcea41871c2b7ecba6eb06c49bfdcf95d', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'c12dcd3b14b300f173d139db6f72513caa12d7e7', "show-menu": this.renderMenu() }, index.h("slot", { key: 'ae4782abf310653c8c2f053d4a1cbf5d41b1f9a8', name: "menu-actions" })), index.h("slot", { key: '67d6722bdd21a4ce5ea5d8e2fbea4b5ee51f9cd7', name: "primary-action" })))));
+            } }, index.h("slot", { key: '6961ac658db8734291d2c3e581eb9040ca8a8411', name: "contextual-actions" })), index.h("div", { key: '1b9ef94be8a462eb334ee92368ba5a1e7b39b5a2', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '0dba29c634ad16e3ebfebdf0d6ea3445091098a4', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'b1149324a8e38739d1cbed46804cb62d4cf1ce48', "show-menu": this.renderMenu() }, index.h("slot", { key: '84dc8b76531d87faf3d5d3aa85426b099f3803c7', name: "menu-actions" })), index.h("slot", { key: '2cf463eceb556f92d1680faeba8902f934c67444', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-a1a48d79.js');
+const index$1 = require('./index-71d01472.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 const GuxTabsStyle0 = guxTabsCss;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-8579e08d.js');
+const index$1 = require('./index-71d01472.js');
+const usage = require('./usage-4cfc282a.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-8579e08d.js');
-const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
+const usage = require('./usage-4cfc282a.js');
+const getValidTimezone = require('./get-valid-timezone-c248443a.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
-const index$1 = require('./index-a1a48d79.js');
+const index$1 = require('./index-71d01472.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const GuxTime = class {

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

@@ -6,8 +6,8 @@ const index$1 = require('./index-7fb02c8c.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index = require('./index-a1a48d79.js');
-const usage = require('./usage-8579e08d.js');
+const index = require('./index-71d01472.js');
+const usage = require('./usage-4cfc282a.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-8579e08d.js');
-const index$1 = require('./index-a1a48d79.js');
+const usage = require('./usage-4cfc282a.js');
+const index$1 = require('./index-71d01472.js');
 const timeZone = require('./time-zone-72675c4e.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-a1a48d79.js');
+const index$1 = require('./index-71d01472.js');
 const timeZone = require('./time-zone-72675c4e.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-a1a48d79.js');
+const index$1 = require('./index-71d01472.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const defaultAriaLabel = "Toggle Switch";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
 const guxTooltipBaseCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8579e08d.js');
+const usage = require('./usage-4cfc282a.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 

package/dist/cjs/{index-a1a48d79.js → index-71d01472.js}

@@ -4110,7 +4110,7 @@ async function getComponentI18nResources(component, defaultResources, locale, pa
         try {
             resources = await fetchResources(componentName, locale);
         }
-        catch (_) {
+        catch (_a) {
             resources = null;
         }
     }

package/dist/cjs/{usage-8579e08d.js → usage-4cfc282a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.81.1";
+const version = "4.81.2";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -69,45 +69,45 @@ const dependencies = {
 	sortablejs: "1.15.2"
 };
 const devDependencies = {
-	"@babel/core": "^7.24.0",
-	"@babel/preset-env": "^7.24.0",
+	"@babel/core": "^7.25.2",
+	"@babel/preset-env": "^7.25.4",
 	"@stencil/core": "4.12.6",
 	"@stencil/react-output-target": "^0.5.3",
-	"@stencil/sass": "^3.0.10",
+	"@stencil/sass": "^3.0.12",
 	"@types/google-libphonenumber": "^7.4.30",
 	"@types/jest": "^29.5.12",
 	"@types/new-relic-browser": "^0.1118.2",
 	"@types/puppeteer": "^5.4.7",
 	"@types/resize-observer-browser": "^0.1.9",
 	"@types/sortablejs": "^1.15.8",
-	"@typescript-eslint/eslint-plugin": "^7.1.1",
-	"@typescript-eslint/parser": "^7.1.1",
-	"axe-core": "^4.8.4",
+	"@typescript-eslint/eslint-plugin": "^8.4.0",
+	"@typescript-eslint/parser": "^8.4.0",
+	"axe-core": "^4.10.0",
 	"axe-live": "^1.0.1",
 	eslint: "^8.57.0",
 	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
 	"eslint-config-prettier": "^9.1.0",
 	"file-loader": "^6.2.0",
 	"genesys-spark-tokens": "file:../genesys-spark-tokens",
-	glob: "^10.3.0",
+	glob: "^11.0.0",
 	handlebars: "^4.7.8",
-	inquirer: "^9.2.15",
+	inquirer: "^10.2.2",
 	jest: "^29.7.0",
 	"jest-cli": "^29.7.0",
 	"jest-config": "^29.7.0",
 	"jest-environment-node": "^29.7.0",
 	"jest-junit": "^16.0.0",
-	"jest-silent-reporter": "^0.5.0",
+	"jest-silent-reporter": "^0.6.0",
 	jsdom: "^22.1.0",
-	"lint-staged": "^15.2.2",
-	marked: "^12.0.1",
+	"lint-staged": "^15.2.10",
+	marked: "^14.1.2",
 	"mutation-observer": "^1.0.3",
 	"node-fetch": "^3.3.2",
 	"npm-run-all": "^4.1.5",
-	"postcss-html": "^1.6.0",
+	"postcss-html": "^1.7.0",
 	"postcss-less": "^6.0.0",
 	"postcss-scss": "^4.0.9",
-	prettier: "^3.2.5",
+	prettier: "^3.3.3",
 	"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
 	"prettier-package-json": "^2.8.0",
 	puppeteer: "^14.4.1",
@@ -116,15 +116,15 @@ const devDependencies = {
 	"semver-sort": "^1.0.0",
 	"spritesheet-templates": "^10.5.2",
 	spritesmith: "^3.4.1",
-	stylelint: "^16.2.1",
+	stylelint: "^16.9.0",
 	"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
 	"stylelint-config-html": "^1.1.0",
-	"stylelint-config-recess-order": "^5.0.0",
-	"stylelint-config-standard": "^36.0.0",
-	"stylelint-scss": "^6.2.1",
+	"stylelint-config-recess-order": "^5.1.0",
+	"stylelint-config-standard": "^36.0.1",
+	"stylelint-scss": "^6.5.1",
 	"stylelint-use-logical": "^2.1.2",
 	"stylelint-use-logical-spec": "^5.0.1",
-	svgo: "^3.2.0",
+	svgo: "^3.3.2",
 	"ts-loader": "^9.5.1",
 	typescript: "^4.9.5",
 	weekstart: "^2.0.0",

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js

@@ -151,7 +151,7 @@ export class GuxPhoneInput {
                 this._setRegionAlpha2Code((_a = this.getRegionFromValue(this.value)) === null || _a === void 0 ? void 0 : _a.alpha2Code);
                 this.value = this.phoneUtil.format(phone, this.displayFormat);
             }
-            catch (e) {
+            catch (_b) {
                 logWarn(this.root, 'Number cannot be parsed');
             }
         }
@@ -189,7 +189,7 @@ export class GuxPhoneInput {
         try {
             return this.phoneUtil.parse(value, region);
         }
-        catch (e) {
+        catch (_a) {
             return null;
         }
     }
@@ -266,7 +266,7 @@ export class GuxPhoneInput {
                 return match;
             }
         }
-        catch (e) {
+        catch (_a) {
             // Error thrown while parsing, continue processing without googlelib-phonenumber
         }
         const currentRegionMatch = matches.find(r => { var _a; return r.alpha2Code === ((_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code); });
@@ -364,7 +364,7 @@ export class GuxPhoneInput {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: '97bcbf6ed30dce9433139c777af3fe290cbb8abd', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '8eace892c0af670b3b4db40d92f5c15c90082f94', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-phone-input-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-action-button/gux-action-button.js

@@ -90,7 +90,8 @@ export class GuxActionButton {
     }
     focusPopupList() {
         afterNextRenderTimeout(() => {
-            this.listElement.focus && this.listElement.focus();
+            var _a;
+            (_a = this.listElement) === null || _a === void 0 ? void 0 : _a.focus();
         });
     }
     focusFirstItemInPopupList() {
@@ -115,7 +116,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '35db406944257d9340a622c522875b119289b0f5', class: "gux-action-button-container" }, h("gux-popup", { key: 'aef35b2f588303b5859b277f50b997e8b5d170ca', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'cf506b4a4495f7b65526bac7793c489effa95acb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'e0d60e8c889dcb1c28425f9bb894a25e6b398ec0', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '201d9670313375712594981c6bb5fbef1e82bf9b', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '81653cae34cc63a6830390d30b187680db9b3abb', name: "title" }))), h("gux-button-slot", { key: 'e8ef9c8caacbc3f8077609ab6b6ad15ad89c69c8', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'a4edbc69d58db50934dfe4e841d82d48c9d7034b', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '47c76dd50e8659d6cd31c6102631d3b25a9b8bde', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e3b47b5109fbf0baeaaa5bd483b1e673778f4509', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '85a72141778c8cb50986822cdf15980bd649b3ef', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '95c2763f828efbc74ec33a8ca25581a461bd98fa' }))))));
+        return (h("div", { key: '7b8a68ffb2e706305658aefd814855664155da47', class: "gux-action-button-container" }, h("gux-popup", { key: '2dca9d921bf4f92931daa670f29912a087bcc172', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '766696676f6f6e897778267afa8e564829930a69', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'fd835729201a17ef130e7bab7f004c08bef07911', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '705b0b7ac3f92861e82a835b1f41fc9adb474bfa', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'c93825bb3e4e1be33b052d57625b0fb365db3981', name: "title" }))), h("gux-button-slot", { key: '91bef49962cb87f0a0339383fa69807b5b5c309e', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '5f6826f2c7f6a000078d92594466372f62392d61', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '3543b2b52902bdcd638702a5da089b8f991f2559', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '06ce9844ef0361861dd7c905d4dd37d772b912f7', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '6d90e1e0fbee89f56e96a724de0a0890aa8cd6d9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bf8354b32108b1c3ece7abed66612b9fff5ac035' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/tests/gux-content-search.e2e.js

@@ -9,6 +9,16 @@ const axeExclusions = [
         issueId: 'target-size',
         target: 'input',
         exclusionReason: 'COMUI-2945 Fix any of the following: Target has insufficient size (134px by 14px, should be at least 24px by 24px); Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.'
+    },
+    {
+        issueId: 'target-size',
+        target: 'gux-content-search,.gux-previous-button',
+        exclusionReason: 'COMUI-2945 Fix any of the following: Target has insufficient size (134px by 14px, should be at least 24px by 24px); Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.'
+    },
+    {
+        issueId: 'target-size',
+        target: 'gux-content-search,.gux-next-button',
+        exclusionReason: 'COMUI-2945 Fix any of the following: Target has insufficient size (134px by 14px, should be at least 24px by 24px); Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.'
     }
 ];
 describe('gux-content-search', () => {

package/dist/collection/components/stable/gux-copy-to-clipboard/tests/gux-copy-to-clipboard.spec.js

@@ -31,7 +31,9 @@ describe('gux-copy-to-clipboard', () => {
             const component = new GuxCopyToClipboard();
             Object.assign(window.navigator, {
                 clipboard: {
-                    writeText: jest.fn().mockImplementation(() => Promise.reject())
+                    writeText: jest
+                        .fn()
+                        .mockImplementation(() => Promise.reject(new Error()))
                 }
             });
             await component.onCopyToClipboard();

package/dist/collection/components/stable/gux-form-field/gux-form-field.service.js

@@ -55,8 +55,9 @@ export function validateFormIds(root, input) {
             .getAttribute('aria-describedby')) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-form-field-error`))) || [];
         error.setAttribute('id', errorId);
         describedByIds.push(errorId);
-        describedByIds &&
+        if (describedByIds) {
             input.setAttribute('aria-describedby', describedByIds.join(' '));
+        }
     }
     else if (input.getAttribute('aria-describedby')) {
         const describedByIds = ((_b = input
@@ -70,8 +71,9 @@ export function validateFormIds(root, input) {
             .getAttribute('aria-describedby')) === null || _c === void 0 ? void 0 : _c.split(' ').filter(id => !id.startsWith(`gux-form-field-help`))) || [];
         help.setAttribute('id', helpId);
         describedByIds.push(helpId);
-        describedByIds &&
+        if (describedByIds) {
             input.setAttribute('aria-describedby', describedByIds.join(' '));
+        }
     }
     else if (input.getAttribute('aria-describedby')) {
         const describedByIds = ((_d = input
@@ -85,8 +87,9 @@ export function validateFormIds(root, input) {
             .getAttribute('aria-describedby')) === null || _e === void 0 ? void 0 : _e.split(' ').filter(id => !id.startsWith(`gux-label-info-beta`))) || [];
         labelInfo.setAttribute('id', labelInfoId);
         describedByIds.push(labelInfoId);
-        describedByIds &&
+        if (describedByIds) {
             input.setAttribute('aria-describedby', describedByIds.join(' '));
+        }
     }
     else if (input.getAttribute('aria-describedby')) {
         const describedByIds = ((_f = input
@@ -103,8 +106,9 @@ export function setSlotAriaAttribute(root, attribute, input, slotName) {
             .getAttribute(attribute)) === null || _a === void 0 ? void 0 : _a.split(' ').filter(id => !id.startsWith(`gux-${slotName}`))) || [];
         slottedElement.setAttribute('id', randomId);
         ariaAttributeIds === null || ariaAttributeIds === void 0 ? void 0 : ariaAttributeIds.push(randomId);
-        ariaAttributeIds &&
+        if (ariaAttributeIds) {
             input.setAttribute(attribute, ariaAttributeIds.join(' '));
+        }
     }
 }
 export function setSlotAriaLabelledby(root, input, slotName) {

package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.css

@@ -4,12 +4,12 @@
   max-height: var(--gse-ui-menu-maxHeight);
   padding: var(--gse-ui-menu-padding);
   overflow-y: auto;
+  scrollbar-color: var(--gse-ui-menu-scrollbar-foregroundColor);
   background: var(--gse-ui-menu-backgroundColor);
   border: var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);
   border-radius: var(--gse-ui-menu-borderRadius);
   outline: none;
   box-shadow: var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
-  scrollbar-color: var(--gse-ui-menu-scrollbar-foregroundColor);
 }
 
 .gux-message-container {