genesys-spark-components 4.126.0 → 4.128.0

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

@@ -28,9 +28,9 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '5c6f4b7010c4506e8cf436e2708988243f1ad787', "label-position": "screenreader" }, index.h("input", { key: 'ef6eb5c1f754f21aad8a97f81781aa2829b0b608', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: 'd8736ad0aafc8b328fbef64f4b1e75d1afe56285', "label-position": "screenreader" }, index.h("input", { key: 'd3709dc1605a73762778e8b6f79b777d1777af80', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '75e5844d7fe5434311103644ed6666a69142757a', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '199472eca3600a79d083acbc9d90a6bd85bf6ba4' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '8b8e8fc0d3901f8304deefb715e07381686386e4', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '4a0a176f1d6ce0347479aee0114179566bd6dd87' }, 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-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 
 const guxScreenReaderCss = ":host{position:relative}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

package/dist/cjs/gux-side-panel-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
@@ -28,10 +28,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: '52804e75ca5299186e8278f361610f82ea72e8bf', class: {
+        return (index.h(index.Host, { key: 'c78af402e53107a0e47cb67edb69af4017a4e2ea', role: "complementary" }, index.h("div", { key: '1005a6ef0b1f127a877365d9396c8ad8683b23f3', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, index.h("header", { key: 'dd6a952982e14db1c0aba338c5505cf6f2e83029' }, index.h("gux-dismiss-button", { key: '80a9bb2fa1328180520795125e06c660ece1d7f3', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '0baa8c088c4d90c63e17f66b3edc60bf4a5720ad', name: "heading" })), this.renderDescription(), index.h("div", { key: '88035024dca52ab7029c0cabcc1588651d7bf41e', class: "gux-side-panel-content" }, index.h("slot", { key: 'de29b892996f9baca6e9dd96f5b429741da49928', name: "content" })), index.h("footer", { key: '180727058265a6e8828a3be73a63385f42a9e962' }, index.h("slot", { key: 'b95b44cbb3d4a49669c3d6a3090461f21806aac1', name: "footer" }))));
+            } }, index.h("header", { key: '36dc5da3534c0cbccab76d34ea8e384c98709ce0' }, index.h("gux-dismiss-button", { key: '6d2892fcf0e5d49a317f61da19494007cd649321', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: 'ab1a58418087a6bbbe688330c38da8ccc74f1675', name: "heading" })), this.renderDescription(), index.h("div", { key: '521fa908fd0bb1cd025ab668c3f3abc08296575c', class: "gux-side-panel-content" }, index.h("slot", { key: 'dab174b319e12b5d5936ab23064a040ba6b329e6', name: "content" })), index.h("footer", { key: '6606da19098d8ef8606dc1ea95a4caf8bbcca7c0' }, index.h("slot", { key: '290ad7e0dac93c0b0f863cdb92ae070193854644', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-side-panel-heading.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
@@ -19,7 +19,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (index.h(this.headingTag, { key: 'ce6bbaff86615d00a48661bb23b1783b5e019ddc' }, this.iconName && (index.h("gux-icon", { key: 'f7af9e1575bc822344ac094bef1d5a10fd0ddfa7', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: 'fa067c9326ec149f51592673e14688a78d91d0d1' }, index.h("slot", { key: 'b44e3a118822173be502213d82b6a95365917b41' }))));
+        return (index.h(this.headingTag, { key: '422419513d4d2c42940745e4dbe2658564e55410' }, this.iconName && (index.h("gux-icon", { key: '685cbbcb366c996672ac4c7857d302ecdedb7dae', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: '60e2822ed0a52be80884e28d5970bcde35342df2' }, index.h("slot", { key: '8dcb1487fe19013ae929adbe88c906aa8e58fb0d' }))));
     }
     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-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.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: '2853a0394e80823ec23cfd235d18ce61fcb23dc9' }, index.h("div", { key: 'c8e60b609e9aed4f0a2d4494c7852aa3ec4492f0', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '292d2c66f83d5a7fecd35fdffbdb44d54dab2230', name: "icon" })), index.h("gux-truncate", { key: '534595189892b09407e233758f72adddd6fcf727', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '5196d360662853f04709aae09dd2ca17a8613893', name: "message" })), index.h("gux-dismiss-button", { key: '1900232f3d21bea2ab19311f6b05672788ae7736', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '82f85009757bcc21d848dca74a964614e54559c8' }, index.h("div", { key: 'f20f31689ddd942b860850bfb8dd86bfb0bad6c5', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '438bb5a8e7519e5c7958b7bd367055671aa52fe1', name: "icon" })), index.h("gux-truncate", { key: 'b427404316a6932acc86fbd4f19520554fb4f061', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'b9606055a5a381873758f71a9f9b10a299c4c9fe', name: "message" })), index.h("gux-dismiss-button", { key: '16f9821411d888f54c08f415bbb6f5bf324cdc83', 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: '588d6ff12221dc7af146e3605f1af158d93407e3', role: "listitem" }, index.h("slot", { key: '5b7aded9f7e3387e2de8f96898c1c2b8f4abee92' })));
+        return (index.h(index.Host, { key: 'be91b9117a871ea04ef6f3b7b82087e60d609445', role: "listitem" }, index.h("slot", { key: '78e62bfba21782506f66afd0cca270c5995f7449' })));
     }
     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-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.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: 'f0ae202d3010dad734bfc57b9d03669dfc996b1f', class: "gux-container" }, index.h("nav", { key: '2eca551ad20fab75d7868bd3e94a8e59da7571eb', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'b9bce41cbdebcf34f46137284b4591396dff48e3', role: "list" }, index.h("slot", { key: '74c060a5258c728d74d9f084532c6ba69320f461' })))));
+        return (index.h("div", { key: '37d6ca61dae7aaac63b832b6a47d448176111f9e', class: "gux-container" }, index.h("nav", { key: 'fb8a026ea9325238b4bf89c92296818465434dfa', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '1af9ddca3d1bb384ecc6e7772a62fcb52308acf5', role: "list" }, index.h("slot", { key: '7fb2fa3bef3ad75db0efb34009a31a4a63d5664d' })))));
     }
     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-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.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: 'c9333873390ec3aa21fb80caac03c99c2a11dd87', class: "gux-container" }, index.h("button", { key: '3dc4600fb6ebcee8c01bea5442c9385637fa049b', class: {
+        return (index.h("div", { key: '0fc80e7717e41731a7c1e48a722feab47ccd8136', class: "gux-container" }, index.h("button", { key: 'db18b59e742e419c6504549a739045e0cd1c2d1d', 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: 'eaf1fde0071778e720393a31a4c15a25d145f516', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '34546d8e5bb8a988e6dd67ac7dfab515a9dcbccf', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '47863f64979d243af28eae5590a6f0a3512c57ca', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '2a462f46723a61a7b679ed771c61f1eff9e1cdb0', 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: '504d4135ed5325d8c0913d72918c954d7b023603' }, index.h("button", { key: '561aa02cf5b3860abaef001734e3d62176b0238d', type: "button", class: {
+        return (index.h(index.Host, { key: 'd7590509ad10bf2c0f8944737a209fe43e3c85e4' }, index.h("button", { key: '3b62ace076911820bc389dfbe28a352041045d93', 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: 'fe2dfdb4272c477fdf61d88f755e862193207171', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '50af2da13eb58ee22d5c98b2e070c969130f7fc8', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), index.h("div", { key: 'ded58a0eede25820b5b2d955d2bceb185e8df69a', 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: 'ca6fa4928de0b761df7ddd1c1ab3291489a124b6', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '17ca191ac71e0b58f8d1fd83c75363d8be686a18', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), index.h("div", { key: '452c90ef8ad7aa767a0da6a9b8b8d50ff0b3b942', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '87d536d09daa0a8f60fcb88f0338b09f15fcfcb2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '9beeebc7c9ce19058a2f834c3b120e8ef95c3501' })))));
+            } }, index.h("div", { key: 'd069a15a1b61bad3425947077f4ee76fdcfe0770', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '94cc1d3aaf4556d6a8456cda30e60227bfca4b35' })))));
     }
     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: '84bb0f1979045ddd063a5670740e5675a12365fc', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'dac59c32fff9f5a7abe6beac6a7f4fec74f77b25', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'e07daf52c16fc950789b2ef2661893cab1efcf7a' }))));
+        return (index.h(index.Host, { key: '7c5bc3c4690b48218f7ad715737d9e4de00b30b8', class: { 'gux-selected': this.selected } }, index.h("button", { key: '04a98058c99bc2b6fb313a1c9724b2503f948292', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'ae4b1a79a25920fa128c199cfae1e749334556be' }))));
     }
 };
 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-1337610f.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.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: 'c47290ba5da930291c1f6d1375242cf16ab6b7fa', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'fae8885a93dc942556e44e229e3e98cfcecca316', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '26364b85e73b59ada54be43698464e4d74f43290', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '86f3b7ffc611620911a5bbc63cc1ee3efe30cc7b', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3091,7 +3091,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: 'ec987b2de3bd83cf1f269a07e4f4b7c656fdb448', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'ced1b65ea2e4f793fceef72cf1c452e1f6567c60', class: "gux-scrollable-section" }, index$1.h("div", { key: 'ad4ae263e3f630c0fb452484ca6b54b0647e0212', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '204f6d1c6643a4ab5cdf7b048ac34c5558c8ee3a' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            index$1.h("div", { key: '3702aacfd0eefb5d8a655cedf01c5f91fbc5ba0a', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '149605f54b862b555b4446b30e0e20c3370fd446', class: "gux-scrollable-section" }, index$1.h("div", { key: '67b06e45f1d0d56fbc583db7a6f30eb61b56f5bd', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '44ce6b84dfa443e68a24e096fc782cb1a4377da7' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

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

@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '510ef2891e55723a733f7a74f81fb0f24677034c', 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: '62bab98e4b268ee6e223e4f3a125f6b69107c289' })));
+        return (index.h("div", { key: '100caf4628359904d496eda8139c99219009c87e', 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: '48cc00f91c79db96f801f27e8db0d3924d498e8b' })));
     }
     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: 'b0d2f48135738347e422c5991f32020029f8fcf1', class: {
+            index.h("div", { key: '8dd36078c565303064058bebe225bad9ae43c288', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '4ba213f062d5ea8f481e1b132dd70f0d8bab6401', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'e95a94c7f2ad758a5e6e5f041388f0796a5b975f', class: "gux-divider" }))
+                } }, index.h("div", { key: '4399a32c014f9995d9c946685ace2c07bf8ccbd7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'cd238c3ebbb9f5a1a24902b7025d97d7cc057f79', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -283,9 +283,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '04f4e2b8bfd8d8eea4ab69514d24c55579e494f7', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'f6c3da834e563e03c29a37f12908bb5cfbc5cd13', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '1501d26aa5f0d386f7adb98e8d97538a9c65e88c', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '4942f4a16a9ccbde008b3656a2749f86bfb09ce6' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '3a75558764f0b9f08d319ecc94c70fc519ff350f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'ecacef94b6cf09085b9f27db32175e353ec7a0fe' })), 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: '319dc8b6fa2109b793541beec04ece15e2848f4f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '4867ad3e07fa037d3bdf7bf495bccfd617c67ee9' })));
+        return (index.h(index.Host, { key: 'b434d28e14dc82c7f005ba754fef5403f18adc6b', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'ec6d6bcab424556332ea8d5c9baba59092cb8fb2' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -50,11 +50,11 @@ const GuxTab = class {
         return -1;
     }
     render() {
-        return (index.h("button", { key: 'ddcac5ed451a6d93fb6da5a22a74c9020138dbc0', class: {
+        return (index.h("button", { key: 'de38aef86cde36b7ac7c350932c0549d4377b618', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'dfbdfcb5ec13d758489480946816102e3eebb5e4', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '595aba8f17ad10e117f26ea742bd8346113f6183' }, index.h("slot", { key: 'af82f16d20b7fd25817f443eb2a76a9f35978d77' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'bc8a7a1ffdc10aa2994144b4982ffcdf3965c917', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '6b1aae816cfdb940a707889e72b26724ed83a83d' }, index.h("slot", { key: 'f7209cbdb3faca47faad94e4f8fa9d6c3b385855' })))));
     }
 };
 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: 'fdfc72d4d9b944ab758c0557fd87295d2cfda8c8' }, index.h("slot", { key: '1ea5ddf56fcf49ca58344674dd4abaa46a6165cc' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '59f80d0a826dde03b5858336a79bd5d5ffa4d13d' }, index.h("slot", { key: '011533ea66962258e227082f845c995e0bb83360' }), 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-1337610f.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.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: '37b206ad1a6fe1edcd7d0db5d6a4aa0adc1f14e4', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '1286cb7be87339d669508d5c481fd02ddadbc223', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '893d0b19679fae6600b77557d50ac2b80c11011c', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '1c8a023cce74e07692bb565d6549da6f8febcbf0', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '2966ed14c8544b341a3e3046d4143bdea1f3c652', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '5c710c9feacc1dc177398bb29c3cc8bb3a16cef9', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const getClosestElement = require('./get-closest-element-26170ce0.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -37,7 +37,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'd7d73a8698c0cdc6f8fb46d74c8268ca47f93c11', accent: this.accent }, index.h("button", { key: '8c97479b5be32edfa2170999a4287f5b00bca7ee', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'e031ac1cb99ef2c3833a0407a4674d698f0a87b0', name: "icon" }), index.h("span", { key: '4c77b906a5fdc32d89a011396491076efe760cd9', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: '13e4ada0bd58ed9a127c1f59ce6c6050881eee6b', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '7355f5deee449daff59eace8bb2eb00467738732', accent: this.accent }, index.h("button", { key: '0af7361805cde25846b657d8ce4e753b931deb20', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '450423d1b36c186c899ee138f5c6173a38ae3bd3', name: "icon" }), index.h("span", { key: '928debaf930a5a57ff45c612c00224968c3b7aa0', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: '58abdf14b86c4af84d6feb247f346fa867ce6777', 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-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
 const index$1 = require('./index-c7d87150.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -98,7 +98,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '93205ef076687dc2cd69d0a036e7124a1d0ed648', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'ea00e275da48a29491b8f6e73b7075ee4b687500', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'd17fa129bf93cd0664bb89a3408a19db0f258bbb', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '36167f5645c670dfcd7712f751ab48bdb7eb49ab', accent: "secondary" }, index.h("button", { key: 'f5bc3ad979cbf1478e7e4e01f23ab08d704e2647', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { key: '8343b06d1354cc227b4e680215b0c943ca393821', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), index.h("div", { key: '3fec7833c83e63dfc4436f13dcccc234e2b52c41', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '3fc3b729564c5bda282b27a3088b0897531f5b8a', ref: el => (this.listElement = el) }, index.h("slot", { key: '4ce39c19431b83b9dfbc75004b5b6823f2d6078f' }))))));
+        return (index.h(index.Host, { key: '36e3b00ff21ff8b7f7e5586d2f9add7ea2488390', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '74223d3dfb730f546296e0ba3616069eff78d970', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '330242204100861443c7c284db5dff306cf2219f', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: 'e2ee996f510e382137b0bf00f81b2bb4e5c03e8f', accent: "secondary" }, index.h("button", { key: 'a9a6bfcdbbe498a59cca8e6f83b7c960f0c77893', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { key: 'b94b61cc764f6f0ca3eecfd908322b94e172b5ee', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), index.h("div", { key: '6a4c9ebceacfed4db4fff27fa4c210d36051e16d', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '8c6948e43a0472def754c1fac044af5828e4333a', ref: el => (this.listElement = el) }, index.h("slot", { key: '5a70a2c4a3f9c7c90f858ddc1368e602db7cfe5f' }))))));
     }
     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-1337610f.js');
 const onResize = require('./on-resize-514663f7.js');
 const onMutation = require('./on-mutation-7c046081.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -212,9 +212,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a23b728c0a4d1958b0446ba7f9a77815f8b27be5', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: '0a99f7d012a62ee2e18fd157337da1f8b1f8d2c2', class: "search-filter-container" }, index.h("slot", { key: '4f6b1347af322d14ce5bce545c9acae19748ca9c', name: "search-and-filter" })), index.h("div", { key: '5dfeb6b458a6d728db1d5d63cd9eedb2f8f87039', class: "section-spacing" }), index.h("div", { key: '30ea1af6c04c6ff261e2053bff13d334194e7c7b', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'e75366075c68a6fb0d80a73f63468f0d3f102864', class: {
+        return (index.h(index.Host, { key: '1f8056a3923c0325e4474a26701aa53d0c29e863', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'efb11815f22eb109c62db0b946e41b6b9e77f18f', class: "search-filter-container" }, index.h("slot", { key: 'fc7fb613d14d77e8aed5300b14137ec8406af2ad', name: "search-and-filter" })), index.h("div", { key: 'bd1d90c034ecdd08a4cbd038ea1bed68e4d7efc0', class: "section-spacing" }), index.h("div", { key: 'f41ff75300c1ae8fc86815be725110e209b15ba5', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '3326995fb789bc59ade43f4531f4ad3f54d923ce', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '2899e19d0fc4010bf418fb51c3df119f1b67e6cc', name: "contextual-actions" })), index.h("div", { key: '90b6ee004b495eb7c395bc671890bf68d13f9b40', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '350b7b79f825af305d25850928dec7084c5958b7', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '85fa7a386bafd06a2e5732bdb135bf6d96e8098a', "show-menu": this.renderMenu() }, index.h("slot", { key: 'ad8f1dd4cf1fbd3abafff817704588d6f115358d', name: "menu-actions" })), index.h("slot", { key: 'e4c55a983321e93be4066309f0a2f3c054063cd8', name: "primary-action" })))));
+            } }, index.h("slot", { key: '3681930e8e5c62482f13dc70f6b91d4f951e14ac', name: "contextual-actions" })), index.h("div", { key: 'd45cdef7337ad04ff5a50a0aa61560dc5ae01a19', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '63b2ab4c7f382c6ff8ce2c375710ae6873c3d00b', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '9a45ea60a11abd66ea22ede9ccbd9f54cfa5cc4d', "show-menu": this.renderMenu() }, index.h("slot", { key: 'cd63d4b3f3cbeb2e01072977a281dc84bc7f5e4f', name: "menu-actions" })), index.h("slot", { key: '38458776b6add3052aa4b45fcb132ec1c16c0c16', 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-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -281,7 +281,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '966ad0eef84d1453a06a596cff3251ef727cd83d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'd804fbc1a450738996cb470849bced5c2d75e7cc', class: "gux-table" }, index.h("div", { key: 'ed28adbabe0bd3a8f4b6dac0d5d6e9de2cd1da1e', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'b495f8177f5d1d04bfd46a3a0233e4b4c4590e77', name: "data" })), this.isTableEmpty && (index.h("div", { key: 'de774633357942c7613594dd62ddf21e39674112', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: 'bd389cfd9c07dd80a974b4aa42679a32cc823251', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'd23a9885c0d82a90509b1e681da8a993bfb502a6', class: "gux-table" }, index.h("div", { key: '9aaca56f3ab9d94c407608e025a591ca8794bf68', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'ec9282a8e491bfc0592ff5adfeb1d52787c3d451', name: "data" })), this.isTableEmpty && (index.h("div", { key: 'e66e25529aaeba857630213be99627b59c598acc', 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-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '09935e172d21452811b3560a2263499d04f4c1c2' }, index.h("slot", { key: '276c4afc07e9b2d24b4024908aaaf6eacea52124', name: "tab-list" }), index.h("slot", { key: 'b9816432887a27c3d7a4fe1bc914620a15416bba', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '55bf14f5e3bb649d8608ebf3057797795e7defef' }, index.h("slot", { key: '37b13f329d7e6f7e234966fb8363142e721b2422', name: "tab-list" }), index.h("slot", { key: '6974ee68014adab12aedb7bb83a58b5044c5929d', 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-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'c910a79f2fea6db48b594e50020d308e815a127b' }, index.h("div", { key: '400157ce77a53f751db885599be1844ab92a67b4', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '8ca197681e4d9d04e5ce0cb27c978d56e0e28e4c', name: "tab-list" }), index.h("div", { key: '90c2cfc993d6d7bb400f3d7e8b76f4b4c75e7f72', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'e0fbdf56f40d3ce46375b6774761ddd637032eac', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '59f2b432cd381e17da4ee57d99fd82830ff3c1d6' }, index.h("div", { key: 'b73e257ccb22143b2c3753e7f76b1090194f5638', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'b55a7fce7e9f4b7531dddb07b927aa1e5cfbecd8', name: "tab-list" }), index.h("div", { key: '5470cb75f9430519f83b9aab18cb3b4bb9977be6', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'af1f9bc074cc6d97c2dbbed1d566bda54b9a2ae6', 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-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.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: '746fb46ee92ee34a883fc13edd0d6a309db3fed4', class: {
+        return (index.h("div", { key: 'a360d147440cf02e90130afdca9aa4b1cc845278', 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-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.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-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const getValidTimezone = require('./get-valid-timezone-e419d38e.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-c7d87150.js');
@@ -42,7 +42,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e3b90e8322cf23ee1f714ca7e3d3e96965ae1f29' }, this.renderTime()));
+        return (index.h(index.Host, { key: 'f53b01c97adc884a999d6eefa7be544b46ffc8e1' }, 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-bfd599ca.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-c7d87150.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const logError = require('./log-error-7b9d4b57.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -458,7 +458,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: '1dd472cf32221d0a391177abe0d8663e139536aa', class: {
+        return (index$1.h("gux-popup", { key: 'eb0da39af4e3257b5aa996fd2c88cc7bf4952843', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 const timeZone = require('./time-zone-57632efb.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -48,7 +48,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, timeZone.translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '4fb58f6c44898a3e8559abfb7fe1ca6d8fe98d29' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: '9dc646c5696a865175c64e2185e12b14021d8596' }, this.renderZoneDisplay()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
 const timeZone = require('./time-zone-57632efb.js');
-const usage = require('./usage-0050deee.js');
+const usage = require('./usage-c453d95e.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -160,11 +160,11 @@ const GuxTimeZonePickerBeta = class {
         return (index.h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (index.h("gux-dropdown", { key: 'cb14436dd2958bb6d9c1942103cfb8f80ffffd4d', class: {
+        return (index.h("gux-dropdown", { key: 'c9fb76e2d1caa7fba5ac2032e363f82ce37df58e', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: 'c3d35afbd7043cd196ea1f11915e4f9510db2148', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: '8ca88ed2b64854a4b3de007efcf4326b3e3e4e54', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return index.getElement(this); }
 };