genesys-spark-components 4.171.6 → 4.173.0

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index$1 = require('./index-BPYtg8zZ.js');
-var onMutation = require('./on-mutation-BBvieIVz.js');
+var index$1 = require('./index-gVzZ5kek.js');
+var onMutation = require('./on-mutation-DA2-xgkc.js');
 var eventIsFrom = require('./event-is-from-D62oX3Ld.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var index$2 = require('./index-Dcidr21y.js');
+var index$2 = require('./index-DhB3FBd-.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: 'd0c3f70ad039adfcac2ad15de4376f80cd5a9d11', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '610f0c7ba34a9d2edb01e48fb9993d19fcbef660', class: "gux-scrollable-section" }, index$1.h("div", { key: '1d5a6f13564d797e330eba2083d17c4ed54b27ff', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'aa6504b723f537e58ca56422fa4aabba6cab0123' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            index$1.h("div", { key: '7b7edb0d29078c31f5b382e32d12086d2f19aae7', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '91bd1cdd770e5a03a2e7d45ef82acb95303fbb2c', class: "gux-scrollable-section" }, index$1.h("div", { key: '8dcd9017441dcde18e05ae2df32d6867a752eeee', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'd19e857db1d466382394b2e236ca0d36aa903af0' }))), 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.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: '0a41ef5a19e750683a3a6ba72c0c252b51912563', 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: '7d963b0c6d94315da5285aa499b3bd95a0e3e32f' })));
+        return (index.h("div", { key: 'c811a1066b3f69637cee528f91cd375a0c1dbdfc', 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: '4a4302c31fa242a3c006c6f346fc5825a75bf7e0' })));
     }
     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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.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-Dcidr21y.js');
+var index$1 = require('./index-DhB3FBd-.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: 'cba03e682db1c9498193422d706b3f38ed295f04', class: {
+            index.h("div", { key: '32dd31f96251f69bf93cea50e3c40151fdba91cf', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: 'bda0e8c1e609d98ba23ea5c72147b345756a6693', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'c741cc12ae62a60e167e226aab8c21a89f0af8d4', class: "gux-divider" }))
+                } }, index.h("div", { key: '0dd82a68476cdac5022103c102d2c56a8058a883', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '92ee8fbc980c9a894d917e3f44e496eac8f81bd5', 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var index$1 = require('./index-Dcidr21y.js');
-var onMutation = require('./on-mutation-BBvieIVz.js');
+var index$1 = require('./index-DhB3FBd-.js');
+var onMutation = require('./on-mutation-DA2-xgkc.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const scrollLeft = "Scroll Left";
@@ -283,9 +283,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '681dfebb995e6169af6bb106d7151b6123022371', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '14f27f22070aa0876df4bafca68ff06e6f027e9a', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '20e803eb24c9ebc9f24a06e31858fe79d5d1a098', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '7cfbeb5d8b412a2f6d46fbed3d0f3b8770b63899' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '80ea6204644ca71460098f5bc40fa20f80fdb94d', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '3bd5c48a8ad981681aa9769cdf1d08aca1a41558' })), 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.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: 'bed791b812b4cc040106005b94ea6900039f5d39', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '38480a0aff9aea0aaa8f8407fc34217eebee9236' })));
+        return (index.h(index.Host, { key: '5dd0a448df57040953bf187994dba8089974a6c1', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '793cdb154812e9f1cfa1561893ad147ae4ba340e' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.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: 'dc88c6d73a49f8f67552013b8e52b892e5e5ab25', class: {
+        return (index.h("button", { key: 'f751d27bc91456021957ead29950011535a2922c', 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: 'f2fb5419eb50bfbb107b74ea8ea8a04017fc89fd', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '5d9789748c8ee4ec58e0d285440a6298f4cc6ecf' }, index.h("slot", { key: '5a109504d28bd5b2181130f8d1b04797422eae0e' })))));
+            }, 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: '9cb10d9e1e6d33d6f7c9b62fcb6f63f3795d69e6', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'fb6baf28537a8801c8617dc9b42807a884510ca6' }, index.h("slot", { key: '76a4e6316a06c550122d253b6d228dc5f221580d' })))));
     }
 };
 GuxTab.style = guxTabCss;

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.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-Dcidr21y.js');
+var index$1 = require('./index-DhB3FBd-.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: 'a789ee8023faf0f80ce653d5c95a47ccad8cf06c' }, index.h("slot", { key: '27c3d22e74d8a24892997b60011acd3c55da3bbc' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '4fb38868ebefb93c77959b2a92b65cb03c854d16' }, index.h("slot", { key: 'd7855e262b06aaf91f7f575fb1d3f0975e87e147' }), 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
-var usage = require('./usage-ClOOURqe.js');
-var index$1 = require('./index-Dcidr21y.js');
+var usage = require('./usage-CzcuFoVr.js');
+var index$1 = require('./index-DhB3FBd-.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: 'c65e797830a16f7002584d0e95c58b06f3b726d5', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'ad5a22991e196e3954eb5e21edc1b9d1b1fd505e', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '16acde9d32a9b4266101d7098ad748d3b6176c5d', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '0e7a8b19effdaa1061f6fa11810410ef3679ccc5', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'd0c631acde3e49df396162ad05267f9c05802a84', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'c3923e93b28689d1305c59f252faa9265ab7177f', 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.js');
 var getClosestElement = require('./get-closest-element-CIMI0Cx4.js');
-var usage = require('./usage-ClOOURqe.js');
+var usage = require('./usage-CzcuFoVr.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: '2bc36bb61273801b364afabd54051e634e194752', accent: this.accent }, index.h("button", { key: '62d1b5ec6750cf4eb13938d1d044ceaf0612f038', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'eeb6f8bbdc190309f21a71920ae434ed1354b044', name: "icon" }), index.h("span", { key: '7817aa86522aae67067895aa48c08bcf7672591b', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'd3a79b1e223dcd1adf76adf6fb70afeb257d6bd3', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '8b0a92cae9ef7b19045187f1e2e786642b56b21f', accent: this.accent }, index.h("button", { key: '8f0272fe35de5a2a4a767f540df5dca3d82c4285', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'd7d9528b9088925c767cf59c73b240db3501183c', name: "icon" }), index.h("span", { key: '1708fe38e334223cbfe650fc8e33fe35d8fa56e7', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'e3e6ae9a0ba5cc48a9d39c99323b45cde3b39c38', 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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
-var onClickOutside = require('./on-click-outside-BtpoMvTz.js');
-var index$1 = require('./index-Dcidr21y.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-CzcuFoVr.js');
+var onClickOutside = require('./on-click-outside-BUY2tdwU.js');
+var index$1 = require('./index-DhB3FBd-.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: '39a8b17b4e9d555d710d774818cf6ca0d38b8232', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '57d2b01b216360d16b729bde32849bcfecfe5e42', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'ff8e2d442e5f90cb8247130758b46ae4e3ac6005', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '2ca3b069e68366438d50f2d01685803c79a57764', accent: "secondary" }, index.h("button", { key: '8c4df3edb4f1311f0bd49b87838b90c447aceae2', 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: 'caddaaf90241d6738ef6899d682060ca4c763bbd', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), index.h("gux-screen-reader-beta", { key: 'f44ceac0d55254d0d653e4f13cc1ac725b423cde' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: '5b18dfbebb07b9bd2d23ceef5f0a3af899551be4', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '81f4d59f0a6b44ce45d920504387d32d4ace4228', ref: el => (this.listElement = el) }, index.h("slot", { key: '59f94d1c182697733c9cc93e2e29ac751a18e757' }))))));
+        return (index.h(index.Host, { key: 'e1fdc09dd6fc967505504f33d89ed53e3cfa347f', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '24684be149c10a5b5b4b416a8bc2592e05aaedd7', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '7616bf0192ffbe5bb0889be3debd149563953b98', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '62e19968ccbbfcb15175350a6757d0ebbc54f469', accent: "secondary" }, index.h("button", { key: 'a1731963507e2d34ade044322fd40a0a914641dd', 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: '6929431257b917e540475316e81419d1f7595bf2', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), index.h("gux-screen-reader-beta", { key: 'f9e8e0e162a5c6dfbb972caad27742ca8fa4801b' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: 'acb148a4a299e00a8aeba4eabaf7e2865a8f85b7', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '314f6dc702d36b45188774e21c532075c2e0c3cd', ref: el => (this.listElement = el) }, index.h("slot", { key: '8bb3df423b7bfd49a4c93a7b955fe9df783bc003' }))))));
     }
     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-BPYtg8zZ.js');
-var onResize = require('./on-resize-BmDlXi0X.js');
-var onMutation = require('./on-mutation-BBvieIVz.js');
-var usage = require('./usage-ClOOURqe.js');
+var index = require('./index-gVzZ5kek.js');
+var onResize = require('./on-resize-CcNZBXx2.js');
+var onMutation = require('./on-mutation-DA2-xgkc.js');
+var usage = require('./usage-CzcuFoVr.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: '358fb1951f2af10d9ab7a970525d6a2c8e4ebd0d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: '8d1051adc9506673f79aa2175db37440262a13e7', class: "search-filter-container" }, index.h("slot", { key: 'e1d4843063ae7d4dcc5b2b14c7876fe7f8d9cc0b', name: "search-and-filter" })), index.h("div", { key: 'b1bda26dee6440d5a1cd9da7144d2dbe40f58c92', class: "section-spacing" }), index.h("div", { key: '5ead187e05ddad3cceafc7451838036f1cec25d3', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '884e7af9896c1f18f15d76b32355c3855f626984', class: {
+        return (index.h(index.Host, { key: 'f000e2f55bea45f364dde940a05f11525961ddec', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'aa010103243160f04a1fd4859c1f24da236dd8fd', class: "search-filter-container" }, index.h("slot", { key: '275208e00b105f03a86fb1d3ceb3137c4263992f', name: "search-and-filter" })), index.h("div", { key: '9edcdc2bb678ea1ddcf73ff60153ebe47861c921', class: "section-spacing" }), index.h("div", { key: '16034ab33ca645d97ec10165d947a52d9e22f394', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'c049b0e6c58bfe7125cec3af233d5113b2ba5110', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'cc089ee053fb8e41359e36260a4f9e5a091e32f5', name: "contextual-actions" })), index.h("div", { key: 'b38fd2505967bd9e4cd5c49ec57670031e9cf08e', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '5d169f61b51c77f0185d62212108df9f93d0440c', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'c8ce69e3a7cf14e195b27001fe26e55daf908dcb', "show-menu": this.renderMenu() }, index.h("slot", { key: '808c739fb0d51cf6f9f45e638527df9b31eeef1f', name: "menu-actions" })), index.h("slot", { key: '64fb9c1162762f0b3c2084d682247dbb002f3dc0', name: "primary-action" })))));
+            } }, index.h("slot", { key: '84773cb6397ff71dcb26c5b17fa0f8c8027b02c3', name: "contextual-actions" })), index.h("div", { key: 'cddfa889b83267cf9c3a29b4d0d664039861d63f', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'e339b0ee022166e970ba4357657a564985666c25', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'fe1b61ec80e2850ac038d7a699f485120e69a898', "show-menu": this.renderMenu() }, index.h("slot", { key: 'bfa6e2295e88b023b1416c28cf64f3e4144b2551', name: "menu-actions" })), index.h("slot", { key: 'd03011ed0a00a5e0bf974a97b3af127bad315ee2', 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-BPYtg8zZ.js');
-var index$1 = require('./index-Dcidr21y.js');
+var index = require('./index-gVzZ5kek.js');
+var index$1 = require('./index-DhB3FBd-.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-ClOOURqe.js');
+var usage = require('./usage-CzcuFoVr.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: '50b86f910e8d9d76e1ec7162e222b13613623904', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'fc54f60897569a2029be5e45cfd54c8f4f60bd6b', class: "gux-table" }, index.h("div", { key: '8d0e7a340a90bc019685f77c2fb587be5b05e51a', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '1361fb504c820bda4501e41bbcba51c13c13ccc7', name: "data" })), this.isTableEmpty && (index.h("div", { key: '1120c589de3ee942f1978b9442dac492aa6e3761', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: 'dd32b11ae7e5f09145ad2f7c151ea4fa747bdb70', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'c2e494d18aef4c912e173904766331b72735a295', class: "gux-table" }, index.h("div", { key: 'bdaf292f2f8e1169b128b63f793a3b99a8978619', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'ebc385c99937ab19096083b2a0d24b7d9b0af378', name: "data" })), this.isTableEmpty && (index.h("div", { key: '4d5c31f7e1d7e35cbb497469491579623e663d14', 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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-CzcuFoVr.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'f6d04b309715d97e031cf999a69b484ba26a3ffd' }, index.h("slot", { key: 'c9cf28abd3782f05b556758b388dfdde63333b9b', name: "tab-list" }), index.h("slot", { key: '3b009a02c37df6909994c8ce5d5536a360e4bdee', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: 'd8da03282031776d08f1d36353ee62a9251dfabe' }, index.h("slot", { key: 'bb5e3562d371110b355788d0708338da13e8683b', name: "tab-list" }), index.h("slot", { key: '2c2b651d3c7e91fb83ee152339a033e9bdbfc925', 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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-CzcuFoVr.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: '9e27a56176652b59d05271ecc027a07fabc5bb1b', class: `gux-tabs-${this.orientation}` }, index.h("div", { key: 'e40076f934475de20450bfeaa326ec8c51110d42', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '04340c962837322ecf8549618001f7f713d1d290', name: "tab-list" }), index.h("div", { key: 'eca10267cafcddfa3f0a1bfb4f83ac8895de7ae6', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '6db8e13e97ec897ade7c6fcc8b860acf5b2e88a3', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '41730494d1f90238a8398b6599552a759e2cc18d', class: `gux-tabs-${this.orientation}` }, index.h("div", { key: 'e7c8031a8f8a8bbaa3f0bedbf53f475cda85cdf8', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '554992c9e75413b96ce3aef74575961ed439eea8', name: "tab-list" }), index.h("div", { key: '05da5fb4d5ebbdc51a9d8ce5ba3093b82cd05ebf', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '5f69bb792b5241a0ff5ddeeb9797263dd691a11b', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BPYtg8zZ.js');
-var index$1 = require('./index-Dcidr21y.js');
-var usage = require('./usage-ClOOURqe.js');
+var index = require('./index-gVzZ5kek.js');
+var index$1 = require('./index-DhB3FBd-.js');
+var usage = require('./usage-CzcuFoVr.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const tag = "tag with label: {label}";
@@ -65,7 +65,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '9cd911d93c2034b6d777e65ef96d18a86fe7163f', class: {
+        return (index.h("div", { key: '024310e8e5236382d542e7879aeb3ac8fdeaf372', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-CzcuFoVr.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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
-var getValidTimezone = require('./get-valid-timezone-oXwPvRke.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-CzcuFoVr.js');
+var getValidTimezone = require('./get-valid-timezone-Bv1MGxs_.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');
-var index$1 = require('./index-Dcidr21y.js');
+var index$1 = require('./index-DhB3FBd-.js');
 require('./get-closest-element-CIMI0Cx4.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -46,7 +46,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ff847978a4b90cfa030506f5e8bf3627b4bb616d' }, this.renderTime()));
+        return (index.h(index.Host, { key: '98da578c74f661944727b08e22187bd8eab28547' }, 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-BPYtg8zZ.js');
-var onClickOutside = require('./on-click-outside-BtpoMvTz.js');
+var index$1 = require('./index-gVzZ5kek.js');
+var onClickOutside = require('./on-click-outside-BUY2tdwU.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var index = require('./index-Dcidr21y.js');
-var usage = require('./usage-ClOOURqe.js');
+var index = require('./index-DhB3FBd-.js');
+var usage = require('./usage-CzcuFoVr.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');
@@ -453,7 +453,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: 'e0093ed5b53e9934bbae8204340239d9d547bcd5', class: {
+        return (index$1.h("gux-popup", { key: 'e68e50ccb987ef644acd1f04dfb00f4c0b00133f', 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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
-var index$1 = require('./index-Dcidr21y.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-CzcuFoVr.js');
+var index$1 = require('./index-DhB3FBd-.js');
 var timeZone = require('./time-zone-DL_q5R6h.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: 'c7d65b4a3e43ca4e5ba122747a9b2d80a33a901f' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: '5c508602159a5c0debcebd538157d25bc4521323' }, 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-BPYtg8zZ.js');
-var index$1 = require('./index-Dcidr21y.js');
+var index = require('./index-gVzZ5kek.js');
+var index$1 = require('./index-DhB3FBd-.js');
 var timeZone = require('./time-zone-DL_q5R6h.js');
-var usage = require('./usage-ClOOURqe.js');
+var usage = require('./usage-CzcuFoVr.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: 'c5752466843893b61f8c84e765df74d54a87b575', class: {
+        return (index.h("gux-dropdown", { key: '1bfe34f35315ee00289434dc900da04d8d8215e0', 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: '761fcd634dafa957de29dc10fcafe77c62463ead', "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: '3b106892279adbbb50f2f99a8a032add4545eace', "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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-CzcuFoVr.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: '3afacca6984c4c2d06ceef9e2e8057fe98620c57', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'f58ce2f881266382374ad5b64204ff21a58d9124', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'aa9335898e31126deecb319ecc6c76c625a9ab9f', class: "gux-content" }, index.h("div", { key: '7392956c384a73aa4953c439e4962b45c388cf06', class: "gux-message" }, index.h("gux-truncate", { key: 'd89303acfee9092ab826d11d804f4a988400f40c', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'ac2e390b5c82e17fb9e263bdf187b88967f8d17c', name: "title" })), index.h("gux-truncate", { key: '6626b21a364854fcde81f0bef1196d2164a7410e', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'a75213ac3afcea09c3780576ee961ec95b44e8db', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: 'b7ff05e068384a60ed6a2c5415a442c874c74b68', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '2fb9cb6139d9ce877b1640bdd45d1c42c4027461', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '412b2bd2795bf3b1e8e0da226ae16429fab81540', class: "gux-content" }, index.h("div", { key: '7cbd0ede33826a4a23007c223c79c40729a6ddf5', class: "gux-message" }, index.h("gux-truncate", { key: '563624802ee5be81e49a363c555c00c5614df318', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '9dd7f0ed7acb008a8b5a168bd77732cd744417f6', name: "title" })), index.h("gux-truncate", { key: 'b2b1167e997db4b6b8160f8df3993b5dff0bb97d', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '1bbc1770e6144978dc519575ad277727b3848fa6', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: '0b9402b4a594df1ea78edb2934862707257e738a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: 'e94ea937d2fe14dbf5800cb4d770258011090f2b', 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.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 gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}";
 
@@ -22,12 +22,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '3526fd2e50749bfb7691abeb57b38d1a3cecd133', class: {
+        return (index.h("div", { key: 'de4e2b2baa204484e15b2b51cb15b43c75730d7a', 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: '84a3234ad2342af744dde144aaa754c0c378927b', class: "gux-slider" }, index.h("div", { key: '35719f067b8fcf1ee88326aa068ab43bdacdda66', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '70557c9cad2c6809d9a4a72827186dfca58b9a1a', "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: '1261d8e9408fd5cf6ca29c7a41ec54de67eaf8aa', class: "gux-slider" }, index.h("div", { key: '35d8d5704e5de3e282cf069d43f5c1321ae0339d', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'bc61c6366574a572bbbb389425ca383ffeaebda7', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = guxToggleSliderCss;

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-CzcuFoVr.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var index$1 = require('./index-Dcidr21y.js');
+var index$1 = require('./index-DhB3FBd-.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: '3d6124826c33eb2356c5ebbdf90bb665ac69179d', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'f22949075ec6aebf0b0c29261244cb6409baaeae', class: {
+        return (index.h(index.Host, { key: 'fa4433ee44291308d9455b43405f6758fd74ae99', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '283e19f1580635d52cb221abd7cae74d72521425', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '5b3e1e1374dab9620ae0c7ec2e1ad6ea2cae9509', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '29db3e9a245a70d52a283428de45811406157e3e', 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: '2deacc7df3ad7a3c97de926d1cea49beec309440', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '27b2cb44bb71933961d16fa9a585e0efc04bf952', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '5aa99cedb8c716f58139616051fac1b2198edaf3', 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: '99f98160ec22aa6e31029f3abacad3f4440eeba4', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-ClOOURqe.js');
+var usage = require('./usage-CzcuFoVr.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-CvGWQ4Dn.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
@@ -177,10 +177,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '98c28c32aa5196c39c583bc5fd25fdcc6aeafc5d', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: 'b6028bb11ee231748feae82bf4c9f2412cfb35c2', class: {
+        return (index.h(index.Host, { key: '589eccc3b0bcc5eb1c0313420eaf3bd7a907e33d', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: '9d7223f66128f43fb6819aa7d7d766572d572f9a', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '41a0004706e0bb1482c3e82f92049edf5cea3eaf', name: "content" }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: 'f3cec6be4be4ace2c1c7e8b6fa539a283c161fb5', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -263,7 +263,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'dec2e09c13b69b06a53cbdc4960bac6122b23bab', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: '27e945d1b66edc8bce373db4a7ce7008d30edfc9', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '150d934b5aad6f476b0a351f317834ac17e6de8e', slot: "content" }, index.h("slot", { key: 'bd3602ad0e6f4ac30df9517589e3cb0a2d1a9b3d', name: "content" }, index.h("slot", { key: 'b7bd4b50d40a548e0506e3294b26b62c044c89d2' }))))));
+        return (index.h(index.Host, { key: '68b4d6d96ac9576201c2829ec58a77ab92032595', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: 'cc009014f934281a4cb44ce8212c08f2514d79ac', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, index.h("span", { key: 'eb04cc584248b325cfca71cd86a05c25e638acf5', slot: "content" }, index.h("slot", { key: 'af2c4fe55b64afba8a147708dfa588c09a510e1d', name: "content" }, index.h("slot", { key: '90e1c25bce923d426de6068228b3ce22a880164f' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {