genesys-spark-components 4.188.1 → 4.188.2

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-text-highlight/gux-rich-text-editor-action-text-highlight.js

@@ -23,9 +23,19 @@ import { eventIsFrom } from "../../../../../utils/dom/event-is-from";
 export class GuxRichTextEditorActionTextHighlight {
     constructor() {
         this.disabled = false;
-        this.isActive = false;
+        this.active = false;
         this.expanded = false;
     }
+    /**
+     * @deprecated This property is deprecated. Use the `active` property instead.
+     * @see https://inindca.atlassian.net/browse/COMUI-4315
+     */
+    get isActive() {
+        return this.active;
+    }
+    set isActive(value) {
+        this.active = value;
+    }
     onClickOutside() {
         this.expanded = false;
     }
@@ -104,10 +114,12 @@ export class GuxRichTextEditorActionTextHighlight {
         this.actionButton.focus();
     }
     renderTarget() {
-        return (h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, h("button", { type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive || this.expanded }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", decorative: true }), h("gux-screen-reader-beta", null, this.i18n('textHighlight'))), this.renderTooltip()));
+        return (h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, h("button", { type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || hasDisabledParent(this.root), class: {
+                'gux-is-pressed': this.active || this.expanded
+            }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", decorative: true }), h("gux-screen-reader-beta", null, this.i18n('textHighlight'))), this.renderTooltip()));
     }
     render() {
-        return (h("gux-popup", { key: '0c112c80992966849714850642775b1fde262c87', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'e6276fd00611864df01b2f40b4131334a1a717ab', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-rich-text-editor-action-text-highlight"; }
     static get encapsulation() { return "shadow"; }
@@ -144,10 +156,10 @@ export class GuxRichTextEditorActionTextHighlight {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "isActive": {
+            "active": {
                 "type": "boolean",
-                "attribute": "is-active",
-                "mutable": false,
+                "attribute": "active",
+                "mutable": true,
                 "complexType": {
                     "original": "boolean",
                     "resolved": "boolean",
@@ -163,6 +175,32 @@ export class GuxRichTextEditorActionTextHighlight {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "isActive": {
+                "type": "boolean",
+                "attribute": "is-active",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "deprecated",
+                            "text": "This property is deprecated. Use the `active` property instead."
+                        }, {
+                            "name": "see",
+                            "text": "https://inindca.atlassian.net/browse/COMUI-4315"
+                        }],
+                    "text": ""
+                },
+                "getter": true,
+                "setter": true,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action.js

@@ -6,7 +6,17 @@ import { hasDisabledParent, returnActionTypeIcon } from "../gux-rich-text-editor
 export class GuxRichTextEditorAction {
     constructor() {
         this.disabled = false;
-        this.isActive = false;
+        this.active = false;
+    }
+    /**
+     * @deprecated This property is deprecated. Use the `active` property instead.
+     * @see https://inindca.atlassian.net/browse/COMUI-4315
+     */
+    get isActive() {
+        return this.active;
+    }
+    set isActive(value) {
+        this.active = value;
     }
     async componentWillLoad() {
         trackComponent(this.root, { variant: this.action });
@@ -17,8 +27,17 @@ export class GuxRichTextEditorAction {
             return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n(this.action))));
         }
     }
+    isToggleAction() {
+        const nonToggleActions = [
+            'clearFormatting',
+            'delete',
+            'undo',
+            'redo'
+        ];
+        return !nonToggleActions.includes(this.action);
+    }
     renderActionButton() {
-        return (h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { type: "button", disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive }, "aria-pressed": this.isActive.toString() }, h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n(this.action))), this.renderTooltip()));
+        return (h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { type: "button", disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.active }, "aria-pressed": this.isToggleAction() && this.active.toString() }, h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n(this.action))), this.renderTooltip()));
     }
     render() {
         return this.renderActionButton();
@@ -82,10 +101,10 @@ export class GuxRichTextEditorAction {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "isActive": {
+            "active": {
                 "type": "boolean",
-                "attribute": "is-active",
-                "mutable": false,
+                "attribute": "active",
+                "mutable": true,
                 "complexType": {
                     "original": "boolean",
                     "resolved": "boolean",
@@ -101,6 +120,32 @@ export class GuxRichTextEditorAction {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "isActive": {
+                "type": "boolean",
+                "attribute": "is-active",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "deprecated",
+                            "text": "This property is deprecated. Use the `active` property instead."
+                        }, {
+                            "name": "see",
+                            "text": "https://inindca.atlassian.net/browse/COMUI-4315"
+                        }],
+                    "text": ""
+                },
+                "getter": true,
+                "setter": true,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }