genesys-spark-components 4.188.4 → 4.189.0

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage-BwFfSoC_.js');
+var usage = require('./usage-BkcthBEA.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 
@@ -33,7 +33,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'b1a6caaac5bdfb42f1016a8d77e5cb9e2e05edc4', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'a08e30d37e0a9f01d18111bd128ba318ff1ffafd', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'fb01250fbd91cd4004e5885af79ddfb164b6f2b4', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'c3b650e13c270d34416ef5e44865d9302a8bd6d0', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index$1 = require('./index-DJ9HGtdZ.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var index$1 = require('./index-Cj-VywrY.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
 var eventIsFrom = require('./event-is-from-D62oX3Ld.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var index$2 = require('./index-CnZZCg2E.js');
+var index$2 = require('./index-CX7ddjMc.js');
 var en = require('./en-D98yzdC_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -3108,7 +3108,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '7ec973259546aa51e95f53bd7eaa1791ee79b7f8', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '018d7a4e7813eae9f6eb32e9a286f99b83be650d', class: "gux-scrollable-section" }, index$1.h("div", { key: 'ecbb1643203af1ec6a16530173c388d7ed3b1057', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '8261e89ae6476dd267efb75c376e8990c326b461' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            index$1.h("div", { key: 'e580f9ec2107103f5f848d3b07d2423091c73be9', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '920107e101fdeb239dc8a45537c7bea4b50e2784', class: "gux-scrollable-section" }, index$1.h("div", { key: '4cc25e4873d938887974ba7c598d242459bdf695', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'f95153d0a095757ac95332d0b6ccd2f41d13a75d' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 
 const guxTabAdvancedPanelCss = "gux-tab-advanced-panel .gux-tabpanel:focus{outline:none}gux-tab-advanced-panel .gux-tabpanel:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 
@@ -20,7 +20,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7c06589bff5a5e0b7ee03eb5905d26d1cf8e940e', 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: '67aee8dad5b020caa0aeb904b1dfd6ef59210e4d' })));
+        return (index.h("div", { key: '1461d7fa708a6109a1ed4a3d2d267a6af0746d99', 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: 'ee21e6eadf60579b538c210d488566905c824e11' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var eventIsFrom = require('./event-is-from-D62oX3Ld.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index$1 = require('./index-CX7ddjMc.js');
 var en = require('./en-D98yzdC_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -158,12 +158,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: 'd9a6e1e85e42ca8e1081f74b09728e613f74f8a7', class: {
+            index.h("div", { key: '59b40e8ae894ecbf3990f1eb87b8b1ebf51cac4b', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: 'b531a00e3994179b1aa9e0346f7b5ce2d2f7b020', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'b176ce818e8fde42e1efe0f8aac64aec475e9b78', class: "gux-divider" }))
+                } }, index.h("div", { key: '77446e53a26340ddd06101f7d79c68112fe71c8c', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'e94034b0083cc102a86bcdd1cce69e704dda2bde', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var index$1 = require('./index-CnZZCg2E.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var index$1 = require('./index-CX7ddjMc.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const scrollLeft = "Scroll Left";
@@ -283,9 +283,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'c428b2fa5d564cceb8e6d8cb99ec69e347db2c03', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '94ffcd7b2a1271b62af0f8d91fcd8fdf350894ba', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'fc34f3af505b93215ff95615b0aede6f5ccb75a4', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '1fd91721fcc6ab5e2f9235b592a7572c01711435' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '7742624ebc3b4b38059f623d7746cb6d3e491e8b', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '549d64541d56ac8aa482d4f2112ef7bc35fd6bb1' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 
 const guxTabPanelCss = ":host{block-size:calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom))}:host(:not([hidden])){flex:1 1 auto}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 
@@ -20,7 +20,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6d89fa8d2cebd4bb9b4942d20064b2077d24fdf5', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'cc250165919630b0f18b5750c073f8919a841e4b' })));
+        return (index.h(index.Host, { key: '0e09313824d612e5b3898088af34abf122d7b80d', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '1dd8abc93706de08d150e4825e917be795b76c65' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 
 const guxTabCss = "gux-tab.gux-vertical{box-sizing:border-box;border-inline-end:var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tab.gux-vertical .gux-tab{display:flex;justify-content:flex-end;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:var(--gse-ui-tabs-item-vertical-fixedHeight);padding:var(--gse-ui-tabs-item-vertical-padding);border-inline-end:var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent}gux-tab.gux-vertical .gux-tab.gux-active{border-inline-end-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tab.gux-vertical .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-inline-end-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tab.gux-horizontal .gux-tab{box-sizing:border-box;max-inline-size:160px;block-size:var(--gse-ui-tabs-item-horizontal-fixedHeight);padding:var(--gse-ui-tabs-item-horizontal-padding);border-block-end:var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent}gux-tab.gux-horizontal .gux-tab.gux-active{border-block-end-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tab.gux-horizontal .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-block-end-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tab.gux-horizontal .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment=center]>gux-tab-list .gux-scrollable-section{justify-content:center}gux-tabs[alignment=full-width]>gux-tab-list .gux-scrollable-section{flex-grow:1}gux-tabs[alignment=full-width]>gux-tab-list gux-tab{inline-size:100%;max-inline-size:100%}gux-tabs[alignment=full-width]>gux-tab-list gux-tab .gux-tab{inline-size:100%;max-inline-size:100%}gux-tab{display:flex}gux-tab .gux-tab{display:flex;align-items:center;block-size:var(--gse-ui-tabs-item-height);font-family:var(--gse-ui-tabs-item-itemText-fontFamily);font-size:var(--gse-ui-tabs-item-itemText-fontSize);font-weight:var(--gse-ui-tabs-item-itemText-fontWeight);line-height:var(--gse-ui-tabs-item-itemText-lineHeight);color:var(--gse-ui-tabs-item-itemTextColor);cursor:pointer;background-color:transparent;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{opacity:var(--gse-ui-tabs-item-disableOpacity)}gux-tab .gux-tab:focus-visible{outline:var(--gse-ui-tabs-focusRing-border-width) var(--gse-ui-tabs-focusRing-border-style) var(--gse-ui-tabs-focusRing-border-color);outline-offset:calc(var(--gse-ui-tabs-focusRing-border-width) * -1);border-radius:var(--gse-ui-tabs-focusRing-borderRadius)}gux-tab .gux-tab gux-tooltip-title{white-space:nowrap}";
 
@@ -49,11 +49,11 @@ const GuxTab = class {
         return -1;
     }
     render() {
-        return (index.h("button", { key: 'bbef29f3908cc0dba55ae7050e17cdb21b8b7746', class: {
+        return (index.h("button", { key: 'e0857e8f7eaf3d253b7cd89b8d5f30a6e1c0b490', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: '6ab7de08326746b935c0ce8c7c8143094e305843', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '436eea26b2bf6e60ca13f670a4a6c36ed8c2fc24' }, index.h("slot", { key: 'f6dc6ebae68b12272e284a4165e316ecf982b818' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: '19620d4e08634d95b91b365b86d34665794c066a', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '07d1e6b3efe17aa0829f7f69bcb9bd8625267ad1' }, index.h("slot", { key: 'fd2ecdf9ef79fd31e641f0c5151a02146dc4bac5' })))));
     }
 };
 GuxTab.style = guxTabCss;

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var eventIsFrom = require('./event-is-from-D62oX3Ld.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index$1 = require('./index-CX7ddjMc.js');
 var en = require('./en-BCiQgP2I.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -74,7 +74,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1c3a77e1564a84e4af654772026d173360a22772' }, index.h("slot", { key: 'c66c5ead9900cf35495024ed92078472a1a5874a' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: 'af702447ad88b99dfa7b1edc256ec07ec5ca384f' }, index.h("slot", { key: '597a007a179fbe9a138c8e3a50df96181e1dbdb3' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
-var usage = require('./usage-BwFfSoC_.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var usage = require('./usage-BkcthBEA.js');
+var index$1 = require('./index-CX7ddjMc.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const actionRefresh = "Refresh";
@@ -62,7 +62,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: '7fab26fae7524f7813cd9e4faaa4fc076a6b027c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '70b9c59097b7d48f85aa3e3bf3c2a73a4f11095f', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'd2862b451a1e423229c7a3777a3f7f5dc4c7aba2', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '48394e4f8185d01984d4bba6e2f98a18b3038ec6', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '4b95420781cc80b75cb936d96ccf30cb9a86c41c', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'fd5809a15fc0240363462fd302c227629269c029', 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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var getClosestElement = require('./get-closest-element-BiXbQTqL.js');
-var usage = require('./usage-BwFfSoC_.js');
+var usage = require('./usage-BkcthBEA.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.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;white-space:nowrap;clip-path:inset(50%)}gux-button-slot{inline-size:100%}.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){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -34,7 +34,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '70b6467bfb3cff5e88001f6c30d589f14180314c', accent: this.accent }, index.h("button", { key: 'b243241147676daf6ef8f4c0ff81cd9c788936e1', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'e543a3b16147cbdd4e567dc49d1c74d3565de417', name: "icon" }), index.h("span", { key: '489a071b2221339a7d017bce150eae14c8132055', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: '7d3edf4fabbbb253540ea8fa4b49951e22d13ec0', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: 'c685a7d72f4db110d82ffa09d3cf124f1a2e45ea', accent: this.accent }, index.h("button", { key: '3f2950f4a703cafbcee41e516e0e53575b49111e', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'ce93f62ca083d1a3376e44e7e54608f2b5435a02', name: "icon" }), index.h("span", { key: 'b92b0cecb28035a2ce3a16f6ab35cc1b0dfd370c', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: '32450d9f3b7cc2e5bd3d282c55ffc5daa56588a8', 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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-BwFfSoC_.js');
-var onClickOutside = require('./on-click-outside-Cn9ProR4.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index = require('./index-Cj-VywrY.js');
+var usage = require('./usage-BkcthBEA.js');
+var onClickOutside = require('./on-click-outside-DU3COtCC.js');
+var index$1 = require('./index-CX7ddjMc.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -94,7 +94,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '12861791318251f71861d2a7f7665847802997f4', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'b476cde8e861d869b55d380019fc893a8d5e6e84', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'd781c931d7781ffe773ac9097a784c8efc02991a', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '1074238be4f136d82a85bd87641335eaad8b0775', accent: "secondary" }, index.h("button", { key: '133dc0fc88709a184ac7212270bbd20c77346406', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { key: 'dbc033778cf901d980efe318be80cd0708dda8f2', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), index.h("gux-screen-reader-beta", { key: '5afbacb800da33077be077bb6481537ec2dc4a0f' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: '44d64461b2dc6ca9b8f0a8448ba0a41548fea0a4', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'ce74f7ea28ab01e4ad8c1a35d74fbbf2b783f9f0', ref: el => (this.listElement = el) }, index.h("slot", { key: '90587f596c875f6968eecbc15dc5c9b2d8a9babf' }))))));
+        return (index.h(index.Host, { key: 'ad8c3446fca3d5818141eb709db4239692026535', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'a226398bac81fa1582a9bd8f2f210d14d6c0c80c', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'b7c94bbeb527bf5a6f962eed63cbae44cb289460', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: 'abd9938127d649a6e10f12d4ba1dd196ba37f61b', accent: "secondary" }, index.h("button", { key: '027c04d59bc7075b7fb9e66a561dccba8e50c6ee', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { key: '5af9756850815056d73e3c2640aa5754dc51a50d', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), index.h("gux-screen-reader-beta", { key: 'a82b1834608a870e17739ed0bad9780aa82946b7' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: 'fe1a8aef06f122db9a7f4d1f2bbcf28909094f0d', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '9e2efde26358a80dcd15d98849628cf6108d175d', ref: el => (this.listElement = el) }, index.h("slot", { key: 'f87b446ca4af78927c9ddcc114bdf04039b3650e' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var onResize = require('./on-resize-BVaymqbW.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
-var usage = require('./usage-BwFfSoC_.js');
+var index = require('./index-Cj-VywrY.js');
+var onResize = require('./on-resize-B9FHDEY6.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
+var usage = require('./usage-BkcthBEA.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var logError = require('./log-error-nWO_o1C3.js');
@@ -223,9 +223,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '970e02d2183557aac8393211f929aa472f6bc4e3', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'd97d78a7cf5c655b1a54ebfb1afcf29a65f69c84', class: "search-filter-container" }, index.h("slot", { key: '90b3eb888bcb5f66abb185a9b2273aafcfdf4020', name: "search-and-filter" })), index.h("div", { key: 'e4b4f69f82e302bc60ea50e24129b64e23890fde', class: "section-spacing" }), index.h("div", { key: '6d20e17d0af963e61c1ea8a5ba17996aa88f8936', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'b36c94e862908a5b0c2e09913e1dac6ee6136d81', class: {
+        return (index.h(index.Host, { key: 'ed931942e8d7d6680e34b81b13678321f85a0be2', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: '1d77c7e50765cde9f1a7b72844515e1157d68bc7', class: "search-filter-container" }, index.h("slot", { key: 'c9945ae39681c381e31eade9f359971021700494', name: "search-and-filter" })), index.h("div", { key: 'a7d201f2bd86c861b2565f7bebf265cccac7c0f0', class: "section-spacing" }), index.h("div", { key: '2e7dd12f81283ca303ea0a733931d8d65e744e63', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '0b9cd7b1c01aa25796d55cf823b661db4e9f117e', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'f2e5f8f7d03f278b4b8c5857b5f1a1f8589a53af', name: "contextual-actions" })), index.h("div", { key: 'f554ef52e5f9c45b805e441a78ff647cd03e8f1d', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '1e4825a0bea7fc0e584563ce8c23e055c4e2a742', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '3ae96fed10bb3607cc9146cf214dae08ed147316', "show-menu": this.renderMenu() }, index.h("slot", { key: 'df1d9bebb849ad0fbb7cb2e0bd380fb3b94089ce', name: "menu-actions" })), index.h("slot", { key: 'd29847c2f0c3d1e1088ea88ef0099c5c63b97a5c', name: "primary-action" })))));
+            } }, index.h("slot", { key: 'd99c9d03f2690efb29b2009b164384be93a60a50', name: "contextual-actions" })), index.h("div", { key: '735f492791466793c32b795d2186e867eb1b425c', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '0fa1f5da1a78f613374d2ea38df8a062587b2a60', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '2b9fd2da770fdfed3a0acae1177390896295ac39', "show-menu": this.renderMenu() }, index.h("slot", { key: '56ce23ced7fe69fc3a78084b58b3ddece2cfb89e', name: "menu-actions" })), index.h("slot", { key: '8267fa1104eb94d59bc89d36a15612ac0c0fbbc8', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index = require('./index-Cj-VywrY.js');
+var index$1 = require('./index-CX7ddjMc.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-BwFfSoC_.js');
+var usage = require('./usage-BkcthBEA.js');
 var en = require('./en-BCiQgP2I.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -289,7 +289,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a85f0e7cd97a5875d02bce064880cb57d2660234', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '53cc2c4804d8bfe8a7ef96d7b6491a9ebaff6922', class: "gux-table" }, index.h("div", { key: 'c89aa6f2d5ce436293353290f258cf3c07bb6562', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'c75cd6977e009cf0c4a01a3c289ae1169603cc2f', name: "data" })), this.isTableEmpty && (index.h("div", { key: '13cc3a199e3d19c44d629f818e376d1e6afa05ac', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: 'f315d958aa26201acaada0b7edb07c70c624ba25', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '6d860a6dd648480b8d03c2fc61a578ecfce7aea4', class: "gux-table" }, index.h("div", { key: 'f9a4b2f91da939d1771a14e2aed8c78cf576159f', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'a1cfb7ec1f259e73c798b84e880b818a320627bd', name: "data" })), this.isTableEmpty && (index.h("div", { key: 'd3c73d0e81d7c733705c2e1ecdac2675d7494ed5', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-BwFfSoC_.js');
+var index = require('./index-Cj-VywrY.js');
+var usage = require('./usage-BkcthBEA.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '50338739bf54e20ebf7e6a5ec16cd9625a291375' }, index.h("slot", { key: 'd89a5309e5363a8232681d15b2dfa0cd9a263b3e', name: "tab-list" }), index.h("slot", { key: '8aa4df39ede5b6b233cc0d6ed9a7f992833f2e6e', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: 'da9001cedc282786c2e0f50ce96e336c9c36d0f9' }, index.h("slot", { key: '607d34b25680610e9f390b262b4e7df12cf61e83', name: "tab-list" }), index.h("slot", { key: 'b595f1699fe84dd5c11265c3e7c33d0963168596', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-BwFfSoC_.js');
+var index = require('./index-Cj-VywrY.js');
+var usage = require('./usage-BkcthBEA.js');
 
 const guxTabsCss = ":host(.gux-tabs-vertical){block-size:100%}:host(.gux-tabs-horizontal) .gux-tabs{flex-direction:column}:host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 
@@ -73,7 +73,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '657bc53e6ebd87356e3a012612bce3f88459c1cc', class: `gux-tabs-${this.orientation}` }, index.h("div", { key: '61638f6c5df4e41a1b54679c51f1068213813455', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'a48a57ce19e1b39bedde0adc5c073726217f3e33', name: "tab-list" }), index.h("div", { key: '33bd76e89f4c8ffb2df6aaa767f004ae974e1806', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '700e780488163979cdd0036d30fc7271799876ce', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: 'aecefaf06c77d83a55729758294e7ab87eba5d70', class: `gux-tabs-${this.orientation}` }, index.h("div", { key: '5a9b5dbf488b53ed99997ab94db653813ac824e6', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '992d6646864dc7636a965e21bcd1bd8dcf5d6312', name: "tab-list" }), index.h("div", { key: '696487f0b18d3c1beda5ee4890340b849a0d10ca', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '0af994542c2d6063cb87cf7270c8baa4b42c629f', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var index$1 = require('./index-CnZZCg2E.js');
-var usage = require('./usage-BwFfSoC_.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var index = require('./index-Cj-VywrY.js');
+var index$1 = require('./index-CX7ddjMc.js');
+var usage = require('./usage-BkcthBEA.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const tag = "tag with label: {label}";
@@ -82,7 +82,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '66403472d44e9aa714671647a017af4d9578e80f', class: {
+        return (index.h("div", { key: 'b631841e56f96ade004d29e6fd51c207373f7472', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var safeRegexpString = require('./safe-regexp-string-Bb3vDqCh.js');
-var usage = require('./usage-BwFfSoC_.js');
+var usage = require('./usage-BkcthBEA.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-BwFfSoC_.js');
-var getValidTimezone = require('./get-valid-timezone-Bnt1qVB-.js');
+var index = require('./index-Cj-VywrY.js');
+var usage = require('./usage-BkcthBEA.js');
+var getValidTimezone = require('./get-valid-timezone-B1UTq0SN.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index$1 = require('./index-CX7ddjMc.js');
 require('./get-closest-element-BiXbQTqL.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -46,7 +46,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5e0b5e5c57271dea2e0d3e892ed5b07a26944ea7' }, this.renderTime()));
+        return (index.h(index.Host, { key: '9b54baeed4a771a9d7087bfb706df021b678fd91' }, this.renderTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./index-DJ9HGtdZ.js');
-var onClickOutside = require('./on-click-outside-Cn9ProR4.js');
+var index$1 = require('./index-Cj-VywrY.js');
+var onClickOutside = require('./on-click-outside-DU3COtCC.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var index = require('./index-CnZZCg2E.js');
-var usage = require('./usage-BwFfSoC_.js');
+var index = require('./index-CX7ddjMc.js');
+var usage = require('./usage-BkcthBEA.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -522,7 +522,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: '206bc755881fddb9cda189c1e8b4db9fe69f30d5', class: {
+        return (index$1.h("gux-popup", { key: 'efa24d17ab2ce20338c05d00f2b93afafea402c8', 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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-BwFfSoC_.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index = require('./index-Cj-VywrY.js');
+var usage = require('./usage-BkcthBEA.js');
+var index$1 = require('./index-CX7ddjMc.js');
 var timeZone = require('./time-zone-CaD5iGrP.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -42,7 +42,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, timeZone.translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (index.h(index.Host, { key: '8d487502512ef0f5bdaed7670f8afcb7386afbea' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: '66ab6ba4e408e40e6ba45e81cd28dabde18553fc' }, this.renderZoneDisplay()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index = require('./index-Cj-VywrY.js');
+var index$1 = require('./index-CX7ddjMc.js');
 var timeZone = require('./time-zone-CaD5iGrP.js');
-var usage = require('./usage-BwFfSoC_.js');
+var usage = require('./usage-BkcthBEA.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -149,11 +149,11 @@ const GuxTimeZonePickerBeta = class {
         return (index.h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (index.h("gux-dropdown", { key: 'e72484153f78ebe208262758a22f1e74fb02bdbc', class: {
+        return (index.h("gux-dropdown", { key: 'ac35b4682f2da8bed8597989ba3457f7e140996a', 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: 'df98e57e9aab2a18e189f32222b8043c0436263b', "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: '4d1f86e01df42cd76d2daada38c020cde66a1c42', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-BwFfSoC_.js');
+var index = require('./index-Cj-VywrY.js');
+var usage = require('./usage-BkcthBEA.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
@@ -56,9 +56,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: '61eba4695f91b811a83ae809c8e4b1083b1602b0', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'e90cacbd6295240eb2abdadd72e8d7966eccceba', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '3b0f290ec66a1d68724ad0109695b6f357460450', class: "gux-content" }, index.h("div", { key: '89e3890b411f89c50a8fe3a416492b4225b1acf4', class: "gux-message" }, index.h("gux-truncate", { key: 'dd184fc1e87ed9b813c28e8d8706ba09297f35bc', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'd06d672a1c384ce76acb2810c1d14d5df2099b12', name: "title" })), index.h("gux-truncate", { key: '740a5673b80c3aa363a3d38756aa080a32a78a97', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '0f33c259937a350a6e52614735499d2902ebd5f4', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: 'f564f0f8f4c7f4fb88f4a145e0407b2701e5d6ae', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'b9c140b103769ac0378c2652fa03604e834070d9', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '198a602c5147f2c26c27a410316c5bc54229e7a5', class: "gux-content" }, index.h("div", { key: '23a99a4dbad3f98d76ebdbfe16043f964f858d58', class: "gux-message" }, index.h("gux-truncate", { key: 'cd5cb298b9735e1192d3ff21a4d4add4445cc675', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'b26dc2b0815d4705c19cb72f8771703d107fa63d', name: "title" })), index.h("gux-truncate", { key: '7feaa526af57db13ee4448db2e07589c35ed10e0', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'd1b8baf1c92a820a97854c8fce2e016294bd8bd1', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: 'be72fa20f4b1dc6d374a8d89db5c7272bd3a92ca', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: 'b2ede7dac2f3b872ab877faeaf080c7bdee7e238', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 
 const guxToggleSliderCss = "gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-toggle-track-width);block-size:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset);border-radius:var(--gse-ui-toggle-focus-borderRadius)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;inset-block-end:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inset-inline-start:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inline-size:calc(var(--gse-ui-toggle-handle-width) - 4px);block-size:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:\"\";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;inline-size:calc(var(--gse-ui-toggle-handle-width) - 6px);block-size:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-disabled-border-width) var(--gse-ui-toggle-handle-disabled-border-style) var(--gse-ui-toggle-handle-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch:dir(rtl){transform:translateX(calc(-1 * calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height))))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}";
 
@@ -28,12 +28,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: 'd696a5ce77ba3e1aaaa0569083d3038de395e96b', class: {
+        return (index.h("div", { key: '0689c0887132886142b301f088901efff666eee0', 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: 'eb2d46ae1cc7fa4507fa6d872e734f612211f8b6', class: "gux-slider" }, index.h("div", { key: '368ed253ed926b7149f20a4dec1d4e3983c9bf8a', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'd50e9e5065b6bd164be6e0ef10a15016700ca43f', "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: '1a677e92f13f0f2c9814b5effd0d8dbd5763f0b1', class: "gux-slider" }, index.h("div", { key: '35ffe6856f94b916cb0e78ac37cb59b7c33107e9', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'fc1c87c2dc4334ad4455bf42e76cb6e146c5eb06', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get watchers() { return {
         "guxAriaLabel": ["watchGuxAriaLabel"]

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-BwFfSoC_.js');
+var index = require('./index-Cj-VywrY.js');
+var usage = require('./usage-BkcthBEA.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index$1 = require('./index-CX7ddjMc.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const defaultAriaLabel = "Toggle Switch";
@@ -84,11 +84,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7d4d474be3898bb01aff2be4bbf55bb68e87955f', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '160e3230bd1fb830cca5784eacb9018604b63ade', class: {
+        return (index.h(index.Host, { key: '511cf16ad87cd452fd56d251534435e3c972b6c5', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'b87c848348d186aeb7d57e79b3527ff91f9ab115', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, index.h("div", { key: 'c5b62e906750eee14dfd421393905f70cdf9e575', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '9d25faa52e0b27af2fc59a583b73e87a745b9122', 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: '231a7165687a713266bdb72d466b9b47f41b6b1f', ref: el => (this.announceElement = el) })));
+            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, index.h("div", { key: 'd4c0a917eb8df42247106593b4a2bd51b100672f', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '00aeab8a7ae903b6f1080d20da8efa47992be918', 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: '4311a4df6cdc4ee46b245acc1f706350ae967853', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }