genesys-spark-components 4.122.0 → 4.123.0

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as translationResources } from './en-d5a4e07d.js';
-import { h as hasDisabledParent } from './gux-rich-text-editor.service-144f4651.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as translationResources } from './en-abdadc27.js';
+import { h as hasDisabledParent } from './gux-rich-text-editor.service-dcce5e51.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as translationResources } from './en-d5a4e07d.js';
-import { h as hasDisabledParent, r as returnActionTypeIcon } from './gux-rich-text-editor.service-144f4651.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as translationResources } from './en-abdadc27.js';
+import { h as hasDisabledParent, r as returnActionTypeIcon } from './gux-rich-text-editor.service-dcce5e51.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';
 

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: '9fe763cdbff5cc80cd1ebad678955a7a1134bd64', class: {
+        return (h("div", { key: '40a431abfae4b59ab2cb5d6858669d95d67dd70f', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'db708f25268c477f624c6d4383f47f56f918eeeb', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), h("slot", { key: '7f3bf48c291ca4587f17e7a959e8103dcb85ee04', 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-d372c506.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: 'ae364cb0a8ee103ed832931ff70394171e49091e', role: "list" }, h("slot", { key: '4475a36873ca9615054b3fbd318bf45e469b34b2', 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: '6ab5bc09b3fa876c294e903de46fbd5228e09c24', "label-position": "screenreader" }, h("input", { key: '9104b86097a48da8c1752ab929cb2d52f8647375', 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: '59abb2db27d2dec965601e933fbbf234a8073a23', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c38e32416fbdc34c8e7df356feb7ba3171e03174' }, 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-d372c506.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: '28b31d781ff8ec1b0a3a535bfd9eb05a7dd95725', class: "gux-sr-only" }, h("slot", { key: '992a0dbec3d558f370e57c5e851be04579132a90' })));
+        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-d372c506.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: 'e69a69f7d9f23f9f33ad43c824b07d18e450e938', role: "group" }, h("slot", { key: '8cf6bb84b335edd50597af04e8da25083334ada9', 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: '65c1721318287e3e043912cddbfabe4b88915248', 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: '729b1718420965d9fe6972ec653e6d54301d9610', 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: '6b2fa63426d79283a1df0fb08f18421fd39252ab', 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: '8e95fbf3dc09a7303043b062abd74076af04ff50', 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-d372c506.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: 'aeab1b9e7ad546fb5741bf38f76a8c9a61d8edd1', class: {
+        return (h("div", { key: 'a44757b1b08ffe6aa750edf6548e2eb45f991a6e', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '83bf9f133bd4953b4629d778da96619dfba827f8', class: "gux-content" }, h("div", { key: '7a87ef3d2c6ea48cf03c6a73edc925fc8b4d9e95', class: "gux-icon" }, h("slot", { key: 'aaa745d71448c580dbfe892a6c3179fbbe6e2ae8', name: "icon" })), h("div", { key: 'eebe22bf45774fd92bb3bb8fe3b944d31268d56b', class: "gux-label-container" }, h("slot", { key: 'd0a50b966926b4942010003b04c5f90396bb2a29', name: "label" })), h("slot", { key: '2416d439109938ca184d59359e2eb1a539ac7f1b', 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-d372c506.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: '4e521ea6855227348351aca651b829322bb0eda6', class: "gux-selector-cards" }, h("slot", { key: '73f3502178241acdf0968a662de2336c3be68bfd' })));
+        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-d372c506.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: '684b37f166090f16354fae7907055e92126f2992', class: {
+        return (h("div", { key: '52804e75ca5299186e8278f361610f82ea72e8bf', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: '60b00cced9220cb3dd94f7d341fac8c936e2d685' }, h("gux-dismiss-button", { key: 'eb9a5c98ce21308011cfeb8d2afacfff33c83e07', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '7cea5ece8dc7a556ce772da7134e6835aedf7d86', name: "heading" })), this.renderDescription(), h("div", { key: 'd64ffbb0823b6eb8dec58b87083a23279d8ff8a4', class: "gux-side-panel-content" }, h("slot", { key: '4c77dff9f5d738ed552ffc4eb3932377b6a73c5a', name: "content" })), h("footer", { key: '309626c0d0dc9930d8e3266440c347717b92636c' }, h("slot", { key: 'fc42ea1ff2d86d8b5afe05a103dff57ed21fe260', 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-d372c506.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: 'c8e0c7ae7fa3881b9035c9219f568ae0549c21f8' }, this.iconName && (h("gux-icon", { key: '11d88abe1a164ea11f82aa765dcf9009c7059f23', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: '26331c63ba484cddc9d871343914362f4c6def73' }, h("slot", { key: 'cd129cadc2261e51a760d3ba9d7cbf706d3f5bf7' }))));
+        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-d372c506.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: 'da07a992640a0db76f9423ae0d1383b053056c8f' }, h("div", { key: '470263e84639ae51777b13a35a11613c58545133', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '3ec7ec589cefb08dfa4030787c7878a20b092351', name: "icon" })), h("gux-truncate", { key: '75ce7fe40b5c8fd0932c4024e20ddfd53fd1da14', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'f41d0ae31ea9000bac4c4eb1327c68cb8c842321', name: "message" })), h("gux-dismiss-button", { key: '4b0b3bf5e00cc6c2e3cf4de6a2543516166ea15b', 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: 'b8eb8e9c6cf67fe2f81e2c5719eda97d904335e4', role: "listitem" }, h("slot", { key: '468aedfe5b373c4f31e228f1f05b341ef01f284e' })));
+        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-d372c506.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: '3a95a8895af2da8da50aeb56998f6eb8880fecbb', class: "gux-container" }, h("nav", { key: '7ef518e0739e0a80658ec523c7184b2cbc90a1dd', "aria-label": this.i18n('navigationName') }, h("ul", { key: '971fc5820375bc1e3dc61e122ed9e450caab9159', role: "list" }, h("slot", { key: '1677aa890b0efca26771874cd2fe13dd038f50df' })))));
+        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-d372c506.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: '38b3df2bc4ac893507474657cbf5112fe547bad8', class: "gux-container" }, h("button", { key: 'b0b31d34c683189e9aba777ffc8dfa59ccdebfed', 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: '866337d57fc6a24fac8052cfebaa8168a4503d75', 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: '246ea4f695fb00e0473ec4c33c16500bf97211c4', 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,4 +1,4 @@
-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 { 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: '9f8947d3d3421fc16a6189aef3b5fbab1eed7f16' }, h("button", { key: 'e7bf084d37698c3315dc3291e9ed1f661db14c78', 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: '6e660cf0a72c13299c8c314471cbd1cee62ad416', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'b5918cea4f4b27bed7409d5832f7b0fb1abe0d53', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'd744f9ee1b0a1db817678774e644ea27c834511d', 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: '03d47d6d9cd6c237e4f033a1e1dbda2ecf774ed8', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '8553e38c55d676401811e3df4b5a9876e150d1ea' })))));
+            } }, h("div", { key: '37aad5a596889f533ab060b31b16a1dc84e07ae9', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '508a984274d86ac300716091b317f156c747ee3c' })))));
     }
     get root() { return getElement(this); }
 };