genesys-spark-components 4.94.0 → 4.95.0

package/dist/cjs/gux-skip-navigation-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '351678425dca08b7c61ec0f869b430a3b625c8a2', class: "gux-container" }, index.h("nav", { key: 'ec0720dfe5df1a8b98b6227edbfb91d27e5a482a', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'd6b73a85c220fe9edd79ba4d2c247ec56049c364', role: "list" }, index.h("slot", { key: 'bf5662d53b1aeb9b2990bb018574144ef467b444' })))));
+        return (index.h("div", { key: '72fa9eed6aa91601b97fee8141af6e99adfc6f4a', class: "gux-container" }, index.h("nav", { key: '4800af8da6e41d9c8a5ced66d1418fe6a1471adf', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '94f535e0cb1ef4f282273311ed4e498c80fe48a2', role: "list" }, index.h("slot", { key: '8cf87fd337123de70f7243bc51756c1e73a08f43' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5f7e190347bb99e4abc61a78350f5e06fc7006c5', class: "gux-container" }, index.h("button", { key: 'a843bb6d2e6e3b50f1a6c72bb33799c9a27ffb43', class: {
+        return (index.h("div", { key: '6655d9767e7bb69b3c2367b32a4922d67febce7e', class: "gux-container" }, index.h("button", { key: '9ad971bb14892c4d82975d2724cac3edbcb61805', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'c16595ea28a078b9c899661e31248020bc7649a0', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '59a975eda7ec596e837848538aa7f9429dac39f8', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '4cfd75b06d5d84b4fb232fce0754b8297a4f4ec2', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '26f670c1d4b4bc13d1ebb6491f376c6d4afee164', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '53c90da1a2ff67dd9adac2793b2d8e7415fb8968' }, index.h("button", { key: 'd3b0e3c853c907921653f077de1466414c605eab', type: "button", class: {
+        return (index.h(index.Host, { key: 'b641e26370379f34ec3b5acea983106f17e38096' }, index.h("button", { key: '52dd14bd0efa68b6fb81a07e6d94f7234a979245', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: 'cabe95d17b34c8b3614e684219f3491951e1203e', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: 'd9c43c088229efaff2089df39e6949d0451c335c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'b87bb5adfab410d1ff3665fb172984fe1b6ae820', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: 'bec224f7661e6edc33e3d43121bed2693bc936d9', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: 'e2a30bf17bcbf25248297c0b4efb79561567e466', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'e038e6909dfecb44bad87b12e4b96cf35cf66388', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'fbaff62b6b8122b8c7547f11e3569753285071b2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '89e8db8baea2429b691a37f8a8f1873b63bae4bf' })))));
+            } }, index.h("div", { key: '004293f918e0c6719495c1495e3b64d0ddac527a', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '1edef86e36eeebe7279f085171dfdeb602ad83c9' })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-switch-item.cjs.entry.js

@@ -20,7 +20,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6e159ebd8385899b265f72304b322f30ba67eb24', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'a2944357aed5b638b72773cfa61fc4a0403e88b7', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '36ac5c60669149a2275c990280354275b58065c0' }))));
+        return (index.h(index.Host, { key: '8664571691ba02d34d6a5b7d1edad8c88a4cde79', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'fc12f3f71af60b44cd14c9d873551a15aff4def4', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '8400d14caf75e56641f8638e220dfdd8bff14516' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

package/dist/cjs/gux-switch-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -37,7 +37,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'd31f1b985746e46fa8070c14b044c2bbb448b2b2', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'ee7c9df819373616eaa3dd62c183571a70954d79', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '6b77fe6a118544d683fb9cba196c5b272f99ed39', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '53b5b6596a523d7b6bd4397c66b501f82353a21b', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3076,7 +3076,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: 'c640705dbaf87e37c008674156faa8f9d1901da2', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '1710807c9386d7da21fa0b8810ef0d27f74ba542', class: "gux-scrollable-section" }, index$1.h("div", { key: 'b02443f427e9500dcb553465ce4300005adfc273', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'bc389257f0e9a8f088cb56f3a64980e7e02177e2' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '1e73fce9bc8ece5fa21debffeb647f0f38150808', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'a60dac8975650efba588c5370d453f373e9fcbf4', class: "gux-scrollable-section" }, index$1.h("div", { key: 'dd83448566f1503e367ba74db9027fc405b0a853', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'afe99682dc7f29586504a5ea969a136edbda17ab' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js

@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '967caae014d07da8946ab08cee6ed40974cff0f6', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '8ce0217146c3ffaa0f5f512cb36edd4065d9251c' })));
+        return (index.h("div", { key: '99df077a82cbf45f3aee1ecd8676573b13c125e9', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '7ad2b7ff78f693069865fb664f1bb9c6e4b2a3bc' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: '2087debcc6b867605152aaca70ed99546d64f533', class: {
+            index.h("div", { key: 'fa379748d51a0aba9e45446669f02073b40966b1', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '9e5e5723f32cae885c74edcd9d6c989aabaebf5b', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'e93f90a75cc38cb13fe83d7e28b591477a07a7a1', class: "gux-divider" }))
+                } }, index.h("div", { key: '1dd62b4933b9722cb851f426047914163532089b', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '2834513037f9444dad8aef4f180222014d9591f3', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -283,9 +283,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '391821184788dbb1964fa843c547364510e2186f', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '046aae4e6323321788bb17602c6f0b5ef399e200', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'ef3b2c5ca044754a868924ab467dc5cd75be01ff', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '5deb71d51924ed68ac64c29e863f957fb46ca9fd' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '6311eb985fdfc1ab83e274b8de4a9973ed25619c', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '8fada99c2b0e4354cba4e5ef2dd0ca5fa57a797a' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -24,7 +24,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1cb7bcb0a51a128c98771dd34c6c843b5e5aff68', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'f92439ce99ca58122cc0f47717f6956e0f2bab82' })));
+        return (index.h(index.Host, { key: '3cd602c075053fa280ff9db1aec8f153762bcbd5', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '0ae5be1efc28266b73d362d10553e0275d3bc80d' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -41,11 +41,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (index.h("button", { key: '4311aa04ce865d43c15fb2dc6fb2afe065b3e781', class: {
+        return (index.h("button", { key: '0c82707bfdbfd78566337e249db79c65022fbe2c', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'f7c778f463b60b59842c59fa7ea74ca80d055952', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'cfdcfa93a347cb368985a7907404fca48694487a' }, index.h("slot", { key: '86f508d9968e92cf30bcd8a04699ca85943eeb68' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'c5470be7018ff326434369d52a2308e919f4041a', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '9270712e98e7c512b63ff4efb44e4762be5421aa' }, index.h("slot", { key: 'a33238beb9d1f290e672a02c610f9483dfde6993' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -77,7 +77,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c74845c2ba8802f78cf866331240fd08389630bc' }, index.h("slot", { key: '9083d83e7caeb6ce53ee294dc881ea46a9c332c2' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '44b19424041849dd602f4e9b3323be33bfc3eaa3' }, index.h("slot", { key: '81f146b75102626730cc1e8169f8b4cee98b0c95' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: '7c41ca3773d200182c3a7c5ee25e0ba5e960a9dd', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '7fa8c49c27f797f907c51a8803e2f92871f25a79', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'efdf4058878c8d99cd7e7fd9989fd5fd0dbfb94d', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: 'eeb1245760bc511a0d06c015a069cfe1d7654669', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'c2fa560699eefbcb99d9cb04cd2ee5b57127169d', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '29ce25590b21da5e44fa2b00b79420195d16c822', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

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-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.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-small-size);height:var(--gse-ui-icon-small-size)}";
@@ -31,7 +31,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '0ff70c93609b99917344d1f735990383ec9de9a1', accent: this.accent }, index.h("button", { key: '6436954025f4d2466519627539119b6d4d20a0ac', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '1728d8658b79e71b566385d606b4367631b8aeaa', name: "icon" }), index.h("span", { key: '49725734f0b59c40ea39e977179371cb6c0f5559', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '9315a820bb11d200bfa3be1689764cc5b07f95b4', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: 'c36fa7e66ec16842b393bdaaa5e8209134dab07d', accent: this.accent }, index.h("button", { key: '2163c0063a1c84b67d8b55f456aefd7b3fcc525d', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'cfddbafd85ae83804e6c4d9842dd3491eeba6f1b', name: "icon" }), index.h("span", { key: '53c9bc14cdb42c62a49179277fa21ea1a6f74904', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '652b43ae149b3124f321e06248738611f68824dd', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const index$1 = require('./index-16a4179e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -99,7 +99,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '274f7fb6d01de9b490e666732a0e4c2b5d21dbfb', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'cc97aa4c6de35900361b964526b25b9859266b1b', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '16c37cfa53fb42607145c35ad0a1b5007e3b81e1', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: 'f060eb243819061464cce829257648f40b94de1d', class: "gux-menu-button" }, index.h("button", { key: '22b948e4c19ee39f7f2ba006524be472f05faeb4', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '60810e6732bb7a6ee24b2649599012f472d8ba97', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '5415bafd4640329eee48fd30d8fc377103a1f48a' }, index.h("gux-icon", { key: '1bd37ada9db62cf6e1f0d99bd303993e0ec2ba60', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: 'fb3803671ce7df9f90e622338d49be7af30e2609', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '3015f722711301eba9aae5ab40dd9cfacfa6b2aa', ref: el => (this.listElement = el) }, index.h("slot", { key: '10097273fc34a649e6f1d2581ea9144f5e0cbbb0' }))))));
+        return (index.h(index.Host, { key: 'ede0a9fca7c0113d8f04536b3a9821bd0d525218', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '401959505bcf8bad509fff0c5339d7a74e8ee5be', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'fc646aefe4465869ae6a30a7327f0e9ff07e306b', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '6ca7823b9bb878bec6e0d73bb08dbdfb22b67435', class: "gux-menu-button" }, index.h("button", { key: '26f81c5e360999850a040959821e2bc77b065b62', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '3d13262c6a62f75c584826c1b931ea2ce6e41061', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '4277c332571ba68fcebd1ea13d563cfb02c4b65c' }, index.h("gux-icon", { key: '0114495e607b054bb4d5254b3c64d17764557eaa', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: 'f88e774a4b31d266688c31866b0e0fa121cb27b4', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '6a78158009efefb79dd0ec21deceae1eb5fe0e63', ref: el => (this.listElement = el) }, index.h("slot", { key: 'f3d8251e07b15942bdcbe39c24b8894c3debf9d3' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const onResize = require('./on-resize-9065f1ea.js');
 const onMutation = require('./on-mutation-9b997891.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -212,9 +212,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '9ee3f539ce1c7edfd847625ef0e164d821fc02c2', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '01b5231e4936455b67d9b9e14e0c4004f2fbcae6', class: "search-filter-container" }, index.h("slot", { key: '05cc35f098fb0cf3407490e81968c6b088bee3df', name: "search-and-filter" })), index.h("div", { key: '6c290b3adb3619aaedff59286ed868914677aa42', class: "section-spacing" }), index.h("div", { key: 'd2cf53c3c336caa72b0666875dd73f0ecc134b4d', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '91fe0a259ff20f2e09e6388c4e14afbfdd8c8190', class: {
+        return (index.h(index.Host, { key: '2aa96430b067837b495f7223e93a65036d44cfea', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '65e482809dd778fee716aa045e7663a5f2f887de', class: "search-filter-container" }, index.h("slot", { key: 'f105dcd0d697918e2773f7000852dc3b8c905792', name: "search-and-filter" })), index.h("div", { key: '17dce27b85237eef38b28981631a0993a64d9027', class: "section-spacing" }), index.h("div", { key: 'c1b4411f79e088c234219dd6a0ed030e2f192399', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'f4c463c70f5296d22d885d92bf447a96e95f0d35', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '4335a92a0e8ac91730a99e0ae440bc3cc26adc32', name: "contextual-actions" })), index.h("div", { key: 'f830166c152c3ac4ba90c39fbc4b5273295af4f9', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'fbbe1e1610b3f76e69795766b2fc728657b37d70', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '53813ee110914f677612552c7be8afc1fe50d2a5', "show-menu": this.renderMenu() }, index.h("slot", { key: '1b3a23199f9c0b91fd39198380a1569e561fdd71', name: "menu-actions" })), index.h("slot", { key: '37ccce15d92a0e3eedc2fbbab299c18d6692d32c', name: "primary-action" })))));
+            } }, index.h("slot", { key: 'face278caaa9d740f1fbcbfcd552e43d0bbb141c', name: "contextual-actions" })), index.h("div", { key: '0afa34ae155fbbe0c9698bb86af696db8fdea2d6', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'f247485bc94de368a2d0aef22bdb4809eafee457', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '4a0f8b6b652c78f44ba0ec3372b5e70e21b1fb8b', "show-menu": this.renderMenu() }, index.h("slot", { key: '404c2f85dbc9e0086159652b2f572f0dfa6c3cb6', name: "menu-actions" })), index.h("slot", { key: '6f4b490d1527d39ce61df11777c22acdd327298c', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -281,7 +281,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a080d54943ebda2aa351d65ec60dc14d3cea95d6', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '9c69e5702134e2e2d182566b291a40131b4fd5ac', class: "gux-table" }, index.h("div", { key: '646ae76c2eb3938212c340c4e422d427ad318973', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '5e99f0923e5593627079f068a0a83535c78668f5', name: "data" })), this.isTableEmpty && (index.h("div", { key: 'ef8bb280a8902905284c0223daadd17dd1b75d12', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: '4227a752b1b087520dbfe57137d3822ca058cde2', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'e9ed857ee7ff18428cbf55b887b722137d7dbc7c', class: "gux-table" }, index.h("div", { key: '45596213017ecf2220e9d35a4b87a0b49e59c5af', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '2af8d79b098ab16bf425921338dcafb9453b476c', name: "data" })), this.isTableEmpty && (index.h("div", { key: 'cf1a101fb5223d1c0f5203f683754adec31fb37d', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '95f7fc2da1aeb19c9583cbb6db2175d2ea3cf2d9' }, index.h("slot", { key: '67b40a6828cdc96b96731f4c0a3d312f367695ad', name: "tab-list" }), index.h("slot", { key: '02aa1ce15ef08662dc1f3679aa66098755e111b5', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: 'ed681f7fca221d6d6e6c59c4b591601a3336fd81' }, index.h("slot", { key: '883c78fa16a4e5a317e6edfc300770683d8d8ff7', name: "tab-list" }), index.h("slot", { key: 'f05ad0aa8339bbe8c266931ac9160fd0e2e6c29d', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.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;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '7aa6d39be809f128ba1b851fd9a51d42dd5cb17d' }, index.h("div", { key: 'b7b87f47c3a08ff574cfa1b3fb124596e133b92e', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '9c8dc312a0118b16e2dd8ce73e3b4e0f5a5b54c6', name: "tab-list" }), index.h("div", { key: 'be2db28e97a606fc24984e0dff8f14b5163f842c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'bce112629a27632569bd70aaf9bcd2130be489af', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '71bd2a655335d181ce2cd324fb7a2c8a9086e4c0' }, index.h("div", { key: '3995824ad59e61f924177a0bec65e590d2b2145b', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'ef43e01cab02e13f8402795958052f0be84acf2c', name: "tab-list" }), index.h("div", { key: '3d49f9e588b5a89b650c6bdbf0392d25aefa2d40', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '507c338a96e2031a4728c1f8ea4cdef75534a990', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -69,7 +69,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '5b8c83cfa5d4e5e88a335f6ac0cf2b4a263b104f', class: {
+        return (index.h("div", { key: '232f12204d90122738e5ddc617198afd7cf73552', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
-const useRegionalDates = require('./use-regional-dates-44835a16.js');
+const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-16a4179e.js');
+require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const GuxTime = class {
@@ -41,7 +42,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b7e466d7e29d424c0e6832442fef6869277a666e' }, this.renderTime()));
+        return (index.h(index.Host, { key: 'c2a16009561127533597b903ed9ffc14de015ec9' }, this.renderTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,9 +7,10 @@ const onClickOutside = require('./on-click-outside-31073d32.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-16a4179e.js');
-const usage = require('./usage-cac43d3b.js');
-const useRegionalDates = require('./use-regional-dates-44835a16.js');
+const usage = require('./usage-5a5bc23d.js');
+const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
+require('./get-closest-element-26170ce0.js');
 
 const am = "AM";
 const clockButton = "Toggle suggested times";
@@ -430,7 +431,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: '94f6266636308165e26590cd04c6a4a706dd990e', class: {
+        return (index$1.h("gux-popup", { key: 'da91817f9bdd8c59f616e3a9b71a333385fa22c4', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const index$1 = require('./index-16a4179e.js');
 const timeZone = require('./time-zone-e774c9f7.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -48,7 +48,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, timeZone.translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'bfa2803d2d49528524c0b57520349a9b233de3c8' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: 'dc4331c82dd78340f46e5db2ea5652cd222560f5' }, this.renderZoneDisplay()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
 const timeZone = require('./time-zone-e774c9f7.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -160,11 +160,11 @@ const GuxTimeZonePickerBeta = class {
         return (index.h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (index.h("gux-dropdown", { key: '329f597fa27462c237c04356a4cab166ca5ed2f2', class: {
+        return (index.h("gux-dropdown", { key: '8ac8904ea59b1b8d948342f1da7b21d7ef7d3899', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: '21bf432b08378ac607f4184dfa9f4c85a03185f2', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: 'f2b316f10946e66ecc3b140245f2b11d5a61832d', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.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-offsetX) var(--gse-ui-toast-boxShadow-offsetY) 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{width:100%}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-links-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-links-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-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)}";
@@ -45,9 +45,9 @@ const GuxToast = class {
         return (index.h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (index.h("gux-button-slot", { slot: "secondary" }, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { slot: "primary" }, index.h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (index.h("div", { key: 'a02fab6bbe43364d76b853a4967f45fd6df5aa9f', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '00f640037c6b1a1b882363be3ba2450e5b2aab57', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'e66062ba31ecef8710fccd55eb378b6a71f957fc', class: "gux-content" }, index.h("div", { key: 'bf505d422b5e59150d0a5485b30c9fa3884c849e', class: "gux-message" }, index.h("gux-truncate", { key: '4d5850042a51db0c1399e0beddb5f187e417838a', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'a726b2cb73d021e30633b6780820683b0de73c23', name: "title" })), index.h("gux-truncate", { key: 'd80512cba088503f755564fb263e7d7e896836d4', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '219246013e923f1fc9f6abce5e0b399766560d88', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: 'd37ec8922e55c0bfbcd88f26c880fa8b7b5c8a68', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '822cd797bcf9e6eac62612b874135dc1754e7e5d', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '158b73f26bb4fcf500bfc6ad04d0c4c7c1948437', class: "gux-content" }, index.h("div", { key: '360a954125e79a7e1db08a5b307e97310c1b354e', class: "gux-message" }, index.h("gux-truncate", { key: '905e3905f9e74dfc9f9e6503d5072f978e3b645a', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '9b6a6b4a35409d8cb87ec5e1209077bbae48386c', name: "title" })), index.h("gux-truncate", { key: '4c7527e6fb3fb3a96333267ea2a5634da21b7607', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '48728ba84033e3e50812ae919ae4f6d48985c479', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: 'a296ace9c382cd7ebe827527ea5d6a20fb49136f', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: '36e58d14fc233510d9390ef2656b9d48ad160321', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -30,12 +30,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: 'b060346bd36b97e1f82df12b9ba315d060792f5e', class: {
+        return (index.h("div", { key: 'e59190a1c1f7f58914622b4ce7458531067c32e2', 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) }, index.h("div", { key: '53d17c575b5f98b76d78f5ba5d3392f05b5d4b4f', class: "gux-slider" }, index.h("div", { key: '24ba9e4dc367bc2240867023e3c5712a3dec98ec', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'e6bae9bc6b64e42373e726dcdb6faad6d80a2684', "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) }, index.h("div", { key: 'f6b775806c3747637868c3883669aa1bbb4e2b3b', class: "gux-slider" }, index.h("div", { key: 'c361eacc71c031ac1e7f887ddb481cafe168ce78', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '724b373286e28dbc9f73b33a95b20a94f27126f1', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -17,7 +17,7 @@ const translationResources = {
 	toggleIsFinishedLoading: toggleIsFinishedLoading
 };
 
-const guxToggleCss = ":host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;width:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:\"inner-div\";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);color:var(--gse-ui-formControl-label-labelColor);word-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-size:var(--gse-ui-toggle-label-fontSize);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}";
+const guxToggleCss = ":host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;width:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:\"inner-div\";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);word-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-size:var(--gse-ui-toggle-label-fontSize);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}";
 const GuxToggleStyle0 = guxToggleCss;
 
 const GuxToggle = class {
@@ -85,11 +85,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7eced00f08c1bc6dfc21a51663c215cc15154c6e', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '79dba8367f6c421809f0c13f08bf3b4f1a5bf474', class: {
+        return (index.h(index.Host, { key: '65f8fdd937706e0e5305e4ca1cf4232de0be2cd1', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '4d9d37a151ea6c97cbba1ed9d9297994065cb58c', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '1ce05af0f360feb5a959515608485cab517dc4b8', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '75c6467228164512b96b03d12bd709b01064f203', 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()), index.h("gux-announce-beta", { key: '14d8814a92b176c00707baa870e46ba892ec9bc0', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '6ae34651b32165890a0a38da2872055dd22665cd', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: 'e3784bf23593f49f6c833b13ac36aaad3a7fb073', 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()), index.h("gux-announce-beta", { key: '5cfccdf7ba7a6652a83413855053746c93a9b120', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }