genesys-spark-components 4.98.1 → 4.100.0

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

@@ -7,7 +7,7 @@ const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
-const guxSegmentedControlItemCss = "button{all:unset}.gux-container{block-size:var(--gse-ui-segmentedControl-height);cursor:pointer;border-color:var(--gse-ui-segmentedControl-divider-color);border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end:none;border-radius:var(--gse-ui-segmentedControl-button-middle-borderRadius)}.gux-container.gux-start{border-inline-start-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-start-borderRadius)}.gux-container.gux-end{border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-end-borderRadius)}.gux-container.gux-start.gux-end{border-radius:var(--gse-ui-segmentedControl-borderRadius)}.gux-container .gux-segmented-control-item{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-segmentedControl-button-gap);place-content:stretch flex-start;align-items:center;block-size:100%;padding:var(--gse-ui-segmentedControl-button-padding);line-height:0;color:var(--gse-ui-segmentedControl-button-default-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-default-backgroundColor)}.gux-container .gux-segmented-control-item.gux-icon-only{padding:var(--gse-ui-segmentedControl-iconOnly-padding)}.gux-container .gux-segmented-control-item.gux-icon-only .gux-text.gux-icon-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-container .gux-segmented-control-item:hover{color:var(--gse-ui-segmentedControl-button-hover-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-hover-backgroundColor)}.gux-container .gux-segmented-control-item[disabled]{color:var(--gse-ui-segmentedControl-button-disabled-foregroundColor);pointer-events:none;background-color:var(--gse-ui-segmentedControl-button-disabled-backgroundColor);opacity:var(--gse-ui-segmentedControl-button-disabled-opacity)}.gux-container .gux-segmented-control-item.gux-selected{color:var(--gse-ui-segmentedControl-button-active-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-active-backgroundColor)}.gux-container .gux-segmented-control-item:focus-visible{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);border-radius:var(--gse-ui-segmentedControl-borderRadius);outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);outline-offset:var(--gse-ui-segmentedControl-focus-offset)}.gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
+const guxSegmentedControlItemCss = "button{all:unset}.gux-container{block-size:var(--gse-ui-segmentedControl-height);border-color:var(--gse-ui-segmentedControl-divider-color);border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end:none;border-radius:var(--gse-ui-segmentedControl-button-middle-borderRadius)}.gux-container.gux-start{border-inline-start-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-start-borderRadius)}.gux-container.gux-end{border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-end-borderRadius)}.gux-container.gux-start.gux-end{border-radius:var(--gse-ui-segmentedControl-borderRadius)}.gux-container.gux-parent-disabled{pointer-events:none;user-select:none;border-color:color-mix(in srgb, var(--gse-ui-segmentedControl-divider-color) 50%, rgba(0, 0, 0, 0))}.gux-container .gux-segmented-control-item{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-segmentedControl-button-gap);place-content:stretch flex-start;align-items:center;block-size:100%;padding:var(--gse-ui-segmentedControl-button-padding);line-height:0;color:var(--gse-ui-segmentedControl-button-default-foregroundColor);cursor:pointer;background-color:var(--gse-ui-segmentedControl-button-default-backgroundColor)}.gux-container .gux-segmented-control-item.gux-icon-only{padding:var(--gse-ui-segmentedControl-iconOnly-padding)}.gux-container .gux-segmented-control-item.gux-icon-only .gux-text.gux-icon-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-container .gux-segmented-control-item:hover{color:var(--gse-ui-segmentedControl-button-hover-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-hover-backgroundColor)}.gux-container .gux-segmented-control-item[disabled]{color:var(--gse-ui-segmentedControl-button-disabled-foregroundColor);pointer-events:none;cursor:default;background-color:var(--gse-ui-segmentedControl-button-disabled-backgroundColor);opacity:var(--gse-ui-segmentedControl-button-disabled-opacity)}.gux-container .gux-segmented-control-item.gux-selected{color:var(--gse-ui-segmentedControl-button-active-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-active-backgroundColor)}.gux-container .gux-segmented-control-item:focus-visible{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);border-radius:var(--gse-ui-segmentedControl-borderRadius);outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);outline-offset:var(--gse-ui-segmentedControl-focus-offset)}.gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
 const GuxSegmentedControlItemStyle0 = guxSegmentedControlItemCss;
 
 const GuxSegmentedControlItem = class {
@@ -17,25 +17,28 @@ const GuxSegmentedControlItem = class {
         this.selected = false;
         this.disabled = false;
         this.iconOnly = false;
-        this.position = undefined;
     }
     onClick(e) {
-        if (this.disabled) {
+        if (this.disabled || this.hasDisabledParent()) {
             e.stopPropagation();
         }
     }
-    isInStartPosition(switchItem) {
-        const parentSegmentControl = getClosestElement.getClosestElement('gux-segmented-control-beta', switchItem);
+    isInStartPosition() {
+        const parentSegmentControl = getClosestElement.getClosestElement('gux-segmented-control-beta', this.root);
         const children = Array.from(parentSegmentControl.children);
-        const index = children.findIndex(i => i === switchItem);
+        const index = children.findIndex(i => i === this.root);
         return index === 0;
     }
-    isInEndPosition(switchItem) {
-        const parentSegmentControl = getClosestElement.getClosestElement('gux-segmented-control-beta', switchItem);
+    isInEndPosition() {
+        const parentSegmentControl = getClosestElement.getClosestElement('gux-segmented-control-beta', this.root);
         const children = Array.from(parentSegmentControl.children);
-        const index = children.findIndex(i => i === switchItem);
+        const index = children.findIndex(i => i === this.root);
         return index === children.length - 1;
     }
+    hasDisabledParent() {
+        const parentSegmentControl = getClosestElement.getClosestElement('gux-segmented-control-beta', this.root);
+        return parentSegmentControl.disabled;
+    }
     renderTooltip() {
         if (this.iconOnly) {
             return (index.h("gux-tooltip", null, index.h("div", { slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'text'))));
@@ -50,18 +53,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'dc46906606d50c91ab22416895539fee3c4b2aad', class: {
+        return (index.h("div", { key: 'a3163fc7d46abd6ae1b2cb350dc77c019946328e', class: {
                 'gux-container': true,
-                'gux-start': this.isInStartPosition(this.root),
-                'gux-end': this.isInEndPosition(this.root)
-            } }, index.h("button", { key: 'd523cd1a0bffee8bd4089a4818f89c59f8730e65', class: {
+                'gux-parent-disabled': this.hasDisabledParent(),
+                'gux-start': this.isInStartPosition(),
+                'gux-end': this.isInEndPosition()
+            } }, index.h("button", { key: '188679eafba5acf1d56727a998060ff354b83ff9', 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: '14fa53716ca35297ada5a9123df90b450ced14c9', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: '99e6999be7ad20fde5f981b3b26278ba281a02ed', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: 'cabd8871458da9377daa62dea1d31662721f82f7', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: '6a8363cd44d01ad0db3674ce5c15682567c70751', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -54,11 +54,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: '36e9854a9b1596985a14344e5d382a70b26a3865', class: {
+        return (index.h("div", { key: '8d1fbba6192ca0a41d87d798d8a2ccc1ba1611ca', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'd5c1f7a75deb3cd6e53d29cb8522f69553250fd0', class: "gux-content" }, index.h("div", { key: '97cc1be3d41db54b76c27f3e243b842efb6915d1', class: "gux-icon" }, index.h("slot", { key: '260bef000e3a08d67a89aa1cd684df2a06ffec0f', name: "icon" })), index.h("div", { key: 'adbdd6b5f7149cda9cf5c42dd77e1f6b41a7c68a', class: "gux-label-container" }, index.h("slot", { key: '1ee7d7e8b6957ba13eaf1c6a573601cdabfe5654', name: "label" })), index.h("slot", { key: 'd0e27ba586008b9e3bd1fbb970ccf9fabb24b838', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: '969fbb14f401d400c95c87ff4a26dfb660ffb162', class: "gux-content" }, index.h("div", { key: '4288c5c8d252e632d3ed6d4356973839beb93897', class: "gux-icon" }, index.h("slot", { key: '2f0a59c6652a3113a675651c56eba4101f61789c', name: "icon" })), index.h("div", { key: '046bcd334dcbede5c2aa1d8903c2f033e2e11785', class: "gux-label-container" }, index.h("slot", { key: '6988c4825800b7f7e289058477a243f22651bd66', name: "label" })), index.h("slot", { key: '051809cb3ce91a438ce99c1a0ec6e7783d7764fe', 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-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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: 'a344a19a4d45e0a02e4fc305ada701ee8a218ea4', class: "gux-selector-cards" }, index.h("slot", { key: '42711c8d6c3b618baa9f15de853064348ea01d7d' })));
+        return (index.h("div", { key: 'b02f3566386dec3f2dfc060a91386f32db39ac4c', class: "gux-selector-cards" }, index.h("slot", { key: '6334e361281bdc64fd3cd15f387bb7303927819b' })));
     }
     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-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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: '25121cb61bea23511d7d6be1b8edc3604a83f993' }, index.h("div", { key: '927aae1436f6bcae529195d8e2b93c8ef0fda0f8', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '1a1da0bcf07f441c36acd1c98f43d1829c11ae84', name: "icon" })), index.h("gux-truncate", { key: '075f28ca8032ba31a38da7e852ac40c140bb3d22', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'ddb1ca729b67b482abf6c9efb8291ff2587a3b28', name: "message" })), index.h("gux-dismiss-button", { key: '1a5702f57280dfdfa46f886500d5086f6d3fddda', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'f504de9049874db1ef706c042175bed36d423b29' }, index.h("div", { key: '803640396d7fec743592784adf5493fe22e68e0b', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '0b68c6cf8e77354ae526bdcdcea5fdd812889a12', name: "icon" })), index.h("gux-truncate", { key: 'e8d7271eae9498077c3b5d59c0032e281db51f84', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '365a98768b8399f4cdafc97a306c915d0c8fce36', name: "message" })), index.h("gux-dismiss-button", { key: '73fee5a9c5c07c3ee40829bf277000ef71776f47', 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: '70021d0b28000f24c7ccac622637adef3631efae', role: "listitem" }, index.h("slot", { key: 'f978c0dbf5fc78d2ef7c9938201f5e3cfc9a9d9d' })));
+        return (index.h(index.Host, { key: 'f158dfbf49d774789a5274a03ee812ab596c41d6', role: "listitem" }, index.h("slot", { key: '6b8dff21f46df6853d3aa1a98805efc52f19b6b5' })));
     }
     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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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: 'f022a6b85057328d13a1a551115eead682bb2667', class: "gux-container" }, index.h("nav", { key: '3a4179f19467b9bbc37be9de22de21abe0b419f6', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '63c8eed49c9e1d5c83494e03a2a060a7ee06b02b', role: "list" }, index.h("slot", { key: 'ed9d73ea17dc83467409284a236eb33ed362c3ca' })))));
+        return (index.h("div", { key: '4430a3ea7167907ea7ed814ecafeafff0a77e038', class: "gux-container" }, index.h("nav", { key: '784bd8b5088b919e2058136477e1eb4cc4f32e61', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '74949a63003979e99581b1bc3b916a78331c29d7', role: "list" }, index.h("slot", { key: '86a44bc1bdc0c05165a05cc0306a23972a843951' })))));
     }
     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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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: 'e5df61a82eb6c5f05f224d94d85192657ea864f5', class: "gux-container" }, index.h("button", { key: '42d57b0585c874da640ef371dc7fb00491bd0956', class: {
+        return (index.h("div", { key: '327d945e3a3cc696f8fd99f3a256bf9b8e6db7c3', class: "gux-container" }, index.h("button", { key: 'a55b78603cccf8d7c0a916710a89f8ced0610931', 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: '50dcc81f30571d1bca32384e384ff2ca56667f18', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '8be88af24dc3b94726b7d0ccc40159df14a0cba7', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '0233cafeae129524e6106a5d6fc895e80be47bde', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '0b9530eae9edc3532e1f41bde7954e89221df061', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-973d8a45.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.js');
 
@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e8693c4c366dba88c612c2f90a119df237b6fdea' }, index.h("button", { key: '5bc31acd66e7e73189e200a0c35599a41b787095', type: "button", class: {
+        return (index.h(index.Host, { key: 'a4143a341b3545327854eaf11c6397ca7fd7d48e' }, index.h("button", { key: 'bd9f07eb13501fc00a581168cbe98088a05c8704', 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: '008f2716d5e128d507f85e2c0844f728bdb5567a', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '103c031112a3c2e2316af24e9cc85589d81ed78e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '89aec540f5a3d5201f361b880abe922e3a563643', 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: '135c5bf0045d6a46a1a19903794c659a15e9c2c0', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '878d00043d57e44acfa41de49851519a9258d291', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '4585cdcee9c9c0613d5dd363d134ee4891655fb5', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'ca49b671b97930ae14d519a787a71305abaed253', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'f584b906fcc99a4ee38d32b09c8694e77c5675fc' })))));
+            } }, index.h("div", { key: 'b846d6aa7ba96e9bde27b5608d8849c8a0900f86', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '9bd601e3eeed7e455195d438a1c68632f4c69693' })))));
     }
     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: '0426d13853008338b3403eeec5b1c838191ac2c2', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'efb35769b9e9a6f46bdb8a20ad62296ae877030a', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '025987f009297692f742939f620d45ee33596c4e' }))));
+        return (index.h(index.Host, { key: 'ae34392f0292d4d2cc8728911337e787d993b89d', class: { 'gux-selected': this.selected } }, index.h("button", { key: '5a04666a3758787567515f886ec21fdbaa6fec16', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '8b193776a94310ca90d3a1628f88fde7067a414c' }))));
     }
 };
 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-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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: 'd28caa04ab22d360ba591b7e3ec8aa84baa04c57', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '565a0086497b99043cddb3eafa20d724cd41c02d', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '5867673a98f3970fba12df7e8e447043462747a0', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '014692f4ce3ebe92883d1db66869b00c5c9eb331', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3076,7 +3076,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '3ace249ba05b52874c67c0d3197918fca983859c', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '9cb612b9698c8b0229df0efec88a16506a936613', class: "gux-scrollable-section" }, index$1.h("div", { key: '8ddcdfb4368ae0c2ba82b1991dc297c75e8d34ad', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '7fca1c9b742de918bc499c2964144aeb88662303' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: 'f683884af9cbabe4b10c6a4e85a612e291bd2756', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'a9826f288df1550cd6f2d5d348ea75a8b9068990', class: "gux-scrollable-section" }, index$1.h("div", { key: '4a697a8269c50ab2339324aaea1d07f4483b8ab9', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '8d2cf0beff9dfdc09654855ba744d6da4e2c977c' })), 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: '928db089f3a344115c28ac092ba5dbb72ff8770c', 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: 'a17f0df4273ef52c2949210443d200f9d52b23fa' })));
+        return (index.h("div", { key: 'a12ed07397a7a1a59c7c495e4e42883e959c0e75', 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: 'ccb582d3baf457fd08e0061349f4093c5775798e' })));
     }
     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: '3ea15073b54450d26f12fbc9a0410694ed4f6926', class: {
+            index.h("div", { key: 'f4a2024bbf767e7251a31c033b49ea7f39ed1dfa', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '61b10e469b255eec46b630f951f2b36c23ff294e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '9d65f34be8fa00e79785b3831c8d8eb04b13269d', class: "gux-divider" }))
+                } }, index.h("div", { key: '5c9d6fdc6aba950faa0e563b96bd0847714466f1', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'a91a5e1fd3af0dce2fd335ad0656d70bb10673e4', 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: '6e07998247657cae1ff076136b5d624b83c8a083', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '0d57e6fa3082978348ec2536ac2091e491a34bef', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '305e7588e7cd2012f65b3c5d5d0b6c16ccc04144', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '08cef624caa25abbc8db666eddf3515e9182ddd7' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '723e959d00b452934630e4dbbe56c70b174143e8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'bfba363eb894503fd3b38e40ee2427504e2f2510' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxTabPanelCss = ":host{block-size:calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom))}:host(:not([hidden])){display:flex;flex-grow:1}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}";
+const guxTabPanelCss = ":host{block-size:calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom))}:host(:not([hidden])){flex:1 1 auto}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 const GuxTabPanelStyle0 = guxTabPanelCss;
 
 const GuxTabPanel = class {
@@ -24,7 +24,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0c1f6f8238088c27ff27f0180c089c09bc2a9553', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'c794371a9a56510cca45ab14ed83dc61dd5dd8ab' })));
+        return (index.h(index.Host, { key: 'a2ccb73193a93dafdac5cf27c7dc99b9eab23502', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '9b37b81badd14c3312ff95d11b660728b7fef9b9' })));
     }
     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: '4397838fcd5764ae5e39579b81ded376c7936602', class: {
+        return (index.h("button", { key: '646bec4164602a325fd24d4204c2d35bd3ec6e54', 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: '09ed7c313e82ac5069708ba18945626a4c21b2b8', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '6f19408db7f98f722f095b0334a9b8a2e2656cf5' }, index.h("slot", { key: '52916762530e34bb8c29949805e0d51e8af28a4b' })))));
+            }, 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: '4a5b2841c23c3741152dd44d9e6916f5786c26cc', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'ad4dc23fe89790ee0d6220aa9b8ef7b74c927787' }, index.h("slot", { key: '7538cf54d468ec7c968c711e3913d876e778ba1c' })))));
     }
 };
 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: '9d3cbc7a85be549c0718a61ac23f3e7f397556ca' }, index.h("slot", { key: '1ca8151ac928b8e2e1dfda3629068bf2c5c392f3' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: 'e685ddcd5df773f539b180432f4ac5f3f2fa5aad' }, index.h("slot", { key: '918f287831476c2625f81242139dec9630799638' }), 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-79505d14.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.js');
 const index$1 = require('./index-16a4179e.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: 'b9d3138d9861acaf540cfa334f4ae3aa82c38230', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'b20a5eed8875f08700bc8556cf2b8002595d8358', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '58a7cabb2b6feb433dcd72ee1238a37a5ee86355', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '442452c1faac0fde41c953c7eaa4258d0c5ed369', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '2f25ed6eed07609f7af259b83956fe7af66e7a60', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'df0951fdd70c81167260571ecc3b46c53e7af57d', 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-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -31,7 +31,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'ce6e69e164aba8406bfb1f2087736d0d91389d73', accent: this.accent }, index.h("button", { key: '035f0c815381233790a27e725c436bc6bcf74cf0', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '2c2c8b8c11508ff48adde18e24a3313a91ea04f0', name: "icon" }), index.h("span", { key: '9486c2802c4d63e00fdbd3e77ec80657ce2dd381', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: 'd74e5edab53ef76ab0c7cd5117e299f3ce1488d2', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: 'b7ef40b816e50add0344dabcb23bf9dce5620e57', accent: this.accent }, index.h("button", { key: 'b335c37d4e7136950c0e9bac109eb6028276bd70', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '7992b23c9698d180a6e7dddf4486f41001f97283', name: "icon" }), index.h("span", { key: '391ba40df08ee3e94fc30f3636f84f1d7e4697c3', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '2ef3504cb5c0793eb9a9befb58c0c82d1ec87c08', 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-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const index$1 = require('./index-16a4179e.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: 'd98643ac66ffdf2892edb0e83e4f4da9cd14f070', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'e0723d496123ef4d8f5eb93137403fb81921ec5c', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '01fc2d825cd6debcfffe444e3fa03748e535dd3b', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '98e243953764b8d1054e343a5165135e8f2bcd6b', accent: "secondary" }, index.h("button", { key: 'dd50c10f7b43794e23ea3fcdcc34fce4774c41c8', 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: 'eb513095227867ef7cb11c7d708545f1542b4619', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: 'edcfe615c49851cee86f4f3bee6535a6ce5744ff', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '085be4800129d16859f6786733f7d1322d54a5b0', ref: el => (this.listElement = el) }, index.h("slot", { key: '2585cc4482d780dc6120302d78b702425dd098f5' }))))));
+        return (index.h(index.Host, { key: '7d01cc8f44a5e401e2de2242ec76bf6f7385c845', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '4356d97eb8f3d2871169f1110591e8aca17a80ae', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'a0df7042f92b23ba6e1ceaab93fc04fda0483135', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '2987687532dc1b33f3177c1a893e773bc91ec400', accent: "secondary" }, index.h("button", { key: '41952af15debd9c0638f12be30a4b38685c8dc3a', 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: '0217d97fbe5151c15ca6dcbb6b6d14b0c7de826f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: '2192225622f814ff0a189ac42a029f1f35cab355', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'df9b98dd123e995cddb49d9889f5795f8bc3636a', ref: el => (this.listElement = el) }, index.h("slot", { key: 'b88bef7d66f63b2590ecd8c38f6d4fb0df0a16d6' }))))));
     }
     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-79505d14.js');
 const onResize = require('./on-resize-9065f1ea.js');
 const onMutation = require('./on-mutation-9b997891.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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: 'f0ba97d08daeda18f5e168a798cfbac3c20f2430', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: 'e72d99c8845429c8d7e6cdc56e1cab147694e9fb', class: "search-filter-container" }, index.h("slot", { key: 'c7ae95dbe05fff198eb403f721a1366b0513b7a0', name: "search-and-filter" })), index.h("div", { key: 'e579f1419be1e94a89db23b7c278948539da3412', class: "section-spacing" }), index.h("div", { key: 'eb33845ace229ef2ff1703f6b1fdaa01d45256a2', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '3d8cd202346b0a6c87c5f0773948d0405359d26f', class: {
+        return (index.h(index.Host, { key: '7875a6e2a040ac3908f722048dbc66b9c4fadbf4', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: 'f7663d42eb720b0ad25bbc91c50e93d37dce7328', class: "search-filter-container" }, index.h("slot", { key: 'aeee81945a38c2ec301dc16184d0d7046ab9d70b', name: "search-and-filter" })), index.h("div", { key: '6c7df67bc4ae38eb562dca0d4c9fdce0b9dabf35', class: "section-spacing" }), index.h("div", { key: 'ce52efc3ee5d4a5f220e8606e87286657a720f50', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '12962271682b92d410d4749f37b689948791875b', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'f9e153c77f9c17dc9a849ab3c62870da38d3ad0a', name: "contextual-actions" })), index.h("div", { key: '1cd5b78fc08f6acae180bf1bd0093082d2366f22', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'ed8d9e3ab0e4d4456d9f9032973f077acd0e93d7', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '418596a7d575511ef72a0d22c094e26023b12db8', "show-menu": this.renderMenu() }, index.h("slot", { key: 'f36fcd3af9d4d1bb217d5dc60d293394269c32a6', name: "menu-actions" })), index.h("slot", { key: 'c9c380a4b2f0b0153da37b149405d1a07b15d7ee', name: "primary-action" })))));
+            } }, index.h("slot", { key: 'cf207092f95a0f96b44ce181612f8610c52eab09', name: "contextual-actions" })), index.h("div", { key: 'fd8a2677b1dfc38b9986cff1f2aac94cf1cdb653', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'a5341539d325b425a65b157dc5e39eb8999bbdf3', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '8d4df61c090defc5be8699dfe69d1757b31510c9', "show-menu": this.renderMenu() }, index.h("slot", { key: 'adef62fb14801616fbf284137ed3052dffccd6a9', name: "menu-actions" })), index.h("slot", { key: 'a9b426a11893edd91bf540865d213b82df8fda8d', 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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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: 'f7f01ccf29266b445c4dbf099286ccbee470e90d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'a8e848e0caff40dbc739410a037ce7cea6ea5401', class: "gux-table" }, index.h("div", { key: 'e021b1a3cbc9340cd422f7a052eeacb91794311a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '5e1340312a0a279647a037b0556614c53819167e', name: "data" })), this.isTableEmpty && (index.h("div", { key: 'f7d1b205c115f77607f630ba2d5e77a11237f614', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: 'd87448b7a5caa57ae40723a7198b02964fca6ec8', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'ce0b9e72b9d3e1ce92f7d31f6581908042f05aeb', class: "gux-table" }, index.h("div", { key: 'e4bb77b2a8b4a231f8465cf56623d03bf9bc9d16', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '0cd69caeac1736839d85d510a799060fccbcddf6', name: "data" })), this.isTableEmpty && (index.h("div", { key: '6a8501e918da5d9b1c499be1ee5847461328fab4', 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-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '70f25a5b01f2f702d170c40960416fc36d0bf4ff' }, index.h("slot", { key: '26a6ccc8f9cea006173c07e0e5470341eee89fec', name: "tab-list" }), index.h("slot", { key: 'd767d434a0e8a6fdf69b83e24810fa672aaa3a25', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '9dc13380428fc04ae51a35eae8c168b110ea1927' }, index.h("slot", { key: '9a7b11288b4323d388a3f248e9e50a17599cf316', name: "tab-list" }), index.h("slot", { key: '6232e61ead4a9583aa86c385bff466e5fdac1f55', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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-direction:column;block-size:100%;min-block-size:0}";
+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;
 
 const GuxTabs = class {
@@ -44,14 +44,14 @@ const GuxTabs = class {
         else {
             this.activeTab = panels[0].tabId;
         }
-        void tabList.guxSetActive(this.activeTab);
-        panels.forEach(panel => void panel.guxSetActive(panel.tabId === this.activeTab));
+        void (tabList === null || tabList === void 0 ? void 0 : tabList.guxSetActive(this.activeTab));
+        panels === null || panels === void 0 ? void 0 : panels.forEach(panel => void panel.guxSetActive(panel.tabId === this.activeTab));
     }
     componentWillLoad() {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '64e9fefde8c1668b5feb1dc6eabbfdbd834db10f' }, index.h("div", { key: 'c443d725d4e32a12137e032eabdcb7ab8d137913', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'c9f7e141652e24fd1bf23fd394c10daa676ec457', name: "tab-list" }), index.h("div", { key: '8cee49b59e4f8d5f8da8d3944b870bdc1d0d80a5', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '6644d1f45fa342601989b03cfdcbe16bc10a63da', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '65106f3e76be06360991f4e9117ea2074da6bd36' }, index.h("div", { key: '6625c9a8156d67606ca0d17908ac387311b748a7', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'fe8417d97e229c395aa7cb8cd5f709e1cf01474b', name: "tab-list" }), index.h("div", { key: '555cf0ff8742bdd01a391c6e18b0a9204d44e74e', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'c2e58364726f925785ed3e9ece01c9c3c5157668', 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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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: 'e20b2989cf83c248c98c838872839c70b7d1ad36', class: {
+        return (index.h("div", { key: 'a0d15428994f597fad76ae1901a6e0ae21290904', 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-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.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-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.js');
 const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-16a4179e.js');
@@ -42,7 +42,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fa04f8b1e997d50afac9d3386c28f0d18bec0e31' }, this.renderTime()));
+        return (index.h(index.Host, { key: '82b5cf6c605bde7b302d0a73deb452a34e15118a' }, 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-31073d32.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-16a4179e.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-62c2ce66.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
@@ -431,7 +431,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: 'cf06d23df622b3e08f81b0c78766af54d50ac753', class: {
+        return (index$1.h("gux-popup", { key: '2d5dd330614d666e6daedc48239d285df28cb0ba', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));