genesys-spark-components 4.111.6 → 4.112.0

package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const index$1 = require('./index-d7208697.js');
 const en = require('./en-93832113.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-fd5edfcf.js');

package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js

@@ -35,10 +35,10 @@ const GuxRichTextEditor = class {
         return this.renderSlot('global-action', 'gux-global-action-container');
     }
     render() {
-        return (index.h("div", { key: '1df220d4192bc1e04cd74c7283ee90421f0ce2e0', class: {
+        return (index.h("div", { key: '3ec3c4adf65ef5a7f5ff4ea3ac18002b28fa1009', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '8cb67dbf9f8f8eba7f48a838ad88835681100d62', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), index.h("slot", { key: 'ef749f768106064cf77217139f0b191a3d07f35f', name: "editor" })));
+            } }, index.h("div", { key: '44dacd9cf2d5686e0f10242df4c95a93cbc463d2', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), index.h("slot", { key: 'f3393a71c2d917f89a9b2d98aae0cb22b1f054c2', name: "editor" })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
 
 const guxRichTextEditorListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
@@ -71,7 +71,7 @@ const GuxRichTextEditorList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: '7157211c43c642991e48acb643a307180692b689', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '86a09fcf4cd759973b4c256356890800ecea5945', onSlotchange: () => this.setListItems() })));
+        return (index.h(index.Host, { key: 'f60bbf326d56d09966e30e65c0214dc768d1eb92', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'd051268767b1dd2699dd853ac73b66d473f03262', onSlotchange: () => this.setListItems() })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -28,9 +28,9 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '1f2d87cc59ffc24eafa3e7baccc965dee3eea0d1', "label-position": "screenreader" }, index.h("input", { key: '07931cc1dbf5040210c1b76b08dbfe4dd244adae', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: 'b70161262f093549ef33a5eb158c714252cfed22', "label-position": "screenreader" }, index.h("input", { key: 'e3ec39309951847955de7c6275b03d137043740e', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '1316c55d43b132eb216dbb279c2b57ab4185ea2d', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'da6ea49692acbe96531eb37f1e1b6d220db93cc5' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'b87f15962a9085f96ab485f45a8cc7121e518585', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '1eef5b44455a177b76218e75ff7d485a0b7bcd29' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 
 const guxScreenReaderCss = ":host{position:relative}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;
@@ -16,7 +16,7 @@ const GuxScreenReader = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("span", { key: '45a49c75e52bbc4c7bcaf8870118fdaf50b48f25', class: "gux-sr-only" }, index.h("slot", { key: 'c1cc69187d4562bfde469ce092fb11bab7869c59' })));
+        return (index.h("span", { key: 'd6e9ea3346748552b842eec3d7372e4858d57600', class: "gux-sr-only" }, index.h("slot", { key: 'b71530227353d207a91aeb97e04d4134b40dc678' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -42,7 +42,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '2a8ead16000faec75121dfa0d27c6f0853098d8b', role: "group" }, index.h("slot", { key: '7395d3bdec9be3277357227825eb20bc20f0d648', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'e3b863ec63f3ed141054510a12abc9698276cbf8', role: "group" }, index.h("slot", { key: 'c1455dc8f4e7d4277cb4dd224c3ab4821f6a9507', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -53,19 +53,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c8996164a4408dc94091f51e370ae642ee176f1b', class: {
+        return (index.h("div", { key: '261316a7f87955a042558814115ae6d1cadc4e7e', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, index.h("button", { key: '732bb008028e2bd3eea43b72913aa449aab750ea', class: {
+            } }, index.h("button", { key: '494f73e902ddeb6a7b12667ee2694b60a259fb85', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: 'c454e906a3c90f59adbfee0639b3493540021164', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: '71ed098d70c082a741a3b329ddefe8fedfbe1563', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: 'be804d2c015dc75e438fecf5736e311678beee44', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: 'db9e2f956a947dc589b8f42e2a41dc9ba718265e', 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-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.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: '15bb201be48f8b5e0ea8130b8f571a342ec6e768', class: {
+        return (index.h("div", { key: '7c112a83ce91acd72642236e8c5df9245093342d', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'ee44e33a9b94c112161a1e44ea5d252d269082b6', class: "gux-content" }, index.h("div", { key: 'fcd3bc9d28281a9a4fa12dd0b3d0c12fa5441fa8', class: "gux-icon" }, index.h("slot", { key: '542a0ec6a7c218e36edab8d73fe7f1d45fec5b57', name: "icon" })), index.h("div", { key: 'c242c933b45b05bcdbd94c24ebb2200d4f6c0743', class: "gux-label-container" }, index.h("slot", { key: '873201da7e0ddeefc56bd2ea6d23e240d08473d7', name: "label" })), index.h("slot", { key: '953ef926caa01e09dd695232df7c49271aac855e', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: '69319f5cfd116658933e3ee79588dcec424d9b80', class: "gux-content" }, index.h("div", { key: '06c02cbb0f7776b5a38c12908c8580b0247a367c', class: "gux-icon" }, index.h("slot", { key: '554753afc15103a7d0851212e857c98d02863e58', name: "icon" })), index.h("div", { key: '07ca6c7d3b3ed89bc46cb11e8d02ee4d2e910822', class: "gux-label-container" }, index.h("slot", { key: 'a1243a3ab078ad5f47de654b12c0ddbaae8fbe6c', name: "label" })), index.h("slot", { key: '9a0892f589441ea448cb638c1563660837704a0d', 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-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.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: '5fa8e13dd7c5a6c681cd098d652d3804e74148ed', class: "gux-selector-cards" }, index.h("slot", { key: '7e7822a514bc74deb4335a779592cb380d51d7c1' })));
+        return (index.h("div", { key: 'cb736ddeee5adc41842e4299cdd2191af9c6df70', class: "gux-selector-cards" }, index.h("slot", { key: '15a16a1506809169aba8e8ff22508923ed63e048' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow-offsetX) var(--gse-ui-sidePanel-boxShadow-offsetY) var(--gse-ui-sidePanel-boxShadow-blur) var(--gse-ui-sidePanel-boxShadow-spread) var(--gse-ui-sidePanel-boxShadow-color)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{display:flex;flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
@@ -28,10 +28,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: 'af77c2638a4012bb9014eb781e4f1ddbeb470524', class: {
+        return (index.h("div", { key: 'fe15fc9684a90b4c4f4b79b72ece6e8e2ab84fcc', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, index.h("header", { key: 'bf503719a742bcbfdf413d5484b642bf94aa01da' }, index.h("gux-dismiss-button", { key: 'b2c863f556557fb9610506914704db7df3aa1aa4', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: 'fec67433e32f8a04d0967c01e428fc3cd685956f', name: "heading" })), this.renderDescription(), index.h("div", { key: '84a5ce20f69e6c72d6720b9d9f23e45f5319f9ed', class: "gux-side-panel-content" }, index.h("slot", { key: '385b27ec2ff15d5600bc6e3cfe5e8b3ba74bc3f0', name: "content" })), index.h("footer", { key: '6f68ecac5d92194128ac63cb25cfe9fea08417ef' }, index.h("slot", { key: '74cba793bd0ed40eb39033691c74b220852ba86f', name: "footer" }))));
+            } }, index.h("header", { key: 'f2553f09a7fca68c18f777b4d5082785a694b842' }, index.h("gux-dismiss-button", { key: '7fa2d7e44a1b3bc4542b70d2d9d3d1aa7043edbc', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '74b3408d9172e89d5d2ba85a3f23ce3fe2f2326d', name: "heading" })), this.renderDescription(), index.h("div", { key: '4a0091296ceb436228d3a593724546a019081809', class: "gux-side-panel-content" }, index.h("slot", { key: '7b3cd27f12bf98de4577975aa694dc281d209aa8', name: "content" })), index.h("footer", { key: '3be53e263307674af5d377ac0e4527e7e7df3fd1' }, index.h("slot", { key: 'cf348aa5ca03675861f8067cb1bb007fe9f3888c', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
@@ -19,7 +19,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (index.h(this.headingTag, { key: 'ff53c59d253918dfbcd0cce3753b685848219228' }, this.iconName && (index.h("gux-icon", { key: '8afa45c317bc351515410454d9df2521c0c4ed2d', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: 'a8fc9bcca8822d879120ba30ce5f10b3781293b8' }, index.h("slot", { key: '94b3a0995967f7cd135448f5d42ba53e4b9dd6a5' }))));
+        return (index.h(this.headingTag, { key: '11afaac2e2d86375ca5fd349e07254c6f707a324' }, this.iconName && (index.h("gux-icon", { key: 'e78843ec51b91f7d76e55c442cf5241f31b68a0e', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: '8a1b1c2d5c2681670049b3063fb3ced12aafaf6a' }, index.h("slot", { key: 'cba8f4d6944945444a5a8ac4633fde70d2ebdc99' }))));
     }
     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-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.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: 'f78b00d5665f300cc2adc698b7f131cea9223600' }, index.h("div", { key: '2cd61b35ccc4fcda835ea3f1d27a4ac7c46627be', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'be49762bc22596f08eb5a068a0d065e380ea79b1', name: "icon" })), index.h("gux-truncate", { key: 'efce6ca5575e2bef8b477bd8073dedc5e6bc3438', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '62458d2641d4c386ea9b7b3c4ddfb2703f8e2e9f', name: "message" })), index.h("gux-dismiss-button", { key: 'b2dec7283745e1d1902271c182062b620a60e119', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '7281e807502a73f3e4cabaed4d3300e86d5243fa' }, index.h("div", { key: '0c2c815e815546de6f31099f2936429eb950869e', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '42ed2b55cb7bbb84ab11e29b28a226a58e3a1c56', name: "icon" })), index.h("gux-truncate", { key: 'a4a4921005124f982d0bc411ec21b2f1aa1e8d91', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'b5cbfe22c5cb3efd01b23572458130c50c2a769e', name: "message" })), index.h("gux-dismiss-button", { key: 'd28e17276a23d79bb1e5011fd6b44a418947e956', 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: 'ef70bd3877e5cfb77ad8b5168ae0698616dbb33a', role: "listitem" }, index.h("slot", { key: 'f214f9afeb9f25f1b111ba8dfe7ad13d8c217725' })));
+        return (index.h(index.Host, { key: '1912d21df9e2afe41a33b1b6fb103449d59965a1', role: "listitem" }, index.h("slot", { key: '77348b37a47b34dee7dc81de349aca9eafb1ac33' })));
     }
     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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.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: '7652e11f7dc3b9743c872007c1ba51b1f2fd7ab6', class: "gux-container" }, index.h("nav", { key: 'fdfeda3734364ddce3a91503be54221f8d7d3d43', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '5c004a96f12ba8a8f1ad3de094e00dc6f685a87c', role: "list" }, index.h("slot", { key: 'b24323868de0fc2319bc6d0bbfd868290ac6c872' })))));
+        return (index.h("div", { key: '5777bb9f5132da330f41d91182a6a0ff8c1805b0', class: "gux-container" }, index.h("nav", { key: '3df5dcd2f086460ada400406351949c758f3c4a3', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '07b41a02aa3faa421b1c65629a8035ecacf7fa63', role: "list" }, index.h("slot", { key: '27abd28938500c62fca0f2c5885c84fcd73407fb' })))));
     }
     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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.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: '8ab9f64c50cefd9099eb51890591925232c6e255', class: "gux-container" }, index.h("button", { key: '26b063fafb21d08aa433119075e3fb6e612fc211', class: {
+        return (index.h("div", { key: '46a83b98fca68c01dc9ceeefa39de6010ef01f6f', class: "gux-container" }, index.h("button", { key: '486bf38c577bddfadaef697394e2799f87c80be1', 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: 'eb62e21cd33928e73a2d23c5d9e7a4313403ba71', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'c7951b59fb4740330e71ae1325662ed8367a23fb', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '1e8c1aaf3e40c3c8a10ee975ba0fb49c300dbcf1', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '16ef9bc423397832fe1c1cd1e7b283f947b2352a', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '625e1b3c4f9c0c92d2b2ff71b7bcce7091c4ebaf' }, index.h("button", { key: '855e1bd204fd867c90e13b75b382eafd15832676', type: "button", class: {
+        return (index.h(index.Host, { key: '37554bdbd5cda270ee692781c16d9cf4e88eee5f' }, index.h("button", { key: '6ff5813ccf2954164223f91b5dd9751278e45ac7', 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: '455f9a3673222bc69ee01938aa0d1c202bb70c0e', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '38964f5d522a61caee905d1f6a77bced76165f3a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'f2e61dcd3c5652f48b3314ba6f5e69ad5a10f736', 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: '8dbb3254bb9f4af7ed4b44a807b442bc49fbcc6a', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: 'c155723afcd5a52c3917f7d2eb1f7a3e0d7c46c9', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'ac66eb504c60a7745f66ea65926378c4fb75e030', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '59cb761bc21d9f68db5606f1aa434f2c834b03d5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'a5472a86ed6fa30dd586cedb362a1e8685f7bb4b' })))));
+            } }, index.h("div", { key: 'e019e00a09313a5da7eb74199e1f471d4a2e95b0', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '079239f688e2a4cfd15382b76fab089361fddce0' })))));
     }
     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: 'f0f8474ef9bddb773e90e8c879ebc0e27f3f9ee2', class: { 'gux-selected': this.selected } }, index.h("button", { key: '012bff5620455922b4e00bf246b87389bfba1ec6', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'f39959ad567d39b0d0b1b23b800b9857a2080978' }))));
+        return (index.h(index.Host, { key: 'c1d1e3dba23cbd8e909d3e6a224c26bf968b2236', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'c36e6fd1fdb59c62be6c99d31bfddd7827b23439', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'baf9f3bf51df4214aa809739a7a93e7d31544f37' }))));
     }
 };
 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-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.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: '5856554397a75d72228eb20182287793c2c6c6bb', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '2f8d76a1c7e3450b3052ee8597166432b7f3113f', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '5793de8a92c7b9024eba2ffe2ebf04d348dc2bd5', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '791850207d34628aeeb28df51e8288c2997d1bec', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3091,7 +3091,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '0d1097696ffe2dc56e402401b8f597e6a355fb84', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'db8ab979c8560a8348860f53a44016e198d06e0a', class: "gux-scrollable-section" }, index$1.h("div", { key: 'e6a3da3cde9f435ed4de5f39d8779ed46fdea72f', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'bd8871ade0881531e8960516c33a0ddec1c06495' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '791bc59f2f7f61d700fcace8826fd2d314df595f', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '21104e2f4091950985f4b5d78a34dc7b9904fef9', class: "gux-scrollable-section" }, index$1.h("div", { key: '91b7d3091d10d34983d2fc85ab43015c3a3bd73a', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '3d79a8d8c667cbee0d0684e2cf30a72bbdcdc633' })), 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: '9396fe3be2f04c75017697e7c999acdb08c8339d', 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: 'd46460ca893b7b0399ca32fa0d0aa2714e131871' })));
+        return (index.h("div", { key: 'ee73f5339033c75ff1e3713911d8feca6d8503c9', 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: '23164fb72bbd2e7f28fb2e638f9c39c1f963994a' })));
     }
     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: '31093b8cf0ff62c9be0b98627e6610b7de31e316', class: {
+            index.h("div", { key: '3905bc31a425b05a52b185f292a8ff85a1c88190', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: 'ec9c0a9fe640550e518c23fed530594ad3c7ef51', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '8245b90ddf5c22e76c53d3937a094817174b7baf', class: "gux-divider" }))
+                } }, index.h("div", { key: '4cd7de5a927b72ed747e1a7228f3e4aef67624e1', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '9987aafc82f4e49830c8bf05407eb6c59914af02', 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: 'a7a27997f9a055eb5a7efd1da8c6666bd973fabf', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'a4304463518dd6806364a892b6d97275960a62b6', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'b51a09e1750326673c6e3475e3c5ca8c706e76f9', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '1c3eb3306eaeb002ece4cf2c5495b612c599b541' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '6db31968ab06415f2171ee098c49714003ad0a8f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '9c36f6e3f3f8e7668090eca21227bf6700f29b4f' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -24,7 +24,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '95daf8b94a84f921ab48176b26372ad8c45185a4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'b6aa40c23cfc436ea3a36378de781441b158b1ba' })));
+        return (index.h(index.Host, { key: '8a50b73c31c7e01a83f371ce21d42d999e6ec472', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '819cdd549c11cd5c6b87b048c0ea379ef24bb5b9' })));
     }
     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: '798db172db93d7db52cdd369162f9f4386c4bc77', class: {
+        return (index.h("button", { key: 'c6874a4e782d165e40710eb168ff5806c18bec66', 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: 'c0440041524258f0516f83ed488425f1c895979e', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'fa49e6e0c5d6128c0ee7377a48d6073d750d0e8f' }, index.h("slot", { key: '677e0e7f2976422567a3763d70136c509bd3b19a' })))));
+            }, 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: '667270bb29f181d1dc10e34db7ba3f21d6b58d1d', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '2c1928583d04eaf9777b71d32fc8b4bebc75e69e' }, index.h("slot", { key: '74985988879d6dee2f8556c6677f754b3d913fe5' })))));
     }
 };
 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: 'a62985066b97f4357ef9180f00f7fe8306efdd48' }, index.h("slot", { key: '715cb1c98ed96f6075a2a5fad49e2a6946c5e5cd' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '12d2877e9fd20d5af5e823f2ab862cb501c57d04' }, index.h("slot", { key: '37b79b1f1bcc418a899563d019bf6d8be740bf11' }), 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-2dd05ef3.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const index$1 = require('./index-d7208697.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: '46cf47a165164293f1f3dd2642bc36fe8daa9bf5', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '0344c1162b93794246a65da6bf0e2bffb8df0d46', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'ab16d74af8e0fd4851828c221dc2f6db57f0c0da', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: 'e02a92967261c93af0a068d7844ed0e44e139b2e', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'c2bb256740c9041ce924aae5afa5f3eb765f0075', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '4bc5300fc65c241397f9fbf87fbbf6d09a86b5f4', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const getClosestElement = require('./get-closest-element-26170ce0.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.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)}";
@@ -37,7 +37,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '11c54f31529146fa3690839623563b2530220ee9', accent: this.accent }, index.h("button", { key: '68113cffa5309d749bff612165f773ab82f057aa', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '7c8a7cc6833d6eb82e41ca50dc1b5036fdc1f80f', name: "icon" }), index.h("span", { key: '2b83672322ee333f0a53a3a6dd3b5f530a5ede7f', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'd7ec720dc67b68d95076ca65bf48028fd6781b4c', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: 'e5df20ae01ebfa1305389bb22e911d1f3a94e22c', accent: this.accent }, index.h("button", { key: '86e8fd688291cb2fb8c0086d572d580b4e90d785', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '17fab1bf41392e06f5f823f0940e9b9abe6b7866', name: "icon" }), index.h("span", { key: 'dbaeefa561d40026b1b8e76ef674e6936809fd03', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: '16617ef76522438fefc8af3503fa8bf61e3101e5', 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-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const index$1 = require('./index-d7208697.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: '78bddee0bdc05b772e4da68a6ca515a1d4532441', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '5073b0731ccd0dcc484622f641f934c9a4e1a478', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'a74e721d8ffa1dccaf3fc0a9f35d187aa5c22ec6', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '475b9b677728ea4b2adbdf895316f4e0280062ee', accent: "secondary" }, index.h("button", { key: '345ce85dcf1399ffa39b07f836e91e20e9b01aea', 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: '54ca7b2ccd359898f93e1e053619db5e342a61f4', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: '0d35ac82191d34b683d47aa62df7dd279d448212', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '1f498dfad8a4ba3a95e574ac7eab9af4a5296ccf', ref: el => (this.listElement = el) }, index.h("slot", { key: '579fff0dada8f99926130fbdd8c820c47185c9fa' }))))));
+        return (index.h(index.Host, { key: 'b1fc2bf1fcbd6623df0fe4d23869b88277bc6194', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'ad933b70701524f43ed3b23c10c3a4fd559522ff', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '187fa20b555ccedea44a1f1167d61c3cf6c41662', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: 'ae1cd5902847d1d760532addd4a5a7aeaae96425', accent: "secondary" }, index.h("button", { key: '783aa526c7d67eec19c081f8bd3ca01a05424c0d', 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: '9182cbe2625022b62a88b1b6f9dbf6a5a9f78d65', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: '4ccf09160eebfe8d6e719c86ffb8c33fb2a0eb0a', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'df984bced83529d7b4517c16a3005051710ef66f', ref: el => (this.listElement = el) }, index.h("slot", { key: '38438e7870b41520809ae08f5de1d571c0f2a30c' }))))));
     }
     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-2dd05ef3.js');
 const onResize = require('./on-resize-62f7838d.js');
 const onMutation = require('./on-mutation-c0879d47.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.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: 'e3204084c089c85be7dae8367a2953d8fa0892fb', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'bb1b491aa570dfe57f0486e24339388f0045032f', class: "search-filter-container" }, index.h("slot", { key: '9d29eea1316911ff658f905071768a56cc145f32', name: "search-and-filter" })), index.h("div", { key: '3dbd7a3914b6bb08bbd43604fab33ee88132d56b', class: "section-spacing" }), index.h("div", { key: '85733eccab5da92d7fe587905c9416f74d5795ef', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'ef40b6e22c38ad123e114d271901263d471ba03a', class: {
+        return (index.h(index.Host, { key: 'f711bb7188c58d985c21b868ff4a81839c95b860', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: '046900086d8fa83ba7d8ddf46cb789c8a3aa5808', class: "search-filter-container" }, index.h("slot", { key: 'fa39d1a8fe5f9cfcb3bb315ee2e5ae8c25b7f97f', name: "search-and-filter" })), index.h("div", { key: '91f734fa9dbf235fe84648eff836675a333ef1b9', class: "section-spacing" }), index.h("div", { key: 'c12594915b7db911f3a51b53e3d61d0b04eb17e3', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'bafa91927c3ee8b5ae39a1ca579542778d906572', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '3acf9a699533cab39276f3a405ce0d2d6a460ad9', name: "contextual-actions" })), index.h("div", { key: '631a4c30e1b0582428e8d3a0b1365708cec7c047', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '8c5dd8cc54be8b1340440a64c3c6dd8408877c5d', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'ffeb60934b07d5de63440466f51a566ea2eb6b61', "show-menu": this.renderMenu() }, index.h("slot", { key: '3b6d8c09f48cb548954418cd7b85d2ee574b74c3', name: "menu-actions" })), index.h("slot", { key: 'fb8181ceeea5045d15719111f34d73da7ab9ed0d', name: "primary-action" })))));
+            } }, index.h("slot", { key: 'f335b1c293f2a653b07c4dd9775149297fb075ef', name: "contextual-actions" })), index.h("div", { key: 'd94f07c4413d90894ecb166b11db1c7338aa3c1a', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '6b8a11b714dd4884a72bb35e099ac8957bb3f457', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'fa22c6813d9ac11b7266ac6a03da86a5fce9123a', "show-menu": this.renderMenu() }, index.h("slot", { key: 'fae8035eaa736297f7ec277710a35a888ee556c0', name: "menu-actions" })), index.h("slot", { key: 'a5d8de79c78a9fc8a03fefebdde803e64faf718d', 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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.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: '24653576a15d43fdcf7ebf19efc2374324ebba35', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '32031c3d81d4b81b036b2f9c559572d4e35c207e', class: "gux-table" }, index.h("div", { key: 'ed8a5cc52afa2df8a5f15b0900f66ec87def2014', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '3bbfd0b8cf641915d071a39a393d904436a49156', name: "data" })), this.isTableEmpty && (index.h("div", { key: '068b37181ec523cf0e978c448d67ae3169ba087c', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: 'f2595a3fa21a3de38d499cb2d9cf7b237ca25a46', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '5d27dddb1e69f0e9bf031172ba5ab155208e6e7b', class: "gux-table" }, index.h("div", { key: '99ecb38f51635c681e3938557ab1bd0869b42da5', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'cf76647ebc7741ccfdcbe4d37bd5682bbedb6b32', name: "data" })), this.isTableEmpty && (index.h("div", { key: 'ef97be144392a5d9623ca1c0410f6443e240533d', 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-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '9123a797a37fac25fb527912b35005589689ef2c' }, index.h("slot", { key: 'c0234d03a348bada23cd3bdd45101e90504afabd', name: "tab-list" }), index.h("slot", { key: 'd58f6be9d9820ecabd75c45b29234a5b48ca1d60', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: 'b1b21bc9e4905fe4e925c2a4c45274af44b2fd72' }, index.h("slot", { key: '30b21d902cb07cc2dabb1fcf7ca497ea5916700e', name: "tab-list" }), index.h("slot", { key: 'a9bd305112759c9db47689d172c5fd0c5650f9ba', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8b693ae3.js');
+const usage = require('./usage-3dcfa17c.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '8c5eef393048b188f750a10c53cc40a95a66cf14' }, index.h("div", { key: '709dc342cdf87dcc30c156937a00611e26e34eec', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '0b89efdba4dbe56f64d8b908ba89a955ae1fc156', name: "tab-list" }), index.h("div", { key: '751ee7b24a6bad58d23d7aaf222d2cb69e1b34cc', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '8c2d0dccd4132e017408c0dbb746edeaab42493d', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: 'e2f4545c14989cca1745ac0e4f205ff33c2f4973' }, index.h("div", { key: 'f908fbf9b94454802288bbd25582579f910f8ad0', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '7df832919a7b10ab1693a7ecffce1239e7baf0d8', name: "tab-list" }), index.h("div", { key: '5e111a126825b469e0d3874839e1a601247bc044', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '5c7073c19f7c62510563d135b6aa6bed3a138d44', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {