genesys-spark-components 4.58.0 → 4.60.0

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -108,7 +108,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '624f8d79c2dc38f29d4236a12cd6c2489f497cf8', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '7a272f8c57ad78f2836e4e86a76c7ed6f0cc190c', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '33894ad4c0eae0488ce541d988b50a202fe6978f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '3724dc952032ff2c71e9e893943c0a8ad90101e3', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/cjs/gux-row-select.cjs.entry.js

@@ -28,7 +28,7 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: 'e846e98dfe0776f353fa146f9af2dc7bae801e12', "label-position": "screenreader" }, index.h("input", { key: 'cb7d663fcaa75a2b9e8b4cf89477d8c7547f539c', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '34355147abc791e7aba05f026b87582e23ec3712', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '65bf384e39261e06214bf40845d827b964bdcbb8' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: 'b2223c1a765251ab3251a6512c003717370e9cbe', "label-position": "screenreader" }, index.h("input", { key: 'f577a43199e029946c86137ead9c05f7590d0394', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'c44239bfed79a317719f379e5d0478b228c5825d', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'f70b30bb682140041c8f02f25277ebaf176e37ee' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;
@@ -16,7 +16,7 @@ const GuxScreenReader = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("span", { key: 'ab62b771828b0d44468c7220b0f4985ba82457bc', class: "gux-sr-only" }, index.h("slot", { key: '37ab3b9a95d91260ea10e940180045693451c5b4' })));
+        return (index.h("span", { key: 'a1984ab57adde238791ceedbf7b53924268dd044', class: "gux-sr-only" }, index.h("slot", { key: '7aa8337a58af16c329b365b9acfcbdb2735005dc' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -36,7 +36,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '94f6ef5226c14619ca405c342abb086ffeb483f1', role: "group" }, index.h("slot", { key: 'a367904d82d5e70e4b54186e903f146279486672', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'd053abfb3d9593e45ce22e0944d2452c4a48cfa6', role: "group" }, index.h("slot", { key: '956a75cb66ba7e29f6cec555ee098eda205c905c', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-segmented-control-item.cjs.entry.js

@@ -50,18 +50,18 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: '99ca10f1505b6c7febda6f8a728450d3e47bddc4', class: {
+        return (index.h("div", { key: '0566c417db56e075b7515a3102f24f852d30d689', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, index.h("button", { key: '0ec79b3df9b6d395dd01b7cf5acbc7b88debf789', class: {
+            } }, index.h("button", { key: '6859728b3f9bf1fc8bf15f361795d6d1f728b3f1', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: '6c520a2b9dbdb5894d3f9a233730a19d4c850950', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: '3879c5709da14e7d66f97611b4491a38460b5519', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: 'ff26f8670d4b066d7999c020798913e4642b6042', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: 'e97a25af91f85b8e8212d7f34c480d6fe7597b28', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-selector-card-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -54,11 +54,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b76c1d4a8d437a154542478b344d7d8a36e357b3', class: {
+        return (index.h("div", { key: '4341262b9567224c6278912198bfbe8ea5ccab5b', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            }, onClick: () => this.input.setAttribute('checked', 'true') }, index.h("div", { key: '7510e92a07c04b9d4afb4c6545afdde2d6068b33', class: "gux-content" }, index.h("div", { key: '3cd3676b4e3f768cc30188afa2e16dd1c2a45fc3', class: "gux-icon" }, index.h("slot", { key: '4114bb5813890d3f07a25e0d0e7327674c6a097a', name: "icon" })), index.h("gux-truncate", { key: '89e4611a8ceeb6c2da47565a0563d8bc51733817', class: "gux-label", "max-lines": 2 }, index.h("slot", { key: 'a598116d7c68874542dd5656339c5172be565ee9', name: "label" })), index.h("slot", { key: '5918c2cbe784b5049f989146b52fffb989927b55', name: "input" }), this.renderDescription(), this.renderBadge())));
+            }, onClick: () => this.input.setAttribute('checked', 'true') }, index.h("div", { key: '8d63394652e97233cde356ab4898881cab25b479', class: "gux-content" }, index.h("div", { key: '64f38300cea7bd53fd06033081fe977356f3e05f', class: "gux-icon" }, index.h("slot", { key: '9cbf9165b0e0b64aa67f70a2b59c1c349d8b8f26', name: "icon" })), index.h("gux-truncate", { key: '852cb669b67911566842b842146ecbb2987a86f6', class: "gux-label", "max-lines": 2 }, index.h("slot", { key: '438abf80a7a27c480dba5d247e7e9680aff69a3a', name: "label" })), index.h("slot", { key: 'ec2a2007157c2149f0e23c3ed5601bcae4735635', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-selector-cards-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;
@@ -16,7 +16,7 @@ const GuxSelectorCards = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'da9666635224d9aed3e113fd6e16ffdf5efaa359', class: "gux-selector-cards" }, index.h("slot", { key: '784794a3636e7224fc7860340814b59ebf68a377' })));
+        return (index.h("div", { key: 'f8b46d99477c52ac38d9f720e56dff88d00c3c50', class: "gux-selector-cards" }, index.h("slot", { key: '8e17104d749dfc32fc86db35ddb678c7accc57bb' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '1941654de15397290e83c7f2bfc57e4e0d11d8e6' }, index.h("div", { key: '1ac500d4732199ee61203d5f5548532140554745', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c1753c1fad5dc6769d57bbbb91257b898d261f59', name: "icon" })), index.h("gux-truncate", { key: 'e6dbd387a25bd1a35eeec7ca0d7579273092522c', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '903df673d21b3c792abf031cb68a893a175bbdec', name: "message" })), index.h("gux-dismiss-button", { key: '461eb8edaa181c44fcd6742d11f146b9c925ffcb', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'd1b9fd4e8555b82e21ba84cc63998b8283880352' }, index.h("div", { key: 'e1f0c28cbd4f1f96c454ec3e62e299360440c8ec', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'bbe3395bad2328877b9592abc42e0a472028547d', name: "icon" })), index.h("gux-truncate", { key: 'a90bbb9cf6efbd33897c632caf66e101dedf98cc', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '2996e99ed8a2ad6266d93cb87e846772dfbd6050', name: "message" })), index.h("gux-dismiss-button", { key: '1fff86b6a3d00af7f52b5626ac59dc9a3cd28fe2', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5394ed7959d46e0134f1629285e8109d18a227a0', role: "listitem" }, index.h("slot", { key: 'c9f02719eeb6fe344acec077022d471a83f58699' })));
+        return (index.h(index.Host, { key: 'a61c4cf0d10c5d7f6dd840db5f4871027c11ffed', role: "listitem" }, index.h("slot", { key: '649ab28be83968f03d8783f2ee758ec0627fbd0a' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'ddcdcd8ed1cd480c0a9be1a624c5a125c9f35646', class: "gux-container" }, index.h("nav", { key: 'df1b23ccef8f13de493324fb7db74c706ca6b34f', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'a32bac57ef8cfb718efa563c20af6d5adb13529a', role: "list" }, index.h("slot", { key: 'f860149204467c0054b42b4dc471f0cc4c78608f' })))));
+        return (index.h("div", { key: 'efa71f663a9be9c5fa6ef814d9ee97ed5de71073', class: "gux-container" }, index.h("nav", { key: '218192a4d09b42af3783fc9e79e87af1e4a7ce97', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '9644e5621412d089b9cca5064d61b062209195a9', role: "list" }, index.h("slot", { key: '2bf95080d2a919496f29323e018e6ded1aec63dd' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a74522b0ba919a9ddaa905b85c680ebb88ece5e4', class: "gux-container" }, index.h("button", { key: '0c0d61408cd40819f15f4d916331027f38735dcc', class: {
+        return (index.h("div", { key: '3363f0387244cce5cca86775729fbf46c01ac3b5', class: "gux-container" }, index.h("button", { key: 'bfbabdc471af2c90ecaedad47efb9ca6b62111df', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '2398a4a52a6a81bcbbb5a2c9fc97387fe74cf5b1', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '0539c0012578ee4d8c3f622c1143c800c3c3c353', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'adb974d9904147c205649739a12ef915a5a80e53', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '89e605bd4983a2a36886263a389294b1cc0fb0b4', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c6d578ef28c638d8eb6ff9a045a3f3687c452f6c' }, index.h("button", { key: '9533baadd6a001df14d54f41392dbc878b282d57', type: "button", class: {
+        return (index.h(index.Host, { key: '7e642bf815750185f8ed4c3629acfdd5fce06db1' }, index.h("button", { key: 'd383df46f57de9aec3dd18fefde5dd6f369fb7f9', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '0000fe314ccf0492c064db2299cce925eeb17801', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '5260763fffbf5fd8377d894cc6f8ae42a49ab0d1', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '0e851a7df5d5e5cda84501971af0fe94b1100202', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '2a86ac278b7e3066bf60bbe7911ec2baf43a05a0', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '3f0f05fd374f17c1d457af8b70836170a5a09e08', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'ad5bb371fb46c2635aa251c739bb953c5d653d58', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '823b0ae4a3f108b4acfb6091cbd56190a7c685fc', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '3c69f4292ab70e8cc7f5af5461a59ae7afc9a173' })))));
+            } }, index.h("div", { key: '8ec9163990d5244a36d17ec848d3af0abbb93e45', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'b12468fb757f0135b25a389894e3ae3a4601c037' })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6b1f87b0d4bc11d737d20bdf804b35371d0e7bc8', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'ff9d193ededa10fbfe82106eb5c4e06a44442316', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '7b9fb29f2c354ea1153d91fc0a5d647e730676a1' }))));
+        return (index.h(index.Host, { key: '5f75235b66a67bb7b015e00c25965b15d680d3c5', class: { 'gux-selected': this.selected } }, index.h("button", { key: '73ec71061b78f5a8e3bb22995f69dc8088c88fa7', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'c16a8dd34b01e1f162a7d8efc05a3a123f17fe0d' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -37,7 +37,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '2ad55995a30ac69437b04748a1981c9d5f501da7', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'd20cfb66506b59f97782aa2059fb783ea03f12a0', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'aed53e15fa09febbae8cf3950b5687110499f4db', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '608249166a81119c4d4939c404dc9b85c4987d37', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3075,7 +3075,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '4c4e62b684eba501d5a91190e0eda52f1647a946', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '43afc578c9b3515041c4a2eb405649954fcde533', class: "gux-scrollable-section" }, index$1.h("div", { key: '6175bff88220d8d77edeecd651591a37610dfa54', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'f067ce87eebb94b28b46ac02e28c34e0ce982157' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '5651ee7f6dc87c474990de637e029ca7083eafbd', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '15b9d9484c1ea58ab0d58798de9aca37caba46ae', class: "gux-scrollable-section" }, index$1.h("div", { key: 'fc4782c5d29949fc524ecc344c4636a9eb7d7bf6', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '3316f7459455b25024938cfd64e0a8848a2b634d' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5c01f8a8ec766db2af1c1a29d6303b4c4ee81cd6', 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: 'e6a43463a96d3e1856177a83c31479e567805f11' })));
+        return (index.h("div", { key: '94721d19d5b8937b276d6709eea8e56a61df37b7', 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: '9a698e6721c6a8e3192099773187468df6abb04c' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: '5287a3db6fb129563c880e47a4b3bb0c88b88610', class: {
+            index.h("div", { key: '17191d87d4242bc349f7a03201faea8237dd4fd0', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '1cda409079a706255b1cd13750d8bc8509c976c7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '1ad7b3eb49d3954c88b0fa87a5c6a3030d540f76', class: "gux-divider" }))
+                } }, index.h("div", { key: '4bcf610b163f869edcc8dc3cde1e4feb93d3dc2d', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'b34af54b69ef2525a08820d0184621d0445c9fb6', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -267,9 +267,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '39c11953bfb55bdc833468bdba8b24ee05013b5e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'a5ce7a9f5802a0fa8cd9a297da4f6879784c4ef5', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'd01a78ab5f6f9080b3b373183bbde61a6f74656e', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '97039e9a3679f4ca15d483e248b07df3e44df295' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '59bbdd153bd668b344141c49a3da282bcf14eea8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '3e6fb59cddb99291178763676fb4fd99d59e6e05' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

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

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

@@ -41,11 +41,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (index.h("button", { key: '0a1d15ecf3de66664d4f236ac78797947e1a6e6d', class: {
+        return (index.h("button", { key: '35bb6865574520cfcbebac0aa4318ba5470f6108', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'f06987cc3d5c715137b27c77431378f372757ca0', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'c5148a47f7ba2ef902b2e6c13da5645a3260b16c' }, index.h("slot", { key: 'fb2dbb314e885dedb6c801ea6d8d8775d089a65e' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'a6af3071c828e6aca06f43d34f1f1f5f9d1b6a3f', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '8d408deb705230ad65f7ed0cf39e629fbaaac804' }, index.h("slot", { key: '3aa6a69d9482c0a6b8e29eccbdfa54ee2748aeef' })))));
     }
 };
 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: '9c88819fd54c1c443eedf6afcaf76936eb37b5e5' }, index.h("slot", { key: 'fba3e3e5048e14b0628a61929104690c0fa5a8b2' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '57d24acecc5a511d96e25ed63576775bf90612e1' }, index.h("slot", { key: 'f79c8c6a119d76972d2a84733c751d46885dda2f' }), 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-7fb02c8c.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: 'cbca19b4523c69201b0f34a84a61a3a535355510', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'ea5e6a561fe520f40678edfeb74ac10a09d7150e', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '18c4a36f74c9f4d64e4d7617ea0e0172fedcc254', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: 'bf892f3d94b4266437bf26a0ba2d12045667072e', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'd675c1e351e36253035354b288aeb8318d954c7e', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '6c9363e4edd3130c7c48b3ac82d5b0946decaf9b', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";
@@ -31,7 +31,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'ddec74cf0539d8c6e2b87a579804bda785f97e99', accent: this.accent }, index.h("button", { key: 'e95ec7090b4a72ebe82002b7aca8f36b1e84c1fe', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'ed5693d31b93500f9b85d7a02d63d5f1417a3077', name: "icon" }), index.h("span", { key: '31369e6fbc2a3cfeb3f389b09d3b2ca92de8df61', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: 'a1a82b9fdbd39d35e42f3a621dc2c81397491bdb', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '33896d0ae7e8515a96707f15c619bddb9e007aa9', accent: this.accent }, index.h("button", { key: '6518d705a4ffc7452e39c4537ee98e315a020b13', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'd386c4d52c7b0d441af839e6ce2a8faea7cf7a9a', name: "icon" }), index.h("span", { key: 'f5db406392c4176d6cbf877b2dbb23a8a0d33b0c', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '25484d11455b1b00383deaa387cc4add4eced9d3', 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-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const index$1 = require('./index-a1a48d79.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -99,7 +99,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '627da8eda3a9f9257cb64adb8881f6640fd9a8f4', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'a20a27555fb003d8ee756209efc86477c90b41f3', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '37dac19f526ebd17b74de2b3a36c2149da9b75d8', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '6c6e619b4a9632ee52a3fdb5f01d49c567876e37', class: "gux-menu-button" }, index.h("button", { key: '959ea053e2f5557abecf3f6c8e5274271cc94d55', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '0e53ce9466eb1695b0ded8c4e91219a0c8ea726b', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '856d82c337778cdb49d05b9fae120b0072b65e7f' }, index.h("gux-icon", { key: 'c7040c7839ee6750f12494aa5b94e4c4de3eb7c2', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '02f7bf362706a446b4dcf96f93f71d60f1faa1b6', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '4a146c32fd4586aa0b2ed7d42abb35a458c2c6c1', ref: el => (this.listElement = el) }, index.h("slot", { key: '1b8cfb59a1f631d59f63ec05506ab4731de90910' }))))));
+        return (index.h(index.Host, { key: 'a3864b546569f9146b41330bb68a3ffcbbc5f06a', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '789358ce11f12913cfa371d31efbdc332d11d493', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '8a2186adc0299380c2ae8253e0af587b3cb56b39', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '66f9abc67a324aa56c8a2487dd92305abff80e70', class: "gux-menu-button" }, index.h("button", { key: '76cffa282a31b035d3f87b7d5b9c1c617a26ee7b', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: 'd6b32687ca671e4db0a3a89e79ec4162a89394ee', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'c4c8404545b9f9e7ea2facf49fcce6a91cd18805' }, index.h("gux-icon", { key: 'a17977ccebca6b8674112a915f02480adab237d5', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '2f0800066d3165e9c934c313da4e7a4e86d02efa', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '36400ffabe835109128662541c3c28461e5b7303', ref: el => (this.listElement = el) }, index.h("slot", { key: 'fe072e585dd75b596b5b8879bf09ecd301dbd5cf' }))))));
     }
     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-7fb02c8c.js');
 const onResize = require('./on-resize-da1477df.js');
 const onMutation = require('./on-mutation-3d294d15.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -200,9 +200,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'c21be3ed5d19e5dace73533cae481cc4efacd09b', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '17babd621e9e252e601751a8176822b64d0c61b5', class: "search-filter-container" }, index.h("slot", { key: '3183c3ba84d3f2b58addbe2c2745a1e807b63de5', name: "search-and-filter" })), index.h("div", { key: 'bcd551118ad60491e9d9d684ceed08b2f431cf13', class: "section-spacing" }), index.h("div", { key: '7e490fcfe965096faefdf880d5acba15434a9f44', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '8948f5ba8881932c70db7b09cf357e9cbdde5e30', class: {
+        return (index.h(index.Host, { key: 'e34d65f15f7a1d0fd6ff9188fa61fac9b37a6885', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '1cef2df729da1c7059752cb318da76bcdf492068', class: "search-filter-container" }, index.h("slot", { key: '5bb2acfef16e69998976a054239b64e076dded7e', name: "search-and-filter" })), index.h("div", { key: '0f65d246343e36695ac11aefe6e2f7d3f3a42027', class: "section-spacing" }), index.h("div", { key: '8765792c38a2ee3aa1e56f9eeeafefc0433daee9', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'c1d98a8b7cef0a0748c3e30be3b4113489ffade4', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '8e49f90c76b3b816c2f38a6951947757252288f5', name: "contextual-actions" })), index.h("div", { key: '345ccddbce7cdc4258c6f418be67a1420fb21998', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '131cb62ed030d67546c697b6d4d90dd91fab3897', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'ad958f874b280c12d130bd5150a76606a7faee18', "show-menu": this.renderMenu() }, index.h("slot", { key: 'e59bd1997e2577ea25f79f77d6ade3d4c7d4cc5b', name: "menu-actions" })), index.h("slot", { key: '2612591a54cb9971cfd3c8712d117daf28cc2102', name: "primary-action" })))));
+            } }, index.h("slot", { key: '21306a2a7a7047a3fcc15555bfe56ea5454208bd', name: "contextual-actions" })), index.h("div", { key: 'e15a6bf58cbbe098ca1df8eedfc10d448a00512d', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'c4f2d6b87d3089cd481378e808e1b969095490d5', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '497dee863f297a3be54dc484775594176429e73f', "show-menu": this.renderMenu() }, index.h("slot", { key: 'fa8cfc9d45250c14168ab68858e3e55d90c80508', name: "menu-actions" })), index.h("slot", { key: 'd14b95adbdeda5be4a207a6c95040a05af8eccb5', 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-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -278,7 +278,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '2bbd3297cabf5ef716b35a8eb4c55d4bb3600fe1', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '39f522246cadec2a01d57b36b1e64d72b1eefc08', class: "gux-table" }, index.h("div", { key: '75ef6fc168b00795ddb4fff0dee0fc178fe720de', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '67a0c3d58ee08cf0fa569f430a998cc2149a247c', name: "data" })), this.isTableEmpty && (index.h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: '54c1096ff5ca800977b56014fe68b56911b6fcf0', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '9bebb1769bee497ff93ab55e6edec1823bbd52d2', class: "gux-table" }, index.h("div", { key: '8b079898bb49bfd96d85bc1d6cfe7f5860b1af07', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'e80e086308e6730e8f1b7e49e207e8d89e837296', name: "data" })), this.isTableEmpty && (index.h("div", { 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-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '448163cf7351596a9d8c6a47fa006048b0cac456' }, index.h("slot", { key: 'eb5172d29d502c93f2fd0aeb73edcc34ccd62527', name: "tab-list" }), index.h("slot", { key: '89446a0da3a6d8715c28cd16fa5f4ce0d0522e38', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: 'f42e069dc9b96a784ff68f9270ac43d3670b0d81' }, index.h("slot", { key: '58794082e8e3d9635951c1fb19eae9c54d863efa', name: "tab-list" }), index.h("slot", { key: '8a6c384f847f13b288aa6afbf9db731a1bf69d79', 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-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '202594f5087b11ecfabdd781f6f5d96577a75886' }, index.h("div", { key: '28ae208f311499e63f938b75de6d1a0f1c95045d', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '02eace35fa55f7c5c30010cff9101fb2899f9e8c', name: "tab-list" }), index.h("div", { key: 'a042331855cf167b9fa783c4a2162cf558781f91', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '4eaab57979d84c2490320e42d0ed966031a463ca', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: 'b09c9868a94755347a64409e7d3cdff9fee488ee' }, index.h("div", { key: 'ebb52fe7b11c6f27e9f4294fc78eb6520e9516f6', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'b98f3c2c738b024995dd6bd1fe0af39ea6eca32b', name: "tab-list" }), index.h("div", { key: '2a1c2c57485af6ce17d01ca267e5ece859651c15', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '678d45c65ed6babb53f849a2b09a9751806079d7', 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-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -67,7 +67,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: 'f1fc17b9b9531c2c2995e0e5b486fcb2ca0dced9', class: {
+        return (index.h("div", { key: '4745ff0370268baf80d5daeacd120c29a3f8ab04', 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-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.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-7fb02c8c.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const index$1 = require('./index-a1a48d79.js');
@@ -41,7 +41,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3f0319de47530af60f8d9cd86efae0ebb1d432d5' }, this.renderTime()));
+        return (index.h(index.Host, { key: 'c76b712d05bf133d62da352d69234a84ed950fc8' }, 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-6db914c3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-a1a48d79.js');
-const usage = require('./usage-28b13cde.js');
+const usage = require('./usage-bab0c22a.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -386,7 +386,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: '399d67b28a378c96c233c32ff18b325994d00ba6', class: {
+        return (index$1.h("gux-popup", { key: '6c09dfdb066f29c6369cd1fa32a13bb1a46a43f5', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));