genesys-spark-components 4.65.2 → 4.66.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-2de21825.js');
+const usage = require('./usage-56cf287d.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: 'e443a8d144ae63c24153d403c5dedd87feaaa01c', 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: '51302b2383245a470a5e57051797b8e37e8a6db4', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '8c45a3e67a8475372e8db0905980883f4c697b43', 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: '77712593c169f1d207339c5f64d470bb75449332', 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: '4bc5469546c8931c07d6bf167a6c28450336aecc', "label-position": "screenreader" }, index.h("input", { key: '6465ebfc0d7207efdaf44970ea979632d0ac2174', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '3d8441abcae6acaf91f13d6d2302893d9c272cdc', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '67ad57e8e0cfa61930d33d3bba910e0fb4705ca0' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: '04b29a74ef241b861f1a99ca237169c819aeb5c5', "label-position": "screenreader" }, index.h("input", { key: '4fb549cf638c669d35a2472b09e42e5dcd56fac0', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '7fcb02ac29eca8fb5c0e5c67b5155729c572285a', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'c4515b6bcf3e1d4974e98eed8875171475cc5896' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/{gux-tooltip-beta.cjs.entry.js → gux-screen-reader-beta_2.cjs.entry.js}

@@ -3,10 +3,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-2de21825.js');
+const usage = require('./usage-56cf287d.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.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;
+
+const GuxScreenReader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+    }
+    render() {
+        return (index.h("span", { key: '22e14d7bc908e91d683586319c21935d1062d4a0', class: "gux-sr-only" }, index.h("slot", { key: 'd287096bf0d0c6b686ca7f4a3aff8d183668cd73' })));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxScreenReader.style = GuxScreenReaderBetaStyle0;
+
 const GuxTooltip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -55,7 +72,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '033659dd2131163ef7e2e785b7c0913dcadc63cb', id: this.id, role: "tooltip" }, index.h("gux-tooltip-base-beta", { key: 'b212954a9046c1a68925bce619ae3998c9279423', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, index.h("span", { key: 'f4aa6a1ef2d61e7cc9b36adcc455150702cbc09f', slot: "content" }, index.h("slot", { key: 'fa6f543369de03166f34985f1c0ae8a2c0224cef', name: "content" }, index.h("slot", { key: 'ff72e008ef3bb24184a0b386dc6d695dfa0d7181' }))))));
+        return (index.h(index.Host, { key: '660ddca0b8cce1fcbc792209b807bfc14fe47317', id: this.id, role: "tooltip" }, index.h("gux-tooltip-base-beta", { key: '6e9ae0b5ee46a1152c815c8eecd964d82a8ff3b0', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '2837735c42b05aece55dbfe1d886b266c22c3fa8', slot: "content" }, index.h("slot", { key: '8224e2af7702dbc5b5f550b67bd49ff526496e22', name: "content" }, index.h("slot", { key: '108a619b07b172289f1a93eae04243c519b8f39e' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -63,4 +80,5 @@ const GuxTooltip = class {
     }; }
 };
 
+exports.gux_screen_reader_beta = GuxScreenReader;
 exports.gux_tooltip_beta = GuxTooltip;

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-2de21825.js');
+const usage = require('./usage-56cf287d.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -36,7 +36,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'd053abfb3d9593e45ce22e0944d2452c4a48cfa6', role: "group" }, index.h("slot", { key: '956a75cb66ba7e29f6cec555ee098eda205c905c', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'bdd4c0d659f1008fa65ee9d2988a9c542b647987', role: "group" }, index.h("slot", { key: 'b4a966abae830574f615e90366b8357e2dbaab06', 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: '0566c417db56e075b7515a3102f24f852d30d689', class: {
+        return (index.h("div", { key: '203dd1bba9f383c4081176a17cf2b0b42dc9bad7', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, index.h("button", { key: '6859728b3f9bf1fc8bf15f361795d6d1f728b3f1', class: {
+            } }, index.h("button", { key: '2836a544324a0606be01a36e19bfb67c3939bb52', 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: '3879c5709da14e7d66f97611b4491a38460b5519', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: '90abc8d1be2947227a565a243f903423d694f906', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: 'e97a25af91f85b8e8212d7f34c480d6fe7597b28', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: '3419f2a12c570f02412473e8cf8a8000fbb5acec', 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,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-2de21825.js');
-const guxFormField_service = require('./gux-form-field.service-f5697509.js');
+const usage = require('./usage-56cf287d.js');
+const guxFormField_service = require('./gux-form-field.service-57a00684.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 require('./random-html-id-71c43d5a.js');
@@ -54,11 +54,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: '4341262b9567224c6278912198bfbe8ea5ccab5b', class: {
+        return (index.h("div", { key: 'ed773aa0e465771404a81c1fe175d9af75fa3b94', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            }, 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())));
+            }, onClick: () => this.input.setAttribute('checked', 'true') }, index.h("div", { key: '70c22bd552888f43a35601fed008cb15bb103f7e', class: "gux-content" }, index.h("div", { key: 'd6359d59ee5661f36bce0e9907062b46da860ccd', class: "gux-icon" }, index.h("slot", { key: '2707997b2531da69425c25f9e72261fed9b9f8f4', name: "icon" })), index.h("gux-truncate", { key: 'c05001a3226ffcbd7d7f7a9575af370dfb124141', class: "gux-label", "max-lines": 2 }, index.h("slot", { key: 'a8222025c779ca81805dfbd14a0f6d0d36d5a631', name: "label" })), index.h("slot", { key: '5e21cd21812ed3892d84a73e8e000fe375e65523', 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-2de21825.js');
+const usage = require('./usage-56cf287d.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: 'f8b46d99477c52ac38d9f720e56dff88d00c3c50', class: "gux-selector-cards" }, index.h("slot", { key: '8e17104d749dfc32fc86db35ddb678c7accc57bb' })));
+        return (index.h("div", { key: '207e4b59ecc9b56c2ecd9ab3edba4689872462d2', class: "gux-selector-cards" }, index.h("slot", { key: '7d3fcd1c660f78538376fbb0ef92c799b204df50' })));
     }
     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-2de21825.js');
+const usage = require('./usage-56cf287d.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: '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) })));
+        return (index.h(index.Host, { key: 'bdf6285454181f2234d3378bc67e55b09dfb05ba' }, index.h("div", { key: 'c81a071a3d734f5fcee7a58e702ce18609298306', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '5eeedfd225d6898188cdada28b13828fec879705', name: "icon" })), index.h("gux-truncate", { key: '654dac6a3dac67cd20d559d57158b42e2f0ccc40', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '6720023511d47f7e88bb828e08790a1ca64aefcd', name: "message" })), index.h("gux-dismiss-button", { key: 'cf638fa12c95c2651d200326647b8264a2ecff1f', 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: 'a6bbf8dab10c2538725f5c0dc67c426b1be613f9', role: "listitem" }, index.h("slot", { key: '5ebb6b6fb14371c393d49e90d5d6875120b9e0a4' })));
+        return (index.h(index.Host, { key: 'cdcaa4a476d40850b1f700f25fb721dfd98ee021', role: "listitem" }, index.h("slot", { key: 'a3578e9013557e84e746a04f3fce882220e2e606' })));
     }
     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-2de21825.js');
+const usage = require('./usage-56cf287d.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: 'be3e6f3b2654f341fd6e7634e15301bb4d3a128b', class: "gux-container" }, index.h("nav", { key: '340f6cdbd9685917d5f4b1b1d5254bcf932c485f', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'e7acb41b103caf51404335d4af12da48519de0d4', role: "list" }, index.h("slot", { key: 'c905f7f22958a98242580d118f512c081f9f2dd1' })))));
+        return (index.h("div", { key: '2f6cc08bc5d504bb0bb0f4905e2cf5fb169986be', class: "gux-container" }, index.h("nav", { key: 'bc38064f91e254b03b8dc467113479c801cf50f1', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'fa61dfdf81585391fbfc603a9e001faf459cd176', role: "list" }, index.h("slot", { key: 'bb6bd09759b33ea5a4758071c2affb3e39ad3205' })))));
     }
     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-2de21825.js');
+const usage = require('./usage-56cf287d.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: '7b2354f07c6921c9027f0ec988a4e08bd4c37896', class: "gux-container" }, index.h("button", { key: 'a0f0d05aa85e776dbd517b047777b55aee8f6323', class: {
+        return (index.h("div", { key: '397f9db3cf1f7628b5378069d44081301f3ddd3a', class: "gux-container" }, index.h("button", { key: '4ec065ce7629a15cc25a8826e07ba14ed48b395c', 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: '7fd0991e3b8085069de0b6d466406c9b75eed9ee', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '5a83babe4ee256974a119b8e9cc7cbc55011e213', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'e9e2f6fd639b14096683cded70fe00fd9c8ccdee', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '27accd8e618cd110e75178974717d5f975978507', 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: '7e642bf815750185f8ed4c3629acfdd5fce06db1' }, index.h("button", { key: 'd383df46f57de9aec3dd18fefde5dd6f369fb7f9', type: "button", class: {
+        return (index.h(index.Host, { key: '14d23558d387e1cf8936ba1dec84117e8217b94c' }, index.h("button", { key: 'a40df1ddb07a60326cfbad5dda20e428ca1d7a11', 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: '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: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: 'baea8c6e45075366f59c4d0b13ba01c9217bc599', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '326f89ed1ab037a9b505e44cb6bb9e528562e21c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '8a4721985e4ac57bdb4a0d84bdb9345fb964a334', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '8ec9163990d5244a36d17ec848d3af0abbb93e45', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'b12468fb757f0135b25a389894e3ae3a4601c037' })))));
+            } }, index.h("div", { key: '5e7b73c3b5b3acf8271f4e7565bbf8c3576db2dc', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'fdeccd90af34af647e9d89d0a1acfde87a3ec504' })))));
     }
     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: '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' }))));
+        return (index.h(index.Host, { key: 'a971cf18da34c6fcf8ad4e9d1271a3487f15bef8', class: { 'gux-selected': this.selected } }, index.h("button", { key: '1f0f62e3762de85aeeafec9f51d084e7e65f8da1', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '4ba0885a3237c169345e9cf9f83d123aa25f0612' }))));
     }
 };
 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-2de21825.js');
+const usage = require('./usage-56cf287d.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: 'aed53e15fa09febbae8cf3950b5687110499f4db', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '608249166a81119c4d4939c404dc9b85c4987d37', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '8c75416ab7f49fd93de25dfabd0f8ddf0a089feb', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '5de5fba70c8965cb903ccff5dbca6db5af806546', 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: '24f8eabdc6be36c1aaa54a17878b62ed4d8cbad2', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '1440233bb7959a58ad6aa7acd74b8c0077bd30eb', class: "gux-scrollable-section" }, index$1.h("div", { key: '77eedfa97b45b678701fbcdeae1615ba590a1b5b', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '1bb6aa21a9c6f4ed5416e18cb01978dbd630b809' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: 'dfef8d9099b3d10ca51435ea52b2bee1be311fc7', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'd2ee1330137228418ff68f00ed78700bee375c60', class: "gux-scrollable-section" }, index$1.h("div", { key: 'aeea0fb1b2bbe0e0b44e8c80c6cc603dd09c2737', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'b058061a3cb63e38599ba65251b1926b2c6d44d3' })), 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: 'aa1bfd90bc575e78c6e09828b1fec6209fe8f375', 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: '814d8d5886e571d47d579f2d936c64c80d41239a' })));
+        return (index.h("div", { key: '7e8e1e27e46f004bb33a17d56ada993e10513de8', 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: '3cf4fc3afe516bd3efe8d4b2bfce9da056525662' })));
     }
     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: '3a7b1066539f003884c51d6d524ab48f83f92ee9', class: {
+            index.h("div", { key: '4e4f3eb23b9accf5733f12676ae217b85a411462', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: 'fc0c2b977608ae6f165597f59ec1acb46a453dbd', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '3419ce52e9adef3199d889cb7882b2a64954591c', class: "gux-divider" }))
+                } }, index.h("div", { key: 'b10764e5b0dd827cfe2aacf2515b96446bd8ab6e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '907fa2c3810ab970d3ceffb7ef92be8403fd485c', 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: 'f240a601d645531207224a32f42434324eb9ede9', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'c9a91a5d89a87055002e45d1c3964912555b42d3', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '04a8d762028cff1d8c9762de0d3c80bec6cc1f11', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '70310af6d2c67f99ceb9750b987a71cf877a89c7' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '5bfea446c06777f71859dbca4a3cf13b6177e1e4', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '5d5072277f97bb9a784458ff90b6e8d4fb9903a8' })), 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: '97d22c02c9aa43b3a2f829be75f67986836a2d34', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '65bf2ee4e510dd3446acbcdc8fbd775a6485df8d' })));
+        return (index.h(index.Host, { key: 'e1dcadf08dbb83b0bf0d9cbc0a70c898fbcfd83b', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'ef6a057a3ddba70bd0763c6f79dbf2a7e2a2d689' })));
     }
     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: 'b60a49f3f8933c32c39aefd610ed24b73531b940', class: {
+        return (index.h("button", { key: '40b59bc9c079e6f580b4e18781aad0cf96117370', 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: 'f97e882acecc401180bde0a9d8418a780dbc05a0', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '07110042d3c33d9022a7e69a8eb89020a16609e0' }, index.h("slot", { key: '6d2e4dedab8579e7956b7701b89dca489523f079' })))));
+            }, 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: 'a241e0585e3b67af6d79cb17a679211bf6541451', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '91aa1685495c7282e0ba167392b661e920e71904' }, index.h("slot", { key: '972d7c3d736644810386da21922274b5ec301388' })))));
     }
 };
 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: 'ecc496eaea0b7d7aff6408a031648c9cea34d267' }, index.h("slot", { key: 'fe1418874e6484d8b5fd69957f039c67ba035df5' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '94e4a74de88db0cf7ae8cf1a83afb83b4fe9f9e6' }, index.h("slot", { key: '5ff5e7ed4af9a059fa2fdf70b4451dc7fde56c16' }), 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-2de21825.js');
+const usage = require('./usage-56cf287d.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: 'e2653c090e4166bb4593ac3174c95de6dd05e6ef', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '73aed42e8185eb4d08e4ee4b41c3de73d9c3184c', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '361c9670789fa6a426926e05d0b0f4826b680f06', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: 'f3344dc4e10393a62567fd5a145cc7707088c3b1', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '093e3cb20725824396f046430a24e5945d8a9853', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'f079f578d955e73b635658807d3550bb146d319f', 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-2de21825.js');
+const usage = require('./usage-56cf287d.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: '773dd2f3f111a2502650042a00f98c9cfb71ed4c', accent: this.accent }, index.h("button", { key: '16887662555e36a92501dfcdb65ed3726abc694e', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '05cfbd38cb339ab01768ed3332955fe5d2acb050', name: "icon" }), index.h("span", { key: '024710967eeb74c219730d5d324435d3a8355335', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: 'd5ab6873f3ca840857938d9a22f7212d7664ab24', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '28a3fc9e222269eb83ddecadf3f2a103ec24cd5b', accent: this.accent }, index.h("button", { key: '85c5580edc1f80148e86382ec4601127366421fe', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '94e82fd1f393a6c534db844740bbb673161e85b4', name: "icon" }), index.h("span", { key: '54c7eec8e9ee852eccdc31880fbb65a9647f1357', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: 'bf516fa6cfa9d2485a9559d634bb0c7c18bf1566', 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-2de21825.js');
+const usage = require('./usage-56cf287d.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: '9593ab8e0302342d238e8000cf61c7df5aa21cf5', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '0fbec5a432cbe566dd5cbe4e85e6b051e81fd8c7', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '1555037d421df1c55825288d7a004cd8188b79b6', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '8fcb1bfe7097bd82e1626c05d2e0e1124379011c', class: "gux-menu-button" }, index.h("button", { key: '8d5567993e8c0565cf184fb1700eafaa5d8e2886', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '53924cfc91ea916e6c7f424494fae107e2ac88d3', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'daeea057279d329e2f42a1f8fe64cf0e7f0b932f' }, index.h("gux-icon", { key: '5400afada7f855a06743c435c57c07ba817be4d1', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: 'b7ab60f1d9979d53aa7359ca6a5ce45898b40edd', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '3192a468440cfcd745bf8286675081465e114588', ref: el => (this.listElement = el) }, index.h("slot", { key: 'e2fba3e01b27ae63f322da4ba81068026fb33077' }))))));
+        return (index.h(index.Host, { key: 'c7a92879e4c306e7a81b953149a4bc639e4df348', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '136c33a231f27fbc3c1a052cbaab6d567c7b8160', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '2eff53b7ee957e9f4871f8b488e0fa3e8b5c0bff', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: 'ed16d673699e160f68693dd2e2b8d1be01067570', class: "gux-menu-button" }, index.h("button", { key: 'e0b1d7ce0b2cc777a6d5092146e845c4b8ea8de5', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '088e572e5d4b64b6dfa411939b831a7e4cc61396', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '411f95c4b3a7e7272e8dfd3d4d68b49b3605a601' }, index.h("gux-icon", { key: '5597fb028bca1d6a2c30ed8ebb2654058eb4c759', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '1a4d6f4d8fe70a2889df924e678db8166c3d8446', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '3b2a88de69b63ce340773043af264e01190cc576', ref: el => (this.listElement = el) }, index.h("slot", { key: 'd777e5d9e23004fbfa9d83ee6cee90119fa45be9' }))))));
     }
     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-2de21825.js');
+const usage = require('./usage-56cf287d.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: 'd1c4434e5b754eca288fe61d3e9531a7c6cf371b', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '1a543ffbf6272c1fa1af4dfb49845a0bfec4a1fe', class: "search-filter-container" }, index.h("slot", { key: '26b8a9173d5a99b8ab2b34297ceab82b9ffa03fc', name: "search-and-filter" })), index.h("div", { key: 'c993e9a724d3de0a667a566dc623382de13ce7f7', class: "section-spacing" }), index.h("div", { key: '9950ec0352c7cd5a5b9ee22e3bc835d86e3f6fe8', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'bdb59571c2bc4c2436d61ef5f84ab82bb0b7b0fa', class: {
+        return (index.h(index.Host, { key: 'cf9a4dc72eafe940aacbf8b3d9f09969ec654d2a', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '3454bfffb56b17503c06ae42d64aba33c79a3e81', class: "search-filter-container" }, index.h("slot", { key: 'c277d52cd2744664d70dd3dc5170ac9fa1c2d44b', name: "search-and-filter" })), index.h("div", { key: 'fc3fb309fd0b151b1fe6036aa703329b48fed458', class: "section-spacing" }), index.h("div", { key: '282731eb3487d813b89eacfa731024e55858affe', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '79e6dc09ae2010dbb515ef1d4574293fec3edee5', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'c1fd94e78455d40bae1adabcc1137a93a8f4b81a', name: "contextual-actions" })), index.h("div", { key: '9c77fe6b83e12971b0066eb1caba31c51cef5842', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '213eb348929629d37ec0c6be842eb8a35d4cdb1f', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'c958792dda4d380ece1a13286509e2f5611947f1', "show-menu": this.renderMenu() }, index.h("slot", { key: 'ba7b6b6177c42a660be2f601d0ad141d35d3c45f', name: "menu-actions" })), index.h("slot", { key: 'fbb706b0508ff64295a1bf1447fe35f712e310da', name: "primary-action" })))));
+            } }, index.h("slot", { key: '6aebb66e9f4d620e56142b2f26b86a5dac142fea', name: "contextual-actions" })), index.h("div", { key: '11350799ce8e217ca5a89fae1060c60b12b2d216', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'bb1b8ec34a05311d5ee8158cab1732c5002b664e', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '256c84813e36d3e313708080477c5b06b58d486e', "show-menu": this.renderMenu() }, index.h("slot", { key: '195b836e14e815a99841285170b8178c6552353f', name: "menu-actions" })), index.h("slot", { key: '65bd6367f3d1697fe1431c8fed12f52107a925d1', 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-2de21825.js');
+const usage = require('./usage-56cf287d.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: '0acab449561a385c2c6d5505cb0512c6b9fd16a1', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'f5c4994d5aca04b1bc31a8be0cccc08b1edc1c9f', class: "gux-table" }, index.h("div", { key: '1b480f51f7b87c8e5566292e4babbd59351cd0b2', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '93c8b1be2e5de8502813bf4e9a24a433cf304201', name: "data" })), this.isTableEmpty && (index.h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: '28f1ae08348917fe0325aeb8e2026040457e5c47', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'f2b4384a3f72205afc9b024e1533081934a95ae3', class: "gux-table" }, index.h("div", { key: 'ea1d225bd4e636a82ba99c822ec828b18c894d42', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'b0c296117bda130a41ce2794580d7446f29d9bb1', 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-2de21825.js');
+const usage = require('./usage-56cf287d.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '2dbb257000b72baf288ca1bda54aa6b2ca609ef5' }, index.h("slot", { key: '82351c2b0345d9b8af7a6cea9b3ebb16ef0547d0', name: "tab-list" }), index.h("slot", { key: 'a4ac761e66919d0c31019ee06877e79915c5bdfd', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '443e36880b478ae80d686e5e81ab7802da2f774e' }, index.h("slot", { key: '5bf4b176afa32d1d690907846b614cc9bd9fb6ba', name: "tab-list" }), index.h("slot", { key: '077f01ee7eaa856e6d19abd60455b2cef159aa8c', 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-2de21825.js');
+const usage = require('./usage-56cf287d.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: '11d6466314b05fea3dd433ed978ccebdfbe3ed01' }, index.h("div", { key: 'ffb760e8892384926e84f39976f57625dbbcef80', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '891d8df17f7c57c9244e93d0c68d590de30fffcc', name: "tab-list" }), index.h("div", { key: 'd5af6fd92e6953f7ad03cee4a69b3fe5094ecce3', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'b961f9ac0da44a2f70fa0448911e2b0b482e6c29', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '79c9a07f427dfb80c70c49970e8cfc7438ecbc94' }, index.h("div", { key: '4b17897027a5d6d2345b12171c9e550158708eac', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '1fe4fed76ea0a0dd54a3e0b70a5219febe2fdac6', name: "tab-list" }), index.h("div", { key: 'd4cdf6798b639f1e7332c5739379cc2bc9ccd04c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'e08bcb05fbe5d5e8c0e0b7ad3a108e7cd42097c4', 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-2de21825.js');
+const usage = require('./usage-56cf287d.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -69,7 +69,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '5319e64c6468e55bbd51efe68a8c37b95c03c802', class: {
+        return (index.h("div", { key: '068a02d8d6b4b64c04d4bad34603c72a19ba8338', 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-2de21825.js');
+const usage = require('./usage-56cf287d.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-2de21825.js');
+const usage = require('./usage-56cf287d.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: 'c76b712d05bf133d62da352d69234a84ed950fc8' }, this.renderTime()));
+        return (index.h(index.Host, { key: '1ce453ad0ae38e360844f859c7c12363e6d4cc11' }, this.renderTime()));
     }
     get root() { return index.getElement(this); }
 };