genesys-spark-components 4.154.4 → 4.154.5

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

@@ -23,7 +23,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '924e7d849185c69e2c2c7a92b646bbd8b25d95d3', 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: '7873b697344ceea31ec2a09e9cc82ec9c747b8e5' })));
+        return (index.h("div", { key: 'd810ab34712163c91c5ede0308fdda2301da1cd8', 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: '00e5815ea28ee96517a2c6b4798a2624f4dae325' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -161,12 +161,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: 'a7b6433ccea88c69fce8597fca3510314d6a585d', class: {
+            index.h("div", { key: '31a558f4587352c3e3b3443e32bd1ffc34cd25ea', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '9e428fc4987e65ddf26b6c9c357998f40d4bcf4c', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'f2646aeea0f16e2fc6d2d7c9a8d33402214ce2e2', class: "gux-divider" }))
+                } }, index.h("div", { key: 'c449f7b7350801ef0e85a96e6b2fb03da343660f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '88dbb73aa64c45d1e7a74844dcad9d8ee167c5ce', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -286,9 +286,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'c27b59132f3fc77f9d4ffa036d85b193e9021807', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '9be65cfb80e3d3b3f9f055264439ef83dffa028b', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '72ef0e03e709d2e108bbef5ba43e54491bab0fdb', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '10d7153810788e2aa18f9a681da60daacfdf9fa7' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'fdf9841c13ae98827dd9efaa5510061cf68cf0ad', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'a0d20ab635fe17efcc04275470e18cc6ddee2ce1' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -23,7 +23,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '70fcbcec304f38ab7c084543851bcc6640bedfcd', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'cc5e7df3f79e1a899e7301305445e3d10fefccea' })));
+        return (index.h(index.Host, { key: 'c1311f1e6cf5c29a551b2ded2896640cee5a9235', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '87eb82592c99dfe4f99bf1d94dee68c999b12953' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -52,11 +52,11 @@ const GuxTab = class {
         return -1;
     }
     render() {
-        return (index.h("button", { key: '3b4848d27454db32e82f9a9ff3b0fb07fe5ae967', class: {
+        return (index.h("button", { key: '446a339c553365f12c3f975367975bee95429bef', 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: 'adfa308450ebbb503bdad6f5db679d3367817f06', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '0695f082a6f67ad57376946623df29d69a70c755' }, index.h("slot", { key: 'c8528144e9cc86131103692b51364e1543e40766' })))));
+            }, 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: 'e9a6eea06d6a09e9b9409601a1f106d0bd052209', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '2f8448e00ebbdcee941c92d5f29ae2aaccad6627' }, index.h("slot", { key: '7d67bf3060939f7e04d1637b46799a791e16cd05' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -77,7 +77,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ed1fcadfcaa20cf528eb0052be480aee0f87446b' }, index.h("slot", { key: '1a6efd9054e41699dbd327d08be5dd107967c7c3' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: 'b1f2570e7a6a573219d6056b8d175e71e7285147' }, index.h("slot", { key: 'eedefff37b97369c9aa5717b314c667b31001429' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -65,7 +65,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: '3b02e1655e511e7f45494ed329cba802b05bceae', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'eb095d85733e80de46c85575244fa800aafb6aef', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'f80600fa409bb45dc34f0baa6ce602ed7eef312a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: 'da8e9c8e79fb2f4c224f00da780438f35c2330af', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '4abb79967fa91d433d04b75956e908546f5ec09c', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'b943047bbf5378ac386f7b015c715c2e7221d1a0', 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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const getClosestElement = require('./get-closest-element-26170ce0.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.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)}";
@@ -37,7 +37,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'a50243abe4e6bd3d5485e5decdea36fddb80c64d', accent: this.accent }, index.h("button", { key: 'f474b2b024e19734ca5e3b0a30493585b9ecfda9', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'f6d55951fcddda6ce549453a416826b476245280', name: "icon" }), index.h("span", { key: 'df0019e0a4d5f1d948f32cfbf1e35279a72ddeec', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'd712a06e52224df1c9cbb0066a555425ec441d29', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: 'f9b1fb3d8a97cd2139eb5af4c426bdaa1ae44baa', accent: this.accent }, index.h("button", { key: 'd88f8eae437463c945ac7863bb97848db6480943', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '4ca4c537952d630182405e44f5d248da06ef8a3e', name: "icon" }), index.h("span", { key: '21c5073044bffa2e8214d18091dc2b8ea03b8d12', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: '6a6130c88cc98dc4e6fd234efb9415ae868803c5', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const index$1 = require('./index-aa48ea67.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -97,7 +97,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'ab5a5a60169f9dc0006de9fd504da68dc0c82bbc', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'dcbbdb9a5f505746b2fb53d21e4c4f47ff647890', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'e48d3db7eae17dd25769fc71e26739735ab30fe9', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '95558dc7f3b90b04fdecf363bb81e6d752a33b7b', accent: "secondary" }, index.h("button", { key: '2435dad44695a45b1f1277c5e60bb9141cc49b02', 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: '923368b8a25dbca8c8c0762d76d98c5d98063ba2', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), index.h("gux-screen-reader-beta", { key: '41123795d6150ac96bec940393d8a1dcd5f108a4' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: '3a1c8a34929e2b690b0ef09f48de5d2e82a8676c', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'd016235adc18d1d89c6bbe629dcdf7405b3627f3', ref: el => (this.listElement = el) }, index.h("slot", { key: 'b349acabd22afa3d99a921c5faf2ce2e7ccee315' }))))));
+        return (index.h(index.Host, { key: '6c806b651443caec93e7ec690a2ca80d2ed06b50', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'e2623d24f57b2ccbaf811ed588b63610fa171805', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '63e7430a934c25ee1334504eb5ff86d59e263637', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: 'd6321d4f860ef371c70c77743565426ae11e3b6c', accent: "secondary" }, index.h("button", { key: '3120ea93042f5199b3198f6de1cffe037c506a90', 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: '753a2999547783dd92559f572ffae6dfba402047', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), index.h("gux-screen-reader-beta", { key: '2cdb1133dc8e82f1c2c890e9fefbb1d7314a6c1f' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: '2c9329e2da6d6144361225b8566877d9a6ff7aac', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'd980378020d16e499bad5310eba6b45b3da2ba55', ref: el => (this.listElement = el) }, index.h("slot", { key: 'e42992fca9056b3896c1c25b9937462f5c990759' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const onResize = require('./on-resize-b2cc6e7f.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const getSlot = require('./get-slot-4fedce9f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -215,9 +215,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '6d9bb5d5cfc8e0a08863270277a5aee77a97a22d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'fc3ce74d73a7c17d28d62973749c098ff6ad6d74', class: "search-filter-container" }, index.h("slot", { key: '0cde14fa79023c82b09e4f6c48014fc340f09b1c', name: "search-and-filter" })), index.h("div", { key: '7e0a9c74595eae632f70e0b4d2106dd852ad77e8', class: "section-spacing" }), index.h("div", { key: 'deb38a6880a9c1189857b2170158304310286247', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '10bd23cc43b91883643a87c7c941b28ca27bb3ef', class: {
+        return (index.h(index.Host, { key: '337dbcf7b2dcf25530dcac20776ff4bcb64fa00b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'ff3485b6b3eaf5fa216c53502aa28e4c59f054b2', class: "search-filter-container" }, index.h("slot", { key: 'ecb9f0fd9b0166a09b067261c7f5cd065632b191', name: "search-and-filter" })), index.h("div", { key: '56327ee8962b333be4bd47db502c0ade7ad6b077', class: "section-spacing" }), index.h("div", { key: '09e5fb47e40c2ac796364ffdce517df345ac13ad', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '8d022078707ee1e7b9894fb3f17214fcba6f0f83', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '51568039a0835a3d52019904e8ca3ac6d4cbd686', name: "contextual-actions" })), index.h("div", { key: '5a5a50821d5adb9bd401be6e613d93aaf8f7efc4', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'b19cbed127e86ed53212a22d32113ae6623a874e', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '40953d9048d6d2ec233221c96fdc876c3ca29f36', "show-menu": this.renderMenu() }, index.h("slot", { key: '6fe2fda9735707e1e93e822b5ef76d3b2c3dd966', name: "menu-actions" })), index.h("slot", { key: '65f8912581a1bb88a62c58def6458cb7cbdc5fbf', name: "primary-action" })))));
+            } }, index.h("slot", { key: '64c524e4284e630310d44038ac68b909db3c55e8', name: "contextual-actions" })), index.h("div", { key: '6962e2ef361c483cb67a41e19509daa4d9751a1b', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '57e776b841a9c9fc8d7934b0c507bc836f1532f7', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '74528cec9977109f97bfc530ad428ad5a517adbb', "show-menu": this.renderMenu() }, index.h("slot", { key: 'dee04cd0915b223f4b71ae4fb20e5cb9568c19c2', name: "menu-actions" })), index.h("slot", { key: '5694296b21c1a5cbff1131a1e6e8776bb8de54c0', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -292,7 +292,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '7c0de7d38597cd74f6b0153ecd23a57b880a83b2', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '0e24228557e34047f21244594044e32787b7ab97', class: "gux-table" }, index.h("div", { key: '4058f2a889e4d533bb129ae31cb35bf732999bf7', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'face8bbeb29a66e50806842555ecaad32cbb824c', name: "data" })), this.isTableEmpty && (index.h("div", { key: '02602512594ac63b8e3beda231c51a7909b77844', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: 'a3ffcccd13ef8e71bad921ebe6619c8f0db9c6cc', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '9f72c237f6c50e4d96771d874427815395f9fcde', class: "gux-table" }, index.h("div", { key: 'c7ef07c6a7b9995e0c2cbacfa217ed670f75ecea', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'a757a36695d1af30a34becf46ac20c0fe2f31fe0', name: "data" })), this.isTableEmpty && (index.h("div", { key: '7cd8741fdf5c17939a1ee78970d447404b32ccc4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -47,7 +47,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '70adfe0f4860a5d9b5cb3feaf7480ab5b79ae55d' }, index.h("slot", { key: '4c484885d40d176c5077500380dda6bc9c446553', name: "tab-list" }), index.h("slot", { key: '3601b3be79bbecc0a6613e05a1e026e469555e62', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: 'ff8dc727f1d22924681b1bb773149410625038e5' }, index.h("slot", { key: 'ea6c56622105d32a5a69a389551032729067492d', name: "tab-list" }), index.h("slot", { key: 'b79b2dc3889a5a50eb95c8984b0c0aeead58c2aa', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -55,7 +55,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '94cafe6cb982fa9d0ae7d75f09c77ff9b74e76f8' }, index.h("div", { key: 'b511ade648b09a0a3cb1304af999ea6702579765', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'd40a445c4024a82f0a0bf2b94a160f8c29ee2430', name: "tab-list" }), index.h("div", { key: '2b5cc5087fffc837fa38cdb71c289e3ce6a13622', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '1fcc4c8914556de32c4dcfb23b461b25c4a716de', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '9622f6a469aa84ec687488aa8a6484d1db44ab2a' }, index.h("div", { key: '696f9744944840c29b0f86a25a66058799b527f6', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '98924f0a0d6fb9a2dd62445408f9d95819548d34', name: "tab-list" }), index.h("div", { key: 'e2287aecceda78595d474d6dfd1c94d7aa4d2a7d', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'd9303351080e8a85569e9c50aab775772a0d6e36', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -68,7 +68,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: 'da2ba604009b40f55ae7806aa7be45e1db31167d', class: {
+        return (index.h("div", { key: '6eb8ff81a80e292eb65c87ad0521968ede95df46', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const getValidTimezone = require('./get-valid-timezone-6d0cf04e.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
@@ -48,7 +48,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5d883f6ca87976508bae01d8ba1e24b01512de39' }, this.renderTime()));
+        return (index.h(index.Host, { key: 'ff847978a4b90cfa030506f5e8bf3627b4bb616d' }, this.renderTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-aa48ea67.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const logError = require('./log-error-7b9d4b57.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
@@ -456,7 +456,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: '7e4c2e406cc82e6f61b1f3af6a0f4ae0d66a8c63', class: {
+        return (index$1.h("gux-popup", { key: 'be401fe95b5c14a64bd8598b92b21eefe233c5da', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 const timeZone = require('./time-zone-8cc25510.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -44,7 +44,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: '305b2895b6e1a43dc0f9e6b9684777b76af07c29' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: 'c7d65b4a3e43ca4e5ba122747a9b2d80a33a901f' }, this.renderZoneDisplay()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const timeZone = require('./time-zone-8cc25510.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -152,11 +152,11 @@ const GuxTimeZonePickerBeta = class {
         return (index.h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (index.h("gux-dropdown", { key: '5678c0115e471da7d88dfe17a706e41731f2ed62', class: {
+        return (index.h("gux-dropdown", { key: 'c5752466843893b61f8c84e765df74d54a87b575', 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: 'bce0d5e03122db54277328cce178149c4481d2ff', "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: '761fcd634dafa957de29dc10fcafe77c62463ead', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
 
@@ -59,9 +59,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: '2470176db0ade422581269d5f4f21f8884125763', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '14993ea0a466683007c84d20ba974ccb50562605', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'da3ed8f51df9a33d587c222c3068aff5d8e60c8b', class: "gux-content" }, index.h("div", { key: '97f20a03c10bba3d3b57e2ec6558b37112479e2c', class: "gux-message" }, index.h("gux-truncate", { key: 'f1948741ec5a9aa4c4c535448a3eaeada250ff94', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'f9f7cf759bbb9384b2915faac2e13d9092b50a82', name: "title" })), index.h("gux-truncate", { key: '4978560814aef4502794e1c30df1240a2c169769', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'a30ff9a68a39191f3caa84c693f115b051781d75', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '5570639cd8f84388f238cbde4e3bec4e24321742', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '6499155b7eb2109a1a0aca95cf2e460a8d96cd72', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '91c405383ec44496a903ffb38f93ec2b0d580a8c', class: "gux-content" }, index.h("div", { key: '5c95238f7e613c6f243461f78ba1b936177f5345', class: "gux-message" }, index.h("gux-truncate", { key: 'fcc3b83182fe1c0b6e868c6e72729d6eae30cbbb', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'e798183ee9fb8f85541f19b60c0a8a13cb2159dc', name: "title" })), index.h("gux-truncate", { key: '79a7f9dd2c1ea101f5ad7f436696477ab922d5f0', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '80c83e99cbb2381184a32087bea5dede0fab4ad4', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: 'c0137c03585607f5f6c90bf762f38146ef7c1eda', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: '755f2f9d20636b7fa3ed4e42cf09e5ae5f577927', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -25,12 +25,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '900cb1b52db0e1eb0f464dbbbd0e8386b457628e', class: {
+        return (index.h("div", { key: 'cbb38bd1301cdf77b6e06d186399ca75c8befc46', 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: '31f78c7afc2b93d2e9122bde9664e5e1152ff18b', class: "gux-slider" }, index.h("div", { key: 'ed7937f042d37a02ee7c1cc70b9756e4794ed4d6', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '8c98a35c717823be2de5d0816b499941ac806962', "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: 'a584e313d6fbdea1c632a9c497fe73189f787aa6', class: "gux-slider" }, index.h("div", { key: '4b2cad1ab640fcbe7a02fcb803884e97734e7423', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '07456eebd5515b07f4b09c1188ddb3f1dd88c9c7', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -87,11 +87,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '187eec4c40921d1508f30e4c5b97e83bf9609e1d', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '9f28171fb67c08cfaf09de4fa8d1b851cd787c99', class: {
+        return (index.h(index.Host, { key: '3ab834f79acb7477c896c214e0e9a7cccf1ff72d', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '5f70e3c1117985a0e39d0c4cab2d0415e3e9bf07', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: 'cd20a2366147ad7522e61aeac01f8c486c7accfc', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '89e2411678368060d7e391bd58b03fa9b317631d', 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: '63925a0550fa4b6fe95af23834ace971ca550126', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '682dff4990e148b32667aa3f0acab265ef24dd20', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '8199ab8d292afc57b6874780077a6f4bf8122f43', 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: '63209dc17c8feb56de9571ef47311ddc6adceeea', 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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-1bdbc2f1.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
@@ -177,10 +177,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: 'e9b989b05b3f3e40d6340fc3df779eab33f84806', 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: 'f07449d7e6a7a3ebb47da13396a7f1de814974ab', class: {
+        return (index.h(index.Host, { key: 'e7444c6ad95858b6110d80c84926bb1bdd9e0be3', 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: 'c851e4aaee53b6f503e80f866be5bc1472d05f64', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '0ac529ac55fbef7302c907404283939651abbba1', name: "content" }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '93f46e29b926180f76b7c4b592990b49ff8403f4', 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: 'd0b2e3181a2588558f7ec6e6dce60db9f4ba7011', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: 'a43ed8e1a405842c2a0a18e7c376d8651aeb581d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '4d6464a3bbc979aac5149e41e44925e071aed157', slot: "content" }, index.h("slot", { key: 'be4cefbcf70e6e0ba729bd0083ec4f55f5268d3a', name: "content" }, index.h("slot", { key: '9faabb31c6ba49e5f4162b8f2e4c93568ee08c08' }))))));
+        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' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 
@@ -76,7 +76,7 @@ const GuxTooltipPointer = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '63644551b967d0ac9845a6666f59a811239d0237', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: '362c5ff0ed2605b11d75cef9d9603e63bf0f600f', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, index.h("span", { key: '7710ecc8942e0c50370395f24d2456b8e34a4c28', slot: "content" }, index.h("slot", { key: '238564d49e4436d6631cbe3850a5b196e99c6641', name: "content" }, index.h("slot", { key: '0d87d1a053c7698ca323e84b305339673991a08f' }))))));
+        return (index.h(index.Host, { key: 'a09b1f5780b2e245ccf6dbae26dd424a0c98183c', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: '5663264ae1cccc111d9396633ce3e0d995ecb33c', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, index.h("span", { key: 'f767e9a7024e0628e37adee398789d3c5bcc1d3e', slot: "content" }, index.h("slot", { key: 'a95aba49553d11f989f1e68fa8631366b6f14e0c', name: "content" }, index.h("slot", { key: '74e6c8b8403f07b5d468fcc0eae2867c77e1adfa' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -129,10 +129,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: 'e32d3a62d2174e13cc11a9e192c3fbccfbd96221', class: {
+            index.h("span", { key: 'aaa1aeb97140de4400ddbf19d96d585c36478363', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: '43284cea283894c49312af3d93b7b596167b9330' })),
+                } }, index.h("slot", { key: '0e5c1f16eb2e9a228b46b2da376d5c1b652d943a' })),
             this.renderTooltip()
         ];
     }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-1bdbc2f1.js');
@@ -159,10 +159,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '6f26c2032b7751b5207c4d995191348c634b2d72', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'c44b54ae5e594eefe46d174f26de2e1234566eba', class: {
+        return (index.h(index.Host, { key: '0bbfeb1beaf8e1eba01cc147e7c5643d5289cb4e', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '2cd76e1e3a98d0dbd84308daa8f1131983e60cc2', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '23ef1e9de00a8374e07a4067d197fac4f01936e4', name: "content" }, index.h("slot", { key: 'f985f9d565baa76a9b3aa97033ca05f7b53b2685' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '423bc7ccb11e4f029c0bab16514b57099c2ec234', name: "content" }, index.h("slot", { key: '8d0be32652b2f2b1e68a2d80a2f32cb69d812354' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -235,12 +235,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '1a9bf1e2018a9a1c1f49e27836d9c5f859d8037b', class: {
+        return (index.h("div", { key: '1627eab2dfd3db37f15e7f38c4a85a88998ae0ea', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: 'ac526c00490f4d7e2376d3ea1513ac0c4a997b46', class: {
+            } }, index.h("span", { key: '58dbe94274931cf894e009ddf208e6fca81627c3', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '4eed6d361c918e88dcefa51c4d5b0ce8cd4db74f' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'bcb6a3d6887a50159d5f28fa775a98866e808848' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/index-e321455d.js

@@ -691,14 +691,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-form-field-input-clear-button.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gux-screen-reader-beta.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './gux-screen-reader-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-dismiss-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-dismiss-button.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-screen-reader-beta.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-screen-reader-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-radial-loading.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */