genesys-spark-components 4.105.5 → 4.107.0

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const usage = require('./usage-86f0618f.js');
+const getClosestElement = require('./get-closest-element-9e41d6b9.js');
+
+const guxRichStyleListItemCss = ":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1)}button:focus-visible:not(:disabled){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}";
+const GuxRichStyleListItemStyle0 = guxRichStyleListItemCss;
+
+const GuxRichStyleListItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.disabled = false;
+        this.value = undefined;
+    }
+    onMouseUp() {
+        this.focusParentList();
+    }
+    onMouseOver() {
+        this.focusParentList();
+    }
+    focusParentList() {
+        const parentList = getClosestElement.getClosestElement('gux-rich-text-editor-list', this.root);
+        if (parentList && parentList.shadowRoot.activeElement === null) {
+            this.root.blur();
+            parentList.focus({
+                preventScroll: true
+            });
+        }
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+    }
+    render() {
+        return (index.h(index.Host, { key: '6dc607e4a0056690a26c91a6331de686902859c0', role: "listitem" }, index.h("button", { key: '0cdfdd84992f119f429daff01062ae3c07a8e49b', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'a9f637910c0a06ab2030e16bc3abfbc692391014' }))));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return index.getElement(this); }
+};
+GuxRichStyleListItem.style = GuxRichStyleListItemStyle0;
+
+exports.gux_rich_style_list_item = GuxRichStyleListItem;

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

@@ -18,7 +18,7 @@ const GuxRichTextEditorActionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '031a1f2892b46409c272804d96d320fdce1b8776' }, index.h("div", { key: '8966532264cd6124fd123a05ebb429e7a97f8c41', class: "gux-action-group-container" }, index.h("slot", { key: '00a35806cdf7e5e98dec58147262400e7ac59db4' })), this.renderActionGroupDivider()));
+        return (index.h(index.Host, { key: '2422c0033a6a55bf6f24e13b17423a694055a3c1' }, index.h("div", { key: '55abdcfe3509f92b5fc7f59fd74c7231ba2092aa', class: "gux-action-group-container" }, index.h("slot", { key: 'a9012112cc1a1b3909be863466102ed6079131c6' })), this.renderActionGroupDivider()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -0,0 +1,187 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const usage = require('./usage-86f0618f.js');
+const guxRichTextEditor_service = require('./gux-rich-text-editor.service-8a6cb26a.js');
+const onClickOutside = require('./on-click-outside-31073d32.js');
+const afterNextRender = require('./after-next-render-162425fe.js');
+const index$1 = require('./index-643c40f5.js');
+require('./get-closest-element-26170ce0.js');
+require('./get-closest-element-9e41d6b9.js');
+
+const guxRichTextEditorActionRichStyleCss = ":host{display:block}gux-button-slot button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}.gux-list-container{inline-size:214px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
+const GuxRichTextEditorActionRichStyleStyle0 = guxRichTextEditorActionRichStyleCss;
+
+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 GuxRichTextEditorActionRichStyle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.value = undefined;
+        this.expanded = false;
+        this.disabled = false;
+    }
+    onClickOutside() {
+        this.expanded = false;
+    }
+    watchValue(newValue) {
+        this.validateValue(newValue, this.listElement);
+    }
+    watchDisabled(disabled) {
+        if (disabled) {
+            this.expanded = false;
+        }
+    }
+    onInternallistitemsupdated(event) {
+        event.stopPropagation();
+        index.forceUpdate(this.root);
+    }
+    handleKeydown(event) {
+        const isButtonEvent = event.composedPath().includes(this.actionButton);
+        const isListEvent = event.composedPath().includes(this.listElement);
+        switch (event.key) {
+            case 'Escape':
+                if (isListEvent) {
+                    event.preventDefault();
+                    this.expanded = false;
+                    this.actionButton.focus();
+                }
+                break;
+            case 'ArrowDown':
+            case 'Enter': {
+                if (isButtonEvent && !this.expanded) {
+                    event.preventDefault();
+                    this.expanded = true;
+                    this.focusFirstListItem();
+                }
+                break;
+            }
+            case 'Tab':
+                this.expanded = false;
+                break;
+            case 'ArrowUp':
+                if (isButtonEvent && !this.expanded) {
+                    event.preventDefault();
+                    this.expanded = true;
+                    this.focusLastListItem();
+                }
+        }
+    }
+    handleKeyup(event) {
+        switch (event.key) {
+            case ' ': {
+                if (event.composedPath().includes(this.actionButton)) {
+                    event.preventDefault();
+                    this.expanded = true;
+                    this.focusFirstListItem();
+                }
+                break;
+            }
+        }
+    }
+    focusFirstListItem() {
+        afterNextRender.afterNextRender(() => {
+            void this.listElement.guxFocusFirstItem();
+        });
+    }
+    focusLastListItem() {
+        afterNextRender.afterNextRender(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
+    async componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.i18n = await index$1.buildI18nForComponent(this.root, guxRichTextEditor_service.translationResources);
+    }
+    componentWillRender() {
+        if (this === null || this === void 0 ? void 0 : this.listElement) {
+            this.validateValue(this.value, this.listElement);
+        }
+    }
+    validateValue(newValue, listElement) {
+        if (newValue === undefined) {
+            listElement.value = newValue;
+            return;
+        }
+        const selectedListItem = this.getListItemElementByValue(newValue);
+        if (selectedListItem) {
+            listElement.value = newValue;
+            return;
+        }
+    }
+    get listItemElements() {
+        const slot = this.listElement.querySelector('slot');
+        if (slot) {
+            return Array.from(slot.assignedElements());
+        }
+    }
+    getListItemElementByValue(value) {
+        return this.listItemElements.find(itemElement => {
+            return itemElement.value === value;
+        });
+    }
+    renderTargetDisplay() {
+        if (this === null || this === void 0 ? void 0 : this.listElement) {
+            const selectedListItemElement = this.getListItemElementByValue(this.value);
+            if (selectedListItemElement) {
+                return (index.h("span", null, this.renderListItem(selectedListItemElement)));
+            }
+        }
+    }
+    renderListItem(item) {
+        return (index.h("gux-truncate", { "max-lines": 1 }, item.textContent));
+    }
+    onActionButtonClick() {
+        this.expanded = !this.expanded;
+        if (this.expanded) {
+            this.focusFirstListItem();
+        }
+    }
+    updateValue(newValue) {
+        if (this.value !== newValue) {
+            this.value = newValue;
+        }
+    }
+    onListClick(event) {
+        // Ensure we get the closest `gux-rich-style-list-item` if the click is on a nested element eg h1,h2,h3.
+        const listItem = event.target.closest('gux-rich-style-list-item');
+        if (listItem) {
+            this.expanded = false;
+            this.updateValue(listItem.value);
+            this.actionButton.focus();
+        }
+    }
+    renderPopup() {
+        return (index.h("div", { class: "gux-list-container", slot: "popup" }, index.h("gux-rich-text-editor-list", { ref: el => (this.listElement = el), onClick: e => this.onListClick(e) }, index.h("slot", null))));
+    }
+    renderTarget() {
+        return (index.h("gux-button-slot", { accent: "ghost", slot: "target" }, index.h("button", { type: "button", ref: el => (this.actionButton = el), class: { 'gux-is-pressed': this.expanded }, onClick: () => this.onActionButtonClick(), disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, this.renderTargetDisplay(), index.h("gux-icon", { "icon-name": this.expanded
+                ? 'custom/chevron-up-small-regular'
+                : 'custom/chevron-down-small-regular', "screenreader-text": this.i18n('richStyleDropdown') }))));
+    }
+    render() {
+        return (index.h("gux-popup", { key: 'ead5e0b9266ba91cb3d455621081794c3439cd4f', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "value": ["watchValue"],
+        "disabled": ["watchDisabled"]
+    }; }
+};
+__decorate([
+    onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })
+], GuxRichTextEditorActionRichStyle.prototype, "onClickOutside", null);
+GuxRichTextEditorActionRichStyle.style = GuxRichTextEditorActionRichStyleStyle0;
+
+exports.gux_rich_text_editor_action_rich_style = GuxRichTextEditorActionRichStyle;

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

@@ -3,73 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
-const getClosestElement = require('./get-closest-element-26170ce0.js');
+const usage = require('./usage-86f0618f.js');
+const index$1 = require('./index-643c40f5.js');
+const guxRichTextEditor_service = require('./gux-rich-text-editor.service-8a6cb26a.js');
 require('./get-closest-element-9e41d6b9.js');
+require('./get-closest-element-26170ce0.js');
 
-const bold = "Bold";
-const italic = "Italic";
-const underline = "Underline";
-const strike = "Strike";
-const codeblock = "Code Block";
-const blockQuote = "Block Quote";
-const orderedList = "Ordered List";
-const bulletList = "Bullet List";
-const clearFormatting = "Clear Formatting";
-const undo = "Undo";
-const redo = "Redo";
-const translationResources = {
-	bold: bold,
-	italic: italic,
-	underline: underline,
-	strike: strike,
-	codeblock: codeblock,
-	blockQuote: blockQuote,
-	orderedList: orderedList,
-	bulletList: bulletList,
-	clearFormatting: clearFormatting,
-	undo: undo,
-	redo: redo,
-	"delete": "Delete"
-};
-
-function calculateDisabledState(root) {
-    const getParent = getClosestElement.getClosestElement(root, 'gux-rich-text-editor-beta');
-    return !!((getParent === null || getParent === void 0 ? void 0 : getParent.disabled) || (root === null || root === void 0 ? void 0 : root.hasAttribute('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';
-    }
-}
-
-const guxRichTextEditorActionCss = ":host{display:block}gux-button-slot{inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height)}gux-button-slot button.gux-is-active{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}gux-button-slot gux-icon{inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}";
+const guxRichTextEditorActionCss = ":host{display:block}gux-button-slot{inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}gux-button-slot gux-icon{inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}";
 const GuxRichTextEditorActionStyle0 = guxRichTextEditorActionCss;
 
 const GuxRichTextEditorAction = class {
@@ -81,8 +21,7 @@ const GuxRichTextEditorAction = class {
     }
     async componentWillLoad() {
         usage.trackComponent(this.root, { variant: this.action });
-        this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
-        this.disabled = calculateDisabledState(this.root);
+        this.i18n = await index$1.buildI18nForComponent(this.root, guxRichTextEditor_service.translationResources);
     }
     renderTooltip() {
         if (!this.disabled) {
@@ -90,7 +29,7 @@ const GuxRichTextEditorAction = class {
         }
     }
     renderActionButton() {
-        return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true }, index.h("button", { type: "button", disabled: this.disabled, class: { 'gux-is-active': this.isActive }, "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), "screenreader-text": this.i18n(this.action) })), this.renderTooltip()));
+        return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true }, index.h("button", { type: "button", disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive }, "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { "icon-name": guxRichTextEditor_service.returnActionTypeIcon(this.action), "screenreader-text": this.i18n(this.action) })), this.renderTooltip()));
     }
     render() {
         return this.renderActionButton();

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

@@ -35,10 +35,10 @@ const GuxRichTextEditor = class {
         return this.renderSlot('global-action', 'gux-global-action-container');
     }
     render() {
-        return (index.h("div", { key: '6fc5d8f521df5df2178ad338a8d91d339378c74c', class: {
+        return (index.h("div", { key: '1df220d4192bc1e04cd74c7283ee90421f0ce2e0', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'eb0173d434352148e9def109cab57539b5768543', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), index.h("slot", { key: '2337bf2949d055f3987ab5a8916df139102b7251', name: "editor" })));
+            } }, index.h("div", { key: '8cb67dbf9f8f8eba7f48a838ad88835681100d62', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), index.h("slot", { key: 'ef749f768106064cf77217139f0b191a3d07f35f', name: "editor" })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const usage = require('./usage-86f0618f.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 elements
+ */
+const validFocusableItems = ['gux-rich-style-list-item'];
+const GuxRichTextEditorList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.internallistitemsupdated = index.createEvent(this, "internallistitemsupdated", 7);
+        this.value = undefined;
+        this.listItems = [];
+    }
+    get listItemsSlot() {
+        return this.root.querySelector('slot');
+    }
+    get listItemElements() {
+        var _a;
+        const assignedElements = (_a = this.listItemsSlot) === null || _a === void 0 ? void 0 : _a.assignedElements();
+        if (assignedElements) {
+            return Array.from(assignedElements);
+        }
+        return [];
+    }
+    setListItems() {
+        this.listItems = this.listItemElements;
+        this.internallistitemsupdated.emit();
+    }
+    async componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.setListItems();
+    }
+    onKeyDown(event) {
+        switch (event.key) {
+            case 'ArrowUp':
+                event.preventDefault();
+                guxList_service.previous(this.root, validFocusableItems);
+                break;
+            case 'Home':
+                event.preventDefault();
+                guxList_service.first(this.root, validFocusableItems);
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                guxList_service.next(this.root, validFocusableItems);
+                break;
+            case 'End':
+                event.preventDefault();
+                guxList_service.last(this.root, validFocusableItems);
+                break;
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async guxFocusFirstItem() {
+        guxList_service.first(this.root, validFocusableItems);
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async guxFocusLastItem() {
+        guxList_service.last(this.root, validFocusableItems);
+    }
+    renderFocusTarget() {
+        return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
+    }
+    render() {
+        return (index.h(index.Host, { key: '61bed89946e7b346628a8dd15ac69c81dd5461d3', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '8db5456231fa27cc4792c06ab644d0361af38f3e', onSlotchange: () => this.setListItems() })));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return index.getElement(this); }
+};
+GuxRichTextEditorList.style = GuxRichTextEditorListStyle0;
+
+exports.gux_rich_text_editor_list = GuxRichTextEditorList;

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

@@ -0,0 +1,70 @@
+'use strict';
+
+const getClosestElement = require('./get-closest-element-26170ce0.js');
+
+const bold = "Bold";
+const italic = "Italic";
+const underline = "Underline";
+const strike = "Strike";
+const codeblock = "Code Block";
+const blockQuote = "Block Quote";
+const orderedList = "Ordered List";
+const bulletList = "Bullet List";
+const clearFormatting = "Clear Formatting";
+const undo = "Undo";
+const redo = "Redo";
+const richStyleDropdown = "Rich Style Dropdown";
+const translationResources = {
+	bold: bold,
+	italic: italic,
+	underline: underline,
+	strike: strike,
+	codeblock: codeblock,
+	blockQuote: blockQuote,
+	orderedList: orderedList,
+	bulletList: bulletList,
+	clearFormatting: clearFormatting,
+	undo: undo,
+	redo: redo,
+	"delete": "Delete",
+	richStyleDropdown: richStyleDropdown
+};
+
+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';
+    }
+}
+
+exports.hasDisabledParent = hasDisabledParent;
+exports.returnActionTypeIcon = returnActionTypeIcon;
+exports.translationResources = translationResources;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.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: '38c8474f7763fc8dbcc30dc588e72d7b32830cfd', "label-position": "screenreader" }, index.h("input", { key: 'c493923b686215553042a195dee749419adeb9cd', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: 'e836557f8303129e6af297a2e4b598904ed65a0e', "label-position": "screenreader" }, index.h("input", { key: '5ff939cbc67dbe20fccda16fea8f365fffa8db97', 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: '074583a60849a9304cb846cde86dc60c167fe474', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '6cb20a25161faac32069f88b4548b97d9fb5152e' }, 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: 'a79253c85bf20d6be1c89b1731a5a97b24b41b2e', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '6768940db155d7faa1e986a8184a0d6eeddd4d76' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;
@@ -16,7 +16,7 @@ const GuxScreenReader = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("span", { key: '99e4b6ac03358bf032ad441c05fae657e45ee221', class: "gux-sr-only" }, index.h("slot", { key: 'de31dc9f2ca539eff7d97714f6d32b803c664d85' })));
+        return (index.h("span", { key: 'ce8ede9051231911b586257f541ae6ae1f499b9c', class: "gux-sr-only" }, index.h("slot", { key: '33f9ba5bdd85f33e249ac48d4d6a7fe9d8d7e39b' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -37,7 +37,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'ce2a752e70599cae1a95d16712b28b1b067d07a4', role: "group" }, index.h("slot", { key: '783879e721aad7497229b07333bdeb12df7ea29b', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '607f885b5a78b63b8c8fda2c8d58bad988b792cc', role: "group" }, index.h("slot", { key: '23747d2307246856b1b85fad90b57b2876ccfb24', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
-const guxSegmentedControlItemCss = "button{all:unset}.gux-container{block-size:var(--gse-ui-segmentedControl-height);border-color:var(--gse-ui-segmentedControl-divider-color);border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end:none;border-radius:var(--gse-ui-segmentedControl-button-middle-borderRadius)}.gux-container.gux-start{border-inline-start-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-start-borderRadius)}.gux-container.gux-end{border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-end-borderRadius)}.gux-container.gux-start.gux-end{border-radius:var(--gse-ui-segmentedControl-borderRadius)}.gux-container.gux-parent-disabled{pointer-events:none;user-select:none;border-color:color-mix(in srgb, var(--gse-ui-segmentedControl-divider-color) 50%, rgba(0, 0, 0, 0))}.gux-container .gux-segmented-control-item{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-segmentedControl-button-gap);place-content:stretch flex-start;align-items:center;block-size:100%;padding:var(--gse-ui-segmentedControl-button-padding);line-height:0;color:var(--gse-ui-segmentedControl-button-default-foregroundColor);cursor:pointer;background-color:var(--gse-ui-segmentedControl-button-default-backgroundColor)}.gux-container .gux-segmented-control-item.gux-icon-only{padding:var(--gse-ui-segmentedControl-iconOnly-padding)}.gux-container .gux-segmented-control-item.gux-icon-only .gux-text.gux-icon-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-container .gux-segmented-control-item:hover{color:var(--gse-ui-segmentedControl-button-hover-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-hover-backgroundColor)}.gux-container .gux-segmented-control-item[disabled]{color:var(--gse-ui-segmentedControl-button-disabled-foregroundColor);pointer-events:none;cursor:default;background-color:var(--gse-ui-segmentedControl-button-disabled-backgroundColor);opacity:var(--gse-ui-segmentedControl-button-disabled-opacity)}.gux-container .gux-segmented-control-item.gux-selected{color:var(--gse-ui-segmentedControl-button-active-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-active-backgroundColor)}.gux-container .gux-segmented-control-item:focus-visible{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);border-radius:var(--gse-ui-segmentedControl-borderRadius);outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);outline-offset:var(--gse-ui-segmentedControl-focus-offset)}.gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
+const guxSegmentedControlItemCss = "button{all:unset}.gux-container{block-size:var(--gse-ui-segmentedControl-height);border-color:var(--gse-ui-segmentedControl-divider-color);border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end:none;border-radius:var(--gse-ui-segmentedControl-button-middle-borderRadius)}.gux-container.gux-start{border-inline-start-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-start-borderRadius)}.gux-container.gux-end{border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-inline-end-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-end-borderRadius)}.gux-container.gux-start.gux-end{border-radius:var(--gse-ui-segmentedControl-borderRadius)}.gux-container.gux-parent-disabled{pointer-events:none;user-select:none;border-color:color-mix(in srgb, var(--gse-ui-segmentedControl-divider-color) 50%, rgba(0, 0, 0, 0))}.gux-container .gux-segmented-control-item{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-segmentedControl-button-gap);place-content:stretch flex-start;align-items:center;block-size:100%;padding:var(--gse-ui-segmentedControl-button-padding);line-height:0;color:var(--gse-ui-segmentedControl-button-default-foregroundColor);cursor:pointer;background-color:var(--gse-ui-segmentedControl-button-default-backgroundColor)}.gux-container .gux-segmented-control-item.gux-icon-only{padding:var(--gse-ui-segmentedControl-iconOnly-padding)}.gux-container .gux-segmented-control-item.gux-icon-only .gux-text.gux-icon-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-container .gux-segmented-control-item:hover{color:var(--gse-ui-segmentedControl-button-hover-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-hover-backgroundColor)}.gux-container .gux-segmented-control-item[disabled]{color:var(--gse-ui-segmentedControl-button-disabled-foregroundColor);pointer-events:none;cursor:default;background-color:var(--gse-ui-segmentedControl-button-disabled-backgroundColor);opacity:var(--gse-ui-segmentedControl-button-disabled-opacity)}.gux-container .gux-segmented-control-item.gux-selected{color:var(--gse-ui-segmentedControl-button-active-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-active-backgroundColor)}.gux-container .gux-segmented-control-item:focus-visible{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);border-radius:var(--gse-ui-segmentedControl-borderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);outline-offset:var(--gse-ui-segmentedControl-focus-offset)}.gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
 const GuxSegmentedControlItemStyle0 = guxSegmentedControlItemCss;
 
 const GuxSegmentedControlItem = class {
@@ -53,19 +53,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'aefda8d25da23ee129efbb54a49c058e0d5ec04e', class: {
+        return (index.h("div", { key: '2a9206eda1a4fbfc42ef3c81f126460092b67a56', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, index.h("button", { key: '6f23fcc416eec9b564b646bb269c5f1524db2e10', class: {
+            } }, index.h("button", { key: 'b362ff0967b164a564fefeedb23886a76014b489', 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: 'b98be18ff7f99f52c1fb32890c24f87603c12f0c', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: '7113f8d8a800330fc6cbc1d6173247f53dbdaddb', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: '641b8fb994d4238b5c32c29b5a10b8cdccf49991', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: 'a1c4f88098ef9611c9c36bcb0ccdc903222c7556', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }