genesys-spark-components 4.154.3 → 4.154.5

package/dist/cjs/gux-radial-loading.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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -52,7 +52,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: 'bddbb444723ba11604fb40349c039b7370ef6b51', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '2bff8a2a2eb177f4b99b124359249ba8628223e6', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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: '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: {
+        return (index.h(index.Host, { key: 'eaa17ab8f1f84844c4724a553bb3349449e7c179', 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: '0dd5c4652077dc010d2e22c80ee2b6368f01f8a3', 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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-63e86478.js');
@@ -147,7 +147,7 @@ const GuxRichTextEditorMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '87963618481ff58c090023c17beab8d53a9b073a' }, index.h("gux-popup", { key: 'bda2cc0cc677fdd9c879c89743e66f933bfaefa6', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'ecce9e9fce1bb889e36ef7f785b8d93cef132842', slot: "target" }, index.h("gux-button-slot", { key: '92f988d6ea66dc95a4e5f67a552ea2ff5c36cd6e', accent: "ghost" }, index.h("button", { key: '8cd5d5dff2e6041c76e5b6d8e71e99d670b68068', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: guxRichTextEditor_service.hasDisabledParent(this.root) }, index.h("gux-icon", { key: 'd94ba218d4dc0987b00ac1f2f8f57fd651bf2c17', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.i18n('additionalActions'), size: "small" })), this.renderTooltip())), index.h("div", { key: '19d637e62a5213f2f368a56ed30b458403fc8d04', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: '7bb3f2896b1a2d32c3953279662f6f4a2b2644d0', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '0c346a5c7d6fac4edc8ba7f6d02947e977488831' }))))));
+        return (index.h(index.Host, { key: '87963618481ff58c090023c17beab8d53a9b073a' }, index.h("gux-popup", { key: 'bda2cc0cc677fdd9c879c89743e66f933bfaefa6', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'ecce9e9fce1bb889e36ef7f785b8d93cef132842', slot: "target" }, index.h("gux-button-slot", { key: '92f988d6ea66dc95a4e5f67a552ea2ff5c36cd6e', accent: "ghost" }, index.h("button", { key: '8cd5d5dff2e6041c76e5b6d8e71e99d670b68068', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: guxRichTextEditor_service.hasDisabledParent(this.root) }, index.h("gux-icon", { key: '6b2f6de7e1ea240023bd21343674c3932c0666ca', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '690c884ce0424d98f227385dc63920af27926efa' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: '24e6a9160a117a401779d0dc73842326e4930435', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: '64787b9c585a0ccfbe17faf0370f1001ce50ba6e', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '2a5161bb4ac3c07d89636a69aad5746ed55fc6e7' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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');
@@ -113,10 +113,10 @@ const GuxRichTextEditorActionTextHighlight = class {
         this.actionButton.focus();
     }
     renderTarget() {
-        return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, index.h("button", { type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive || this.expanded }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString(), "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", "screenreader-text": this.i18n('textHighlight') })), this.renderTooltip()));
+        return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, index.h("button", { type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive || this.expanded }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString(), "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", decorative: true }), index.h("gux-screen-reader-beta", null, this.i18n('textHighlight'))), this.renderTooltip()));
     }
     render() {
-        return (index.h("gux-popup", { key: '4c62359bc54074403adeebc73755df86b9d658f0', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'ec879de91b32e19a4db7bb9685ec4a72646e9dec', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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');
@@ -29,7 +29,7 @@ const GuxRichTextEditorAction = class {
         }
     }
     renderActionButton() {
-        return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true }, index.h("button", { type: "button", disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive }, "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { "icon-name": guxRichTextEditor_service.returnActionTypeIcon(this.action), "screenreader-text": this.i18n(this.action), size: "small" })), this.renderTooltip()));
+        return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true }, index.h("button", { type: "button", disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive }, "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { "icon-name": guxRichTextEditor_service.returnActionTypeIcon(this.action), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, this.i18n(this.action))), this.renderTooltip()));
     }
     render() {
         return this.renderActionButton();

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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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: '64484a1ea527a98d213c26cfd63279511a097a21', "label-position": "screenreader" }, index.h("input", { key: '8d4cff4d7e2f5b1b6ca2c1aab97b7953ab63004f', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: '4c38a889a99cc07fa6cbf58cfc14be169ee5ae2c', "label-position": "screenreader" }, index.h("input", { key: 'c571dd39e29dd14f1b0fd1c3f6affb785792620d', 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: 'dc49e3615e09ff039d3029fc59ef4429a6185d7d', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'fb6bbe582403febba0e6c6c7fac4df585eb2a44a' }, 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: 'f1337acc7ec012c214c8cc93e9a7f8dbebd1c869', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '785541fb0ad8cf8ec4506bad22d3ce9826d019b7' }, 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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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;
@@ -16,7 +16,7 @@ const GuxScreenReader = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("span", { key: '415336aabbf842386fdaf43d88d019bc4c46e561', class: "gux-sr-only" }, index.h("slot", { key: '930fb469c19e12f408376bf0f6c96358e00b481d' })));
+        return (index.h("span", { key: '95824e610f97c40b42b517f7ff0782ec60f0385e', class: "gux-sr-only" }, index.h("slot", { key: '5017a13a4fa03145ac42029c7c9ae6908d357aa3' })));
     }
     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-e321455d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -41,7 +41,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'ef39fcb72114edc136fa4c617831ea4295204e9a', role: "group" }, index.h("slot", { key: '73e153633d0dcf2e10ecaf5fb8df2dca9d1c1aa2', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '6313278a473c749972e2298b83f28cb11dd47a32', role: "group" }, index.h("slot", { key: '4d589907bbccb2a17d0912e6338ce5e6756e6071', 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

@@ -52,19 +52,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b884363ecb15a9ed7fa2e0824791087ba339c6b2', class: {
+        return (index.h("div", { key: '793138dadd46ea3397776690e101cdcac0bbd382', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, index.h("button", { key: '7cad7b47e97ab574c89bbd75847854cfac6c363c', class: {
+            } }, index.h("button", { key: '42e5a00697a2c0deb577e4ba6fee1923371a26ec', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: '24f5dad0a63ddddf1c251f86554660fb0c76180c', class: {
+            }, type: "button", "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: '21fbcc98545dcd37f2bc115493d8dd38b30abfa0', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: '0d64d1725749d994a1d6fa27bbc34358ce4a80e1', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: 'e467fb435d4f2c777c55fc6873394eb499f02ab8', 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-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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');
@@ -53,11 +53,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: '480a6392b2b758bd68ca3780587dc09d2a201bf3', class: {
+        return (index.h("div", { key: '97ab16baffb3926895233003ba989f4c1e9e309a', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '6e64fdb9638c58db92390433fd2e2f2dce0e2348', class: "gux-content" }, index.h("div", { key: 'ba8c606d7a5e3f9823a1330150d26a00cfebe98f', class: "gux-icon" }, index.h("slot", { key: '39d9ebf65578a6f09aa3ce3c2f0b89ad2fb86725', name: "icon" })), index.h("div", { key: '4696a831c08515181d924cf389d1b0d8bc65e813', class: "gux-label-container" }, index.h("slot", { key: '9c3864aa9fd8ba5fedc1c476219d5fc8151fc53f', name: "label" })), index.h("slot", { key: '56ecdde3798b9f921f18907df68aead6ac52f72b', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: 'd0b66d6f254baede578851e47880221128eeea12', class: "gux-content" }, index.h("div", { key: '15130d174bbce1505191d1bbfe2f40e3d59c85d1', class: "gux-icon" }, index.h("slot", { key: '753b20d4ec466c04c3f54f91fb8b8549f8a69d0c', name: "icon" })), index.h("div", { key: '0b2a096960f86a1c9845de005de25c6d2aed9be2', class: "gux-label-container" }, index.h("slot", { key: '0466e924796a7d44f658a7bab8a4bb96771e9277', name: "label" })), index.h("slot", { key: 'dc6dbd6544931f7fd407e353397af0f6d3697c03', 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-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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: '9f3a1e9f850720ba6f825c8ea4eb837b0fcf23e1', class: "gux-selector-cards" }, index.h("slot", { key: 'bd39cf942c05c4e255890eef3068fbb3695e82b9' })));
+        return (index.h("div", { key: '89a3e4a7b94ff9a0b21bf654631736f728dc21b0', class: "gux-selector-cards" }, index.h("slot", { key: 'c74c7d62000770e26a6534bcc9854a7c478775d0' })));
     }
     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-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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}";
@@ -28,10 +28,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (index.h(index.Host, { key: '5fdbfbef55bc30be78471c516f8b33f8c9c34981', role: "complementary" }, index.h("div", { key: '4857f47450eeb2268041e55bf89588dd83267502', class: {
+        return (index.h(index.Host, { key: 'b57d810edc0a2ee6898f700206ca58d764cd561a', role: "complementary" }, index.h("div", { key: '8b0203fb024e49d65d204fe3ba98f95466065ae5', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, index.h("header", { key: 'bc72b54f2b0651ecb7301a864130f26dfaf1f1aa' }, index.h("slot", { key: '383b5861e4bd529d2b4d8e8bb3b463ad83d0d933', name: "heading" })), index.h("gux-dismiss-button", { key: 'fac90508c0adb703155b854d9c43b14c43871cb5', onClick: this.onDismissHandler.bind(this) }), this.renderDescription(), index.h("div", { key: '6763ab02f24111100758ff07153484fc23634962', class: "gux-side-panel-content" }, index.h("slot", { key: 'de0eb73cf762b2b9c5e16191ed98722caad9f389', name: "content" })), index.h("footer", { key: '43c1297f6408a3638b2f480ce2a22ea2e631accb' }, index.h("slot", { key: 'b91da0a3a97a669d24b18a492455b64bcb490014', name: "footer" })))));
+            } }, index.h("header", { key: 'ac661f82543e6b7c1a04b5857caeddc44f2d9edf' }, index.h("slot", { key: '55fcd81910e08d3e69dfdee1cc3c88de09157a81', name: "heading" })), index.h("gux-dismiss-button", { key: 'e9e358c0990a6c762672ec8ed6dab0afd9947ce8', onClick: this.onDismissHandler.bind(this) }), this.renderDescription(), index.h("div", { key: 'dd200672f94c8d86240009af60d00b088239510e', class: "gux-side-panel-content" }, index.h("slot", { key: '73f9de5408b009562ac56278fdaa4335e1de165d', name: "content" })), index.h("footer", { key: 'd85f5c6f66ab8ddee68cfcd0998a09de03930cdd' }, index.h("slot", { key: '154b790214c721b0cf20a286fb1083619ebb2b5d', 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-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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;
@@ -21,7 +21,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (index.h(this.headingTag, { key: '102982a11dc324ec6c2b41c75427e1321b64418a' }, this.iconName && (index.h("gux-icon", { key: '2902d503a5097a95b0f7bf45a243a9f170d7dd3e', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: 'bdbe0e7213049066a3b949fa8b301404112df58c' }, index.h("slot", { key: '373dc1b994d6dccaa8bea6805a27956b670d1582' }))));
+        return (index.h(this.headingTag, { key: 'e541b6cece24122f1129d9991a21f181c50d5c10' }, this.iconName && (index.h("gux-icon", { key: 'd1fa01f7b0bd0c3ef624732c00706054c36e2031', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: 'bd0d23e52850a7f7cdd75e7029d29ad1bc61f1af' }, index.h("slot", { key: '723db6a92fc63ae8b5a46fcc732d43c2c7d79a86' }))));
     }
     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-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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: '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) })));
+        return (index.h(index.Host, { key: '370cbfe91752486a47623dcad3cb690383c9be20' }, index.h("div", { key: '9ee2b7c1de15d6cd522396d30890fb5273668e76', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c07d623d41fbf26feba320240c89d44dc2b2ea70', name: "icon" })), index.h("gux-truncate", { key: 'dca0b0fb9b1a20ef990ad89140418412f48224a9', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'bab604744d2170b0bf01d5a6f572c3aa05bc2f69', name: "message" })), index.h("gux-dismiss-button", { key: 'f21ee0c87e36d92e9d0c6289da860112b2d94ddf', 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: '4ab16d55d148cac9a7ffd23718c84ba9e1f6e8ce', role: "listitem" }, index.h("slot", { key: '65862c365b5a58ac64caa4d17ce5ac1a854f2406' })));
+        return (index.h(index.Host, { key: '5af08f7f5038e2bb705c37f3b36537162b00fc78', role: "listitem" }, index.h("slot", { key: '73fe0e05084cf0b275a5550c85f857eef5519e4d' })));
     }
     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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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: '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' })))));
+        return (index.h("div", { key: 'e5adf97bb6ce628c5d7098994335ff61f6f7e390', class: "gux-container" }, index.h("nav", { key: '97232a5218a5f74cde772cedfd8ce964e89a9816', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '5502dc030d9252507fad80a53106cccc33dc6deb', role: "list" }, index.h("slot", { key: '019a601796b13c2e42eeefc7a9133db8074ccee0' })))));
     }
     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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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: 'b3be0740bebb853b93120ff2f480a53233feb119', class: "gux-container" }, index.h("button", { key: '48bfd91535d1ffbdba391de592dc60d08c2f4161', class: {
+        return (index.h("div", { key: '0f5600eb337411de6716a01c9bb4d0825d41e141', class: "gux-container" }, index.h("button", { key: '3f01fb4e9af4f0868be8d1037768c20289d0953d', 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: '87bd803ad2f0bab456dccf2aa6be2eb5eaf41228', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '5ae3610d6302395fe219850288bba23623c72e2a', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '59eeba669926671a3c20aaebe7a0a81299ee19bc', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'e36588875ebbaa0b82bc6cc4df8f925b30a7c12c', 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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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)}";
@@ -32,7 +32,7 @@ const GuxStatusIndicator = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'ad1f1e6a860c831567d34ad5bba3dd95a5a9334c', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, index.h("span", { key: 'ade6bc682959ad174431d6572966261f7c104350', class: `gux-status-icon gux-status-icon-${this.accent}` }), index.h("div", { key: 'c057ddfe0f5515d3b691f738e88263454fb17847', class: "gux-status-indicator-text" }, index.h("slot", { key: 'e62a87ec29e45b8800d41054ca1ab1b561a313d3' })), this.renderTooltip()));
+        return (index.h("div", { key: 'a5bf8a008546f7a81c2bef3edfc544a3f1063328', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, index.h("span", { key: '90c526c391b945da940e5a8e63fe272736ccb929', class: `gux-status-icon gux-status-icon-${this.accent}` }), index.h("div", { key: '66cd298fde0e420f9c5671fe8b80b3a2728abb84', class: "gux-status-indicator-text" }, index.h("slot", { key: 'cf1961ce0b3ac416f0ffbf25d13eda82cbd85a41' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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;
@@ -27,7 +27,7 @@ const GuxStepTitle = class {
         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' }))));
+        return (index.h("button", { key: '3170eb8c531700e51693f5b78b7e041b7d37704d', type: "button", disabled: this.stepDisabledState }, index.h("gux-truncate", { key: '19bc56b155e1fa0e8c20121dc1a963d3a25fefdc', maxLines: 2 }, index.h("slot", { key: 'be9099cc12e32dbcb3e2455199bb485a0030c77e' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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;
@@ -40,14 +40,14 @@ const GuxStep = class {
         }
     }
     render() {
-        return (index.h("div", { key: '138bd81c011392e0b69f478b12056c0720bed45c', class: {
+        return (index.h("div", { key: 'ed40d52213ee404606dfdb8d0df864bd63e8c4bb', 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
+            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '0d07c6a3d9ff154d91af782415c24ad9a0b91119', 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" })))));
+                : this.getStatusIcon(this.status), decorative: true }), index.h("div", { key: 'd0806d39762f881465a70be4e5f6813809959235', class: "gux-step-information" }, index.h("slot", { key: '247d30e05a7dcb9606d288c2dff8b6b94b8ba541', name: "title" }), index.h("gux-truncate", { key: '7001143cb50e79448ae9881b2c0af90e18309774', maxLines: 2 }, index.h("slot", { key: '8b8492477ccd3f8946baa29793b3fdfce396ba68', name: "helper" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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;
@@ -48,10 +48,10 @@ const GuxStepper = class {
         this.stepList = slot.assignedElements();
     }
     render() {
-        return (index.h("div", { key: 'e47f240d69e16893425a93471aa31c1cb3195285', class: {
+        return (index.h("div", { key: 'bb0f6b1ff55c74d62e3067d756a22f9697e769e3', class: {
                 'gux-stepper': true,
                 [`gux-stepper-${this.orientation}`]: true
-            } }, index.h("slot", { key: '11e714afac97055cc38a7f9f8f606045d64ad962', onSlotchange: this.onSlotChange.bind(this) })));
+            } }, index.h("slot", { key: '7e8fb1bfef750bb842719fe4dda298dd29302bda', onSlotchange: this.onSlotChange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -145,13 +145,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd93414d7beb40cab15ae9df1690aeea642ce0076' }, index.h("button", { key: 'a8f4db8fcdc0ca13c6e39d1f117899d37121a476', type: "button", class: {
+        return (index.h(index.Host, { key: '7634739a4d3f51c08717c166facc866713eee2dc' }, index.h("button", { key: '17328b96f6103fcc7a52c3881fcc91b404f5d521', 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: '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: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '4317bb32b28f96ddfdadaa80dd0b27bc6b0e08d8', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '85fc6ed75d07e86096587525f01bc7539264f5b0', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), index.h("div", { key: '18493a4105564036e99417a2bad67b46235a0aac', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'b9e0e1466d15cb1a5e77c297dd14271fd06d08d8', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'd50a2ee90823846c77ee792f2effcbcfd255f632' })))));
+            } }, index.h("div", { key: 'f287026af238a24a6479d2a6557ef526d57f8832', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '2c35a489718ca4d33fd6d427d8bfff26e5762ecf' })))));
     }
     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: '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' }))));
+        return (index.h(index.Host, { key: 'bbec0575109e6efd87682732b7663341876738a9', class: { 'gux-selected': this.selected } }, index.h("button", { key: '30ddf040c97d4b052ff3c3ebc6b5a8731691a613', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'a5413e54bce99afc3cf4b1ae1d150241d5a32776' }))));
     }
 };
 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-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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: '636ba23f9f730f26792bbbe606ec742967b678eb', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'd0d8b7103c7d91457e7a195eecaaaa0c154719c0', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '88b86e36c2c9083bf79172dea82fbdd6b5040d4b', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '6ac3e68b902ea94c0647b2161b11bbe423b54b12', 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: '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())
+            index$1.h("div", { key: '3205aa326f36c3b0fc1cbd25875cc5c202bd65b9', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'dcf73a0e8ed41b5d1a26143f17d16118390caa49', class: "gux-scrollable-section" }, index$1.h("div", { key: 'e5832f4f8b81e913c81c311d5cb8b9075391ff92', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '7c9cdd60280b31a502e824598abeba371c3771b6' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {