genesys-spark-components 4.121.0 → 4.123.0

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

@@ -1,13 +1,147 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-91950719.js';
+import { O as OnResize } from './on-resize-61e616c2.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { g as getActionsFromGroup } from './gux-rich-text-editor.service-dcce5e51.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as translationResources } from './en-abdadc27.js';
+import './get-closest-element-7b2f7d5b.js';
+import './get-closest-element-728b9f18.js';
 
 const guxRichTextEditorCss = ":host{display:block}.gux-rich-text-editor-container{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-rte-innerContainer-gap);inline-size:100%;max-inline-size:100%;padding:var(--gse-ui-rte-padding);overflow:auto;background-color:var(--gse-ui-formControl-input-backgroundColor);border:var(--gse-ui-rte-mainContainer-default-border-width) var(--gse-ui-rte-mainContainer-default-border-color) var(--gse-ui-rte-mainContainer-default-border-style);border-radius:var(--gse-ui-rte-container-borderRadius)}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container{display:flex;flex-direction:row;justify-content:flex-start}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container .gux-global-action-container{margin-inline-start:auto}.gux-rich-text-editor-container.gux-disabled{pointer-events:none;cursor:default;user-select:none;border:var(--gse-ui-rte-mainContainer-disabled-border-width) var(--gse-ui-rte-mainContainer-disabled-border-color) var(--gse-ui-rte-mainContainer-disabled-border-style);opacity:0.5}.gux-rich-text-editor-container:active:enabled{border:var(--gse-ui-rte-mainContainer-active-border-width) var(--gse-ui-rte-mainContainer-active-border-color) var(--gse-ui-rte-mainContainer-active-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled),.gux-rich-text-editor-container:hover:not(.gux-disabled){border:var(--gse-ui-rte-mainContainer-hover-border-width) var(--gse-ui-rte-mainContainer-hover-border-color) var(--gse-ui-rte-mainContainer-hover-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled){outline:var(--gse-ui-rte-mainContainer-focus-border-width) var(--gse-ui-rte-mainContainer-focus-border-color) var(--gse-ui-rte-mainContainer-focus-border-style)}";
 const GuxRichTextEditorBetaStyle0 = guxRichTextEditorCss;
 
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const GuxRichTextEditor = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.guxToggleAction = createEvent(this, "guxToggleAction", 7);
         this.disabled = false;
+        this.typographicalEmphasisActions = [];
+        this.textStylingActions = [];
+        this.listsAndIndentationActions = [];
+        this.insertingActions = [];
+    }
+    checkResponsiveLayout() {
+        readTask(() => {
+            this.handleOverflow();
+            this.getHiddenActions();
+        });
+    }
+    async componentWillLoad() {
+        trackComponent(this.root);
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+    }
+    componentDidLoad() {
+        this.checkResponsiveLayout();
+    }
+    componentDidUpdate() {
+        this.handleOverflow();
+    }
+    isOverFlowing() {
+        var _a;
+        const container = (_a = this.root) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('.gux-rich-text-editor-toolbar-container');
+        // A group of gux-rich-text-editor-action-group.
+        const children = Array.from(container.children);
+        // Calculate the total width of all children excluding hidden (gux-rich-text-editor-action-groups).
+        const totalWidth = children
+            .filter(child => !child.classList.contains('gux-hidden'))
+            .reduce((sum, child) => sum + child.clientWidth, 0);
+        return totalWidth > container.clientWidth;
+    }
+    handleOverflow() {
+        const actionGroups = Array.from(this.root.querySelectorAll('gux-rich-text-editor-action-group'));
+        // Hide last visible action group until there's no overflow.
+        while (this.isOverFlowing()) {
+            let hidden = false;
+            for (let i = actionGroups.length - 1; i >= 0; i--) {
+                if (!actionGroups[i].classList.contains('gux-hidden')) {
+                    actionGroups[i].classList.add('gux-hidden');
+                    hidden = true;
+                    break;
+                }
+            }
+            // If no more action groups to hide, exit loop
+            if (!hidden) {
+                break;
+            }
+        }
+        // Show previously hidden groups if space is available
+        for (const group of actionGroups) {
+            if (group.classList.contains('gux-hidden')) {
+                group.classList.remove('gux-hidden');
+                // If it causes overflow again, re-hide the group and stop the loop
+                if (this.isOverFlowing()) {
+                    group.classList.add('gux-hidden');
+                    break;
+                }
+            }
+        }
+    }
+    getHiddenActions() {
+        this.typographicalEmphasisActions = getActionsFromGroup(this.root, 'gux-rich-text-editor-action-group[slot="typographical-emphasis"]', 'gux-hidden');
+        this.listsAndIndentationActions = getActionsFromGroup(this.root, 'gux-rich-text-editor-action-group[slot="lists-indentation"]', 'gux-hidden');
+        this.textStylingActions = getActionsFromGroup(this.root, 'gux-rich-text-editor-action-group[slot="text-styling"]', 'gux-hidden');
+        this.insertingActions = getActionsFromGroup(this.root, 'gux-rich-text-editor-action-group[slot="inserting"]', 'gux-hidden');
+    }
+    getAllActions() {
+        return [
+            ...this.textStylingActions,
+            ...this.typographicalEmphasisActions,
+            ...this.listsAndIndentationActions,
+            ...this.insertingActions
+        ];
+    }
+    categorizeActions(allActions) {
+        const richStylePrefix = 'rich-style-';
+        const highlightPrefix = 'highlight-';
+        const richStyleActions = [];
+        const highlightActions = [];
+        const filteredActions = [];
+        allActions.forEach(action => {
+            if (action.startsWith(richStylePrefix)) {
+                richStyleActions.push(action.slice(richStylePrefix.length));
+            }
+            else if (action.startsWith(highlightPrefix)) {
+                highlightActions.push(action.slice(highlightPrefix.length));
+            }
+            else {
+                filteredActions.push(action);
+            }
+        });
+        return { richStyleActions, highlightActions, filteredActions };
+    }
+    renderListItems(actions, useInnerHTML = false) {
+        return actions.map((action, index) => {
+            const actionText = action.replace(/<\/?[^>]+(>|$)/g, ''); // Remove HTML tags
+            return (h("gux-rich-style-list-item", Object.assign({ onClick: () => this.guxToggleAction.emit(actionText), key: index, value: actionText }, (useInnerHTML ? { innerHTML: action } : {})), !useInnerHTML && (this.i18n(actionText) || actionText)));
+        });
+    }
+    renderSubList(labelKey, actions, useInnerHTML = false) {
+        if (actions.length > 0) {
+            return (h("gux-rich-text-editor-sub-list", { label: this.i18n(labelKey) }, this.renderListItems(actions, useInnerHTML)));
+        }
+    }
+    renderHighlightSubList(actions) {
+        if (actions.length > 0) {
+            return (h("gux-rich-text-editor-sub-list", { label: this.i18n('textHighlight') }, this.renderListItems(actions), h("gux-rich-style-list-item", { onClick: () => this.guxToggleAction.emit('noHighlightAction'), value: "noHighlight" }, h("gux-truncate", { "max-lines": 1 }, this.i18n('noHighlight')))));
+        }
+    }
+    renderTextEditorMenu() {
+        const allActions = this.getAllActions();
+        if (allActions.length > 0) {
+            const { richStyleActions, highlightActions, filteredActions } = this.categorizeActions(allActions);
+            return (h("gux-rich-text-editor-menu", null, this.renderListItems(filteredActions), this.renderSubList('richStyle', richStyleActions, true), this.renderHighlightSubList(highlightActions)));
+        }
     }
     renderSlot(slotName, containerClass) {
         if (hasSlot(this.root, slotName)) {
@@ -31,13 +165,16 @@ const GuxRichTextEditor = class {
         return this.renderSlot('global-action', 'gux-global-action-container');
     }
     render() {
-        return (h("div", { key: '3ec3c4adf65ef5a7f5ff4ea3ac18002b28fa1009', class: {
+        return (h("div", { key: '40a431abfae4b59ab2cb5d6858669d95d67dd70f', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '44dacd9cf2d5686e0f10242df4c95a93cbc463d2', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), h("slot", { key: 'f3393a71c2d917f89a9b2d98aae0cb22b1f054c2', name: "editor" })));
+            } }, h("div", { key: 'd69396356a78fe4f3af77c5d0da2d475085cb57b', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: '8346fe65a8764fc084dfb38857cd2309f4f89835', name: "editor" })));
     }
     get root() { return getElement(this); }
 };
+__decorate([
+    OnResize()
+], GuxRichTextEditor.prototype, "checkResponsiveLayout", null);
 GuxRichTextEditor.style = GuxRichTextEditorBetaStyle0;
 
 export { GuxRichTextEditor as gux_rich_text_editor_beta };

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

@@ -1,16 +1,17 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { p as previous, n as next, f as first, l as last } from './gux-list.service-5da368db.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)}";
 const GuxRichTextEditorListStyle0 = guxRichTextEditorListCss;
 
 /**
- * @slot - collection of gux-rich-style-list-item or gux-rich-highlight-list-item elements.
+ * @slot - collection of gux-rich-style-list-item, gux-rich-highlight-list-item or gux-rich-text-editor-sub-list elements.
  */
 const validFocusableItems = [
     'gux-rich-style-list-item',
-    'gux-rich-highlight-list-item'
+    'gux-rich-highlight-list-item',
+    'gux-rich-text-editor-sub-list'
 ];
 const GuxRichTextEditorList = class {
     constructor(hostRef) {
@@ -83,7 +84,7 @@ const GuxRichTextEditorList = class {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'a9e2c6054a4069423aab4b7ab97812efe2a3bbd0', role: "list" }, h("slot", { key: '8559c06a39a7094a91fcf4ddf8a61769c58df922', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: '61a6b27bba3f4b2f0d7a773e8dfcb9096c915ef6', role: "list" }, h("slot", { key: '9bdb11b67705953e6d39b7075cfcd6226f58cc91', onSlotchange: () => this.setListItems() })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-rich-text-editor.service-dcce5e51.js

@@ -0,0 +1,80 @@
+import { g as getClosestElement } from './get-closest-element-7b2f7d5b.js';
+
+function hasDisabledParent(root) {
+    const getParent = getClosestElement(root, 'gux-rich-text-editor-beta');
+    return getParent === null || getParent === void 0 ? void 0 : getParent.disabled;
+}
+function returnActionTypeIcon(action) {
+    switch (action) {
+        case 'bold':
+            return 'fa/bold-regular';
+        case 'italic':
+            return 'fa/italic-regular';
+        case 'underline':
+            return 'fa/underline-regular';
+        case 'strike':
+            return 'fa/strikethrough-regular';
+        case 'codeblock':
+            return 'fa/code-regular';
+        case 'blockQuote':
+            return 'fa/quote-right-regular';
+        case 'orderedList':
+            return 'fa/list-ol-regular';
+        case 'bulletList':
+            return 'fa/list-ul-regular';
+        case 'clearFormatting':
+            return 'fa/eraser-regular';
+        case 'undo':
+            return 'custom/undo-regular';
+        case 'redo':
+            return 'custom/redo-regular';
+        case 'delete':
+            return 'fa/trash-regular';
+        default:
+            return 'fa/bold-regular';
+    }
+}
+/**
+ * Extracts an attribute from a action and adds it to the actions array.
+ */
+function addAction(actions, element, attribute) {
+    const value = element.getAttribute(attribute);
+    if (value) {
+        actions.push(value);
+    }
+}
+/**
+ * This function is used for lists eg rich-style and highlight.
+ * Extracts a list of values from child elements and adds them to the actions array with a prefix. eg(rich-style and highlight).
+ */
+function addListActions(actions, parent, selector, prefix, attribute = '') {
+    Array.from(parent.querySelectorAll(selector)).forEach(item => {
+        const value = attribute
+            ? item.getAttribute(attribute)
+            : item.innerHTML;
+        if (value) {
+            actions.push(`${prefix}-${value}`);
+        }
+    });
+}
+function getActionsFromGroup(root, selector, hiddenClass) {
+    const actionGroup = root.querySelector(selector);
+    if (!actionGroup || !actionGroup.classList.contains(hiddenClass)) {
+        return [];
+    }
+    return Array.from(actionGroup.children).reduce((actions, child) => {
+        const tagName = child.tagName;
+        if (tagName === 'GUX-RICH-TEXT-EDITOR-ACTION') {
+            addAction(actions, child, 'action');
+        }
+        else if (tagName === 'GUX-RICH-TEXT-EDITOR-ACTION-RICH-STYLE') {
+            addListActions(actions, child, 'gux-rich-style-list-item', 'rich-style');
+        }
+        else if (tagName === 'GUX-RICH-TEXT-EDITOR-ACTION-TEXT-HIGHLIGHT') {
+            addListActions(actions, child, 'gux-rich-highlight-list-item', 'highlight', 'highlight');
+        }
+        return actions;
+    }, []);
+}
+
+export { getActionsFromGroup as g, hasDisabledParent as h, returnActionTypeIcon as r };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
@@ -24,9 +24,9 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '3ca4ca2fd7bbbf0bbcd009121dc442cb6844a461', "label-position": "screenreader" }, h("input", { key: '4411a4a11ff8cb28d179ce220ab3884b53b462d8', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '113cb75b6226a4647a8fdc23e0977fa369eb904d', "label-position": "screenreader" }, h("input", { key: '20dfc3bc04df9ea6be8c897b89a775e0f90e12f2', 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 }), h("label", { key: '1e223e5c74cfc95c0202cad29fd66ae3b09f638d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '603596ee0054d837ba56725429f4de0efbd10426' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4535ed7f72ea3f899a0e589227fc48c5c51bc4e9', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'dff9e70b886b5d4d8dffc2e36b76d65f66a2e7af' }, this.i18n('selectTableRow')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.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;
@@ -12,7 +12,7 @@ const GuxScreenReader = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: 'c0c226cfc59cc8dabfcf12adeb882183b579dae9', class: "gux-sr-only" }, h("slot", { key: 'f3fb06e5682aa51f889fc5b9651dc6198a1b2360' })));
+        return (h("span", { key: 'b61aa74de6cc2f8f9f0ac6053f91a7e4be2638a3', class: "gux-sr-only" }, h("slot", { key: '497018bbc50adf0226f7b70d4efd3cf52bf9fbd5' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-91950719.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -38,7 +38,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (h(Host, { key: 'c57afa576033c08c059035fb3338e9a4049dc699', role: "group" }, h("slot", { key: 'ef8243fc3fef43c3e680f8772d2aeafd1f638896', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '89b506b9119b1330460c4c3aea13dc14c083aabe', role: "group" }, h("slot", { key: '1b9765f27fed5981688eb7fcd789d0f3d58712eb', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -49,19 +49,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (h("div", { key: '4d6b0dfc7a78260ea7a18864aec9cc24a6976aef', class: {
+        return (h("div", { key: '9e0d1138f4ed54d05cd5871f34656aa68eef01f5', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, h("button", { key: 'a002a787ba83ce7c157849394375f278cf75a688', class: {
+            } }, h("button", { key: 'c5b5baed1d032fd751f6be833e9a1c78157f0aea', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: '29d7dafbb784a7acbb3aa430edd6df86c5b185f8', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: '01381a4c390dfd682c79e075f1c731f1a4c601dd', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'a0ec031b8d638331e30c9a3f6df5bf9525d2e36d', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'b5d489edb293857e68bbbfe366baa1bc39e24c36', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { g as getSlottedInput, b as setSlotAriaDescribedby, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -50,11 +50,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (h("div", { key: 'b28ce59bdb9d5150a30f8df1a211b46ee9848a2e', class: {
+        return (h("div", { key: 'a44757b1b08ffe6aa750edf6548e2eb45f991a6e', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f14e0a4f22356a2a5b1cbfca9f7d249f5a8b5011', class: "gux-content" }, h("div", { key: '6fc4a7a04e1c53033d0902014e56a50b2a7cc1ad', class: "gux-icon" }, h("slot", { key: '1c1551e4058b56057a54816bb1a5377335540e7e', name: "icon" })), h("div", { key: '00277bd34a649eff6331404cd65c8715c3ad2407', class: "gux-label-container" }, h("slot", { key: '8fb89b7d2dfdb37574316cf31605aa2199b70b09', name: "label" })), h("slot", { key: 'd6bc13694aba6883ed8e3240c9c917d5a0a0be4d', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'e14f757e0d540190f4b32bda4420651175ade0c6', class: "gux-content" }, h("div", { key: '2582784761939e1021bc5388fe988f95e9f250d6', class: "gux-icon" }, h("slot", { key: '698dacc88a23984184f83b49fc207da1341c4a9c', name: "icon" })), h("div", { key: '798fc72517d208d2fd21b29846f4e039b23e8f88', class: "gux-label-container" }, h("slot", { key: '9785c8f06b2a3cb13cd91f76cc9f9c040d6d53b6', name: "label" })), h("slot", { key: 'cec5b2583819f151138fd9327ab4e01ffaa62b33', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;
@@ -12,7 +12,7 @@ const GuxSelectorCards = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '69e50b437e17b14b8e0fd5dbd3d3c3167bdb9b70', class: "gux-selector-cards" }, h("slot", { key: 'c8719a29b42c4241f72f67f45ae4c30605976ae4' })));
+        return (h("div", { key: '86093875510f4dee1ca80bd77c7a99a50a6d832b', class: "gux-selector-cards" }, h("slot", { key: 'fcdc912cf978e16e1aa13b366aa6d11771674eed' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { h as hasSlot } from './has-slot-f24a46a6.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>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{display:flex;flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
@@ -24,10 +24,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (h("div", { key: '57b407cfe2e84ea6b951e141aebbf530f612e9bf', class: {
+        return (h("div", { key: '52804e75ca5299186e8278f361610f82ea72e8bf', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: 'd3fcabb1691d927364ccb34d37fd1be467511893' }, h("gux-dismiss-button", { key: '353bb0e5806f0528ca0f67ab3e9d9b864039a61e', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: 'ab3775392ab44d8ca086d2bdfd2b0d966f6f3628', name: "heading" })), this.renderDescription(), h("div", { key: '50fcbb0c2ba3e786eb378567eb7d81d4f1abacc6', class: "gux-side-panel-content" }, h("slot", { key: 'e74c5df75f1a338a9b677152c4a043c0feaa6a95', name: "content" })), h("footer", { key: '0be81160f37eac32e60a311f1702a853ea1c97bd' }, h("slot", { key: '6e848313a8c01e537eda3726f47ec4c0d5ff5aa1', name: "footer" }))));
+            } }, h("header", { key: 'dd6a952982e14db1c0aba338c5505cf6f2e83029' }, h("gux-dismiss-button", { key: '80a9bb2fa1328180520795125e06c660ece1d7f3', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '0baa8c088c4d90c63e17f66b3edc60bf4a5720ad', name: "heading" })), this.renderDescription(), h("div", { key: '88035024dca52ab7029c0cabcc1588651d7bf41e', class: "gux-side-panel-content" }, h("slot", { key: 'de29b892996f9baca6e9dd96f5b429741da49928', name: "content" })), h("footer", { key: '180727058265a6e8828a3be73a63385f42a9e962' }, h("slot", { key: 'b95b44cbb3d4a49669c3d6a3090461f21806aac1', name: "footer" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.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;
@@ -15,7 +15,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: '47d23d1a3be238352e2ae4ff212f64dd60b6feb3' }, this.iconName && (h("gux-icon", { key: '4b642ba678b527d3b5484ff42bc637f013a69d85', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: 'e33010961d0b994342eba916d1127b78d2b53d4f' }, h("slot", { key: '8ad7d7fee07aa2853719b0077962280c364c13d1' }))));
+        return (h(this.headingTag, { key: 'ce6bbaff86615d00a48661bb23b1783b5e019ddc' }, this.iconName && (h("gux-icon", { key: 'f7af9e1575bc822344ac094bef1d5a10fd0ddfa7', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: 'fa067c9326ec149f51592673e14688a78d91d0d1' }, h("slot", { key: 'b44e3a118822173be502213d82b6a95365917b41' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -14,7 +14,7 @@ const GuxSimpleToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'cd12b491d684eb81457698877ce95c28b38c0e7d' }, h("div", { key: '38c6178c912e8ba8e6ba2f0e568ff7839ae39bcf', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2d9a870749e1d07dfb4e6046c6016b40aa4e0e53', name: "icon" })), h("gux-truncate", { key: '55dc46c17c39f744fadee4239d7d2c85a8f0d23a', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'f2bf7698cc8ee194826b73054a3afde88b1c1cd8', name: "message" })), h("gux-dismiss-button", { key: 'c98371ac3aacfa923f2b5a5e4c07f548835d32bc', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '2853a0394e80823ec23cfd235d18ce61fcb23dc9' }, h("div", { key: 'c8e60b609e9aed4f0a2d4494c7852aa3ec4492f0', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '292d2c66f83d5a7fecd35fdffbdb44d54dab2230', name: "icon" })), h("gux-truncate", { key: '534595189892b09407e233758f72adddd6fcf727', class: "gux-message", "max-lines": 2 }, h("slot", { key: '5196d360662853f04709aae09dd2ca17a8613893', name: "message" })), h("gux-dismiss-button", { key: '1900232f3d21bea2ab19311f6b05672788ae7736', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-skip-navigation-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host } from './index-91950719.js';
 
 const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:var(--gse-semantic-background-container-elevated-default)}";
 const GuxSkipNavigationItemStyle0 = guxSkipNavigationItemCss;
@@ -8,7 +8,7 @@ const GuxSkipNavigationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ef0d853e95badd57eb173c390f0f6950e1475e53', role: "listitem" }, h("slot", { key: 'e371682f25fe34d189f748860eb3d20c089644ed' })));
+        return (h(Host, { key: '27c0030e2453af204cb0377da358934cdc96f6ac', role: "listitem" }, h("slot", { key: '2586e83f7e87df1dec29fcb88bf0ae6cbafa2f25' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/gux-skip-navigation-list.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './get-closest-element-728b9f18.js';
 
 const navigationName = "Skip links navigation";
@@ -20,7 +20,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '02ed572d1221b8fdada9877da919de56a273635a', class: "gux-container" }, h("nav", { key: '852f827d6d6c4e4c0114d7a331372070ba49b679', "aria-label": this.i18n('navigationName') }, h("ul", { key: '9fba57ce1f460d42b69f06e55e5de335f60f7a3d', role: "list" }, h("slot", { key: '8c78e4bd144bf10f11731a08ad7df2f0eb1592d8' })))));
+        return (h("div", { key: 'c1e6d745d73f309e1d06ab5c5cc0a7c27c289f70', class: "gux-container" }, h("nav", { key: '9d3e9e46d23809c1041e56da315268d85d13947e', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'dcda32ba4904b05c4a2cc35cc9193f999a60526c', role: "list" }, h("slot", { key: 'fec5585b42d0b940b2fa89653fff54686d11c9d9' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-sort-control.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { t as tableResources } from './en-1f9d79e6.js';
@@ -104,13 +104,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (h("div", { key: '812daf6ea1344c3c5a8d310b8bb744ce73b9a05a', class: "gux-container" }, h("button", { key: '6c4573aad440a209cafaf1abef12447b13c95b21', class: {
+        return (h("div", { key: '2ea9f436e1bef1beadbf635249cebd45a8b51607', class: "gux-container" }, h("button", { key: '1e901b7e59f0213f63238c2b9c3236d0de186598', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'a4d15feaeb1804e455585f30fb002a866d96ccdf', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c94298cf641185827a2bd8af6ea367e51b1c046c', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'ecafa8c0db0b4860a5f1e485836841f2fd167d84', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'fc30f4ee7e432af2e846c06b68b7f4d466f6ec77', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom.esm-02309983.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom.esm-17bec7ce.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { m as menuNavigation, h as hideDelay } from './gux-menu.common-b2a4d472.js';
 
@@ -142,13 +142,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '73451d05dd8ab24de76795663c9406f1be70b9ea' }, h("button", { key: '043ad200c28c4fa9f476488e3789e43859af5f0c', type: "button", class: {
+        return (h(Host, { key: '12814e160602ea43624fae1ef46702f62720f594' }, h("button", { key: '9d18b590dabbddd230235ebd0fc3de25d0721ce0', 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() }, h("span", { key: '4f8522dde576ae710c435b2bba48e2849719c23e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '1a71c1fea4aaa8f08a4f091e6ae6d71f0b6b7c2c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '7269a1ff721903054b32e754f60b68541a864e50', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '1e94cae73a3cf65cb443ae79fcfa535f6e5d5517', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '04e167992546ccfe4f370d81bcf944c06e7c27b9', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'c927e239039b736b563316b11ce2ef8589ad86d0', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '1961d7534de93f3f9a13df268da591cc19debd07', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'dbdf8e962df400f3a8aaddd46cffde5d92675db4' })))));
+            } }, h("div", { key: '37aad5a596889f533ab060b31b16a1dc84e07ae9', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '508a984274d86ac300716091b317f156c747ee3c' })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host } from './index-91950719.js';
 
 const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight);font:unset;color:#2e394c;text-align:center;outline:none;background:none;border:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-bold-fontWeight)}gux-switch-legacy>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch-legacy>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:2px}gux-switch-legacy>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item{font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight);padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch-legacy.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
 const GuxSwitchItemStyle0 = guxSwitchItemCss;
@@ -16,7 +16,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '2ed33e7c7c9bc10a95fe58ddac40aa92d3baf6fc', class: { 'gux-selected': this.selected } }, h("button", { key: '18dd54fc6020bc33af1fdb3291ed467ce24c337c', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'ed50cc2aed32e97a7340496f303493967f03708b' }))));
+        return (h(Host, { key: '84bb0f1979045ddd063a5670740e5675a12365fc', class: { 'gux-selected': this.selected } }, h("button", { key: 'dac59c32fff9f5a7abe6beac6a7f4fec74f77b25', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'e07daf52c16fc950789b2ef2661893cab1efcf7a' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

package/dist/esm/gux-switch-legacy.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -33,7 +33,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (h(Host, { key: '2a5f7a42ae51622f621083945722d55b21c61c95', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ad155fd665ccca61c80cf77cd5da7e5ab45f899b', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'c47290ba5da930291c1f6d1375242cf16ab6b7fa', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'fae8885a93dc942556e44e229e3e98cfcecca316', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };