genesys-spark-components 4.122.0 → 4.124.0

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

@@ -2,16 +2,150 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
+const onResize = require('./on-resize-15ff32b7.js');
 const hasSlot = require('./has-slot-3edae188.js');
+const usage = require('./usage-e7656f4f.js');
+const guxRichTextEditor_service = require('./gux-rich-text-editor.service-a1f5a275.js');
+const index$1 = require('./index-c5d18923.js');
+const en = require('./en-63e86478.js');
+require('./get-closest-element-26170ce0.js');
+require('./get-closest-element-9e41d6b9.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) {
         index.registerInstance(this, hostRef);
+        this.guxToggleAction = index.createEvent(this, "guxToggleAction", 7);
         this.disabled = false;
+        this.typographicalEmphasisActions = [];
+        this.textStylingActions = [];
+        this.listsAndIndentationActions = [];
+        this.insertingActions = [];
+    }
+    checkResponsiveLayout() {
+        index.readTask(() => {
+            this.handleOverflow();
+            this.getHiddenActions();
+        });
+    }
+    async componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.i18n = await index$1.buildI18nForComponent(this.root, en.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 = guxRichTextEditor_service.getActionsFromGroup(this.root, 'gux-rich-text-editor-action-group[slot="typographical-emphasis"]', 'gux-hidden');
+        this.listsAndIndentationActions = guxRichTextEditor_service.getActionsFromGroup(this.root, 'gux-rich-text-editor-action-group[slot="lists-indentation"]', 'gux-hidden');
+        this.textStylingActions = guxRichTextEditor_service.getActionsFromGroup(this.root, 'gux-rich-text-editor-action-group[slot="text-styling"]', 'gux-hidden');
+        this.insertingActions = guxRichTextEditor_service.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$1) => {
+            const actionText = action.replace(/<\/?[^>]+(>|$)/g, ''); // Remove HTML tags
+            return (index.h("gux-rich-style-list-item", Object.assign({ onClick: () => this.guxToggleAction.emit(actionText), key: index$1, value: actionText }, (useInnerHTML ? { innerHTML: action } : {})), !useInnerHTML && (this.i18n(actionText) || actionText)));
+        });
+    }
+    renderSubList(labelKey, actions, useInnerHTML = false) {
+        if (actions.length > 0) {
+            return (index.h("gux-rich-text-editor-sub-list", { label: this.i18n(labelKey) }, this.renderListItems(actions, useInnerHTML)));
+        }
+    }
+    renderHighlightSubList(actions) {
+        if (actions.length > 0) {
+            return (index.h("gux-rich-text-editor-sub-list", { label: this.i18n('textHighlight') }, this.renderListItems(actions), index.h("gux-rich-style-list-item", { onClick: () => this.guxToggleAction.emit('noHighlightAction'), value: "noHighlight" }, index.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 (index.h("gux-rich-text-editor-menu", null, this.renderListItems(filteredActions), this.renderSubList('richStyle', richStyleActions, true), this.renderHighlightSubList(highlightActions)));
+        }
     }
     renderSlot(slotName, containerClass) {
         if (hasSlot.hasSlot(this.root, slotName)) {
@@ -35,13 +169,16 @@ const GuxRichTextEditor = class {
         return this.renderSlot('global-action', 'gux-global-action-container');
     }
     render() {
-        return (index.h("div", { key: '9fe763cdbff5cc80cd1ebad678955a7a1134bd64', class: {
+        return (index.h("div", { key: '40a431abfae4b59ab2cb5d6858669d95d67dd70f', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'db708f25268c477f624c6d4383f47f56f918eeeb', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), index.h("slot", { key: '7f3bf48c291ca4587f17e7a959e8103dcb85ee04', name: "editor" })));
+            } }, index.h("div", { key: 'd69396356a78fe4f3af77c5d0da2d475085cb57b', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), index.h("slot", { key: '8346fe65a8764fc084dfb38857cd2309f4f89835', name: "editor" })));
     }
     get root() { return index.getElement(this); }
 };
+__decorate([
+    onResize.OnResize()
+], GuxRichTextEditor.prototype, "checkResponsiveLayout", null);
 GuxRichTextEditor.style = GuxRichTextEditorBetaStyle0;
 
 exports.gux_rich_text_editor_beta = GuxRichTextEditor;

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

@@ -2,19 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.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)}";
 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) {
@@ -87,7 +88,7 @@ const GuxRichTextEditorList = class {
         guxList_service.last(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: 'ae364cb0a8ee103ed832931ff70394171e49091e', role: "list" }, index.h("slot", { key: '4475a36873ca9615054b3fbd318bf45e469b34b2', onSlotchange: () => this.setListItems() })));
+        return (index.h(index.Host, { key: '61a6b27bba3f4b2f0d7a773e8dfcb9096c915ef6', role: "list" }, index.h("slot", { key: '9bdb11b67705953e6d39b7075cfcd6226f58cc91', onSlotchange: () => this.setListItems() })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-rich-text-editor.service-a1f5a275.js

@@ -0,0 +1,84 @@
+'use strict';
+
+const getClosestElement = require('./get-closest-element-26170ce0.js');
+
+function hasDisabledParent(root) {
+    const getParent = getClosestElement.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;
+    }, []);
+}
+
+exports.getActionsFromGroup = getActionsFromGroup;
+exports.hasDisabledParent = hasDisabledParent;
+exports.returnActionTypeIcon = returnActionTypeIcon;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -28,9 +28,9 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '6ab5bc09b3fa876c294e903de46fbd5228e09c24', "label-position": "screenreader" }, index.h("input", { key: '9104b86097a48da8c1752ab929cb2d52f8647375', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: '113cb75b6226a4647a8fdc23e0977fa369eb904d', "label-position": "screenreader" }, index.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 }), index.h("label", { key: '59abb2db27d2dec965601e933fbbf234a8073a23', slot: "label", htmlFor: this.id }, "\u200B", index.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 }), index.h("label", { key: '4535ed7f72ea3f899a0e589227fc48c5c51bc4e9', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'dff9e70b886b5d4d8dffc2e36b76d65f66a2e7af' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.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: '28b31d781ff8ec1b0a3a535bfd9eb05a7dd95725', class: "gux-sr-only" }, index.h("slot", { key: '992a0dbec3d558f370e57c5e851be04579132a90' })));
+        return (index.h("span", { key: 'b61aa74de6cc2f8f9f0ac6053f91a7e4be2638a3', class: "gux-sr-only" }, index.h("slot", { key: '497018bbc50adf0226f7b70d4efd3cf52bf9fbd5' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-bdf54f32.js');
+const usage = require('./usage-e7656f4f.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -42,7 +42,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'e69a69f7d9f23f9f33ad43c824b07d18e450e938', role: "group" }, index.h("slot", { key: '8cf6bb84b335edd50597af04e8da25083334ada9', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '89b506b9119b1330460c4c3aea13dc14c083aabe', role: "group" }, index.h("slot", { key: '1b9765f27fed5981688eb7fcd789d0f3d58712eb', 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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -53,19 +53,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: '65c1721318287e3e043912cddbfabe4b88915248', class: {
+        return (index.h("div", { key: '9e0d1138f4ed54d05cd5871f34656aa68eef01f5', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, index.h("button", { key: '729b1718420965d9fe6972ec653e6d54301d9610', class: {
+            } }, index.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(), index.h("div", { key: '6b2fa63426d79283a1df0fb08f18421fd39252ab', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: '01381a4c390dfd682c79e075f1c731f1a4c601dd', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: '8e95fbf3dc09a7303043b062abd74076af04ff50', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: 'b5d489edb293857e68bbbfe366baa1bc39e24c36', 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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.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');
@@ -54,11 +54,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'aeab1b9e7ad546fb5741bf38f76a8c9a61d8edd1', class: {
+        return (index.h("div", { key: 'a44757b1b08ffe6aa750edf6548e2eb45f991a6e', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '83bf9f133bd4953b4629d778da96619dfba827f8', class: "gux-content" }, index.h("div", { key: '7a87ef3d2c6ea48cf03c6a73edc925fc8b4d9e95', class: "gux-icon" }, index.h("slot", { key: 'aaa745d71448c580dbfe892a6c3179fbbe6e2ae8', name: "icon" })), index.h("div", { key: 'eebe22bf45774fd92bb3bb8fe3b944d31268d56b', class: "gux-label-container" }, index.h("slot", { key: 'd0a50b966926b4942010003b04c5f90396bb2a29', name: "label" })), index.h("slot", { key: '2416d439109938ca184d59359e2eb1a539ac7f1b', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: 'e14f757e0d540190f4b32bda4420651175ade0c6', class: "gux-content" }, index.h("div", { key: '2582784761939e1021bc5388fe988f95e9f250d6', class: "gux-icon" }, index.h("slot", { key: '698dacc88a23984184f83b49fc207da1341c4a9c', name: "icon" })), index.h("div", { key: '798fc72517d208d2fd21b29846f4e039b23e8f88', class: "gux-label-container" }, index.h("slot", { key: '9785c8f06b2a3cb13cd91f76cc9f9c040d6d53b6', name: "label" })), index.h("slot", { key: 'cec5b2583819f151138fd9327ab4e01ffaa62b33', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.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: '4e521ea6855227348351aca651b829322bb0eda6', class: "gux-selector-cards" }, index.h("slot", { key: '73f3502178241acdf0968a662de2336c3be68bfd' })));
+        return (index.h("div", { key: '86093875510f4dee1ca80bd77c7a99a50a6d832b', class: "gux-selector-cards" }, index.h("slot", { key: 'fcdc912cf978e16e1aa13b366aa6d11771674eed' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.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>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{display:flex;flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
@@ -28,10 +28,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: '684b37f166090f16354fae7907055e92126f2992', class: {
+        return (index.h("div", { key: '52804e75ca5299186e8278f361610f82ea72e8bf', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, index.h("header", { key: '60b00cced9220cb3dd94f7d341fac8c936e2d685' }, index.h("gux-dismiss-button", { key: 'eb9a5c98ce21308011cfeb8d2afacfff33c83e07', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '7cea5ece8dc7a556ce772da7134e6835aedf7d86', name: "heading" })), this.renderDescription(), index.h("div", { key: 'd64ffbb0823b6eb8dec58b87083a23279d8ff8a4', class: "gux-side-panel-content" }, index.h("slot", { key: '4c77dff9f5d738ed552ffc4eb3932377b6a73c5a', name: "content" })), index.h("footer", { key: '309626c0d0dc9930d8e3266440c347717b92636c' }, index.h("slot", { key: 'fc42ea1ff2d86d8b5afe05a103dff57ed21fe260', name: "footer" }))));
+            } }, index.h("header", { key: 'dd6a952982e14db1c0aba338c5505cf6f2e83029' }, index.h("gux-dismiss-button", { key: '80a9bb2fa1328180520795125e06c660ece1d7f3', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '0baa8c088c4d90c63e17f66b3edc60bf4a5720ad', name: "heading" })), this.renderDescription(), index.h("div", { key: '88035024dca52ab7029c0cabcc1588651d7bf41e', class: "gux-side-panel-content" }, index.h("slot", { key: 'de29b892996f9baca6e9dd96f5b429741da49928', name: "content" })), index.h("footer", { key: '180727058265a6e8828a3be73a63385f42a9e962' }, index.h("slot", { key: 'b95b44cbb3d4a49669c3d6a3090461f21806aac1', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.js');
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
@@ -19,7 +19,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (index.h(this.headingTag, { key: 'c8e0c7ae7fa3881b9035c9219f568ae0549c21f8' }, this.iconName && (index.h("gux-icon", { key: '11d88abe1a164ea11f82aa765dcf9009c7059f23', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: '26331c63ba484cddc9d871343914362f4c6def73' }, index.h("slot", { key: 'cd129cadc2261e51a760d3ba9d7cbf706d3f5bf7' }))));
+        return (index.h(this.headingTag, { key: 'ce6bbaff86615d00a48661bb23b1783b5e019ddc' }, this.iconName && (index.h("gux-icon", { key: 'f7af9e1575bc822344ac094bef1d5a10fd0ddfa7', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: 'fa067c9326ec149f51592673e14688a78d91d0d1' }, index.h("slot", { key: 'b44e3a118822173be502213d82b6a95365917b41' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'da07a992640a0db76f9423ae0d1383b053056c8f' }, index.h("div", { key: '470263e84639ae51777b13a35a11613c58545133', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '3ec7ec589cefb08dfa4030787c7878a20b092351', name: "icon" })), index.h("gux-truncate", { key: '75ce7fe40b5c8fd0932c4024e20ddfd53fd1da14', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'f41d0ae31ea9000bac4c4eb1327c68cb8c842321', name: "message" })), index.h("gux-dismiss-button", { key: '4b0b3bf5e00cc6c2e3cf4de6a2543516166ea15b', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '2853a0394e80823ec23cfd235d18ce61fcb23dc9' }, index.h("div", { key: 'c8e60b609e9aed4f0a2d4494c7852aa3ec4492f0', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '292d2c66f83d5a7fecd35fdffbdb44d54dab2230', name: "icon" })), index.h("gux-truncate", { key: '534595189892b09407e233758f72adddd6fcf727', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '5196d360662853f04709aae09dd2ca17a8613893', name: "message" })), index.h("gux-dismiss-button", { key: '1900232f3d21bea2ab19311f6b05672788ae7736', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.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;
@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'b8eb8e9c6cf67fe2f81e2c5719eda97d904335e4', role: "listitem" }, index.h("slot", { key: '468aedfe5b373c4f31e228f1f05b341ef01f284e' })));
+        return (index.h(index.Host, { key: '27c0030e2453af204cb0377da358934cdc96f6ac', role: "listitem" }, index.h("slot", { key: '2586e83f7e87df1dec29fcb88bf0ae6cbafa2f25' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
+const usage = require('./usage-e7656f4f.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: '3a95a8895af2da8da50aeb56998f6eb8880fecbb', class: "gux-container" }, index.h("nav", { key: '7ef518e0739e0a80658ec523c7184b2cbc90a1dd', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '971fc5820375bc1e3dc61e122ed9e450caab9159', role: "list" }, index.h("slot", { key: '1677aa890b0efca26771874cd2fe13dd038f50df' })))));
+        return (index.h("div", { key: 'c1e6d745d73f309e1d06ab5c5cc0a7c27c289f70', class: "gux-container" }, index.h("nav", { key: '9d3e9e46d23809c1041e56da315268d85d13947e', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'dcda32ba4904b05c4a2cc35cc9193f999a60526c', role: "list" }, index.h("slot", { key: 'fec5585b42d0b940b2fa89653fff54686d11c9d9' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
+const usage = require('./usage-e7656f4f.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
 
-const guxSortControlCss = ".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;border-block-start:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-block-end:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-block-end-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:inline-end;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);margin-block:0;margin-inline:var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:inline-start;margin-inline-start:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;inline-size:2px}";
+const guxSortControlCss = ".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;border-block-start:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-block-end:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-block-end-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:inline-end;margin-block:0;margin-inline:var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:inline-start;margin-inline-start:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;inline-size:2px}";
 const GuxSortControlStyle0 = guxSortControlCss;
 
 const GuxSortControl = class {
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: '38b3df2bc4ac893507474657cbf5112fe547bad8', class: "gux-container" }, index.h("button", { key: 'b0b31d34c683189e9aba777ffc8dfa59ccdebfed', class: {
+        return (index.h("div", { key: '2ea9f436e1bef1beadbf635249cebd45a8b51607', class: "gux-container" }, index.h("button", { key: '1e901b7e59f0213f63238c2b9c3236d0de186598', 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: '866337d57fc6a24fac8052cfebaa8168a4503d75', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'e57cf1a7d19e3f5c3b539cc25c3dbabd282687ae', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '246ea4f695fb00e0473ec4c33c16500bf97211c4', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '6e2af1e568cce8849012e891b0fd8ae5b5db8b4f', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }