genesys-spark-components 4.153.0 → 4.154.0

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -110,7 +110,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '57c06c38d906ceda4290cd20b4676cf8659f95a6', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: 'a00ca1dbf3ad5163a0d7aa145db929afcf487238', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: 'e41f83fb42957d4d457081f3b1d8de970faa4f06', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '9c8b90b1ac5498c260f2216ff05b0fbbf6888d8c', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');

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-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const onResize = require('./on-resize-b2cc6e7f.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');

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-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.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)}";

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

@@ -27,9 +27,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: '3f7dfdc7c9d7c83e3c67900cb1e3a3730bcb43c9', "label-position": "screenreader" }, index.h("input", { key: '9c45c4dddf2efd28dc951eb84242f76b92d0a6c4', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: '64484a1ea527a98d213c26cfd63279511a097a21', "label-position": "screenreader" }, index.h("input", { key: '8d4cff4d7e2f5b1b6ca2c1aab97b7953ab63004f', 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: 'deeb222fee39501e0f18648893142839726a2e1f', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '2715f6c0ac20cbe5e74fc594cd4e7723d9f9cd60' }, 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: 'dc49e3615e09ff039d3029fc59ef4429a6185d7d', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'fb6bbe582403febba0e6c6c7fac4df585eb2a44a' }, 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-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 
 const guxScreenReaderCss = ":host{position:relative}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.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;

package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.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:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);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:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.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;
@@ -21,7 +21,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '740ec16afa50e1673f37312f57430c6e62ae27b3' }, index.h("div", { key: '68bca6eac3f2436ab80ba0a7d62fd59e3fbc9adb', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'f748401e86c2183f4d9f3e21198f63fd11258dbd', name: "icon" })), index.h("gux-truncate", { key: '81a2b7a1ccfadf5a12ee61b34669d8e7d7ea8dfa', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '2780ca7c864e3843c22721e1fff37c5f62df956e', name: "message" })), index.h("gux-dismiss-button", { key: '515d2f5d6b96300ea43acc538284f8c3d7f3aefb', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'fcedc51276036598daebdb655e739f7ef4f62b45' }, index.h("div", { key: '60c846e5a15400cbef1e1827d1a549c51903b9c5', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '1171cf31e5573d3485b338e0fcb430664e500fde', name: "icon" })), index.h("gux-truncate", { key: '41e9b1c8048684f7c0ae32e32789c95eb9e9be28', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '1e43240a28a3d7b857b03207a7276acbe5b42230', name: "message" })), index.h("gux-dismiss-button", { key: '6ec76bb9de5815f5c9f8c4c1a594cfd23f6a1e06', 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: '9b29427b4988a26d36f292346d5dabab7c42200b', role: "listitem" }, index.h("slot", { key: 'fe8214c048c5f1f3b75526f7cbed83afbc8441f9' })));
+        return (index.h(index.Host, { key: '4ab16d55d148cac9a7ffd23718c84ba9e1f6e8ce', role: "listitem" }, index.h("slot", { key: '65862c365b5a58ac64caa4d17ce5ac1a854f2406' })));
     }
     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-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.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: '464f29128ba4bb4af31a4f904dab9d11e0024a5a', class: "gux-container" }, index.h("nav", { key: 'd52d3ffef7edd2300233902bde84a5aa64aca4d5', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '31e72bbbfab7582c05f48a631d2e21c4b26e38fd', role: "list" }, index.h("slot", { key: '1bf53a4c70f24968b841f76e593dac2c2016b064' })))));
+        return (index.h("div", { key: '7dcb053b4e6036bfb0a88ae34af11f92aea3199f', class: "gux-container" }, index.h("nav", { key: '29f949b4959eb2cd0aa2fab681570be0a5fa42f0', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '7f1ca7d3ec29723de612ed3fac329f38df864e1e', role: "list" }, index.h("slot", { key: 'ec7d5f499fbab0132f53219808c7dc8cf24cb591' })))));
     }
     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-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -107,13 +107,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: '35dd837e0e7bf4651e67b34682cc700bd0cea867', class: "gux-container" }, index.h("button", { key: 'd2c2d42607ecdbb15986c63deccaa9b279662f6b', class: {
+        return (index.h("div", { key: 'b3be0740bebb853b93120ff2f480a53233feb119', class: "gux-container" }, index.h("button", { key: '48bfd91535d1ffbdba391de592dc60d08c2f4161', 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: 'cdf25dd3dbc12ee33aa15e9987bfb1c35bfa58df', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '87bd803ad2f0bab456dccf2aa6be2eb5eaf41228', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '0e3dd89d4aa6b278d8b6cd0c8d3eef686d01b29a', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '59eeba669926671a3c20aaebe7a0a81299ee19bc', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-status-indicator-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxStatusIndicatorCss = ".gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center;padding:var(--gse-ui-dataTableItems-statusIndicator-gap);font-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);line-height:var(--gse-ui-dataTableItems-statusIndicator-label-lineHeight);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-status-indicator:hover{cursor:default;background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-has-table-parent{position:relative;inset-inline-start:-8px}.gux-status-indicator-text{color:var(--gse-ui-dataTableItems-statusIndicator-text)}.gux-status-icon{display:inline-flex}.gux-status-icon::before{content:\"\"}.gux-status-icon-info::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);background:var(--gse-ui-statusGlyph-information)}.gux-status-icon-warning::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-neutral)}.gux-status-icon-error::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-negative)}.gux-status-icon-success::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-positive)}";

package/dist/cjs/gux-step-title.cjs.entry.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e321455d.js');
+const usage = require('./usage-db3b9276.js');
+
+const guxStepTitleCss = "button{all:unset;font-family:var(--gse-ui-stepper-default-text-fontFamily);font-size:var(--gse-ui-stepper-default-text-fontSize);font-weight:var(--gse-ui-stepper-default-text-fontWeight);line-height:var(--gse-ui-stepper-default-text-lineHeight);color:var(--gse-ui-stepper-title-default);cursor:pointer}button[disabled]{pointer-events:none;user-select:none}button:hover:not([disabled]){font-family:var(--gse-ui-stepper-hover-text-fontFamily);font-size:var(--gse-ui-stepper-hover-text-fontSize);font-weight:var(--gse-ui-stepper-hover-text-fontWeight);line-height:var(--gse-ui-stepper-hover-text-lineHeight);color:var(--gse-ui-stepper-title-hover);text-decoration:var(--gse-ui-stepper-hover-text-textDecoration)}button:focus-visible{outline:var(--gse-ui-stepper-step-focus-border-width) var(--gse-ui-stepper-step-focus-border-style) var(--gse-ui-stepper-step-focus-border-color);outline-offset:var(--gse-ui-stepper-focus-offset);border-radius:var(--gse-ui-stepper-step-focus-borderRadius)}";
+const GuxStepTitleStyle0 = guxStepTitleCss;
+
+const GuxStepTitle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.internalactivestepchange = index.createEvent(this, "internalactivestepchange", 7);
+    }
+    onClick() {
+        if (!this.stepDisabledState) {
+            this.internalactivestepchange.emit();
+        }
+    }
+    // Get the disabled state from the closest gux-step-beta element.
+    get stepDisabledState() {
+        var _a;
+        return (_a = this.root.closest('gux-step')) === null || _a === void 0 ? void 0 : _a.disabled;
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+    }
+    render() {
+        return (index.h("button", { key: '443c523c63f29b42d4a6cbc6adf848bfb2ae867b', type: "button", disabled: this.stepDisabledState }, index.h("gux-truncate", { key: 'a1b508617900a426091baec4cf119d40ce3cc692', maxLines: 2 }, index.h("slot", { key: '97385de2d7b2fc9c9962a7d03cfcf23af85dd226' }))));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxStepTitle.style = GuxStepTitleStyle0;
+
+exports.gux_step_title = GuxStepTitle;

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

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e321455d.js');
+const usage = require('./usage-db3b9276.js');
+
+const guxStepCss = ":host{inline-size:100%;max-inline-size:100%}.gux-stepper{display:flex;flex-direction:row;gap:var(--step-gap);align-items:flex-start;justify-content:flex-start;min-inline-size:var(--stepper-min-inline-size, 0);min-block-size:var(--stepper-min-block-size, 0);padding-block:var(--stepper-padding-block, 0);padding-inline:var(--stepper-padding-inline, 0);background-color:transparent;border:none}.gux-stepper gux-icon{flex-shrink:0;align-self:flex-start;margin-block-start:var(--stepper-step-body-margin, 0)}.gux-stepper.gux-step-incomplete{color:var(--gse-ui-stepper-icon-incompleted-foregroundColor);border-block-start:var(--stepper-border-block-start-incomplete, none);border-inline-start:var(--stepper-border-inline-start-incomplete)}.gux-stepper.gux-step-completed{color:var(--gse-ui-stepper-icon-completed-selectedForegroundColor);border-block-start:var(--stepper-border-block-start-completed, none);border-inline-start:var(--stepper-border-inline-start-completed, none)}.gux-stepper.gux-step-error{color:var(--gse-ui-stepper-icon-error-foregroundColor);border-block-start:var(--stepper-border-block-start-error, none);border-inline-start:var(--stepper-border-inline-start-error, none)}.gux-stepper.gux-active{color:var(--gse-ui-stepper-icon-active-foregroundColor);border-block-start:var(--stepper-border-block-start-active, none);border-inline-start:var(--stepper-border-inline-start-active, none)}.gux-stepper>.gux-step-information{margin-block-start:var(--stepper-step-body-margin, 0)}.gux-step-information{display:flex;flex:1 0 0;flex-direction:column;gap:var(--gse-ui-stepper-step-text-gap);align-items:flex-start;justify-content:flex-start;margin-inline-end:var(--gse-ui-stepper-step-horizontal-body-marginRight)}.gux-step-information slot[name=helper]{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);font-weight:var(--gse-ui-formControl-helper-helperText-fontWeight);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-disabled{pointer-events:none;cursor:default;user-select:none}.gux-disabled>*{opacity:var(--gse-ui-stepper-step-disabled-opacity)}gux-truncate{text-align:start}";
+const GuxStepStyle0 = guxStepCss;
+
+const GuxStep = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.internalactivatestep = index.createEvent(this, "internalactivatestep", 7);
+        this.status = 'incomplete';
+        this.disabled = false;
+        this.active = false;
+    }
+    onClick() {
+        if (!this.active && !this.disabled) {
+            this.internalactivatestep.emit(this.stepId);
+        }
+    }
+    async guxSetActive(active) {
+        this.active = active;
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+    }
+    getStatusIcon(status) {
+        switch (status) {
+            case 'incomplete':
+                return 'fa/circle-dashed-regular';
+            case 'completed':
+                return 'fa/circle-check-solid';
+            case 'error':
+                return 'fa/hexagon-exclamation-solid';
+            default:
+                return 'fa/circle-dashed-regular';
+        }
+    }
+    render() {
+        return (index.h("div", { key: '138bd81c011392e0b69f478b12056c0720bed45c', class: {
+                'gux-stepper': true,
+                [`gux-step-${this.status}`]: true,
+                'gux-disabled': this.disabled,
+                'gux-active': this.active
+            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'be271cf4a3ac8162f6395e57e8a318e35b316af2', size: "small", "icon-name": this.active
+                ? 'fa/circle-half-stroke-regular'
+                : this.getStatusIcon(this.status), decorative: true }), index.h("div", { key: 'e756b08441febaa061e3a42bc5ea44aba03a5823', class: "gux-step-information" }, index.h("slot", { key: 'd108baaf0263d9b89b9132726bcc2b2733d0d8e5', name: "title" }), index.h("gux-truncate", { key: '73fea785882b6ad73c56d2b37c64ef6536130897', maxLines: 2 }, index.h("slot", { key: '571d98d8af9c7313713c132f056e3e72410e0b00', name: "helper" })))));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxStep.style = GuxStepStyle0;
+
+exports.gux_step = GuxStep;

package/dist/cjs/gux-stepper-beta.cjs.entry.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e321455d.js');
+const usage = require('./usage-db3b9276.js');
+
+const guxStepperCss = ":host{display:flex;flex-direction:column}:host .gux-stepper{display:flex;block-size:100%}:host .gux-stepper.gux-stepper-horizontal{flex-direction:row;--stepper-min-inline-size:var(--gse-ui-stepper-step-horizontal-minWidth);--step-gap:var(--gse-ui-stepper-step-gap);--stepper-padding-block:var(--gse-ui-stepper-step-horizontal-gap) 0;--stepper-border-block-start-incomplete:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-block-start-completed:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-block-start-error:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-block-start-active:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-active-foregroundColor) solid}:host .gux-stepper.gux-stepper-vertical{flex-direction:column;--step-gap:var(--gse-ui-stepper-step-vertical-gap);--stepper-min-block-size:var(--gse-ui-stepper-step-vertical-minHeight);--stepper-padding-inline:var(--gse-ui-stepper-step-vertical-gap) 0;--stepper-border-inline-start-incomplete:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-inline-start-completed:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-inline-start-error:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-inline-start-active:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-active-foregroundColor) solid;--stepper-step-body-margin:var(\n    --gse-ui-stepper-step-vertical-body-marginTop\n  )}";
+const GuxStepperBetaStyle0 = guxStepperCss;
+
+const GuxStepper = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.guxactivestepchange = index.createEvent(this, "guxactivestepchange", 7);
+        /**
+         *  Specifies horizontal or vertical orientation of steps.
+         */
+        this.orientation = 'horizontal';
+        this.disabled = false;
+        this.stepList = [];
+    }
+    onInternalActiveStepChange(event) {
+        event.stopPropagation();
+        const stepId = event === null || event === void 0 ? void 0 : event.detail;
+        this.activateStep(stepId, this.stepList);
+    }
+    watchActiveStep(newStepId) {
+        this.activateStep(newStepId, this.stepList);
+        this.guxactivestepchange.emit(newStepId);
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+    }
+    componentDidLoad() {
+        this.activateStep(this.activeStepId, this.stepList);
+        if (this.activeStepId) {
+            this.guxactivestepchange.emit(this.activeStepId);
+        }
+    }
+    activateStep(stepId, stepList) {
+        if (stepId) {
+            this.activeStepId = stepId;
+        }
+        stepList === null || stepList === void 0 ? void 0 : stepList.forEach(step => void step.guxSetActive(step.stepId === this.activeStepId));
+    }
+    onSlotChange() {
+        const slot = this.root.shadowRoot.querySelector('slot');
+        this.stepList = slot.assignedElements();
+    }
+    render() {
+        return (index.h("div", { key: 'e47f240d69e16893425a93471aa31c1cb3195285', class: {
+                'gux-stepper': true,
+                [`gux-stepper-${this.orientation}`]: true
+            } }, index.h("slot", { key: '11e714afac97055cc38a7f9f8f606045d64ad962', onSlotchange: this.onSlotChange.bind(this) })));
+    }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "activeStepId": ["watchActiveStep"]
+    }; }
+};
+GuxStepper.style = GuxStepperBetaStyle0;
+
+exports.gux_stepper_beta = GuxStepper;

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

@@ -145,13 +145,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e5a1b4c1e87911f03e3a84a66cfd29d5769afa8d' }, index.h("button", { key: '7afbe1098e9e11edc76437225267ce970171376c', type: "button", class: {
+        return (index.h(index.Host, { key: 'd93414d7beb40cab15ae9df1690aeea642ce0076' }, index.h("button", { key: 'a8f4db8fcdc0ca13c6e39d1f117899d37121a476', 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: '045e11c6dbd7c28d681ac59ef3edfe77a2f96621', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: 'd3cc17228ef53ed5ee837f2919d203d16f307fc7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), index.h("div", { key: '9d65a9fe9242435c0687b08f248cd2dd561a6036', 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: '524a52123f823d425bdb19ffbf4b51c2b2c316d8', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: 'c99157a92c7575c31a943777d72f88ac7d87cac2', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), index.h("div", { key: '65b0f392279185797a6a5ea0db92f4ada7d8ad87', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '6f0cda0fc9b8c88783394b00097896b9115ac658', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'ed21ef6781ecb54218705bb356b4d2a217c23bc2' })))));
+            } }, index.h("div", { key: 'b9e0e1466d15cb1a5e77c297dd14271fd06d08d8', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'd50a2ee90823846c77ee792f2effcbcfd255f632' })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-switch-item.cjs.entry.js

@@ -19,7 +19,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f2e3b36853c947ecbbb9770c8e4e8c960028dfc5', class: { 'gux-selected': this.selected } }, index.h("button", { key: '0081c88cdd890723bca9e2bd46f047ea0ba144da', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'a45f6bd0a68bd3cc2c38a445e2ba65fca4165e7e' }))));
+        return (index.h(index.Host, { key: '473d91b23d91706de57cd54e5bbb4cf37643aeda', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'f58a58c514b009a5ed077419e8d0823e0f77344a', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'd74ea185cf5091f069309b0172a8719d5a810130' }))));
     }
 };
 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-e321455d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -36,7 +36,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '557be79a6860f47c913ecd8dbaabf93730954cb5', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'd1c9c9756cfde1894f2587f8114597fd36eca57d', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '636ba23f9f730f26792bbbe606ec742967b678eb', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'd0d8b7103c7d91457e7a195eecaaaa0c154719c0', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3113,7 +3113,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: 'f73281b254236709b51b531869ab39bca2763010', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '90a71d47d76424c07f573971dcdb1d4383b6b49f', class: "gux-scrollable-section" }, index$1.h("div", { key: 'c7f696e00b74ea295c68f5d26f377b9ab776b73d', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'e7a9561d7406676e6049a050b9b7ea6773268a39' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            index$1.h("div", { key: '5423db2afdc4e9b25f54bd5125dc9f60f46aa484', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'c6087769feef0a3dfd45f5579064b1c2f78b317a', class: "gux-scrollable-section" }, index$1.h("div", { key: '36e607e2cb94242352895f4b499c14e32cd09368', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'd8fdf472fe8f0c2232c456d89526ea01dbe1b593' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

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

@@ -23,7 +23,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '85038c15285d607dea07f9b9cf781e23ae38fb1f', 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: 'fea88590b0ebcb2f6b7ff494ca40ff3143da2eae' })));
+        return (index.h("div", { key: '0ac73749e9860b0391f09bd0822f6aea6a88e6c6', 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: '23416d1e4229f0394dbacf46a92a981d41ec75eb' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -161,12 +161,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: 'bef7d586eec01ac52b11dd2fed649409e0f48a70', class: {
+            index.h("div", { key: '51a9874d726cfbacc331df66a039cd8d53bc436b', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '0b5ace2cbb918a35aa33a590ca583bf063e04a3a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'b2e093ae3e6ed16f15d2f3a8f8e01e37870c393f', class: "gux-divider" }))
+                } }, index.h("div", { key: '2271cc67b8e9f018fbb966abf1313f46c32fcd3f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'a631640afe9296b849f0b07b6d29ee8e8c20aa97', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -286,9 +286,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '9b62053ff894bbf0bf8ff90d8dc2c731478515f6', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'ae9f54186164a9e741aae2301e04238a3bb5471e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'c881440cf290f48b063e0512c352e8875818d7df', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '3f9c1acbdba60e8960d2ef8a57af3a011f49f3ca' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '4ccc0d0abed67e29e3cd025f5e89a58b998732fe', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '7855403cc39f1f524b948526cc5f497d78a4f88d' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -23,7 +23,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4e96edab7e144ce7896302c9f377eb5fd7cbff23', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '3c7809db0deca29010bba8cdde0bb332c2d70209' })));
+        return (index.h(index.Host, { key: 'a2a87f4bedc6e85add3ee32ccd024c8cf93f3383', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '4b2100851a94f283f3eaafe44c68e1d01bae1922' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -52,11 +52,11 @@ const GuxTab = class {
         return -1;
     }
     render() {
-        return (index.h("button", { key: '17d7ccf29a00238d23873f98019d2b922d8cf47b', class: {
+        return (index.h("button", { key: '4e72859d886bc4518d93edb98e259afb2c7ed86b', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'b50baa40839a82012bcd861c47f461d3e621587b', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '31d5321e491af1644fc08c14bc26797f54aa8bd0' }, index.h("slot", { key: '6d9a8d16e8b4ad002d1644ab38b64293e82cea7a' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: '332024c8968009f60737e884024f7cdd3c86e98d', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'e28ebb2c2555d361691c839bdcc1e7864679b668' }, index.h("slot", { key: '7a083f1202b493f3159252571c65308e004058c9' })))));
     }
 };
 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: 'd1c0f311bbbcc530d57ec706e0beb3b64491d9a1' }, index.h("slot", { key: 'f3cc98d543613d840e0af72313ded37b9e2f465c' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: 'ed1fcadfcaa20cf528eb0052be480aee0f87446b' }, index.h("slot", { key: '1a6efd9054e41699dbd327d08be5dd107967c7c3' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };