@syncfusion/ej2-richtexteditor 20.4.53 → 21.1.37

package/src/editor-manager/plugin/selection-commands.js

@@ -20,15 +20,16 @@ var SelectionCommands = /** @class */ (function () {
      * @param {string} enterAction - specifies the enter key action
      * @param {string} value - specifies the string value
      * @param {string} selector - specifies the string
+     * @param {FormatPainterValue} painterValues specifies the element created and last child
      * @returns {void}
      * @hidden
 
      */
-    SelectionCommands.applyFormat = function (docElement, format, endNode, enterAction, value, selector) {
+    SelectionCommands.applyFormat = function (docElement, format, endNode, enterAction, value, selector, painterValues) {
         this.enterAction = enterAction;
         var validFormats = ['bold', 'italic', 'underline', 'strikethrough', 'superscript',
             'subscript', 'uppercase', 'lowercase', 'fontcolor', 'fontname', 'fontsize', 'backgroundcolor'];
-        if (validFormats.indexOf(format) > -1) {
+        if (validFormats.indexOf(format) > -1 || value === 'formatPainter') {
             if (format === 'backgroundcolor' && value === '') {
                 value = 'transparent';
             }
@@ -104,8 +105,10 @@ var SelectionCommands = /** @class */ (function () {
                 if (formatNode !== null && (!isFormat || isFontStyle)) {
                     nodes[index] = this.removeFormat(nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domSelection, endNode, domNode);
                 }
-                else if (range.startContainer.parentElement !== endNode || (range.commonAncestorContainer === endNode || nodes.length === 1)) {
-                    nodes[index] = this.insertFormat(docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domNode, endNode);
+                else if (range.startContainer.parentElement !== endNode ||
+                    (range.commonAncestorContainer !== endNode && range.startContainer.parentElement === endNode)
+                    || (range.commonAncestorContainer === endNode || nodes.length === 1)) {
+                    nodes[index] = this.insertFormat(docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, painterValues, domNode, endNode);
                 }
                 domSelection = this.applySelection(nodes, domSelection, nodeCutter, index, isCollapsed);
             }
@@ -401,7 +404,7 @@ var SelectionCommands = /** @class */ (function () {
         }
         return nodes[index];
     };
-    SelectionCommands.insertFormat = function (docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domNode, endNode) {
+    SelectionCommands.insertFormat = function (docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, painterValues, domNode, endNode) {
         var rootElementNode;
         if (!isCursor) {
             if ((formatNode === null && isFormat) || isFontStyle) {
@@ -428,11 +431,11 @@ var SelectionCommands = /** @class */ (function () {
                 }
                 else if (!(isFontStyle === true && value === '')) {
                     var element = this.GetFormatNode(format, value);
-                    if (format === 'fontsize' || format === 'fontcolor' || format === 'fontname' || format === 'backgroundcolor') {
+                    if (value === 'formatPainter' || format === 'fontsize' || format === 'fontcolor' || format === 'fontname' || format === 'backgroundcolor') {
                         if (format !== 'fontname' && format !== 'backgroundcolor') {
                             var liElement = nodes[index].parentElement;
                             var parentElement = nodes[index].parentElement;
-                            while (!isNOU(parentElement) && parentElement.tagName.toLowerCase() !== 'li' && parentElement !== endNode) {
+                            while (!isNOU(parentElement) && parentElement.tagName.toLowerCase() !== 'li') {
                                 parentElement = parentElement.parentElement;
                                 liElement = parentElement;
                             }
@@ -447,7 +450,7 @@ var SelectionCommands = /** @class */ (function () {
                                 }
                             }
                         }
-                        if (rootElementNode && rootElementNode.nodeType !== 3) {
+                        if (rootElementNode && rootElementNode.nodeType !== 3 && rootElementNode.nodeName !== 'A') {
                             var save = new NodeSelection();
                             save.save(range, docElement);
                             domNode.setMarker(save);
@@ -467,7 +470,12 @@ var SelectionCommands = /** @class */ (function () {
                             domNode.saveMarker(save, null);
                         }
                         else {
-                            nodes[index] = this.applyStyles(nodes, index, element);
+                            if (value === 'formatPainter') {
+                                return this.insertFormatPainterElem(nodes, index, range, nodeCutter, painterValues, domNode);
+                            }
+                            else {
+                                nodes[index] = this.applyStyles(nodes, index, element);
+                            }
                         }
                         if (format === 'fontsize') {
                             var bg = closest(nodes[index].parentElement, 'span[style*=' + 'background-color' + ']');
@@ -598,6 +606,59 @@ var SelectionCommands = /** @class */ (function () {
             ele.setAttribute('style', styles);
         }
     };
+    // Below function is used to insert the element created by the format painter plugin.
+    SelectionCommands.insertFormatPainterElem = function (nodes, index, range, nodeCutter, painterValues, domNode) {
+        var parent = nodes[index].parentElement;
+        if (!domNode.isBlockNode(parent)) {
+            // The below code is used to remove the already present inline style from the text node.
+            while (parent.textContent.trim() === parent.parentElement.textContent.trim() && !domNode.isBlockNode(parent.parentElement)) {
+                parent = parent.parentElement;
+            }
+            if (parent.textContent.trim() !== nodes[index].textContent.trim()) {
+                nodeCutter.SplitNode(range, parent, true);
+                var childELemList = nodes[index].parentElement.childNodes;
+                for (var i = 0; i < childELemList.length; i++) {
+                    if (childELemList[i].textContent.trim() === nodes[i].textContent.trim()) {
+                        parent.parentNode.insertBefore(childELemList[i], parent);
+                        break;
+                    }
+                }
+                var blockChildNodes = parent.parentElement.childNodes;
+                for (var k = 0; k < blockChildNodes.length; k++) {
+                    if (blockChildNodes[k].textContent.trim() === '' || blockChildNodes[k].textContent.length === 0) {
+                        detach(blockChildNodes[k]);
+                    }
+                }
+            }
+            else {
+                InsertMethods.unwrap(parent);
+            }
+        }
+        var elem = painterValues.element;
+        if (!isNOU(elem)) {
+            // Step 1: Cloning the element that is created by format painter.
+            // Step 2: Finding the last child of the nested elememt using the paintervalues.lastchild nodename
+            // Step 3: Assigning the nodes[index] text content to the last child element.
+            // Step 4: Wrapping the cloned element with the nodes[index]
+            var clonedElement = elem.cloneNode(true);
+            var elemList = clonedElement.querySelectorAll(painterValues.lastChild.nodeName);
+            var lastElement = void 0;
+            if (elemList.length > 0) {
+                lastElement = elemList[elemList.length - 1];
+            }
+            else {
+                if (!isNOU(clonedElement) && clonedElement.nodeName === painterValues.lastChild.nodeName) {
+                    lastElement = clonedElement;
+                }
+            }
+            lastElement.textContent = nodes[index].textContent;
+            var lastChild = lastElement.childNodes[0];
+            nodes[index] = InsertMethods.Wrap(nodes[index], clonedElement);
+            nodes[index].textContent = '';
+            nodes[index] = lastChild;
+        }
+        return nodes[index];
+    };
     SelectionCommands.enterAction = 'P';
     return SelectionCommands;
 }());

package/src/editor-manager/plugin/video.js

@@ -161,6 +161,8 @@ var VideoCommand = /** @class */ (function () {
                 : (Browser.isIE ? selectedNode : !e.item.isEmbedUrl ? selectedNode.lastElementChild : selectedNode.querySelector('iframe'));
             videoElm_1.addEventListener(videoElm_1.tagName !== 'IFRAME' ? 'loadeddata' : 'load', function () {
                 if (e.value !== 'VideoReplace' || !isReplaced) {
+                    if (e.item.isEmbedUrl && videoElm_1)
+                        videoElm_1.classList.add('e-rte-embed-url');
                     e.callBack({
                         requestType: 'Videos',
                         editorMode: 'HTML',

package/src/editor-manager/plugin.d.ts

@@ -23,3 +23,4 @@ export * from './plugin/clearformat-exec';
 export * from './plugin/undo';
 export * from './plugin/table';
 export * from './plugin/toolbar-status';
+export * from './plugin/format-painter-actions';

package/src/editor-manager/plugin.js

@@ -23,3 +23,4 @@ export * from './plugin/clearformat-exec';
 export * from './plugin/undo';
 export * from './plugin/table';
 export * from './plugin/toolbar-status';
+export * from './plugin/format-painter-actions';

package/src/global.js

@@ -1,3 +1,3 @@
 import * as index from './index';
-index.RichTextEditor.Inject(index.Toolbar, index.Link, index.Image, index.Audio, index.Video, index.Count, index.QuickToolbar, index.HtmlEditor, index.MarkdownEditor, index.Table, index.PasteCleanup, index.Resize, index.FileManager);
+index.RichTextEditor.Inject(index.Toolbar, index.Link, index.Image, index.Audio, index.Video, index.Count, index.QuickToolbar, index.HtmlEditor, index.MarkdownEditor, index.Table, index.PasteCleanup, index.Resize, index.FileManager, index.FormatPainter);
 export * from './index';

package/src/rich-text-editor/actions/base-quick-toolbar.d.ts

@@ -21,6 +21,7 @@ export declare class BaseQuickToolbar {
     private popupRenderer;
     toolbarElement: HTMLElement;
     private renderFactory;
+    private tooltip;
     constructor(parent?: IRichTextEditor, locator?: ServiceLocator);
     private appendPopupContent;
     /**

package/src/rich-text-editor/actions/base-quick-toolbar.js

@@ -1,6 +1,6 @@
 import { detach, getUniqueID, append, closest, selectAll, select, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { addClass, removeClass, Browser, isNullOrUndefined, setStyleAttribute } from '@syncfusion/ej2-base';
-import { isCollide } from '@syncfusion/ej2-popups';
+import { isCollide, Tooltip } from '@syncfusion/ej2-popups';
 import * as events from '../base/constant';
 import * as classes from '../base/classes';
 import { RenderType } from '../base/enum';
@@ -69,6 +69,8 @@ var BaseQuickToolbar = /** @class */ (function () {
         var x;
         var y;
         var imgWrapper = closest(e.target, '.e-img-caption');
+        var isAligned = (e.target.classList.contains('e-imginline') ||
+            e.target.classList.contains('e-imgbreak')) ? false : true;
         var target = !isNOU(imgWrapper) ? imgWrapper : e.target;
         addClass([this.toolbarElement], [classes.CLS_RM_WHITE_SPACE]);
         var targetOffsetTop = target.offsetTop;
@@ -82,6 +84,7 @@ var BaseQuickToolbar = /** @class */ (function () {
         else {
             y = e.y;
         }
+        target = isAligned ? e.target : target;
         if (target.offsetWidth > e.popWidth) {
             x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + target.offsetLeft;
         }
@@ -213,6 +216,13 @@ var BaseQuickToolbar = /** @class */ (function () {
                     _this.parent.enableToolbarItem(['Undo', 'Redo']);
                 }
                 append([_this.element], document.body);
+                if (_this.parent.showTooltip) {
+                    _this.tooltip = new Tooltip({
+                        target: '#' + _this.element.id + ' [title]',
+                        showTipPointer: true
+                    });
+                    _this.tooltip.appendTo(_this.element);
+                }
                 _this.popupObj.position.X = x + 20;
                 _this.popupObj.position.Y = y + 20;
                 _this.popupObj.dataBind();
@@ -279,6 +289,16 @@ var BaseQuickToolbar = /** @class */ (function () {
         if (Browser.isDevice && !isIDevice()) {
             removeClass([this.parent.getToolbar()], [classes.CLS_HIDE]);
         }
+        if (!isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
+            if (!isNullOrUndefined(document.querySelector('#' + this.element.id + ' [data-tooltip-id]'))) {
+                var tooltipTargetEle = document.querySelector('#' + this.element.id + ' [data-tooltip-id]');
+                var dataContent = tooltipTargetEle.getAttribute('data-content');
+                tooltipTargetEle.removeAttribute('data-content');
+                tooltipTargetEle.setAttribute('title', dataContent);
+                tooltipTargetEle.removeAttribute('data-tooltip-id');
+            }
+            this.tooltip.destroy();
+        }
         if (!isNullOrUndefined(this.parent.getToolbar()) && !this.parent.inlineMode.enable) {
             if (isNullOrUndefined(viewSourcePanel) || viewSourcePanel.style.display === 'none') {
                 this.parent.enableToolbarItem(this.parent.toolbarSettings.items);

package/src/rich-text-editor/actions/base-toolbar.js

@@ -1,9 +1,9 @@
 import { RenderType } from '../base/enum';
 import { CLS_HR_SEPARATOR } from '../base/classes';
 import * as events from '../base/constant';
-import { getTooltipText, toObjectLowerCase } from '../base/util';
-import { tools, templateItems } from '../models/items';
-import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';
+import { getTooltipText, isIDevice, toObjectLowerCase } from '../base/util';
+import { tools, templateItems, windowKeys } from '../models/items';
+import { isNullOrUndefined, extend, Browser } from '@syncfusion/ej2-base';
 /**
  * `Toolbar` module is used to handle Toolbar actions.
  */
@@ -107,13 +107,23 @@ var BaseToolbar = /** @class */ (function () {
                 case '-':
                     return { type: 'Separator', cssClass: CLS_HR_SEPARATOR };
                 default:
-                    return {
-                        id: this.parent.getID() + '_' + container + '_' + this.tools[itemStr.toLocaleLowerCase()].id,
-                        prefixIcon: this.tools[itemStr.toLocaleLowerCase()].icon,
-                        tooltipText: getTooltipText(itemStr, this.locator),
-                        command: this.tools[itemStr.toLocaleLowerCase()].command,
-                        subCommand: this.tools[itemStr.toLocaleLowerCase()].subCommand
-                    };
+                    if (this.parent.showTooltip) {
+                        return {
+                            id: this.parent.getID() + '_' + container + '_' + this.tools[itemStr.toLocaleLowerCase()].id,
+                            prefixIcon: this.tools[itemStr.toLocaleLowerCase()].icon,
+                            tooltipText: getTooltipText(itemStr, this.locator),
+                            command: this.tools[itemStr.toLocaleLowerCase()].command,
+                            subCommand: this.tools[itemStr.toLocaleLowerCase()].subCommand
+                        };
+                    }
+                    else {
+                        return {
+                            id: this.parent.getID() + '_' + container + '_' + this.tools[itemStr.toLocaleLowerCase()].id,
+                            prefixIcon: this.tools[itemStr.toLocaleLowerCase()].icon,
+                            command: this.tools[itemStr.toLocaleLowerCase()].command,
+                            subCommand: this.tools[itemStr.toLocaleLowerCase()].subCommand
+                        };
+                    }
             }
         }
     };
@@ -161,6 +171,19 @@ var BaseToolbar = /** @class */ (function () {
             var item = tbItems_1[_i];
             _loop_1(item);
         }
+        for (var num = 0; num < items.length; num++) {
+            var tooltipText = items[num].tooltipText;
+            var shortCutKey = void 0;
+            if (windowKeys["" + tooltipText]) {
+                shortCutKey = Browser.isDevice && isIDevice() ? windowKeys["" + tooltipText].replace('Ctrl', 'Cmd') : windowKeys["" + tooltipText];
+            }
+            else {
+                shortCutKey = tooltipText;
+            }
+            if (shortCutKey) {
+                items[num].tooltipText = (tooltipText !== shortCutKey) ? tooltipText + ' (' + shortCutKey + ')' : tooltipText;
+            }
+        }
         return items;
     };
     BaseToolbar.prototype.getToolbarOptions = function (args) {

package/src/rich-text-editor/actions/enter-key.js

@@ -47,7 +47,7 @@ var EnterKeyAction = /** @class */ (function () {
             isTableEnter = blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
         }
         if (e.args.which === 13 && e.args.code === 'Enter') {
-            if (isNOU(this.startNode.closest('LI,UL,OL')) && isNOU(this.endNode.closest('LI,UL,OL')) && isTableEnter &&
+            if (isNOU(this.startNode.closest('LI, UL, OL')) && isNOU(this.endNode.closest('LI, UL, OL')) && isTableEnter &&
                 isNOU(this.startNode.closest('PRE')) && isNOU(this.endNode.closest('PRE'))) {
                 var shiftKey_1 = e.args.shiftKey;
                 var actionBeginArgs = {
@@ -117,11 +117,6 @@ var EnterKeyAction = /** @class */ (function () {
                         }
                         if (_this.range.startContainer === _this.range.endContainer &&
                             _this.range.startOffset === _this.range.endOffset && _this.range.startContainer === _this.parent.inputElement) {
-                            if (!isNOU(_this.range.startContainer.childNodes[_this.range.startOffset]) &&
-                                !isNOU(_this.range.startContainer.childNodes[_this.range.startOffset].previousElementSibling) &&
-                                _this.range.startContainer.childNodes[_this.range.startOffset].previousElementSibling.nodeName === 'TABLE') {
-                                _this.parent.tableModule.removeResizeElement();
-                            }
                             if (!(_this.parent.inputElement.childNodes.length === 1 && _this.parent.inputElement.childNodes[0].nodeName === 'TABLE')) {
                                 if (isNOU(_this.range.startContainer.childNodes[_this.range.startOffset])) {
                                     var currentLastElem = _this.range.startContainer.childNodes[_this.range.startOffset - 1];
@@ -157,7 +152,7 @@ var EnterKeyAction = /** @class */ (function () {
                                 var isFocusedFirst = false;
                                 if (_this.range.startOffset !== 0 && _this.range.endOffset !== 0 &&
                                     _this.range.startContainer === _this.range.endContainer && !(!isNOU(nearBlockNode.childNodes[0])
-                                    && nearBlockNode.childNodes[0].nodeName === 'IMG' && nearBlockNode.querySelectorAll('img,audio,video').length > 0)) {
+                                    && nearBlockNode.childNodes[0].nodeName === 'IMG' && nearBlockNode.querySelectorAll('img, audio, video').length > 0)) {
                                     var startNodeText = _this.range.startContainer.textContent;
                                     var splitFirstText = startNodeText.substring(0, _this.range.startOffset);
                                     // eslint-disable-next-line max-len
@@ -178,8 +173,8 @@ var EnterKeyAction = /** @class */ (function () {
                                         (_this.range.startContainer.previousSibling.nodeName === 'IMG' || _this.range.startContainer.previousSibling.nodeName === 'BR'))) {
                                     var isNearBlockLengthZero = void 0;
                                     var newElem = void 0;
-                                    if (!isNOU(_this.range.startContainer.childNodes) && _this.range.startContainer.textContent.length === 0 &&
-                                        (_this.range.startContainer.querySelectorAll('img,audio,video').length > 0 ||
+                                    if (!isNOU(_this.range.startContainer.childNodes) && _this.range.startContainer.textContent.length === 0
+                                        && (_this.range.startContainer.querySelectorAll('img, audio, video').length > 0 ||
                                             _this.range.startContainer.nodeName === 'IMG' || _this.range.startContainer.nodeName === 'TABLE')) {
                                         newElem = _this.createInsertElement(shiftKey_1);
                                         isMediaNode = true;
@@ -188,7 +183,7 @@ var EnterKeyAction = /** @class */ (function () {
                                     else {
                                         if ((nearBlockNode.textContent.trim().length !== 0 ||
                                             nearBlockNode.childNodes[0].nodeName === 'IMG' ||
-                                            (nearBlockNode.textContent.trim() === '' && nearBlockNode.querySelectorAll('img,audio,video').length > 0))) {
+                                            (nearBlockNode.textContent.trim() === '' && nearBlockNode.querySelectorAll('img, audio, video').length > 0))) {
                                             if ((_this.range.startOffset === _this.range.endOffset && _this.range.startOffset !== 0)) {
                                                 newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                             }

package/src/rich-text-editor/actions/format-painter.d.ts

@@ -0,0 +1,24 @@
+import { IRichTextEditor } from '../base/interface';
+export declare class FormatPainter {
+    private parent;
+    private isSticky;
+    private isActive;
+    previousAction: string;
+    constructor(parent?: IRichTextEditor);
+    private addEventListener;
+    private toolbarClick;
+    private toolbarDoubleClick;
+    private onKeyDown;
+    private actionHandler;
+    private updateCursor;
+    private updateToolbarBtn;
+    private editAreaClick;
+    destroy(): void;
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @returns {void}
+     * @hidden
+     */
+    private getModuleName;
+}

package/src/rich-text-editor/actions/format-painter.js

@@ -0,0 +1,142 @@
+import { addClass, isNullOrUndefined as isNOU, removeClass } from '@syncfusion/ej2-base';
+import * as events from '../base/constant';
+var FormatPainter = /** @class */ (function () {
+    function FormatPainter(parent) {
+        this.isSticky = false;
+        this.isActive = false;
+        this.parent = parent;
+        this.addEventListener();
+    }
+    FormatPainter.prototype.addEventListener = function () {
+        this.parent.on(events.formatPainterClick, this.toolbarClick, this);
+        this.parent.on(events.formatPainterDoubleClick, this.toolbarDoubleClick, this);
+        this.parent.on(events.editAreaClick, this.editAreaClick, this);
+        this.parent.on(events.keyDown, this.onKeyDown, this);
+        this.parent.on(events.destroy, this.destroy, this);
+    };
+    FormatPainter.prototype.toolbarClick = function (args) {
+        this.isActive = true;
+        this.parent.focusIn();
+        this.actionHandler(args, 'click');
+    };
+    FormatPainter.prototype.toolbarDoubleClick = function (args) {
+        this.isActive = true;
+        this.isSticky = true;
+        this.parent.focusIn();
+        this.actionHandler(args, 'dbClick');
+    };
+    FormatPainter.prototype.onKeyDown = function (event) {
+        var originalEvent = event.args;
+        if ((originalEvent.ctrlKey && originalEvent.shiftKey && (originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste'))
+            || (originalEvent.action === 'escape' && (this.previousAction === 'format-copy' || this.previousAction === 'format-paste'))) {
+            if (!isNOU(originalEvent.key) && originalEvent.key.toLowerCase() === 'c') {
+                originalEvent.preventDefault();
+            }
+            if (!isNOU(originalEvent.key) && originalEvent.key.toLowerCase() === 'v' &&
+                this.previousAction === 'format-copy' || this.previousAction === 'format-paste' || this.isSticky) {
+                originalEvent.preventDefault();
+            }
+            this.actionHandler(event, 'keyBoard');
+        }
+    };
+    FormatPainter.prototype.actionHandler = function (event, type) {
+        var action;
+        var isKeyboard = false;
+        var originalEvent;
+        var args;
+        var item;
+        switch (type) {
+            case 'dbClick':
+                args = event.args;
+                item = args.item;
+                originalEvent = event.args.originalEvent;
+                action = 'format-copy';
+                break;
+            case 'keyBoard':
+                args = null;
+                originalEvent = event.args;
+                isKeyboard = true;
+                action = event.args.action;
+                if (action === 'escape') {
+                    this.isSticky = false;
+                    this.isActive = false;
+                }
+                break;
+            case 'click':
+                args = event.args;
+                item = args.item;
+                originalEvent = event.args.originalEvent;
+                action = 'format-copy';
+                break;
+            case 'docClick':
+                originalEvent = event;
+                action = 'format-paste';
+                break;
+        }
+        this.updateCursor(isKeyboard);
+        var enable = type === 'docClick' || action === 'escape' ? false : true;
+        this.updateToolbarBtn(enable);
+        if (isNOU(item)) {
+            item = {
+                command: 'FormatPainter',
+                subCommand: 'FormatPainter'
+            };
+        }
+        var actionBeginArgs = {
+            requestType: 'FormatPainter', originalEvent: originalEvent, name: action, item: item
+        };
+        var value = {
+            formatPainterAction: action
+        };
+        this.parent.formatter.process(this.parent, actionBeginArgs, originalEvent, value);
+        this.previousAction = action;
+    };
+    FormatPainter.prototype.updateCursor = function (isKeyboard) {
+        if (!this.parent.inputElement.classList.contains('e-rte-cursor-brush') && !isKeyboard) {
+            addClass([this.parent.inputElement], 'e-rte-cursor-brush');
+        }
+        else if (!this.isSticky) {
+            removeClass([this.parent.inputElement], 'e-rte-cursor-brush');
+        }
+    };
+    FormatPainter.prototype.updateToolbarBtn = function (enable) {
+        var toolbarBtn = this.parent.element.querySelector('.e-rte-format-painter').parentElement.parentElement;
+        if (enable) {
+            addClass([toolbarBtn], 'e-active');
+        }
+        else if (!this.isSticky) {
+            removeClass([toolbarBtn], 'e-active');
+        }
+    };
+    FormatPainter.prototype.editAreaClick = function (args) {
+        if (this.isActive) {
+            if (!this.isSticky) {
+                this.isActive = false;
+            }
+            this.actionHandler(args, 'docClick');
+            this.updateToolbarBtn(false);
+        }
+    };
+    FormatPainter.prototype.destroy = function () {
+        /**Removeeventlistener */
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.off(events.formatPainterClick, this.toolbarClick);
+        this.parent.off(events.editAreaClick, this.editAreaClick);
+        this.parent.off(events.formatPainterDoubleClick, this.toolbarDoubleClick);
+        this.parent.off(events.keyDown, this.onKeyDown);
+        this.parent.off(events.destroy, this.destroy);
+    };
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @returns {void}
+     * @hidden
+     */
+    FormatPainter.prototype.getModuleName = function () {
+        return 'formatPainter';
+    };
+    return FormatPainter;
+}());
+export { FormatPainter };

package/src/rich-text-editor/actions/full-screen.js

@@ -106,7 +106,6 @@ var FullScreen = /** @class */ (function () {
                             _this.parent.toolbarModule.addFixedTBarClass();
                         }
                     }
-                    _this.parent.refreshUI();
                     _this.parent.trigger(events.actionComplete, { requestType: 'Minimize', targetItem: 'Minimize', args: event });
                 }
             });

package/src/rich-text-editor/actions/html-editor.d.ts

@@ -21,6 +21,7 @@ export declare class HtmlEditor {
     private isImageDelete;
     private saveSelection;
     xhtmlValidation: XhtmlValidation;
+    private clickTimeout;
     constructor(parent?: IRichTextEditor, serviceLocator?: ServiceLocator);
     /**
      * Destroys the Markdown.