@syncfusion/ej2-richtexteditor 24.1.46 → 24.2.3

package/dist/es6/ej2-richtexteditor.es2015.js

@@ -749,6 +749,21 @@ const hidePopup = 'hidePopup';
  * @deprecated
  */
 const cleanupResizeElements = 'cleanupResizeElements';
+/**
+ * @hidden
+ * @deprecated
+ */
+const afterKeyDown = 'afterKeyDown';
+/**
+ * @hidden
+ * @deprecated
+ */
+const updateValueOnIdle = 'updateValueOnIdle';
+/**
+ * @hidden
+ * @deprecated
+ */
+const documentClickClosedBy = 'documentClickClosedBy';
 /**
  * @hidden
  * @deprecated
@@ -766,6 +781,190 @@ canvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn
 ins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,
 q:empty, ruby:empty, s:empty, samp:empty, script:empty, select:empty, slot:empty, small:empty, span:empty, strong:empty, strike:empty, sub:empty, sup:empty, svg:empty,
 template:empty, textarea:empty, time:empty, u:empty, tt:empty, var:empty, wbr:empty`;
+/**
+ * @hidden
+ * @deprecated
+ */
+const supportedUnits = ['px', 'em', 'rem', 'pt', 'cm', 'mm', 'in', 'pc', 'vw', 'vh', 'vmin', 'vmax'];
+/**
+ * @hidden
+ * @deprecated
+ */
+const conversionFactors = {
+    'px': {
+        'px': 1,
+        'em': 0.0625,
+        'rem': 0.0625,
+        'pt': 0.75,
+        'cm': 0.0264583,
+        'mm': 0.0026458,
+        'in': 0.0104167,
+        'pc': 0.0625,
+        'vw': 0.00625,
+        'vh': 0.00625,
+        'vmin': 0.00625,
+        'vmax': 0.00625
+    },
+    'em': {
+        'px': 16,
+        'em': 1,
+        'rem': 1,
+        'pt': 12,
+        'cm': 0.423333,
+        'mm': 0.0423333,
+        'in': 0.166667,
+        'pc': 0.0625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'rem': {
+        'px': 16,
+        'em': 1,
+        'rem': 1,
+        'pt': 12,
+        'cm': 0.423333,
+        'mm': 0.0423333,
+        'in': 0.166667,
+        'pc': 0.0625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'pt': {
+        'px': 1.33333,
+        'em': 0.0833333,
+        'rem': 0.0833333,
+        'pt': 1,
+        'cm': 0.0352778,
+        'mm': 0.0035278,
+        'in': 0.0138889,
+        'pc': 0.0416667,
+        'vw': 0.00416667,
+        'vh': 0.00416667,
+        'vmin': 0.00416667,
+        'vmax': 0.00416667
+    },
+    'cm': {
+        'px': 37.7953,
+        'em': 2.3622,
+        'rem': 2.3622,
+        'pt': 28.3465,
+        'cm': 1,
+        'mm': 0.1,
+        'in': 0.393701,
+        'pc': 0.148148,
+        'vw': 0.0377953,
+        'vh': 0.0377953,
+        'vmin': 0.0377953,
+        'vmax': 0.0377953
+    },
+    'mm': {
+        'px': 3.77953,
+        'em': 0.23622,
+        'rem': 0.23622,
+        'pt': 2.83465,
+        'cm': 10,
+        'mm': 1,
+        'in': 0.0393701,
+        'pc': 0.0148148,
+        'vw': 0.00377953,
+        'vh': 0.00377953,
+        'vmin': 0.00377953,
+        'vmax': 0.00377953
+    },
+    'in': {
+        'px': 96,
+        'em': 6,
+        'rem': 6,
+        'pt': 72,
+        'cm': 2.54,
+        'mm': 25.4,
+        'in': 1,
+        'pc': 0.375,
+        'vw': 0.09375,
+        'vh': 0.09375,
+        'vmin': 0.09375,
+        'vmax': 0.09375
+    },
+    'pc': {
+        'px': 16,
+        'em': 1,
+        'rem': 1,
+        'pt': 12,
+        'cm': 0.423333,
+        'mm': 0.0423333,
+        'in': 0.166667,
+        'pc': 1,
+        'vw': 0.0625,
+        'vh': 0.0625,
+        'vmin': 0.0625,
+        'vmax': 0.0625
+    },
+    'vw': {
+        'px': 160,
+        'em': 10,
+        'rem': 10,
+        'pt': 120,
+        'cm': 4.23333,
+        'mm': 0.423333,
+        'in': 1.66667,
+        'pc': 0.625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'vh': {
+        'px': 160,
+        'em': 10,
+        'rem': 10,
+        'pt': 120,
+        'cm': 4.23333,
+        'mm': 0.423333,
+        'in': 1.66667,
+        'pc': 0.625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'vmin': {
+        'px': 160,
+        'em': 10,
+        'rem': 10,
+        'pt': 120,
+        'cm': 4.23333,
+        'mm': 0.423333,
+        'in': 1.66667,
+        'pc': 0.625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    },
+    'vmax': {
+        'px': 160,
+        'em': 10,
+        'rem': 10,
+        'pt': 120,
+        'cm': 4.23333,
+        'mm': 0.423333,
+        'in': 1.66667,
+        'pc': 0.625,
+        'vw': 1,
+        'vh': 1,
+        'vmin': 1,
+        'vmax': 1
+    }
+};
+/**
+ * @hidden
+ * @deprecated
+ */
+const onHandleFontsizeChange = 'onHandleFontsizeChange';
 
 /**
  * Rich Text Editor classes defined here.
@@ -1904,14 +2103,14 @@ let tools = {
     'sourcecode': {
         'id': 'SourceCode',
         'icon': 'e-source-code',
-        'tooltip': 'Source Code',
+        'tooltip': 'Code View (Ctrl+Shift+H)',
         'command': 'SourceCode',
         'subCommand': 'SourceCode'
     },
     'preview': {
         'id': 'Preview',
         'icon': 'e-preview',
-        'tooltip': 'Preview',
+        'tooltip': 'Preview (Ctrl+Shift+H)',
         'command': 'Preview',
         'subCommand': 'Preview'
     },
@@ -2473,7 +2672,7 @@ let defaultLocale = {
     'remove': 'Remove',
     'insertLink': 'Insert Link',
     'display': 'Display',
-    'altText': 'Alternative Text',
+    'altText': 'Alternative text',
     'dimension': 'Change Size',
     'fullscreen': 'Maximize',
     'maximize': 'Maximize',
@@ -2486,12 +2685,12 @@ let defaultLocale = {
     'preview': 'Preview',
     'viewside': 'ViewSide',
     'insertCode': 'Insert Code',
-    'linkText': 'Display Text',
+    'linkText': 'Display text',
     'linkTooltipLabel': 'Title',
-    'linkWebUrl': 'Web Address',
+    'linkWebUrl': 'Web address',
     'linkTitle': 'Enter a title',
     'linkurl': 'http://example.com',
-    'linkOpenInNewWindow': 'Open Link in New Window',
+    'linkOpenInNewWindow': 'Open link in new window',
     'linkHeader': 'Insert Link',
     'dialogInsert': 'Insert',
     'dialogCancel': 'Cancel',
@@ -2525,8 +2724,8 @@ let defaultLocale = {
     'imageWidth': 'Width',
     'videoHeight': 'Height',
     'videoWidth': 'Width',
-    'textPlaceholder': 'Enter Text',
-    'inserttablebtn': 'Insert Table',
+    'textPlaceholder': 'Enter text',
+    'inserttablebtn': 'Insert table',
     'tabledialogHeader': 'Insert Table',
     'tableWidth': 'Width',
     'cellpadding': 'Cell Padding',
@@ -2536,7 +2735,7 @@ let defaultLocale = {
     'tableRows': 'Table Rows',
     'tableColumns': 'Table Columns',
     'tableCellHorizontalAlign': 'Table Cell Horizontal Align',
-    'tableCellVerticalAlign': 'Table Cell Vertical Align',
+    'tableCellVerticalAlign': 'Table Vertical Align',
     'createTable': 'Create Table',
     'removeTable': 'Remove Table',
     'tableHeader': 'Table Header',
@@ -2614,8 +2813,8 @@ let defaultLocale = {
     'bulletFormatListNone': 'None',
     'formatPainter': 'Format Painter',
     'emojiPicker': 'Emoji Picker',
-    'embeddedCode': 'Embedded Code',
-    'pasteEmbeddedCodeHere': 'Paste Embedded Code here',
+    'embeddedCode': 'Embedded code',
+    'pasteEmbeddedCodeHere': 'Paste embedded code here',
     'emojiPickerTypeToFind': 'Type to find',
     'emojiPickerNoResultFound': 'No results found',
     'emojiPickerTrySomethingElse': 'Try something else',
@@ -2675,7 +2874,7 @@ let toolsLocale = {
     'remove': 'remove',
     'insertlink': 'insertLink',
     'display': 'display',
-    'alttext': 'altText',
+    'alttext': 'alternateHeader',
     'dimension': 'dimension',
     'fullscreen': 'fullscreen',
     'maximize': 'maximize',
@@ -2710,8 +2909,8 @@ let toolsLocale = {
     'deleterow': 'deleteRow',
     'formatpainter': 'formatPainter',
     'emojipicker': 'emojiPicker',
-    'embeddedCode': 'Embedded Code',
-    'pasteEmbeddedCodeHere': 'Paste Embedded Code here',
+    'embeddedCode': 'Embedded code',
+    'pasteEmbeddedCodeHere': 'Paste embedded code here',
     'emojiPickerTypeToFind': 'Type to find',
     'emojiPickerNoResultFound': 'No results found',
     'emojiPickerTrySomethingElse': 'Try something else',
@@ -2881,6 +3080,40 @@ function getTooltipText(item, serviceLocator) {
     const tooltipText = i10n.getConstant(itemLocale);
     return tooltipText;
 }
+function getTooltipTextDropdownItems(item, serviceLocator, localeItems, rteObj) {
+    if (localeItems) {
+        const i10n = serviceLocator.getService('rteLocale');
+        for (let i = 0; i < localeItems.length; i++) {
+            const itemLocale = localeItems[i].value.toLocaleLowerCase();
+            const numberValue = localeItems[i].locale;
+            const numberLocale = defaultLocale[`${numberValue}`].toLocaleLowerCase();
+            if (item === itemLocale || item === numberLocale) {
+                const tooltipText = localeItems[i].locale;
+                return i10n.getConstant(tooltipText);
+            }
+        }
+    }
+    else {
+        const fontsize = rteObj.fontSize.items;
+        for (let i = 0; i < fontsize.length; i++) {
+            if (item === rteObj.fontSize.items[i].value) {
+                const fontSize$$1 = rteObj.fontSize.items[i].text;
+                return fontSize$$1;
+            }
+        }
+    }
+    return '';
+}
+function getQuickToolbarTooltipText(item) {
+    const keys = Object.keys(defaultLocale);
+    for (let i = 0; i < keys.length; i++) {
+        const tooltipText = defaultLocale[`${keys[i]}`];
+        if (item === tooltipText) {
+            return tooltipText;
+        }
+    }
+    return '';
+}
 /**
  * @param {ISetToolbarStatusArgs} e - specifies the e element
  * @param {boolean} isPopToolbar - specifies the boolean value
@@ -3395,6 +3628,7 @@ class ToolbarRenderer {
     }
     dropDownSelected(args) {
         this.parent.notify(dropDownSelect, args);
+        this.destroyTooltip();
     }
     beforeDropDownItemRender(args) {
         if (this.parent.readonly || !this.parent.enabled) {
@@ -3422,12 +3656,18 @@ class ToolbarRenderer {
         if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1 && !isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-merge')) &&
             (!isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-horizontal-split')) || !isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-vertical-split')))) {
             const listEle = args.element.querySelectorAll('li');
-            if (this.parent.inputElement.querySelectorAll('.e-cell-select').length === 1) {
+            const selectedEles = this.parent.inputElement.querySelectorAll('.e-cell-select');
+            if (selectedEles.length === 1) {
                 addClass([listEle[0]], 'e-disabled');
                 removeClass([listEle[1], listEle[2]], 'e-disabled');
             }
-            else if (this.parent.inputElement.querySelectorAll('.e-cell-select').length > 1) {
-                removeClass([listEle[0]], 'e-disabled');
+            else if (selectedEles.length > 1) {
+                if (!Array.from(selectedEles).every((element) => element.tagName.toLowerCase() === selectedEles[0].tagName.toLowerCase())) {
+                    addClass([listEle[0]], 'e-disabled');
+                }
+                else {
+                    removeClass([listEle[0]], 'e-disabled');
+                }
                 addClass([listEle[1], listEle[2]], 'e-disabled');
             }
         }
@@ -3475,6 +3715,19 @@ class ToolbarRenderer {
             });
             this.tooltip.appendTo(args.target);
         }
+        if (this.parent.showTooltip) {
+            this.dropdownTooltip = new Tooltip({
+                target: '[aria-owns="' + this.parent.getID() + '"].e-rte-elements [title]',
+                showTipPointer: true,
+                openDelay: 400,
+                opensOn: 'Hover',
+                beforeRender: this.tooltipBeforeRender.bind(this),
+                cssClass: this.parent.getCssClass(),
+                windowCollision: true,
+                position: 'BottomCenter'
+            });
+            this.dropdownTooltip.appendTo(document.body);
+        }
     }
     /**
      * renderDropDownButton method
@@ -4087,10 +4340,14 @@ class BaseToolbar {
                                 this.parent.formatter.saveData();
                             }
                             callback.call(this);
-                            const currentContentElem = this.parent.createElement('div');
-                            currentContentElem.appendChild(this.parent.formatter.getUndoRedoStack()[this.parent.formatter.getUndoRedoStack().length - 1].text);
-                            if (currentContentElem.innerHTML.trim() === this.parent.inputElement.innerHTML.trim()) {
-                                return;
+                            if (this.parent.formatter.getUndoRedoStack().length > 0) {
+                                const currentContentElem = this.parent.createElement('div');
+                                let stackItem = this.parent.formatter.getUndoRedoStack()[this.parent.formatter.getUndoRedoStack().length - 1];
+                                let clonedItem = (stackItem.text).cloneNode(true);
+                                currentContentElem.appendChild(clonedItem);
+                                if (currentContentElem.innerHTML.trim() === this.parent.inputElement.innerHTML.trim()) {
+                                    return;
+                                }
                             }
                             if (proxy.undo) {
                                 this.parent.formatter.saveData();
@@ -4158,10 +4415,28 @@ class DropDownButtons {
         if (item.cssClass) {
             addClass([args.element], item.cssClass);
         }
+        if (item.command === 'Images' || item.command === 'Videos' || item.command === 'Audios' || item.command === 'Table') {
+            args.element.setAttribute('title', getQuickToolbarTooltipText(item.text));
+        }
         if (item.command === 'Alignments' || item.subCommand === 'JustifyLeft'
             || item.subCommand === 'JustifyRight' || item.subCommand === 'JustifyCenter') {
             args.element.setAttribute('title', getTooltipText(item.subCommand.toLocaleLowerCase(), this.locator));
         }
+        if (item.command === 'Formats') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.subCommand.toLocaleLowerCase(), this.locator, formatsLocale));
+        }
+        if (item.command === 'Font') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), this.locator, fontNameLocale));
+        }
+        if (item.subCommand === 'BulletFormatList') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), this.locator, bulletFormatListLocale));
+        }
+        if (item.subCommand === 'NumberFormatList') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.text.replace(/\s/g, '').toLocaleLowerCase(), this.locator, numberFormatListLocale));
+        }
+        if (item.subCommand === 'FontSize') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), null, null, this.parent));
+        }
     }
     dropdownContent(width, type, content) {
         return ('<span style="display: inline-flex;' + 'width:' + ((type === 'quick') ? 'auto' : width) + '" >' +
@@ -4267,7 +4542,7 @@ class DropDownButtons {
                         if (isNullOrUndefined(targetElement) || targetElement.classList.contains(CLS_DROPDOWN_BTN)) {
                             return;
                         }
-                        const fontsize = this.parent.fontSize.items.slice();
+                        const fontsize = !isNullOrUndefined(this.fontSizeDropDown) && !isNullOrUndefined(this.fontSizeDropDown.items) && this.fontSizeDropDown.items.length > 0 ? this.fontSizeDropDown.items : JSON.parse(JSON.stringify(this.parent.fontSize.items.slice()));
                         fontsize.forEach((item) => {
                             Object.defineProperties(item, {
                                 command: { value: 'Font', enumerable: true }, subCommand: { value: 'FontSize', enumerable: true }
@@ -5581,7 +5856,9 @@ const keyCode = {
     'singlequote': 222,
     ']': 221,
     '[': 219,
-    '=': 187
+    '=': 187,
+    '<': 188,
+    '>': 190
 };
 /**
  * KeyboardEvents class enables you to bind key action desired key combinations for ex., Ctrl+A, Delete, Alt+Space etc.
@@ -6284,6 +6561,9 @@ class BaseQuickToolbar {
                 this.parent.enableToolbarItem(this.parent.toolbarSettings.items);
             }
         }
+        if (this.parent.showTooltip && !isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
+            this.parent.notify(destroyTooltip, { args: event });
+        }
         this.removeEleFromDOM();
         this.isDOMElement = false;
     }
@@ -7104,7 +7384,7 @@ class Count {
     }
     appendCount() {
         const htmlText = this.parent.editorMode === 'Markdown' ? this.editPanel.value :
-            this.editPanel.textContent;
+            (this.parent.getText().replace(/(\r\n|\n|\r|\t)/gm, ''));
         if (this.parent.editorMode !== 'Markdown' && htmlText.indexOf('\u200B') !== -1) {
             this.htmlLength = htmlText.replace(/\u200B/g, '').length;
         }
@@ -7494,30 +7774,41 @@ function updateTextNode$1(value, enterAction) {
         }
         const tableElm = resultElm.querySelectorAll('table');
         for (let i = 0; i < tableElm.length; i++) {
-            if (tableElm[i].getAttribute('border') === '0') {
-                tableElm[i].removeAttribute('border');
-            }
-            const tdElm = tableElm[i].querySelectorAll('td');
-            for (let j = 0; j < tdElm.length; j++) {
-                if (tdElm[j].style.borderLeft === 'none') {
-                    tdElm[j].style.removeProperty('border-left');
-                }
-                if (tdElm[j].style.borderRight === 'none') {
-                    tdElm[j].style.removeProperty('border-right');
-                }
-                if (tdElm[j].style.borderBottom === 'none') {
-                    tdElm[j].style.removeProperty('border-bottom');
-                }
-                if (tdElm[j].style.borderTop === 'none') {
-                    tdElm[j].style.removeProperty('border-top');
+            if (tableElm[i].classList.length > 0 && !tableElm[i].classList.contains('e-rte-table')) {
+                tableElm[i].classList.add('e-rte-paste-table');
+                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-word-table');
+                    continue; // Sking the removal of the border if the source is from word.
+                }
+                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-excel-table');
+                    if (tableElm[i].getAttribute('border') === '0') {
+                        tableElm[i].removeAttribute('border');
+                    }
+                    const tdElm = tableElm[i].querySelectorAll('td');
+                    for (let j = 0; j < tdElm.length; j++) {
+                        if (tdElm[j].style.borderLeft === 'none') {
+                            tdElm[j].style.removeProperty('border-left');
+                        }
+                        if (tdElm[j].style.borderRight === 'none') {
+                            tdElm[j].style.removeProperty('border-right');
+                        }
+                        if (tdElm[j].style.borderBottom === 'none') {
+                            tdElm[j].style.removeProperty('border-bottom');
+                        }
+                        if (tdElm[j].style.borderTop === 'none') {
+                            tdElm[j].style.removeProperty('border-top');
+                        }
+                        if (tdElm[j].style.border === 'none') {
+                            tdElm[j].style.removeProperty('border');
+                        }
+                    }
                 }
-                if (tdElm[j].style.border === 'none') {
-                    tdElm[j].style.removeProperty('border');
+                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
+                    continue;
                 }
             }
-            if (!tableElm[i].classList.contains('e-rte-table')) {
-                tableElm[i].classList.add('e-rte-table');
-            }
         }
         const imageElm = resultElm.querySelectorAll('img');
         for (let i = 0; i < imageElm.length; i++) {
@@ -7833,6 +8124,12 @@ const FORMAT_PAINTER_ACTIONS = 'format_painter_actions';
  * @hidden
  */
 const EMOJI_PICKER_ACTIONS = 'emoji_picker_actions';
+/**
+ * Mouse down event constant
+ *
+ * @hidden
+ */
+const MOUSE_DOWN = 'mouseDown';
 
 /**
  * Formatter
@@ -7856,12 +8153,21 @@ class Formatter {
         const selection = self.contentModule.getDocument().getSelection();
         const range = (selection.rangeCount > 0) ? selection.getRangeAt(selection.rangeCount - 1) : null;
         let saveSelection;
+        let newRange;
+        if (!isNullOrUndefined(value) && !isNullOrUndefined(value.selection)) {
+            newRange = value.selection.range;
+        }
         const isKeyboardVideoInsert = (!isNullOrUndefined(value) && !isNullOrUndefined(value.cssClass) &&
             value.cssClass !== 'e-video-inline');
         if (self.editorMode === 'HTML') {
             if (!isNullOrUndefined(args) && !isKeyboardVideoInsert) {
                 if (isNullOrUndefined(args.name) || (!isNullOrUndefined(args.name) && args.name !== 'showDialog')) {
-                    saveSelection = this.editorManager.nodeSelection.save(range, self.contentModule.getDocument());
+                    if (newRange) {
+                        saveSelection = this.editorManager.nodeSelection.save(newRange, self.contentModule.getDocument());
+                    }
+                    else {
+                        saveSelection = this.editorManager.nodeSelection.save(range, self.contentModule.getDocument());
+                    }
                 }
             }
         }
@@ -7889,7 +8195,7 @@ class Formatter {
             if (args.item.command === 'Images' || args.item.command === 'Videos' || args.item.command === 'Table' || args.item.command === 'Files') {
                 currentInsertContentLength = 1;
             }
-            const currentLength = self.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
+            const currentLength = self.getText().trim().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length;
             const selectionLength = self.getSelection().length;
             const totalLength = (currentLength - selectionLength) + currentInsertContentLength;
             if (!(self.maxLength === -1 || totalLength <= self.maxLength)) {
@@ -7953,7 +8259,9 @@ class Formatter {
                         this.saveData();
                     }
                     self.isBlur = false;
-                    self.contentModule.getEditPanel().focus();
+                    if (isNullOrUndefined(saveSelection) || isNullOrUndefined(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")) {
+                        self.contentModule.getEditPanel().focus();
+                    }
                     if (self.editorMode === 'HTML' && !isKeyboardVideoInsert) {
                         if (isNullOrUndefined(args.selectType) || (!isNullOrUndefined(args.selectType) && args.selectType !== 'showDialog')) {
                             saveSelection.restore();
@@ -10417,6 +10725,12 @@ const CLEAR_TYPE = 'clear-type';
  * @hidden
  */
 const SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];
+/**
+ * Source
+ *
+ * @hidden
+ */
+const PASTE_SOURCE = ['word', 'excel', 'onenote'];
 
 /**
  * `Selection` module is used to handle RTE Selections.
@@ -11430,7 +11744,9 @@ class DOMNode {
         else if (start.tagName === 'BR') {
             this.replaceWith(start, this.marker(className, this.encode(start.textContent)));
             const markerStart = range.startContainer.querySelector('.' + className);
-            markerStart.parentElement.appendChild(start);
+            if (markerStart) {
+                markerStart.parentElement.appendChild(start);
+            }
         }
         else {
             if (start.tagName === 'IMG') {
@@ -15063,7 +15379,6 @@ class TableCommand {
         table.appendChild(tblBody);
         e.item.selection.restore();
         InsertHtml.Insert(this.parent.currentDocument, table, this.parent.editableElement);
-        this.removeEmptyNode();
         e.item.selection.setSelectionText(this.parent.currentDocument, table.querySelector('td'), table.querySelector('td'), 0, 0);
         if (table.nextElementSibling === null) {
             let insertElem;
@@ -15107,24 +15422,6 @@ class TableCommand {
         }
         return styleValue;
     }
-    removeEmptyNode() {
-        const emptyUl = this.parent.editableElement.querySelectorAll('ul:empty, ol:empty');
-        for (let i = 0; i < emptyUl.length; i++) {
-            detach(emptyUl[i]);
-        }
-        let emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty:not(img)');
-        for (let i = 0; i < emptyLiChild.length; i++) {
-            detach(emptyLiChild[i]);
-            if (emptyLiChild.length === i + 1) {
-                emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty:not(img)');
-                i = -1;
-            }
-        }
-        const emptyLi = this.parent.editableElement.querySelectorAll('li:empty');
-        for (let i = 0; i < emptyLi.length; i++) {
-            detach(emptyLi[i]);
-        }
-    }
     insertAfter(newNode, referenceNode) {
         referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
     }
@@ -15472,14 +15769,21 @@ class TableCommand {
         }
     }
     tableVerticalAlign(e) {
-        if (e.item.subCommand === 'AlignTop') {
-            e.item.tableCell.style.verticalAlign = 'top';
+        let value = '';
+        switch (e.item.subCommand) {
+            case 'AlignTop':
+                value = 'top';
+                break;
+            case 'AlignMiddle':
+                value = 'middle';
+                break;
+            case 'AlignBottom':
+                value = 'bottom';
+                break;
         }
-        else if (e.item.subCommand === 'AlignMiddle') {
-            e.item.tableCell.style.verticalAlign = 'middle';
-        }
-        else {
-            e.item.tableCell.style.verticalAlign = 'bottom';
+        e.item.tableCell.style.verticalAlign = value;
+        if (value && value !== '' && e.item.tableCell.getAttribute('valign')) {
+            e.item.tableCell.removeAttribute('valign');
         }
         if (e.callBack) {
             e.callBack({
@@ -16228,6 +16532,22 @@ class SelectionCommands {
             const nodeCutter = new NodeCutter();
             const isFormatted = new IsFormatted();
             let range = domSelection.getRange(docElement);
+            if (Browser.userAgent.indexOf('Firefox') !== -1 && range.startContainer === range.endContainer && !isNullOrUndefined(endNode) && range.startContainer === endNode) {
+                const startChildNodes = range.startContainer.childNodes;
+                const startNode = ((startChildNodes[(range.startOffset > 0) ? (range.startOffset - 1) :
+                    range.startOffset]) || range.startContainer);
+                const endNode = (range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) :
+                    range.endOffset] || range.endContainer);
+                let lastSelectionNode = (endNode.lastChild.nodeName === 'BR' ? (isNullOrUndefined(endNode.lastChild.previousSibling) ? endNode
+                    : endNode.lastChild.previousSibling) : endNode.firstChild);
+                while (!isNullOrUndefined(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
+                    lastSelectionNode.nodeName !== 'BR' && lastSelectionNode.nodeName !== 'HR') {
+                    lastSelectionNode = lastSelectionNode.lastChild;
+                }
+                
+                domSelection.setSelectionText(docElement, startNode, lastSelectionNode, 0, 0);
+                range = domSelection.getRange(docElement);
+            }
             const save = domSelection.save(range, docElement);
             const nodes = range.collapsed ? domSelection.getSelectionNodeCollection(range) :
                 domSelection.getSelectionNodeCollectionBr(range);
@@ -17447,6 +17767,25 @@ class UndoRedoManager {
         }
         return textContent;
     }
+    isElementStructureEqual(previousFragment, currentFragment) {
+        if (previousFragment.childNodes.length !== currentFragment.childNodes.length) {
+            return false;
+        }
+        for (let i = 0; i < previousFragment.childNodes.length; i++) {
+            const previousFragmentNode = previousFragment.childNodes[i];
+            const currentFragmentNode = currentFragment.childNodes[i];
+            if (!previousFragmentNode || !currentFragmentNode) {
+                return false;
+            }
+            if (previousFragmentNode.nodeType !== currentFragmentNode.nodeType) {
+                return false;
+            }
+            if (previousFragmentNode.outerHTML !== currentFragmentNode.outerHTML) {
+                return false;
+            }
+        }
+        return true;
+    }
     /**
      * RTE collection stored html format.
      *
@@ -17483,7 +17822,8 @@ class UndoRedoManager {
             (this.undoRedoStack[this.undoRedoStack.length - 1].range.endOffset === save.range.endOffset) &&
             (this.undoRedoStack[this.undoRedoStack.length - 1].range.range.startContainer === save.range.startContainer) &&
             (this.getTextContentFromFragment(this.undoRedoStack[this.undoRedoStack.length - 1].text).trim() ===
-                this.getTextContentFromFragment(changEle.text).trim())) {
+                this.getTextContentFromFragment(changEle.text).trim()) &&
+            this.isElementStructureEqual(this.undoRedoStack[this.undoRedoStack.length - 1].text, changEle.text)) {
             return;
         }
         this.undoRedoStack.push(changEle);
@@ -17645,6 +17985,7 @@ class MsWordPaste {
         const pattern4 = /style='mso-width-source:/i;
         if (patern.test(tempHTMLContent) || patern2.test(tempHTMLContent) || patern3.test(tempHTMLContent) ||
             pattern4.test(tempHTMLContent)) {
+            const source = this.findSource(elm);
             this.imageConversion(elm, rtfData);
             tempHTMLContent = tempHTMLContent.replace(/<img[^>]+>/i, '');
             this.addListClass(elm);
@@ -17665,16 +18006,8 @@ class MsWordPaste {
             if (pattern4.test(tempHTMLContent)) {
                 this.addTableBorderClass(elm);
             }
-            // Removing the margin for list items
-            const liChildren = elm.querySelectorAll('li');
-            if (liChildren.length > 0) {
-                for (let i = 0; i < liChildren.length; i++) {
-                    if (!isNullOrUndefined(liChildren[i].style.marginLeft)) {
-                        liChildren[i].style.marginLeft = '';
-                    }
-                }
-            }
-            e.callBack(elm.innerHTML, this.cropImageDimensions);
+            this.processMargin(elm);
+            e.callBack(elm.innerHTML, this.cropImageDimensions, source);
         }
         else {
             e.callBack(elm.innerHTML);
@@ -18508,6 +18841,25 @@ class MsWordPaste {
         }
         this.listContents.push(elem.innerHTML);
     }
+    processMargin(element) {
+        const liChildren = element.querySelectorAll('li');
+        if (liChildren.length > 0) {
+            for (let i = 0; i < liChildren.length; i++) {
+                if (!isNullOrUndefined((liChildren[i]).style.marginLeft)) {
+                    (liChildren[i]).style.marginLeft = '';
+                }
+            }
+        }
+        const tableChildren = element.querySelectorAll('table');
+        if (tableChildren.length > 0) {
+            for (let i = 0; i < tableChildren.length; i++) {
+                if (!isNullOrUndefined((tableChildren[i]).style.marginLeft) &&
+                    (tableChildren[i]).style.marginLeft.indexOf('-') >= 0) {
+                    (tableChildren[i]).style.marginLeft = '';
+                }
+            }
+        }
+    }
     removeEmptyAnchorTag(element) {
         const removableElement = element.querySelectorAll('a:not([href])');
         for (let j = removableElement.length - 1; j >= 0; j--) {
@@ -18518,6 +18870,22 @@ class MsWordPaste {
             parentElem.removeChild(removableElement[j]);
         }
     }
+    findSource(element) {
+        const metaNodes = element.querySelectorAll('meta');
+        for (let i = 0; i < metaNodes.length; i++) {
+            const metaNode = metaNodes[i];
+            const content = metaNode.getAttribute('content');
+            const name = metaNode.getAttribute('name');
+            if (name && name.toLowerCase().indexOf('generator') >= 0 && content && content.toLowerCase().indexOf('microsoft') >= 0) {
+                for (let j = 0; j < PASTE_SOURCE.length; j++) {
+                    if (content.toLowerCase().indexOf(PASTE_SOURCE[j]) >= 0) {
+                        return PASTE_SOURCE[j];
+                    }
+                }
+            }
+        }
+        return 'html';
+    }
 }
 
 /**
@@ -19151,7 +19519,7 @@ class FormatPainterActions {
     }
     copyAction() {
         const copyCollection = [];
-        const range = this.parent.nodeSelection.getRange(document);
+        const range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
         const domSelection = this.parent.nodeSelection;
         let nodes = range.collapsed ? domSelection.getSelectionNodeCollection(range) :
             domSelection.getSelectionNodeCollectionBr(range);
@@ -19643,6 +20011,7 @@ class EditorManager {
         this.observer.on(MODEL_CHANGED, this.onPropertyChanged, this);
         this.observer.on(MS_WORD_CLEANUP, this.onWordPaste, this);
         this.observer.on(ON_BEGIN, this.onBegin, this);
+        this.observer.on(MOUSE_DOWN, this.editorMouseDown, this);
     }
     onWordPaste(e) {
         this.observer.notify(MS_WORD_CLEANUP_PLUGIN, e);
@@ -19786,6 +20155,64 @@ class EditorManager {
                     event: event, callBack: callBack });
         }
     }
+    editorMouseDown(e) {
+        if (e.args.detail === 3) {
+            this.tripleClickSelection(e.args);
+        }
+    }
+    tripleClickSelection(e) {
+        const range = this.nodeSelection.getRange(this.currentDocument);
+        const selection = this.nodeSelection.get(this.currentDocument);
+        if (selection.rangeCount > 0 && selection.toString() !== '') {
+            const startBlockNode = this.getParentBlockNode(range.startContainer);
+            const endBlockNode = this.getParentBlockNode(range.endContainer);
+            if (startBlockNode && endBlockNode && startBlockNode === endBlockNode) {
+                const newRange = this.currentDocument.createRange();
+                const startTextNode = this.getFirstTextNode(startBlockNode);
+                const endTextNode = this.getLastTextNode(endBlockNode);
+                if (startTextNode && endTextNode) {
+                    newRange.setStart(startTextNode, 0);
+                    newRange.setEnd(endTextNode, endTextNode.textContent.length);
+                    this.nodeSelection.setRange(this.currentDocument, newRange);
+                    e.preventDefault();
+                }
+            }
+        }
+    }
+    getParentBlockNode(node) {
+        let treeWalker = this.currentDocument.createTreeWalker(this.editableElement, // root
+        NodeFilter.SHOW_ELEMENT, // whatToShow
+        {
+            acceptNode: function (currentNode) {
+                // Check if the node is a block element
+                let displayStyle = window.getComputedStyle(currentNode).display;
+                if (displayStyle.indexOf('inline') < 0) {
+                    return NodeFilter.FILTER_ACCEPT;
+                }
+                else {
+                    return NodeFilter.FILTER_SKIP;
+                }
+            }
+        });
+        treeWalker.currentNode = node;
+        let blockParent = treeWalker.parentNode();
+        return blockParent;
+    }
+    getLastTextNode(node) {
+        let treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
+        let lastTextNode = null;
+        let currentNode = treeWalker.nextNode();
+        while (currentNode) {
+            lastTextNode = currentNode;
+            currentNode = treeWalker.nextNode();
+        }
+        return lastTextNode;
+    }
+    getFirstTextNode(node) {
+        let treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
+        let firstTextNode = treeWalker.nextNode();
+        return firstTextNode;
+    }
 }
 
 /**
@@ -20359,6 +20786,7 @@ class HtmlEditor {
         this.parent.on(readOnlyMode, this.updateReadOnly, this);
         this.parent.on(paste, this.onPaste, this);
         this.parent.on(tableclass, this.isTableClassAdded, this);
+        this.parent.on(onHandleFontsizeChange, this.onHandleFontsizeChange, this);
     }
     updateReadOnly() {
         if (this.parent.readonly) {
@@ -20377,7 +20805,9 @@ class HtmlEditor {
     }
     onSelectionRestore(e) {
         this.parent.isBlur = false;
-        this.contentRenderer.getEditPanel().focus();
+        if (isNullOrUndefined(this.saveSelection) || isNullOrUndefined(closest(this.saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(this.saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")) {
+            this.contentRenderer.getEditPanel().focus();
+        }
         if (isNullOrUndefined(e.items) || e.items) {
             this.saveSelection.restore();
         }
@@ -20385,11 +20815,85 @@ class HtmlEditor {
     isTableClassAdded() {
         const tableElement = this.parent.inputElement.querySelectorAll('table');
         for (let i = 0; i < tableElement.length; i++) {
-            if (!tableElement[i].classList.contains('e-rte-table')) {
+            if (!tableElement[i].classList.contains('e-rte-table') && !tableElement[i].classList.contains('e-rte-paste-table')) {
                 tableElement[i].classList.add('e-rte-table');
             }
         }
     }
+    onHandleFontsizeChange(e) {
+        const keyboardArgs = e.args;
+        const args = { name: 'dropDownSelect' };
+        args.item = {
+            command: 'Font',
+            subCommand: 'FontSize'
+        };
+        const items = this.parent.fontSize.items;
+        let activeElem;
+        if (this.parent.toolbarModule && this.parent.toolbarModule.dropDownModule &&
+            this.parent.toolbarModule.dropDownModule.fontSizeDropDown && !isNullOrUndefined(this.parent.toolbarModule.dropDownModule.fontSizeDropDown.activeElem[0].textContent) && this.parent.toolbarModule.dropDownModule.fontSizeDropDown.activeElem[0].textContent !== '') {
+            activeElem = this.parent.toolbarModule.dropDownModule.fontSizeDropDown.activeElem[0].textContent;
+        }
+        else {
+            let fontSizeValue;
+            const selection = this.parent.contentModule.getDocument().getSelection();
+            if (selection && selection.focusNode && selection.focusNode.parentElement) {
+                fontSizeValue = document.defaultView.getComputedStyle(selection.focusNode.parentElement, null).getPropertyValue('font-size');
+            }
+            else {
+                fontSizeValue = this.parent.fontSize.width;
+            }
+            fontSizeValue = isNullOrUndefined(fontSizeValue) ? this.parent.fontSize.width : fontSizeValue;
+            const actualTxtFontValues = fontSizeValue.match(/^([\d.]+)(\D+)$/);
+            const size = parseInt(actualTxtFontValues[1], 10);
+            const unit = actualTxtFontValues[2];
+            const defaultFontValues = items[0].value.match(/^([\d.]+)(\D+)$/);
+            if (defaultFontValues[2] === unit) {
+                const index = items.findIndex(({ value }) => parseInt(value, 10) >= size);
+                activeElem = items[index].text;
+            }
+            else {
+                const convertedSize = this.convertFontSize(size, unit, defaultFontValues[2]);
+                const index = items.findIndex(({ value }) => parseInt(value, 10) >= convertedSize);
+                activeElem = items[index].text;
+            }
+        }
+        const fontIndex = items.findIndex((size) => size.text === activeElem);
+        if (keyboardArgs.action === 'increase-fontsize' && fontIndex !== -1) {
+            if (fontIndex >= items.length - 1) {
+                const fontValues = items[fontIndex].value.match(/^([\d.]+)(\D+)$/);
+                if (fontValues) {
+                    const size = parseInt(fontValues[1], 10);
+                    const unit = fontValues[2];
+                    const roundedSize = size % 10 === 0 ? Math.ceil((size + 1) / 10) * 10 : Math.ceil(size / 10) * 10;
+                    args.item.value = roundedSize.toLocaleString() + unit;
+                    args.item.text = roundedSize.toLocaleString() + ' ' + unit;
+                }
+                this.parent.fontSize.items.push(args.item);
+            }
+            else {
+                args.item.value = items[fontIndex + 1].value;
+                args.item.text = items[fontIndex + 1].text;
+            }
+        }
+        else if (keyboardArgs.action === 'decrease-fontsize' && fontIndex !== -1 && fontIndex > 0) {
+            args.item.value = items[fontIndex - 1].value;
+            args.item.text = items[fontIndex - 1].text;
+        }
+        else {
+            if (fontIndex >= 0 && fontIndex < items.length && items[fontIndex]) {
+                args.item.value = items[fontIndex].value;
+                args.item.text = items[fontIndex].text;
+            }
+        }
+        this.parent.formatter.process(this.parent, args, keyboardArgs);
+    }
+    convertFontSize(value, originalUnit, targetUnit) {
+        if (supportedUnits.indexOf(originalUnit) !== -1 || supportedUnits.indexOf(targetUnit) !== -1) {
+            originalUnit = 'px';
+        }
+        const convertedValue = value * conversionFactors[originalUnit][targetUnit];
+        return convertedValue;
+    }
     onKeyUp(e) {
         const args = e.args;
         const restrictKeys = [8, 9, 13, 16, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
@@ -20510,7 +21014,7 @@ class HtmlEditor {
             e.args.keyCode === 13) {
             this.spaceLink(e.args);
             if (this.parent.editorMode === 'HTML' && !this.parent.readonly) {
-                const currentLength = this.parent.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
+                const currentLength = this.parent.getText().trim().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length;
                 const selectionLength = this.parent.getSelection().length;
                 const totalLength = (currentLength - selectionLength) + 1;
                 if (!(this.parent.maxLength === -1 || totalLength <= this.parent.maxLength) &&
@@ -20672,7 +21176,7 @@ class HtmlEditor {
         let liElement;
         let rootElement;
         if (e.args.code === 'Delete' && e.args.keyCode === 46 &&
-            this.parent.contentModule.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
+            this.parent.contentModule.getText().trim().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
             currentRange.startContainer.parentElement.tagName !== 'TH') {
             this.deleteRangeElement = rootElement = this.getRootBlockNode(currentRange.startContainer);
             if (this.deleteRangeElement.tagName === 'OL' || this.deleteRangeElement.tagName === 'UL') {
@@ -21272,7 +21776,8 @@ class PasteCleanup {
                     args: e.args,
                     text: e.text,
                     allowedStylePropertiesArray: this.parent.pasteCleanupSettings.allowedStyleProps,
-                    callBack: (a, cropImageData) => {
+                    callBack: (a, cropImageData, pasteTableSource) => {
+                        args.pasteTableSource = pasteTableSource;
                         value = a.trim();
                         this.cropImageData = cropImageData;
                     }
@@ -21842,10 +22347,24 @@ class PasteCleanup {
             }
             this.parent.trigger(afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, (updatedArgs) => { value = updatedArgs.value; });
             clipBoardElem.innerHTML = this.parent.addAnchorAriaLabel(value);
-            clipBoardElem = this.addTableClass(clipBoardElem);
+            clipBoardElem = this.addTableClass(clipBoardElem, args.pasteTableSource);
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, (returnArgs) => {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 this.parent.formatter.onSuccess(this.parent, args);
+                if (!isNullOrUndefined(returnArgs.elements) && !isNullOrUndefined(returnArgs.imgElem)) {
+                    const pasteContent = returnArgs.elements;
+                    const imageContent = returnArgs.imgElem;
+                    const lastElementChild = this.findLastElement(pasteContent[pasteContent.length - 1]);
+                    const isImageAtLast = !isNullOrUndefined(lastElementChild) ? lastElementChild.nodeName === 'IMG' : false;
+                    if (isImageAtLast || pasteContent[pasteContent.length - 1] === imageContent[imageContent.length - 1]) {
+                        this.parent.notify(insertCompleted, {
+                            args: args.event,
+                            type: 'Images',
+                            isNotify: true,
+                            elements: imageContent[imageContent.length - 1]
+                        });
+                    }
+                }
             }, clipBoardElem, null, null, this.parent.enterKey);
             this.removeTempClass();
             this.parent.notify(toolbarRefresh, {});
@@ -21896,12 +22415,15 @@ class PasteCleanup {
             }
         }
     }
-    addTableClass(element) {
+    addTableClass(element, source) {
         const tableElement = element.querySelectorAll('table');
         for (let i = 0; i < tableElement.length; i++) {
-            if (!tableElement[i].classList.contains('e-rte-table')) {
+            if (!tableElement[i].classList.contains('e-rte-table') && (source === 'html' || source === '')) {
                 tableElement[i].classList.add('e-rte-table');
             }
+            else if (source && source !== 'html') {
+                tableElement[i].classList.add('e-rte-paste-' + source + '-table');
+            }
         }
         return element;
     }
@@ -22238,6 +22760,16 @@ class PasteCleanup {
         }
         return clipBoardElem;
     }
+    findLastElement(element) {
+        if (!isNullOrUndefined(element) && !isNullOrUndefined(element.lastElementChild)) {
+            let lastChild = element.lastElementChild;
+            while (lastChild && lastChild.lastElementChild) {
+                lastChild = lastChild.lastElementChild;
+            }
+            return lastChild;
+        }
+        return null;
+    }
     /**
      * For internal use only - Get the module name.
      *
@@ -22733,6 +23265,7 @@ class FullScreen {
                             this.parent.toolbarModule.addFixedTBarClass();
                         }
                     }
+                    this.parent.refreshUI();
                     this.parent.trigger(actionComplete, { requestType: 'Minimize', targetItem: 'Minimize', args: event });
                 }
             });
@@ -23646,7 +24179,7 @@ class EmojiPicker {
                 noEmojiObj.style.margin = '55px';
                 emojipickerAll.appendChild(noEmojiObj);
             }
-            else if (!noEMoji && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') || (inputValue === '' && value === ':')) {
+            else if (!noEMoji && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') || (inputValue === '' && value === ':') || (inputValue === '' && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji'))) {
                 emojipickerAll.removeChild(this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji'));
             }
             emojipickerAll.appendChild(emojiBtnDiv);
@@ -24296,12 +24829,20 @@ class Link {
         }
         const target = (this.selfLink.checkBoxObj.checked) ? '_blank' : null;
         const linkLabel = (this.selfLink.checkBoxObj.checked) ? this.selfLink.i10n.getConstant('linkAriaLabel') : null;
+        if (this.selfLink.parent.editorMode === 'Markdown' && linkUrl === '') {
+            linkUrl = 'http://';
+        }
         if (linkUrl === '') {
             this.selfLink.checkUrl(true);
             return;
         }
         if (!this.selfLink.isUrl(linkUrl)) {
-            linkText = (linkText === '') ? linkUrl : linkText;
+            if (this.selfLink.parent.editorMode === 'Markdown') {
+                linkText = (linkText !== '') ? linkText : '';
+            }
+            else {
+                linkText = (linkText === '') ? linkUrl : linkText;
+            }
             if (!this.selfLink.parent.enableAutoUrl) {
                 linkUrl = linkUrl.indexOf('http') > -1 ? linkUrl : 'http://' + linkUrl;
             }
@@ -24442,6 +24983,7 @@ class Link {
                 this.parent.inlineMode.enable && !closest(target, '#' + this.dialogObj.element.id)) &&
                 !closest(target, '#' + this.parent.getID() + '_toolbar_CreateLink') &&
                 !target.querySelector('#' + this.parent.getID() + '_toolbar_CreateLink')))) {
+            this.parent.notify(documentClickClosedBy, { closedBy: "outside click" });
             this.dialogObj.hide({ returnValue: true });
             EventHandler.remove(this.parent.element.ownerDocument, 'mousedown', this.onDocumentClick);
             this.parent.isBlur = true;
@@ -25190,6 +25732,14 @@ class Image$1 {
                 originalEvent.preventDefault();
                 break;
         }
+        if (originalEvent.ctrlKey && originalEvent.key === 'a') {
+            this.handleSelectAll();
+        }
+    }
+    handleSelectAll() {
+        this.cancelResizeAction();
+        const imgFocusNodes = this.parent.inputElement.querySelectorAll('.' + CLS_IMG_FOCUS);
+        removeClass(imgFocusNodes, CLS_IMG_FOCUS);
     }
     openDialog(isInternal, event, selection, ele, parentEle) {
         let range;
@@ -25358,10 +25908,12 @@ class Image$1 {
                     this.parent.formatter.editorManager.nodeSelection.Clear(this.contentModule.getDocument());
                     this.parent.formatter.editorManager.nodeSelection.setSelectionContents(this.contentModule.getDocument(), target);
                     this.quickToolObj.imageQTBar.showPopup(args.pageX, pageY, target);
+                    this.resizeStart(e.args, target);
                 }, 400);
             }
             else {
-                this.quickToolObj.imageQTBar.showPopup(args.pageX, pageY, target);
+                const coordinates = target.getBoundingClientRect();
+                this.quickToolObj.imageQTBar.showPopup(coordinates.left, coordinates.top, target, 'Image');
             }
         }
     }
@@ -25821,7 +26373,7 @@ class Image$1 {
             isModal: Browser.isDevice,
             buttons: [{
                     click: this.insertImageUrl.bind(selectObj),
-                    buttonModel: { content: imgInsert, cssClass: 'e-flat e-insertImage' + this.parent.getCssClass(true), isPrimary: true, disabled: true }
+                    buttonModel: { content: imgInsert, cssClass: 'e-flat e-insertImage' + this.parent.getCssClass(true), isPrimary: true, disabled: this.parent.editorMode === 'Markdown' ? false : true }
                 },
                 {
                     click: (e) => {
@@ -25927,6 +26479,7 @@ class Image$1 {
             if (e.offsetX > e.target.clientWidth || e.offsetY > e.target.clientHeight) {
             }
             else {
+                this.parent.notify(documentClickClosedBy, { closedBy: "outside click" });
                 this.dialogObj.hide({ returnValue: true });
                 this.parent.isBlur = true;
                 dispatchEvent(this.parent.element, 'focusout');
@@ -25987,6 +26540,10 @@ class Image$1 {
                 }
             }
         });
+        if (e.selectNode && e.selectNode[0].nodeName === 'IMG') {
+            const regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
+            this.inputUrl.value = e.selectNode[0].src.match(regex) ? e.selectNode[0].src : '';
+        }
         imgUrl.appendChild(this.inputUrl);
         return imgUrl;
     }
@@ -25994,7 +26551,10 @@ class Image$1 {
     insertImageUrl(e) {
         const proxy = this.selfImage;
         proxy.isImgUploaded = false;
-        const url = proxy.inputUrl.value;
+        let url = proxy.inputUrl.value;
+        if (proxy.parent.editorMode === 'Markdown' && url === '') {
+            url = 'http://';
+        }
         if (proxy.parent.formatter.getUndoRedoStack().length === 0) {
             proxy.parent.formatter.saveData();
         }
@@ -26984,6 +27544,13 @@ class Audio {
                 originalEvent.preventDefault();
                 break;
         }
+        if (originalEvent.ctrlKey && originalEvent.key === 'a') {
+            this.handleSelectAll();
+        }
+    }
+    handleSelectAll() {
+        const audioFocusNodes = this.parent.inputElement.querySelectorAll('.' + CLS_AUD_FOCUS);
+        removeClass(audioFocusNodes, CLS_AUD_FOCUS);
     }
     openDialog(isInternal, event, selection, ele, parentEle) {
         let range;
@@ -27124,6 +27691,7 @@ class Audio {
             if (e.offsetX > e.target.clientWidth || e.offsetY > e.target.clientHeight) {
             }
             else {
+                this.parent.notify(documentClickClosedBy, { closedBy: "outside click" });
                 this.dialogObj.hide({ returnValue: true });
                 this.parent.isBlur = true;
                 dispatchEvent(this.parent.element, 'focusout');
@@ -27382,6 +27950,11 @@ class Audio {
                 }
             }
         });
+        if (e.selectNode && this.isAudioElem(e.selectNode[0])) {
+            const regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
+            const sourceElement = e.selectNode[0].querySelector('source');
+            this.inputUrl.value = sourceElement.src.match(regex) ? sourceElement.src : '';
+        }
         audioUrl.appendChild(this.inputUrl);
         return audioUrl;
     }
@@ -28272,6 +28845,14 @@ class Video {
                 originalEvent.preventDefault();
                 break;
         }
+        if (originalEvent.ctrlKey && originalEvent.key === 'a') {
+            this.handleSelectAll();
+        }
+    }
+    handleSelectAll() {
+        this.cancelResizeAction();
+        const videoFocusNodes = this.parent.inputElement.querySelectorAll('.' + CLS_VID_FOCUS);
+        removeClass(videoFocusNodes, CLS_VID_FOCUS);
     }
     openDialog(isInternal, event, selection, ele, parentEle) {
         let range;
@@ -28449,6 +29030,7 @@ class Video {
             if (e.offsetX > e.target.clientWidth || e.offsetY > e.target.clientHeight) {
             }
             else {
+                this.parent.notify(documentClickClosedBy, { closedBy: "outside click" });
                 this.dialogObj.hide({ returnValue: true });
                 this.parent.isBlur = true;
                 dispatchEvent(this.parent.element, 'focusout');
@@ -28735,6 +29317,15 @@ class Video {
                 }
             }
         });
+        if (e.selectNode && ((e.selectNode[0] && e.selectNode[0].nodeType !== 3 &&
+            e.selectNode[0].nodeName !== 'BR' &&
+            (e.selectNode[0].classList &&
+                e.selectNode[0].classList.contains(CLS_VID_CLICK_ELEM))) ||
+            e.selectNode[0].nodeName === 'IFRAME' || e.selectNode[0].nodeName === 'VIDEO')) {
+            const regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
+            const sourceElement = e.selectNode[0].querySelector('source');
+            this.inputUrl.value = sourceElement.src.match(regex) ? sourceElement.src : '';
+        }
         const embedUrlBtn = new RadioButton({
             label: this.i10n.getConstant('embeddedCode'),
             checked: true,
@@ -28744,7 +29335,6 @@ class Video {
             },
             change: () => {
                 urlContent.innerHTML = '';
-                this.inputUrl.value = '';
                 urlContent.appendChild(this.embedInputUrl);
             }
         });
@@ -28754,7 +29344,6 @@ class Video {
             name: 'URL',
             change: () => {
                 urlContent.innerHTML = '';
-                this.embedInputUrl.value = '';
                 urlContent.appendChild(this.inputUrl);
             }
         });
@@ -28944,10 +29533,11 @@ class Video {
                 this.selection = proxy.parent.formatter.editorManager.nodeSelection.save(range, proxy.contentModule.getDocument());
                 this.selectParent = proxy.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
             }
-            const name = url !== '' ? url.split('/')[url.split('/').length - 1] : embedUrl;
+            const webUrlBtn = document.getElementById('webURL');
+            const name = webUrlBtn.checked ? url.split('/')[url.split('/').length - 1] : embedUrl;
             const value = {
                 cssClass: (proxy.parent.insertVideoSettings.layoutOption === 'Inline' ? CLS_VIDEOINLINE : CLS_VIDEOBREAK),
-                url: url, selection: this.selection, fileName: name, isEmbedUrl: embedUrl !== '' ? true : false,
+                url: url, selection: this.selection, fileName: name, isEmbedUrl: !webUrlBtn.checked,
                 selectParent: this.selectParent, width: {
                     width: proxy.parent.insertVideoSettings.width, minWidth: proxy.parent.insertVideoSettings.minWidth,
                     maxWidth: proxy.parent.getInsertImgMaxWidth()
@@ -29148,6 +29738,9 @@ class ViewSource {
         }
         this.parent.trigger(actionComplete, { requestType: 'SourceCode', targetItem: 'SourceCode', args: args });
         this.parent.invokeChangeEvent();
+        if (!isNullOrUndefined(this.parent.saveInterval) && this.parent.saveInterval > 0 && this.parent.autoSaveOnIdle) {
+            this.codeViewTimeInterval = setInterval(() => { this.parent.notify(updateValueOnIdle, {}); }, this.parent.saveInterval);
+        }
     }
     /**
      * updateSourceCode method
@@ -29209,6 +29802,7 @@ class ViewSource {
         this.parent.trigger(actionComplete, { requestType: 'Preview', targetItem: 'Preview', args: args });
         this.parent.formatter.enableUndo(this.parent);
         this.parent.addAudioVideoWrapper();
+        clearTimeout(this.codeViewTimeInterval);
         this.parent.invokeChangeEvent();
         this.parent.notify(tableclass, {});
     }
@@ -29300,6 +29894,7 @@ class Table {
         this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.destroy, this);
         this.parent.on(moduleDestroy, this.moduleDestroy, this);
+        this.parent.on(afterKeyDown, this.afterKeyDown, this);
     }
     removeEventListener() {
         if (this.parent.isDestroyed) {
@@ -29325,6 +29920,7 @@ class Table {
         this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
         this.parent.off(moduleDestroy, this.moduleDestroy);
+        this.parent.off(afterKeyDown, this.afterKeyDown);
         if (!Browser.isDevice && this.parent.tableSettings.resize) {
             EventHandler.remove(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper);
         }
@@ -29482,6 +30078,14 @@ class Table {
                 }
             }
         }
+        if (event.ctrlKey && event.key === 'a') {
+            this.handleSelectAll();
+        }
+    }
+    handleSelectAll() {
+        this.cancelResizeAction();
+        const selectedCells = this.parent.inputElement.querySelectorAll('.' + CLS_TABLE_SEL);
+        removeClass(selectedCells, CLS_TABLE_SEL);
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     tableModulekeyUp(e) {
@@ -29515,7 +30119,6 @@ class Table {
                 name: !isInternal ? 'showDialog' : null
             };
             this.insertTableDialog({ self: this, args: args, selection: selection });
-            this.parent.formatter.editorManager.nodeSelection.restore();
         }
     }
     showDialog() {
@@ -29860,7 +30463,7 @@ class Table {
             return;
         }
         const target = e.target || e.targetTouches[0].target;
-        const closestTable = closest(target, 'table.e-rte-table');
+        const closestTable = closest(target, 'table.e-rte-table, table.e-rte-paste-table');
         if (!isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable &&
             this.parent.contentModule.getEditPanel().contains(closestTable)) {
             this.removeResizeElement();
@@ -30497,6 +31100,7 @@ class Table {
                 this.popupObj.hide();
             }
             if (this.editdlgObj) {
+                this.parent.notify(documentClickClosedBy, { closedBy: "outside click" });
                 this.editdlgObj.hide();
             }
             this.parent.isBlur = true;
@@ -30805,6 +31409,15 @@ class Table {
     getModuleName() {
         return 'table';
     }
+    afterKeyDown(e) {
+        if (this.curTable) {
+            setTimeout(() => {
+                const mouseOverEvent = document.createEvent('MouseEvents');
+                mouseOverEvent.initEvent('mouseover', true, true);
+                this.curTable.dispatchEvent(mouseOverEvent);
+            }, 1);
+        }
+    }
 }
 
 /**
@@ -30821,6 +31434,7 @@ class DialogRenderer {
         }
         this.parent.on(moduleDestroy, this.moduleDestroy, this);
         this.parent.on(destroy, this.removeEventListener, this);
+        this.parent.on(documentClickClosedBy, this.documentClickClosedBy, this);
     }
     removeEventListener() {
         if (this.parent.isDestroyed) {
@@ -30828,6 +31442,7 @@ class DialogRenderer {
         }
         this.parent.off(destroy, this.removeEventListener);
         this.parent.off(moduleDestroy, this.moduleDestroy);
+        this.parent.off(documentClickClosedBy, this.documentClickClosedBy);
     }
     /**
      * dialog render method
@@ -30874,10 +31489,14 @@ class DialogRenderer {
     open(args) {
         this.parent.trigger(dialogOpen, args);
     }
+    documentClickClosedBy(args) {
+        this.outsideClickClosedBy = args.closedBy;
+    }
     beforeClose(args) {
         if (this.dialogEle) {
             this.dialogEle.removeEventListener('keydown', this.handleEnterKeyDown);
         }
+        args.closedBy = this.outsideClickClosedBy === 'outside click' ? this.outsideClickClosedBy : args.closedBy;
         this.parent.trigger(beforeDialogClose, args, (closeArgs) => {
             if (!closeArgs.cancel) {
                 if (closeArgs.container.classList.contains('e-popup-close')) {
@@ -30885,6 +31504,7 @@ class DialogRenderer {
                 }
             }
         });
+        this.outsideClickClosedBy = "";
     }
     getDialogPosition() {
         let distanceFromVisibleTop = this.parent.element.getBoundingClientRect().top;
@@ -32390,7 +33010,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             if (tool.command === 'InsertText') {
                 currentInsertContentLength = value.length;
             }
-            const currentLength = this.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
+            const currentLength = this.getText().trim().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length;
             const selectionLength = this.getSelection().length;
             const totalLength = (currentLength - selectionLength) + currentInsertContentLength;
             if (!(this.maxLength === -1 || totalLength <= this.maxLength)) {
@@ -32756,7 +33376,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         if (e.action !== 'insert-link' &&
             e.action !== 'format-copy' && e.action !== 'format-paste' &&
-            (!e.target || !(e.target.classList.contains('e-mention') && e.code === 'Tab')) &&
+            (!e.target || !(e.target.classList.contains('e-mention') && !isNullOrUndefined(document.querySelector('#' + e.target.id + '_popup.e-popup-open')) && e.code === 'Tab')) &&
             (e.action && e.action !== 'paste' && e.action !== 'space'
                 || e.which === 9 || (e.code === 'Backspace' && e.which === 8))) {
             let FormatPainterEscapeAction = false;
@@ -32764,7 +33384,12 @@ let RichTextEditor = class RichTextEditor extends Component {
                 FormatPainterEscapeAction = this.formatPainterModule.previousAction === 'escape';
             }
             if (!FormatPainterEscapeAction) {
-                this.formatter.process(this, null, e);
+                if (this.editorMode === 'HTML' && (e.action === 'increase-fontsize' || e.action === 'decrease-fontsize')) {
+                    this.notify(onHandleFontsizeChange, { member: 'onHandleFontsizeChange', args: e });
+                }
+                else {
+                    this.formatter.process(this, null, e);
+                }
             }
             switch (e.action) {
                 case 'toolbar-focus':
@@ -32790,6 +33415,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                 this.setPlaceHolder();
             }
         }
+        this.notify(afterKeyDown, { member: 'afterKeyDown', args: e });
         this.autoResize();
     }
     keyUp(e) {
@@ -32816,7 +33442,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         const formatPainterCopy = e.key === 'C' && e.altKey && e.shiftKey;
         const formatPainterPaste = e.key === 'V' && e.altKey && e.shiftKey;
         if ((!formatPainterCopy && !formatPainterPaste) && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys) || (this.editorMode === 'Markdown'
-            && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys)) && !this.inlineMode.enable) {
+            && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys)) || (this.autoSaveOnIdle && Browser.isDevice) && !this.inlineMode.enable) {
             this.formatter.onKeyHandler(this, e);
         }
         if (this.inputElement && this.inputElement.textContent.length !== 0
@@ -32912,60 +33538,6 @@ let RichTextEditor = class RichTextEditor extends Component {
                 return;
             }
         }
-        if (e.detail === 3) {
-            const range = this.getRange();
-            const selection = this.formatter.editorManager.domNode.getSelection();
-            // To handle the triple click node selection improper range due to browser behavior.
-            if (selection.rangeCount > 0 && !isNullOrUndefined(range.startContainer.parentElement) && (!isNullOrUndefined(range.startContainer.parentElement.nextSibling) &&
-                (range.startContainer.parentElement.nextSibling.nodeType !== 3 ||
-                    /\s+$/.test(range.startContainer.parentElement.nextSibling.textContent)) || range.startOffset === range.endOffset)
-                || range.startContainer.parentElement.tagName.toLocaleLowerCase() === 'li') {
-                const newRange = new Range();
-                let start = range.startContainer;
-                let end = range.endContainer;
-                let isInvalid = false;
-                const isInsideList = range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL'
-                    || range.commonAncestorContainer.nodeName === 'LI';
-                if (!isInsideList && end.nodeType === 1 && end.nodeName === 'LI') {
-                    end = closest(end, 'ol, ul').previousElementSibling.lastElementChild;
-                }
-                else if (isInsideList && end.nodeType === 1 && range.endOffset === 0) {
-                    if (end.previousElementSibling && end.previousElementSibling.lastElementChild) {
-                        end = end.previousElementSibling.lastElementChild;
-                    }
-                    else {
-                        end = closest(end.parentElement, 'li');
-                        if (end && end.nodeName === 'LI') {
-                            end = end.previousElementSibling;
-                        }
-                    }
-                }
-                else {
-                    if (!closest(end, 'li') && end.previousElementSibling && end.previousElementSibling.lastChild &&
-                        end.previousElementSibling.textContent.trim().length > 0) {
-                        end = end.previousElementSibling.lastChild;
-                    }
-                    else if (closest(end, 'li') && end.previousElementSibling && end.previousElementSibling.lastChild) {
-                        end = closest(end, 'li').parentElement.previousElementSibling.lastChild;
-                    }
-                }
-                if (!end || end === this.inputElement) {
-                    end = start;
-                    isInvalid = true;
-                }
-                while (end.nodeName !== '#text' && !isInvalid) {
-                    if (end.lastElementChild) {
-                        end = end.lastElementChild;
-                    }
-                    else {
-                        end = end.lastChild;
-                    }
-                }
-                newRange.setStart(start, 0);
-                newRange.setEnd(end, end.textContent.length);
-                this.formatter.editorManager.nodeSelection.setRange(this.contentModule.getDocument(), newRange);
-            }
-        }
         this.notifyMouseUp(e);
     }
     /**
@@ -33006,10 +33578,10 @@ let RichTextEditor = class RichTextEditor extends Component {
             requestType: 'Paste'
         };
         this.trigger(actionBegin, evenArgs, (pasteArgs) => {
-            const currentLength = this.inputElement.textContent.length;
+            const currentLength = this.getText().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length;
             const selectionLength = this.getSelection().length;
             const pastedContentLength = (isNullOrUndefined(e) || isNullOrUndefined(e.clipboardData))
-                ? 0 : e.clipboardData.getData('text/plain').replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
+                ? 0 : e.clipboardData.getData('text/plain').replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length;
             const totalLength = (currentLength - selectionLength) + pastedContentLength;
             if (this.editorMode === 'Markdown') {
                 const args = { requestType: 'Paste', editorMode: this.editorMode, event: e };
@@ -34084,6 +34656,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         addClass([this.element], [CLS_FOCUS]);
         this.preventDefaultResize(e);
         this.notify(mouseDown, { args: e });
+        this.formatter.editorManager.observer.notify(mouseDown, { args: e });
         this.clickPoints = { clientX: touch.clientX, clientY: touch.clientY };
     }
     preventImgResize(e) {
@@ -34245,6 +34818,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                 detach(item[i]);
             }
         }
+        this.removeSelectionClassStates(valueElementWrapper);
         return valueElementWrapper.innerHTML;
     }
     updateStatus(e) {
@@ -34292,6 +34866,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         if (this.isBlur && isNullOrUndefined(trg)) {
             removeClass([this.element], [CLS_FOCUS]);
+            this.removeSelectionClassStates(this.inputElement);
             this.notify(focusChange, {});
             const value = this.getUpdatedValue();
             this.setProperties({ value: value });
@@ -34455,6 +35030,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         this.on(resizeInitialized, this.updateResizeFlag, this);
         this.on(updateTbItemsStatus, this.updateStatus, this);
         this.on(cleanupResizeElements, this.cleanupResizeElements, this);
+        this.on(updateValueOnIdle, this.updateValueOnIdle, this);
         if (this.readonly && this.enabled) {
             return;
         }
@@ -34463,7 +35039,7 @@ let RichTextEditor = class RichTextEditor extends Component {
     restrict(e) {
         if (this.maxLength >= 0) {
             const element = this.editorMode === 'Markdown' ? this.contentModule.getText() :
-                (e && e.currentTarget.textContent);
+                (this.getText().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, ''));
             if (!element) {
                 return;
             }
@@ -34543,6 +35119,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         this.off(resizeInitialized, this.updateResizeFlag);
         this.off(updateTbItemsStatus, this.updateStatus);
         this.off(cleanupResizeElements, this.cleanupResizeElements);
+        this.off(updateValueOnIdle, this.updateValueOnIdle);
         if (this.readonly && this.enabled) {
             return;
         }
@@ -34612,6 +35189,21 @@ let RichTextEditor = class RichTextEditor extends Component {
             }
         }
     }
+    removeSelectionClassStates(element) {
+        const classNames = [CLS_IMG_FOCUS, CLS_TABLE_SEL, CLS_VID_FOCUS, CLS_AUD_FOCUS];
+        for (let i = 0; i < classNames.length; i++) {
+            const item = element.querySelectorAll('.' + classNames[i]);
+            removeClass(item, classNames[i]);
+            if (item.length === 0) {
+                continue;
+            }
+            for (let j = 0; j < item.length; j++) {
+                if (item[j].classList.length === 0) {
+                    item[j].removeAttribute('class');
+                }
+            }
+        }
+    }
 };
 __decorate$1([
     Complex({}, ToolbarSettings$1)
@@ -34915,5 +35507,5 @@ RichTextEditor = __decorate$1([
  * Rich Text Editor component exported items
  */
 
-export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, blockEmptyNodes, inlineEmptyNodes, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS };
+export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, getTooltipTextDropdownItems, getQuickToolbarTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, PASTE_SOURCE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS, MOUSE_DOWN };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map