genesys-spark-components 4.98.0 → 4.99.0

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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
 
-const guxSortControlCss = ".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;border-top:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-bottom:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-bottom-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:var(--gse-ui-icon-small-size);height:var(--gse-ui-icon-small-size);margin:0 var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left;margin-left:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}";
+const guxSortControlCss = ".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;border-block-start:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-block-end:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-block-end-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:inline-end;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);margin-block:0;margin-inline:var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:inline-start;margin-inline-start:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;inline-size:2px}";
 const GuxSortControlStyle0 = guxSortControlCss;
 
 const GuxSortControl = class {
@@ -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,11 +3,11 @@
 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');
 
-const guxSubmenuCss = ":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-submenu-button{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;width:var(--gse-ui-flyoutMenu-width);height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-submenu-button:focus-within,:host .gux-submenu-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-submenu-button.gux-submenu-button-active{font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);color:var(--gse-ui-menu-option-shortcut-selected-foregroundColor);background-color:var(--gse-ui-menu-option-selected-backgroundColor)}:host .gux-submenu-button .gux-submenu-button-text{flex:1 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-menu-option-gap);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}:host .gux-submenu-button .gux-submenu-open-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height)}:host .gux-submenu-wrapper{position:fixed;top:0;left:0;flex-direction:column;padding:var(--gse-ui-menu-padding);margin:0;visibility:hidden;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}:host .gux-submenu-wrapper.gux-shown{visibility:visible}";
+const guxSubmenuCss = ":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-submenu-button{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;inline-size:var(--gse-ui-flyoutMenu-width);block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-submenu-button:focus-within,:host .gux-submenu-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-submenu-button.gux-submenu-button-active{font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);color:var(--gse-ui-menu-option-shortcut-selected-foregroundColor);background-color:var(--gse-ui-menu-option-selected-backgroundColor)}:host .gux-submenu-button .gux-submenu-button-text{flex:1 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-menu-option-gap);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}:host .gux-submenu-button .gux-submenu-open-icon{flex:0 0 auto;align-self:auto;order:0;inline-size:var(--gse-ui-menu-option-startIcon-width);block-size:var(--gse-ui-menu-option-startIcon-height)}:host .gux-submenu-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;flex-direction:column;padding:var(--gse-ui-menu-padding);margin:0;visibility:hidden;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}:host .gux-submenu-wrapper.gux-shown{visibility:visible}";
 const GuxSubmenuStyle0 = guxSubmenuCss;
 
 const GuxSubmenu = class {
@@ -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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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

@@ -2660,7 +2660,7 @@ _extends(Remove, {
 Sortable.mount(new AutoScrollPlugin());
 Sortable.mount(Remove, Revert);
 
-const guxTabAdvancedListCss = ".gux-tab-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%;margin-bottom:16px;background-color:var(--gse-ui-advancedTabs-set-backgroundColor)}.gux-tab-container .gux-scrollable-section{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--gse-ui-advancedTabs-divider-dividerColor);scroll-behavior:smooth}.gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}.gux-tab-container .gux-scrollable-section .gux-tablist{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxTabAdvancedListCss = ".gux-tab-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;inline-size:100%;margin-block-end:16px;background-color:var(--gse-ui-advancedTabs-set-backgroundColor)}.gux-tab-container .gux-scrollable-section{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;inline-size:100%;overflow-x:auto;scrollbar-width:none;border-block-end:1px solid var(--gse-ui-advancedTabs-divider-dividerColor);scroll-behavior:smooth}.gux-tab-container .gux-scrollable-section::-webkit-scrollbar{block-size:0}.gux-tab-container .gux-scrollable-section .gux-tablist{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 const GuxTabAdvancedListStyle0 = guxTabAdvancedListCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -3076,7 +3076,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: 'b994a644ffd776ccd318413059be41a528b61ba6', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'ba8bc3701dc2d0f28010e08e60b79530db92c723', class: "gux-scrollable-section" }, index$1.h("div", { key: '6496e2332cd349916b9c8310810705ce5ab169f6', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '7f463cfb7a09070a5ad9e2d6b90dce44e6586e80' })), 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: '7dcfe668dfcc0bc6508d3971981cb3ec9b803ad3', 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: '406945ba6ac69ada14a1ccd511cd96753036ccb4' })));
+        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

@@ -10,7 +10,7 @@ const index$1 = require('./index-16a4179e.js');
 const en = require('./en-85604f0f.js');
 require('./get-closest-element-9e41d6b9.js');
 
-const guxTabAdvancedCss = "gux-tab-advanced .gux-tab{display:flex;align-items:center;border-color:transparent;border-top-width:var(--gse-ui-advancedTabs-item-indicator-height);border-bottom-style:solid;border-bottom-width:var(--gse-ui-advancedTabs-item-indicator-height)}gux-tab-advanced .gux-tab .gux-buttons{display:flex;flex:1 1 0;gap:var(--gse-ui-advancedTabs-item-gap);align-items:center;width:var(--gse-ui-advancedTabs-item-width);min-width:0}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button{all:unset;flex:1 1 0;width:100px;min-width:0;padding:var(--gse-ui-advancedTabs-item-padding)}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-advancedTabs-item-focus-borderRadius);outline-offset:calc(-1 * var(--gse-semantic-focusOutline-md-borderWidth))}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text{font-family:var(--gse-ui-advancedTabs-item-itemText-fontFamily);font-size:var(--gse-ui-advancedTabs-item-itemText-fontSize);font-weight:var(--gse-ui-advancedTabs-item-itemText-fontWeight);line-height:var(--gse-ui-advancedTabs-item-itemText-lineHeight);color:var(--gse-ui-advancedTabs-item-text-color);white-space:nowrap}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon{width:var(--gse-ui-icon-small-size);height:var(--gse-ui-icon-small-size)}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container{--no-op:none}gux-tab-advanced .gux-tab .gux-divider{width:var(--gse-ui-advancedTabs-item-divider-right-width);height:var(--gse-ui-advancedTabs-item-divider-right-height);background-color:var(--gse-ui-advancedTabs-divider-dividerColor)}gux-tab-advanced .gux-tab:hover:not(.gux-disabled),gux-tab-advanced .gux-tab:focus-within{border-bottom-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected{background-color:var(--gse-ui-advancedTabs-item-backgroundColor);border-bottom-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected.gux-disabled{border-bottom-color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white)}gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text{color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white)}";
+const guxTabAdvancedCss = "gux-tab-advanced .gux-tab{display:flex;align-items:center;border-color:transparent;border-block-start-width:var(--gse-ui-advancedTabs-item-indicator-height);border-block-end-style:solid;border-block-end-width:var(--gse-ui-advancedTabs-item-indicator-height)}gux-tab-advanced .gux-tab .gux-buttons{display:flex;flex:1 1 0;gap:var(--gse-ui-advancedTabs-item-gap);align-items:center;inline-size:var(--gse-ui-advancedTabs-item-width);min-inline-size:0}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button{all:unset;flex:1 1 0;inline-size:100px;min-inline-size:0;padding:var(--gse-ui-advancedTabs-item-padding)}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-advancedTabs-item-focus-borderRadius);outline-offset:calc(-1 * var(--gse-semantic-focusOutline-md-borderWidth))}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text{font-family:var(--gse-ui-advancedTabs-item-itemText-fontFamily);font-size:var(--gse-ui-advancedTabs-item-itemText-fontSize);font-weight:var(--gse-ui-advancedTabs-item-itemText-fontWeight);line-height:var(--gse-ui-advancedTabs-item-itemText-lineHeight);color:var(--gse-ui-advancedTabs-item-text-color);white-space:nowrap}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container{--no-op:none}gux-tab-advanced .gux-tab .gux-divider{inline-size:var(--gse-ui-advancedTabs-item-divider-right-width);block-size:var(--gse-ui-advancedTabs-item-divider-right-height);background-color:var(--gse-ui-advancedTabs-divider-dividerColor)}gux-tab-advanced .gux-tab:hover:not(.gux-disabled),gux-tab-advanced .gux-tab:focus-within{border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected{background-color:var(--gse-ui-advancedTabs-item-backgroundColor);border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected.gux-disabled{border-block-end-color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white)}gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text{color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white)}";
 const GuxTabAdvancedStyle0 = guxTabAdvancedCss;
 
 const GuxTabAdvanced = class {
@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: '922e7f0a69facb74074a302171d99ff45f7c739e', 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: '9bb4ba1dd4df1a3bbdcf70a1abc904b9bf4500cd', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'b354b32931721dbc8213e357c60834803ac56b2f', 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

@@ -19,7 +19,7 @@ const tabsResources = {
 	scrollDown: scrollDown
 };
 
-const guxTabListCss = "gux-tabs[orientation=vertical]{height:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;width:var(--gse-ui-tabs-set-vertical-width);height:100%;margin-right:var(--gse-ui-tabs-set-vertical-marginRight);border-right:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{height:var(--gse-ui-tabs-set-horizontal-height);margin-bottom:var(--gse-ui-tabs-set-horizontal-marginBottom);border-bottom:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow:hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";
+const guxTabListCss = "gux-tabs[orientation=vertical]{block-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:100%;margin-inline-end:var(--gse-ui-tabs-set-vertical-marginRight);border-inline-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;block-size:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{inline-size:0;block-size:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{block-size:var(--gse-ui-tabs-set-horizontal-height);margin-block-end:var(--gse-ui-tabs-set-horizontal-marginBottom);border-block-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;inline-size:100%;overflow:hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{block-size:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;inline-size:28px;block-size:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{inline-size:16px;block-size:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";
 const GuxTabListStyle0 = guxTabListCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -283,9 +283,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '50e7c6f198047458d02d5318e411a8279aa2ab30', 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: '46d13ecaef624abb49c7c89552950836926feaaa', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'e5b27358bd223da7bbef9905490adadc20556ec2' })), 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{height: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: '270d176fade81f9dabff973a51fcecd193861f0f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'ae6df2c4c984583360a0d3eca5480e23e7972bf4' })));
+        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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxTabCss = "gux-tabs[orientation=vertical]>gux-tab-list gux-tab{box-sizing:border-box;border-right:var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab{display:flex;justify-content:flex-end;width:var(--gse-ui-tabs-set-vertical-width);height:var(--gse-ui-tabs-item-vertical-fixedHeight);padding:var(--gse-ui-tabs-item-vertical-padding);border-right:var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab.gux-active{border-right-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-right-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab{box-sizing:border-box;max-width:160px;height:var(--gse-ui-tabs-item-horizontal-fixedHeight);padding:var(--gse-ui-tabs-item-horizontal-padding);border-bottom:var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab.gux-active{border-bottom-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-bottom-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment=center]>gux-tab-list .gux-scrollable-section{justify-content:center}gux-tabs[alignment=full-width]>gux-tab-list .gux-scrollable-section{flex-grow:1}gux-tabs[alignment=full-width]>gux-tab-list gux-tab{width:100%;max-width:100%}gux-tabs[alignment=full-width]>gux-tab-list gux-tab .gux-tab{width:100%;max-width:100%}gux-tab{display:flex}gux-tab .gux-tab{display:flex;align-items:center;height:var(--gse-ui-tabs-item-height);font-family:var(--gse-ui-tabs-item-itemText-fontFamily);font-size:var(--gse-ui-tabs-item-itemText-fontSize);font-weight:var(--gse-ui-tabs-item-itemText-fontWeight);line-height:var(--gse-ui-tabs-item-itemText-lineHeight);color:var(--gse-ui-tabs-item-itemTextColor);cursor:pointer;background-color:transparent;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{opacity:var(--gse-ui-tabs-item-disableOpacity)}gux-tab .gux-tab:focus-visible{border:var(--gse-ui-tabs-focusRing-border-width) var(--gse-ui-tabs-focusRing-border-style) var(--gse-ui-tabs-focusRing-border-color);border-radius:var(--gse-ui-tabs-focusRing-borderRadius);outline:none}gux-tab .gux-tab gux-tooltip-title{white-space:nowrap}";
+const guxTabCss = "gux-tabs[orientation=vertical]>gux-tab-list gux-tab{box-sizing:border-box;border-inline-end:var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab{display:flex;justify-content:flex-end;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:var(--gse-ui-tabs-item-vertical-fixedHeight);padding:var(--gse-ui-tabs-item-vertical-padding);border-inline-end:var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab.gux-active{border-inline-end-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-inline-end-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab{box-sizing:border-box;max-inline-size:160px;block-size:var(--gse-ui-tabs-item-horizontal-fixedHeight);padding:var(--gse-ui-tabs-item-horizontal-padding);border-block-end:var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab.gux-active{border-block-end-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-block-end-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment=center]>gux-tab-list .gux-scrollable-section{justify-content:center}gux-tabs[alignment=full-width]>gux-tab-list .gux-scrollable-section{flex-grow:1}gux-tabs[alignment=full-width]>gux-tab-list gux-tab{inline-size:100%;max-inline-size:100%}gux-tabs[alignment=full-width]>gux-tab-list gux-tab .gux-tab{inline-size:100%;max-inline-size:100%}gux-tab{display:flex}gux-tab .gux-tab{display:flex;align-items:center;block-size:var(--gse-ui-tabs-item-height);font-family:var(--gse-ui-tabs-item-itemText-fontFamily);font-size:var(--gse-ui-tabs-item-itemText-fontSize);font-weight:var(--gse-ui-tabs-item-itemText-fontWeight);line-height:var(--gse-ui-tabs-item-itemText-lineHeight);color:var(--gse-ui-tabs-item-itemTextColor);cursor:pointer;background-color:transparent;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{opacity:var(--gse-ui-tabs-item-disableOpacity)}gux-tab .gux-tab:focus-visible{border:var(--gse-ui-tabs-focusRing-border-width) var(--gse-ui-tabs-focusRing-border-style) var(--gse-ui-tabs-focusRing-border-color);border-radius:var(--gse-ui-tabs-focusRing-borderRadius);outline:none}gux-tab .gux-tab gux-tooltip-title{white-space:nowrap}";
 const GuxTabStyle0 = guxTabCss;
 
 const GuxTab = class {
@@ -41,11 +41,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (index.h("button", { key: 'bea8537c7d2f036054815253e99aebe21bf7cd4a', 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: '4b12f10b0322836505cadb2bf12c054cb418c1b8', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '428afb69d1a2b5aa9e6a83749de8f02c9d9d5768' }, index.h("slot", { key: '6cc0193196d73b629a53b63a949cf1ce2a125fd9' })))));
+            }, 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

@@ -10,7 +10,7 @@ const index$1 = require('./index-16a4179e.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
-const guxTableSelectMenuCss = "gux-table-select-menu{display:inline-flex;font-family:var(--gse-ui-popover-body-text-fontFamily);font-size:var(--gse-ui-popover-body-text-fontSize);font-weight:var(--gse-ui-popover-body-text-fontWeight);line-height:var(--gse-ui-popover-body-text-lineHeight)}gux-table-select-menu .gux-select-menu-button{padding:0;margin-left:var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-cell-chevron-foregroundColor);background-color:inherit;border:none;outline:none}gux-table-select-menu .gux-select-menu-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:4px}gux-table-select-menu .gux-select-menu-button gux-icon{width:var(--gse-ui-icon-small-size);height:var(--gse-ui-icon-small-size)}";
+const guxTableSelectMenuCss = "gux-table-select-menu{display:inline-flex;font-family:var(--gse-ui-popover-body-text-fontFamily);font-size:var(--gse-ui-popover-body-text-fontSize);font-weight:var(--gse-ui-popover-body-text-fontWeight);line-height:var(--gse-ui-popover-body-text-lineHeight)}gux-table-select-menu .gux-select-menu-button{padding:0;margin-inline-start:var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-cell-chevron-foregroundColor);background-color:inherit;border:none;outline:none}gux-table-select-menu .gux-select-menu-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:4px}gux-table-select-menu .gux-select-menu-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
 const GuxTableSelectMenuStyle0 = guxTableSelectMenuCss;
 
 const GuxTableSelectMenu = class {
@@ -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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
-const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-small-size);height:var(--gse-ui-icon-small-size)}";
+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)}";
 const GuxTableToolbarCustomActionStyle0 = guxTableToolbarCustomActionCss;
 
 const GuxTableToolbarCustomAction = class {
@@ -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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const index$1 = require('./index-16a4179e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -14,7 +14,7 @@ const translationResources = {
 	additionalActions: additionalActions
 };
 
-const guxTableToolbarMenuButtonCss = ":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button button{color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:grab;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none}.gux-menu-button button gux-icon{width:var(--gse-ui-icon-small-size);height:var(--gse-ui-icon-small-size)}.gux-list-container{width:min-content;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
+const guxTableToolbarMenuButtonCss = ":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button{display:flex;color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:pointer;border:none}.gux-menu-button gux-icon{align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-list-container{inline-size:min-content;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
 const GuxTableToolbarMenuButtonStyle0 = guxTableToolbarMenuButtonCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -69,12 +69,6 @@ const GuxTableToolbarMenuButton = class {
             }
         }
     }
-    onFocusin() {
-        void this.tooltipTitleElement.setShowTooltip();
-    }
-    onFocusout() {
-        void this.tooltipTitleElement.setHideTooltip();
-    }
     toggle() {
         this.expanded = !this.expanded;
         if (this.expanded) {
@@ -94,12 +88,17 @@ const GuxTableToolbarMenuButton = class {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    renderTooltip() {
+        if (!this.expanded) {
+            return (index.h("gux-tooltip-beta", null, index.h("div", { slot: "content" }, this.i18n('additionalActions'))));
+        }
+    }
     async componentWillLoad() {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'd0739093eb89c6f6d74ed2c50f022d316144c6a8', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'dd301fb52a95304bb67231a597cce32ebfbfa0d2', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '02cf2d3b5856e000f92da62a1fefd0e54e31d26b', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '7fe0ce87e388a0a4f14e2e87486b253e1efd7514', class: "gux-menu-button" }, index.h("button", { key: 'e8a32d108cca8d89eef915e5763882553247e943', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '16b7e95c4ec48d6f168649cf1d339dac9c7640f8', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'f4d4ce00447ae4f3d54f6b34316da04dc375a87c' }, index.h("gux-icon", { key: '1e980744d62812e95088a95144fe8b1d061db254', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '6b7b34695357e134ec73a8af459191e8b2ebfb85', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'b70c259e19277c27c57e862c486921654c2ee3c3', ref: el => (this.listElement = el) }, index.h("slot", { key: 'ca247efd2c9e416a17e4c14d8b0e62eae2b50732' }))))));
+        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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'a0443041c81e3d0765e9ee79ea4d9e96bd60f05e' }, index.h("slot", { key: 'e98b76dc34b3d734c21f22b58f81ba2512656636', name: "tab-list" }), index.h("slot", { key: 'dc0c22fa496740f7cf7a36c0e3dae08ee1130b12', 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-1f47f9ce.js');
+const usage = require('./usage-4c66c07b.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: '840b1cdf46dd6c9a333945799d0a22ada4cae171' }, index.h("div", { key: 'f532538a69456dc08cae0d6d07b2bf212d5f530a', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '6ca85bb20d1a21469829d3a01f49c9eb12cb3b41', name: "tab-list" }), index.h("div", { key: '118ad9f6a68aa0902dbd2852f9fe7cc7185fce74', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'f5da8d56fe8f7a3d40c268a4a93b3d3428ca0543', 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 {