@syncfusion/ej2-richtexteditor 18.4.39 → 18.4.42-70943

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

@@ -159,6 +159,11 @@ var imageToolbarAction = 'image-toolbar-action';
  * @deprecated
  */
 var linkToolbarAction = 'link-toolbar-action';
+/**
+ * @hidden
+ * @deprecated
+ */
+var windowResize = 'resize';
 /**
  * @hidden
  * @deprecated
@@ -2242,7 +2247,7 @@ function convertToBlob(dataUrl) {
  * @hidden
  * @deprecated
  */
-var ToolbarRenderer = /** @__PURE__ @class */ (function () {
+var ToolbarRenderer = /** @class */ (function () {
     /**
      * Constructor for toolbar renderer module
      */
@@ -2682,7 +2687,7 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
 /**
  * `Toolbar` module is used to handle Toolbar actions.
  */
-var BaseToolbar = /** @__PURE__ @class */ (function () {
+var BaseToolbar = /** @class */ (function () {
     function BaseToolbar(parent, serviceLocator) {
         this.tools = {};
         this.parent = parent;
@@ -2825,7 +2830,7 @@ var BaseToolbar = /** @__PURE__ @class */ (function () {
 /**
  * `Toolbar` module is used to handle Toolbar actions.
  */
-var DropDownButtons = /** @__PURE__ @class */ (function () {
+var DropDownButtons = /** @class */ (function () {
     function DropDownButtons(parent, serviceLocator) {
         this.parent = parent;
         this.locator = serviceLocator;
@@ -3246,7 +3251,7 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ServiceLocator = /** @__PURE__ @class */ (function () {
+var ServiceLocator = /** @class */ (function () {
     function ServiceLocator() {
         this.services = {};
     }
@@ -3279,7 +3284,7 @@ var ServiceLocator = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var RendererFactory = /** @__PURE__ @class */ (function () {
+var RendererFactory = /** @class */ (function () {
     function RendererFactory() {
         this.rendererMap = {};
     }
@@ -3314,7 +3319,7 @@ var RendererFactory = /** @__PURE__ @class */ (function () {
 /**
  * `ToolbarAction` module is used to toolbar click action
  */
-var ToolbarAction = /** @__PURE__ @class */ (function () {
+var ToolbarAction = /** @class */ (function () {
     function ToolbarAction(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -3368,7 +3373,7 @@ var ToolbarAction = /** @__PURE__ @class */ (function () {
 /**
  * `Toolbar` module is used to handle Toolbar actions.
  */
-var Toolbar$2 = /** @__PURE__ @class */ (function () {
+var Toolbar$2 = /** @class */ (function () {
     function Toolbar$$1(parent, serviceLocator) {
         this.parent = parent;
         this.isToolbar = false;
@@ -3989,25 +3994,25 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
     return Toolbar$$1;
 }());
 
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var keyCode = {
     'backspace': 8,
     'tab': 9,
@@ -4074,7 +4079,7 @@ var keyCode = {
  * @hidden
  * @deprecated
  */
-var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
+var KeyboardEvents$1 = /** @class */ (function (_super) {
     __extends(KeyboardEvents$$1, _super);
     /**
      * Initializes the KeyboardEvents
@@ -4090,6 +4095,7 @@ var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
             var isAltKey = e.altKey;
             var isCtrlKey = e.ctrlKey;
             var isShiftKey = e.shiftKey;
+            var isMetaKey = e.metaKey;
             var curkeyCode = e.which;
             var keys = Object.keys(_this.keyConfigs);
             for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
@@ -4098,7 +4104,7 @@ var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
                 for (var _a = 0, configCollection_1 = configCollection; _a < configCollection_1.length; _a++) {
                     var rconfig = configCollection_1[_a];
                     var rKeyObj = KeyboardEvents_1.getKeyConfigData(rconfig.trim());
-                    if (isAltKey === rKeyObj.altKey && isCtrlKey === rKeyObj.ctrlKey &&
+                    if (isAltKey === rKeyObj.altKey && (isCtrlKey === rKeyObj.ctrlKey || isMetaKey) &&
                         isShiftKey === rKeyObj.shiftKey && curkeyCode === rKeyObj.keyCode) {
                         e.action = key;
                     }
@@ -4202,7 +4208,7 @@ var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
 /**
  * `Color Picker` module is used to handle ColorPicker actions.
  */
-var ColorPickerInput = /** @__PURE__ @class */ (function () {
+var ColorPickerInput = /** @class */ (function () {
     function ColorPickerInput(parent, serviceLocator) {
         this.tools = {};
         this.parent = parent;
@@ -4398,7 +4404,7 @@ var ColorPickerInput = /** @__PURE__ @class */ (function () {
 /**
  * `Quick toolbar` module is used to handle Quick toolbar actions.
  */
-var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
+var BaseQuickToolbar = /** @class */ (function () {
     function BaseQuickToolbar(parent, locator) {
         this.parent = parent;
         this.locator = locator;
@@ -4769,7 +4775,7 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var PopupRenderer = /** @__PURE__ @class */ (function () {
+var PopupRenderer = /** @class */ (function () {
     /**
      * Constructor for popup renderer module
      */
@@ -4828,7 +4834,7 @@ var PopupRenderer = /** @__PURE__ @class */ (function () {
 /**
  * `Quick toolbar` module is used to handle Quick toolbar actions.
  */
-var QuickToolbar = /** @__PURE__ @class */ (function () {
+var QuickToolbar = /** @class */ (function () {
     function QuickToolbar(parent, locator) {
         this.parent = parent;
         this.locator = locator;
@@ -5229,7 +5235,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
 /**
  * `Count` module is used to handle Count actions.
  */
-var Count = /** @__PURE__ @class */ (function () {
+var Count = /** @class */ (function () {
     function Count(parent, serviceLocator) {
         this.parent = parent;
         this.locator = serviceLocator;
@@ -5345,7 +5351,7 @@ var Count = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MarkdownSelection = /** @__PURE__ @class */ (function () {
+var MarkdownSelection = /** @class */ (function () {
     function MarkdownSelection() {
     }
     /**
@@ -5511,7 +5517,7 @@ var MarkdownSelection = /** @__PURE__ @class */ (function () {
 /**
  * MarkdownToolbarStatus module for refresh the toolbar status
  */
-var MarkdownToolbarStatus = /** @__PURE__ @class */ (function () {
+var MarkdownToolbarStatus = /** @class */ (function () {
     function MarkdownToolbarStatus(parent) {
         this.toolbarStatus = {
             bold: false,
@@ -5645,7 +5651,7 @@ var MarkdownToolbarStatus = /** @__PURE__ @class */ (function () {
 /**
  * `ExecCommandCallBack` module is used to run the editor manager command
  */
-var ExecCommandCallBack = /** @__PURE__ @class */ (function () {
+var ExecCommandCallBack = /** @class */ (function () {
     function ExecCommandCallBack(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -5732,7 +5738,7 @@ var MS_WORD_CLEANUP = 'ms_word_cleanup';
  * @hidden
  * @deprecated
  */
-var Formatter = /** @__PURE__ @class */ (function () {
+var Formatter = /** @class */ (function () {
     function Formatter() {
     }
     /**
@@ -5960,7 +5966,7 @@ var MD_TABLE = 'insert-table';
  * Lists internal component
  * @hidden
  */
-var MDLists = /** @__PURE__ @class */ (function () {
+var MDLists = /** @class */ (function () {
     /**
      * Constructor for creating the Lists plugin
      * @hidden
@@ -6416,7 +6422,7 @@ var MDLists = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDFormats = /** @__PURE__ @class */ (function () {
+var MDFormats = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -6631,7 +6637,7 @@ var MDFormats = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDSelectionFormats = /** @__PURE__ @class */ (function () {
+var MDSelectionFormats = /** @class */ (function () {
     function MDSelectionFormats(parent) {
         extend(this, this, parent, true);
         this.selection = this.parent.markdownSelection;
@@ -7081,7 +7087,7 @@ var selfClosingTags = [
 /**
  * `Undo` module is used to handle undo actions.
  */
-var UndoRedoCommands = /** @__PURE__ @class */ (function () {
+var UndoRedoCommands = /** @class */ (function () {
     function UndoRedoCommands(parent, options) {
         this.undoRedoStack = [];
         this.parent = parent;
@@ -7262,7 +7268,7 @@ var UndoRedoCommands = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDLink = /** @__PURE__ @class */ (function () {
+var MDLink = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -7310,7 +7316,7 @@ var MDLink = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDTable = /** @__PURE__ @class */ (function () {
+var MDTable = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -7532,7 +7538,7 @@ var MDTable = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ClearFormat = /** @__PURE__ @class */ (function () {
+var ClearFormat = /** @class */ (function () {
     /**
      * Constructor for creating the clear format plugin
      * @hidden
@@ -7641,7 +7647,7 @@ var ClearFormat = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MarkdownParser = /** @__PURE__ @class */ (function () {
+var MarkdownParser = /** @class */ (function () {
     /**
      * Constructor for creating the component
      * @hidden
@@ -7720,25 +7726,25 @@ var MarkdownParser = /** @__PURE__ @class */ (function () {
     return MarkdownParser;
 }());
 
-var __extends$1 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends$1 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 /**
  * Markdown adapter
  * @hidden
  * @deprecated
  */
-var MarkdownFormatter = /** @__PURE__ @class */ (function (_super) {
+var MarkdownFormatter = /** @class */ (function (_super) {
     __extends$1(MarkdownFormatter, _super);
     function MarkdownFormatter(options) {
         var _this = _super.call(this) || this;
@@ -7781,7 +7787,7 @@ var MarkdownFormatter = /** @__PURE__ @class */ (function (_super) {
  * @hidden
  * @deprecated
  */
-var MarkdownRender = /** @__PURE__ @class */ (function () {
+var MarkdownRender = /** @class */ (function () {
     /**
      * Constructor for content renderer module
      */
@@ -7853,7 +7859,7 @@ var MarkdownRender = /** @__PURE__ @class */ (function () {
 /**
  * `MarkdownEditor` module is used to markdown editor
  */
-var MarkdownEditor = /** @__PURE__ @class */ (function () {
+var MarkdownEditor = /** @class */ (function () {
     function MarkdownEditor(parent, serviceLocator) {
         this.parent = parent;
         this.locator = serviceLocator;
@@ -8084,7 +8090,7 @@ var CLEAR_TYPE = 'clear-type';
 /**
  * `Selection` module is used to handle RTE Selections.
  */
-var NodeSelection = /** @__PURE__ @class */ (function () {
+var NodeSelection = /** @class */ (function () {
     function NodeSelection() {
         this.startNodeName = [];
         this.endNodeName = [];
@@ -8551,7 +8557,7 @@ var markerClassName = {
  * @hidden
  * @deprecated
  */
-var DOMNode = /** @__PURE__ @class */ (function () {
+var DOMNode = /** @class */ (function () {
     /**
      * Constructor for creating the DOMNode plugin
      * @hidden
@@ -9208,7 +9214,7 @@ var DOMNode = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Lists = /** @__PURE__ @class */ (function () {
+var Lists = /** @class */ (function () {
     /**
      * Constructor for creating the Lists plugin
      * @hidden
@@ -9291,11 +9297,15 @@ var Lists = /** @__PURE__ @class */ (function () {
         startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
         endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
         if (startNode === endNode && !isNullOrUndefined(closest(startNode, 'li')) &&
-            startNode.textContent.trim() === '' && startNode.textContent.charCodeAt(0) === 65279) {
+            ((startNode.textContent.trim() === '' && startNode.textContent.charCodeAt(0) === 65279) ||
+                (startNode.textContent.length === 1 && startNode.textContent.charCodeAt(0) === 8203))) {
             startNode.textContent = '';
         }
         if (startNode === endNode && startNode.textContent === '') {
-            if (startNode.closest('ul') || startNode.closest('ol')) {
+            if (startNode.parentElement.tagName === 'LI' && endNode.parentElement.tagName === 'LI') {
+                detach(startNode);
+            }
+            else if (startNode.closest('ul') || startNode.closest('ol')) {
                 var parentList = !isNullOrUndefined(startNode.closest('ul')) ? startNode.closest('ul') : startNode.closest('ol');
                 if (parentList.firstElementChild === startNode && !isNullOrUndefined(parentList.children[1]) &&
                     (parentList.children[1].tagName === 'OL' || parentList.children[1].tagName === 'UL')) {
@@ -9812,7 +9822,7 @@ var Lists = /** @__PURE__ @class */ (function () {
  * Node appending methods.
  * @hidden
  */
-var InsertMethods = /** @__PURE__ @class */ (function () {
+var InsertMethods = /** @class */ (function () {
     function InsertMethods() {
     }
     /**
@@ -9870,7 +9880,7 @@ var InsertMethods = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var NodeCutter = /** @__PURE__ @class */ (function () {
+var NodeCutter = /** @class */ (function () {
     function NodeCutter() {
         this.position = -1;
         this.nodeSelection = new NodeSelection();
@@ -10052,7 +10062,7 @@ var NodeCutter = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Formats = /** @__PURE__ @class */ (function () {
+var Formats = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -10336,7 +10346,7 @@ var Formats = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var InsertHtml = /** @__PURE__ @class */ (function () {
+var InsertHtml = /** @class */ (function () {
     function InsertHtml() {
     }
     InsertHtml.Insert = function (docElement, insertNode, editNode, isExternal) {
@@ -10363,7 +10373,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         var isCursor = range.startOffset === range.endOffset && range.startOffset === 0 &&
             range.startContainer === range.endContainer;
         var isCollapsed = range.collapsed;
-        var nodes = this.getNodeCollection(range, nodeSelection);
+        var nodes = this.getNodeCollection(range, nodeSelection, node);
         var closestParentNode = (node.nodeName.toLowerCase() === 'table') ? this.closestEle(nodes[0].parentNode, editNode) : nodes[0];
         if (isExternal || (!isNullOrUndefined(node) && !isNullOrUndefined(node.classList) &&
             node.classList.contains('pasteContent'))) {
@@ -10588,9 +10598,10 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         }
     };
     InsertHtml.placeCursorEnd = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
-        lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? lastSelectionNode.previousSibling : lastSelectionNode;
+        lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNullOrUndefined(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
+            : lastSelectionNode.previousSibling) : lastSelectionNode;
         while (!isNullOrUndefined(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
-            lastSelectionNode.nodeName !== 'BR') {
+            lastSelectionNode.nodeName !== 'BR' && lastSelectionNode.nodeName !== 'HR') {
             lastSelectionNode = lastSelectionNode.lastChild;
         }
         lastSelectionNode = isNullOrUndefined(lastSelectionNode) ? node : lastSelectionNode;
@@ -10602,10 +10613,11 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         }
         this.removeEmptyElements(editNode);
     };
-    InsertHtml.getNodeCollection = function (range, nodeSelection) {
+    InsertHtml.getNodeCollection = function (range, nodeSelection, node) {
         var nodes = [];
-        if (range.startOffset === range.endOffset && range.startContainer === range.endContainer &&
-            range.startContainer.nodeName === 'TD') {
+        if (range.startOffset === range.endOffset && range.startContainer === range.endContainer
+            && (range.startContainer.nodeName === 'TD' || (range.startContainer.nodeType !== 3 &&
+                node.classList && node.classList.contains('pasteContent')))) {
             nodes.push(range.startContainer.childNodes[range.endOffset]);
         }
         else {
@@ -10644,10 +10656,12 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         lastSelectionNode.classList.add('lastNode');
         editNode.innerHTML = updateTextNode$1(editNode.innerHTML);
         lastSelectionNode = editNode.querySelector('.lastNode');
-        this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
-        lastSelectionNode.classList.remove('lastNode');
-        if (lastSelectionNode.classList.length === 0) {
-            lastSelectionNode.removeAttribute('class');
+        if (!isNullOrUndefined(lastSelectionNode)) {
+            this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
+            lastSelectionNode.classList.remove('lastNode');
+            if (lastSelectionNode.classList.length === 0) {
+                lastSelectionNode.removeAttribute('class');
+            }
         }
     };
     InsertHtml.imageFocus = function (node, nodeSelection, docElement) {
@@ -10724,7 +10738,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var LinkCommand = /** @__PURE__ @class */ (function () {
+var LinkCommand = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -10841,17 +10855,17 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
             var check = true;
             currentNode = txtArray[i];
             while (check === true) {
-                if (currentNode.parentElement.nodeName === 'A') {
-                    var anchorEle = currentNode.parentElement;
-                    currentNode.parentElement.parentElement.insertBefore(anchorEle.firstChild, anchorEle);
-                    currentNode.parentElement.removeChild(anchorEle);
+                if (currentNode.parentNode.nodeName === 'A') {
+                    var anchorEle = currentNode.parentNode;
+                    currentNode.parentNode.parentNode.insertBefore(anchorEle.firstChild, anchorEle);
+                    currentNode.parentNode.removeChild(anchorEle);
                 }
-                if (this.isBlockNode(currentNode.parentElement) || txtArray.length === 0 || i === 0 || i === txtArray.length - 1) {
+                if (this.isBlockNode(currentNode.parentNode) || txtArray.length === 0 || i === 0 || i === txtArray.length - 1) {
                     inlineNodes[i] = currentNode;
                     check = false;
                 }
                 else {
-                    currentNode = currentNode.parentElement;
+                    currentNode = currentNode.parentNode;
                 }
             }
         }
@@ -11010,7 +11024,7 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Alignments = /** @__PURE__ @class */ (function () {
+var Alignments = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -11108,7 +11122,7 @@ var Alignments = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Indents = /** @__PURE__ @class */ (function () {
+var Indents = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -11217,7 +11231,7 @@ var CLASS_IMAGE_INLINE = 'e-imginline';
  * @hidden
  * @deprecated
  */
-var ImageCommand = /** @__PURE__ @class */ (function () {
+var ImageCommand = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -11308,8 +11322,9 @@ var ImageCommand = /** @__PURE__ @class */ (function () {
             }
         }
         if (e.callBack && (isNullOrUndefined(e.selector) || !isNullOrUndefined(e.selector) && e.selector !== 'pasteCleanupModule')) {
+            var selectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0];
             var imgElm_1 = e.value === 'Replace' ? e.item.selectParent[0] :
-                this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0].previousElementSibling;
+                (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
             imgElm_1.addEventListener('load', function () {
                 e.callBack({
                     requestType: 'Image',
@@ -11548,7 +11563,7 @@ var ImageCommand = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var TableCommand = /** @__PURE__ @class */ (function () {
+var TableCommand = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -11580,7 +11595,8 @@ var TableCommand = /** @__PURE__ @class */ (function () {
         if (!isNullOrUndefined(e.item.width.maxWidth)) {
             table.style.maxWidth = this.calculateStyleValue(e.item.width.maxWidth);
         }
-        var tdWid = parseInt(e.item.width.width, 10) / e.item.columns;
+        var tdWid = parseInt(e.item.width.width, 10) > 100 ?
+            100 / e.item.columns : parseInt(e.item.width.width, 10) / e.item.columns;
         for (var i = 0; i < e.item.row; i++) {
             var row = createElement('tr');
             for (var j = 0; j < e.item.columns; j++) {
@@ -11864,7 +11880,7 @@ var TableCommand = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var IsFormatted = /** @__PURE__ @class */ (function () {
+var IsFormatted = /** @class */ (function () {
     function IsFormatted() {
     }
     /**
@@ -12083,7 +12099,7 @@ var IsFormatted = /** @__PURE__ @class */ (function () {
 /**
  * `Selection` module is used to handle RTE Selections.
  */
-var SelectionCommands = /** @__PURE__ @class */ (function () {
+var SelectionCommands = /** @class */ (function () {
     function SelectionCommands() {
     }
     /**
@@ -12098,6 +12114,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
             if (format === 'backgroundcolor' && value === '') {
                 value = 'transparent';
             }
+            var preventRestore = false;
             var domSelection = new NodeSelection();
             var nodeCutter = new NodeCutter();
             var isFormatted = new IsFormatted();
@@ -12114,10 +12131,23 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                     isCollapsed = true;
                     range = nodeCutter.GetCursorRange(docElement, range, nodes[0]);
                 }
+                else if (range.startContainer.nodeType === 3 && range.startContainer.parentElement.childElementCount > 0 &&
+                    range.startOffset > 0 && range.startContainer.parentElement.firstElementChild.tagName.toLowerCase() !== 'br') {
+                    isCollapsed = true;
+                    range = nodeCutter.GetCursorRange(docElement, range, range.startContainer);
+                    nodes.push(range.startContainer);
+                }
                 else if (range.startContainer.nodeName.toLowerCase() !== 'td') {
                     var cursorNode = this.insertCursorNode(docElement, domSelection, range, isFormatted, nodeCutter, format, value, endNode);
                     domSelection.endContainer = domSelection.startContainer = domSelection.getNodeArray(cursorNode, true);
-                    domSelection.endOffset = domSelection.startOffset = 1;
+                    var childNodes = cursorNode.nodeName === 'BR' && cursorNode.parentNode.childNodes;
+                    if (!isNullOrUndefined(childNodes) && childNodes.length === 1 && childNodes[0].nodeName === 'BR' && nodes.length === 0) {
+                        domSelection.setSelectionText(docElement, range.startContainer, range.endContainer, 0, 0);
+                        preventRestore = true;
+                    }
+                    else {
+                        domSelection.endOffset = domSelection.startOffset = 1;
+                    }
                 }
             }
             isCursor = range.collapsed;
@@ -12148,7 +12178,9 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
             if (isIDevice$1()) {
                 setEditFrameFocus(endNode, selector);
             }
-            save.restore();
+            if (!preventRestore) {
+                save.restore();
+            }
             if (isSubSup) {
                 this.applyFormat(docElement, format, endNode);
             }
@@ -12156,17 +12188,32 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
     };
     SelectionCommands.insertCursorNode = function (docElement, domSelection, range, isFormatted, nodeCutter, format, value, endNode) {
         var cursorNodes = domSelection.getNodeCollection(range);
-        var cursorFormat = (cursorNodes.length > 0) ? isFormatted.getFormattedNode(cursorNodes[0], format, endNode) : null;
+        var cursorFormat = (cursorNodes.length > 0) ?
+            (cursorNodes.length > 1 && range.startContainer === range.endContainer) ?
+                this.getCursorFormat(isFormatted, cursorNodes, format, endNode) :
+                isFormatted.getFormattedNode(cursorNodes[0], format, endNode) : null;
         var cursorNode = null;
         if (cursorFormat) {
             cursorNode = cursorNodes[0];
             InsertMethods.unwrap(cursorFormat);
         }
         else {
+            if (cursorNodes.length > 1 && range.startOffset > 0 && (cursorNodes[0].firstElementChild &&
+                cursorNodes[0].firstElementChild.tagName.toLowerCase() === 'br')) {
+                cursorNodes[0].innerHTML = '';
+            }
             cursorNode = this.getInsertNode(docElement, range, format, value).firstChild;
         }
         return cursorNode;
     };
+    SelectionCommands.getCursorFormat = function (isFormatted, cursorNodes, format, endNode) {
+        var currentNode;
+        for (var index = 0; index < cursorNodes.length; index++) {
+            currentNode = cursorNodes[index].lastElementChild ?
+                cursorNodes[index].lastElementChild : cursorNodes[index];
+        }
+        return isFormatted.getFormattedNode(currentNode, format, endNode);
+    };
     SelectionCommands.removeFormat = function (nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domSelection) {
         var splitNode = null;
         if (!(range.startContainer === range.endContainer && range.startOffset === 0
@@ -12420,7 +12467,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var SelectionBasedExec = /** @__PURE__ @class */ (function () {
+var SelectionBasedExec = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -12466,7 +12513,7 @@ var SelectionBasedExec = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var InsertHtmlExec = /** @__PURE__ @class */ (function () {
+var InsertHtmlExec = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -12511,7 +12558,7 @@ var InsertHtmlExec = /** @__PURE__ @class */ (function () {
 /**
  * `Clear Format` module is used to handle Clear Format.
  */
-var ClearFormat$1 = /** @__PURE__ @class */ (function () {
+var ClearFormat$1 = /** @class */ (function () {
     function ClearFormat() {
     }
     /**
@@ -12734,7 +12781,7 @@ var ClearFormat$1 = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ClearFormatExec = /** @__PURE__ @class */ (function () {
+var ClearFormatExec = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
@@ -12776,7 +12823,7 @@ var ClearFormatExec = /** @__PURE__ @class */ (function () {
 /**
  * `Undo` module is used to handle undo actions.
  */
-var UndoRedoManager = /** @__PURE__ @class */ (function () {
+var UndoRedoManager = /** @class */ (function () {
     function UndoRedoManager(parent, options) {
         this.undoRedoStack = [];
         this.parent = parent;
@@ -12963,7 +13010,7 @@ var UndoRedoManager = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MsWordPaste = /** @__PURE__ @class */ (function () {
+var MsWordPaste = /** @class */ (function () {
     function MsWordPaste(parent) {
         this.olData = [
             'decimal',
@@ -13532,18 +13579,34 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
     };
     MsWordPaste.prototype.getListContent = function (elem) {
         var pushContent = '';
-        if (elem.firstElementChild.textContent.trim() === '' &&
-            !isNullOrUndefined(elem.firstElementChild.firstElementChild) &&
-            elem.firstElementChild.firstElementChild.nodeName === 'IMG') {
+        var firstChild = elem.firstElementChild;
+        if (firstChild.textContent.trim() === '' && !isNullOrUndefined(firstChild.firstElementChild) &&
+            firstChild.firstElementChild.nodeName === 'IMG') {
             pushContent = elem.innerHTML.trim();
             this.listContents.push('');
             this.listContents.push(pushContent);
         }
         else {
-            pushContent = elem.firstElementChild.textContent.trim();
-            this.listContents.push(pushContent);
+            var styleNodes = ['b', 'em'];
+            if (firstChild.childNodes.length > 0 && (firstChild.querySelectorAll('b').length > 0
+                || firstChild.querySelectorAll('em').length > 0)) {
+                for (var i = 0; i < firstChild.childNodes.length; i++) {
+                    var nodeName = firstChild.childNodes[i].nodeName.toLowerCase();
+                    if (firstChild.childNodes[i].textContent.trim().length > 1 && styleNodes.indexOf(nodeName) !== -1) {
+                        pushContent = '<' + nodeName + '>' + firstChild.childNodes[i].textContent + '</' + nodeName + '>';
+                        this.listContents.push(pushContent);
+                    }
+                    else if (firstChild.childNodes[i].textContent.trim().length === 1) {
+                        this.listContents.push(firstChild.childNodes[i].textContent.trim());
+                    }
+                }
+            }
+            else {
+                pushContent = firstChild.textContent.trim();
+                this.listContents.push(pushContent);
+            }
         }
-        detach(elem.firstElementChild);
+        detach(firstChild);
         this.listContents.push(elem.innerHTML);
     };
     return MsWordPaste;
@@ -13554,7 +13617,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var InsertTextExec = /** @__PURE__ @class */ (function () {
+var InsertTextExec = /** @class */ (function () {
     /**
      * Constructor for creating the InsertText plugin
      * @hidden
@@ -13588,7 +13651,7 @@ var InsertTextExec = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var EditorManager = /** @__PURE__ @class */ (function () {
+var EditorManager = /** @class */ (function () {
     /**
      * Constructor for creating the component
      * @hidden
@@ -13727,25 +13790,25 @@ var EditorManager = /** @__PURE__ @class */ (function () {
     return EditorManager;
 }());
 
-var __extends$2 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends$2 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 /**
  * HTML adapter
  * @hidden
  * @deprecated
  */
-var HTMLFormatter = /** @__PURE__ @class */ (function (_super) {
+var HTMLFormatter = /** @class */ (function (_super) {
     __extends$2(HTMLFormatter, _super);
     function HTMLFormatter(options) {
         var _this = _super.call(this) || this;
@@ -13801,7 +13864,7 @@ var statusCollection = {
     createlink: false,
     insertcode: false
 };
-var ToolbarStatus = /** @__PURE__ @class */ (function () {
+var ToolbarStatus = /** @class */ (function () {
     function ToolbarStatus() {
     }
     /**
@@ -14050,7 +14113,7 @@ var ToolbarStatus = /** @__PURE__ @class */ (function () {
 /**
  * HtmlToolbarStatus module for refresh the toolbar status
  */
-var HtmlToolbarStatus = /** @__PURE__ @class */ (function () {
+var HtmlToolbarStatus = /** @class */ (function () {
     function HtmlToolbarStatus(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -14086,7 +14149,7 @@ var HtmlToolbarStatus = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ContentRender = /** @__PURE__ @class */ (function () {
+var ContentRender = /** @class */ (function () {
     /**
      * Constructor for content renderer module
      */
@@ -14161,19 +14224,19 @@ var ContentRender = /** @__PURE__ @class */ (function () {
     return ContentRender;
 }());
 
-var __extends$3 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends$3 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 /* tslint:disable */
 var IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n            <meta charset='utf-8' /> \n            <style>\n                @charset \"UTF-8\";\n                body {\n                    font-family: \"Roboto\", sans-serif;\n                    font-size: 14px;\n                }\n                html, body{height: 100%;margin: 0;}\n                body.e-cursor{cursor:default}\n                span.e-selected-node\t{background-color: #939393;color: white;}\n                span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n                .e-rte-image {border: 0;cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n                .e-img-caption.e-caption-inline {display: inline-block;float: none;margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));position: relativetext-align: center;vertical-align: bottom;}\n                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;margin: auto;opacity: .9;text-align: center;width: 100%;}\n                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n                .e-imgleft {float: left;margin: 0 5px 0 0;text-align: left;}\n                .e-imgright {float: right;margin: 0 0 0 5px;text-align: right;}\n                .e-imgcenter {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n                .e-imginline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n                .e-imgbreak {border: 0;cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-img-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n                img::selection { background: transparent;color: transparent;}\n                span.e-rte-imageboxmark {  width: 10px; height: 10px; position: absolute; display: block; background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-mob-rte span.e-rte-imageboxmark { background: #fff; border: 1px solid #4a90e2; border-radius: 15px; height: 20px; width: 20px; }\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-rte-content .e-content img.e-resize { z-index: 1000; }\n                .e-img-caption .e-img-inner { outline: 0; }\n                .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}\n                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n                p{margin: 0 0 10px;margin-bottom: 10px;}\n                li{margin-bottom: 10px;}\n                h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n                h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n                h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n                h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n                h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n                h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n                strong, b{font-weight: 700;}\n                a{text-decoration: none;user-select: auto;}\n                a:hover{text-decoration: underline;};\n                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n                ul:last-child{margin-bottom: 0;}\n                table { border-collapse: collapse; empty-cells: show;}\n                table td,table th {border: 1px solid #BDBDBD; height: 20px; vertical-align: middle;}\n                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n                table th {background-color: #E0E0E0;}\n                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n                table .e-cell-select {border: 1px double #4a90e2;}\n                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n                span.e-table-box.e-rmob {height: 14px;width: 14px;}\n                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat; bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n                .e-row-resize { cursor: row-resize; height: 1px;}\n                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n                .e-table-rhelper.e-column-helper { width: 1px; }\n                .e-table-rhelper.e-row-helper {height: 1px;}\n                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid; border-top: 6px solid transparent; content: ''; display: block; height: 0; position: absolute; right: 4px; top: 4px; width: 20px; }\n                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid; border-top: 6px solid transparent; content: ''; display: block; height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n                .e-table-rhelper { background-color: #4a90e2;}\n                .e-rtl { direction: rtl; }\n            </style>\n        </head>";
 /* tslint:enable */
@@ -14182,7 +14245,7 @@ var IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n
  * @hidden
  * @deprecated
  */
-var IframeContentRender = /** @__PURE__ @class */ (function (_super) {
+var IframeContentRender = /** @class */ (function (_super) {
     __extends$3(IframeContentRender, _super);
     function IframeContentRender() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -14251,7 +14314,7 @@ var IframeContentRender = /** @__PURE__ @class */ (function (_super) {
 /**
  * XhtmlValidation module called when set enableXhtml as true
  */
-var XhtmlValidation = /** @__PURE__ @class */ (function () {
+var XhtmlValidation = /** @class */ (function () {
     function XhtmlValidation(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -14428,7 +14491,7 @@ var XhtmlValidation = /** @__PURE__ @class */ (function () {
 /**
  * `HtmlEditor` module is used to HTML editor
  */
-var HtmlEditor = /** @__PURE__ @class */ (function () {
+var HtmlEditor = /** @class */ (function () {
     function HtmlEditor(parent, serviceLocator) {
         this.rangeCollection = [];
         this.parent = parent;
@@ -14810,7 +14873,7 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
  */
-var PasteCleanup = /** @__PURE__ @class */ (function () {
+var PasteCleanup = /** @class */ (function () {
     function PasteCleanup(parent, serviceLocator) {
         this.inlineNode = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
             'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',
@@ -15624,7 +15687,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
 /**
  * `Resize` module is used to resize the editor
  */
-var Resize = /** @__PURE__ @class */ (function () {
+var Resize = /** @class */ (function () {
     function Resize(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -15743,7 +15806,7 @@ var Resize = /** @__PURE__ @class */ (function () {
 /**
  * `FileManager` module is used to display the directories and images inside the editor.
  */
-var FileManager$1 = /** @__PURE__ @class */ (function () {
+var FileManager$1 = /** @class */ (function () {
     function FileManager$$1(parent, locator) {
         FileManager.Inject(ContextMenu, DetailsView, NavigationPane, Toolbar$1);
         this.parent = parent;
@@ -15970,7 +16033,7 @@ var FileManager$1 = /** @__PURE__ @class */ (function () {
 /**
  * `FullScreen` module is used to maximize and minimize screen
  */
-var FullScreen = /** @__PURE__ @class */ (function () {
+var FullScreen = /** @class */ (function () {
     function FullScreen(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -16159,7 +16222,7 @@ function setAttributes(htmlAttributes, rte, isFrame, initial) {
  * @hidden
  * @deprecated
  */
-var Render = /** @__PURE__ @class */ (function () {
+var Render = /** @class */ (function () {
     /**
      * Constructor for render module
      */
@@ -16232,7 +16295,7 @@ var Render = /** @__PURE__ @class */ (function () {
 /**
  * `Link` module is used to handle undo actions.
  */
-var Link = /** @__PURE__ @class */ (function () {
+var Link = /** @class */ (function () {
     function Link(parent, serviceLocator) {
         this.parent = parent;
         this.rteID = parent.element.id;
@@ -16685,7 +16748,7 @@ var Link = /** @__PURE__ @class */ (function () {
 /**
  * `Image` module is used to handle image actions.
  */
-var Image = /** @__PURE__ @class */ (function () {
+var Image = /** @class */ (function () {
     function Image(parent, serviceLocator) {
         this.isImgUploaded = false;
         this.pageX = null;
@@ -16705,6 +16768,7 @@ var Image = /** @__PURE__ @class */ (function () {
         this.parent.on(keyDown, this.onKeyDown, this);
         this.parent.on(keyUp, this.onKeyUp, this);
         this.parent.on(insertImage, this.insertImage, this);
+        this.parent.on(windowResize, this.onWindowResize, this);
         this.parent.on(insertCompleted, this.showImageQuickToolbar, this);
         this.parent.on(imageToolbarAction, this.onToolbarAction, this);
         this.parent.on(imageCaption, this.caption, this);
@@ -16725,6 +16789,7 @@ var Image = /** @__PURE__ @class */ (function () {
         }
         this.parent.off(keyDown, this.onKeyDown);
         this.parent.off(keyUp, this.onKeyUp);
+        this.parent.off(windowResize, this.onWindowResize);
         this.parent.off(insertImage, this.insertImage);
         this.parent.off(insertCompleted, this.showImageQuickToolbar);
         this.parent.off(imageCaption, this.caption);
@@ -16947,7 +17012,6 @@ var Image = /** @__PURE__ @class */ (function () {
     Image.prototype.calcPos = function (elem) {
         var ignoreOffset = ['TD', 'TH', 'TABLE', 'A'];
         var parentOffset = { top: 0, left: 0 };
-        var offset = elem.getBoundingClientRect();
         var doc = elem.ownerDocument;
         var offsetParent = ((elem.offsetParent && (elem.offsetParent.classList.contains('e-img-caption') ||
             ignoreOffset.indexOf(elem.offsetParent.tagName) > -1)) ?
@@ -16961,8 +17025,8 @@ var Image = /** @__PURE__ @class */ (function () {
             parentOffset = offsetParent.getBoundingClientRect();
         }
         return {
-            top: offset.top - parentOffset.top,
-            left: offset.left - parentOffset.left
+            top: elem.offsetTop,
+            left: elem.offsetLeft
         };
     };
     Image.prototype.setAspectRatio = function (img, expectedX, expectedY) {
@@ -17017,6 +17081,11 @@ var Image = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    Image.prototype.onWindowResize = function () {
+        if (!isNullOrUndefined(this.contentModule.getEditPanel().querySelector('.e-img-resize'))) {
+            this.cancelResizeAction();
+        }
+    };
     Image.prototype.pixToPerc = function (expected, parentEle) {
         return expected / parseFloat(getComputedStyle(parentEle).width) * 100;
     };
@@ -17029,7 +17098,8 @@ var Image = /** @__PURE__ @class */ (function () {
             }
             else {
                 if ((parseInt(_this.parent.insertImageSettings.minWidth, 10) >= parseInt(width, 10) ||
-                    parseInt(_this.parent.getInsertImgMaxWidth(), 10) <= parseInt(width, 10))) {
+                    (parseInt(_this.parent.getInsertImgMaxWidth(), 10) <= parseInt(width, 10) &&
+                        isNullOrUndefined(_this.imgEle.style.width)))) {
                     return;
                 }
                 if (!_this.parent.insertImageSettings.resizeByPercent &&
@@ -17654,7 +17724,11 @@ var Image = /** @__PURE__ @class */ (function () {
         }
     };
     Image.prototype.imageRemovePost = function (src) {
-        var ajax = new Ajax(this.parent.insertImageSettings.removeUrl, 'POST', true, null);
+        var removeUrl = this.parent.insertImageSettings.removeUrl;
+        if (isNullOrUndefined(removeUrl) || removeUrl === '') {
+            return;
+        }
+        var ajax = new Ajax(removeUrl, 'POST', true, null);
         var formData = new FormData();
         formData.append(name, src);
         ajax.send(formData);
@@ -17890,7 +17964,10 @@ var Image = /** @__PURE__ @class */ (function () {
             if (target.tagName !== 'IMG') {
                 this.removeResizeEle();
             }
-            if (!isNullOrUndefined(this.prevSelectedImgEle)) {
+            if (target.tagName !== 'IMG' && !isNullOrUndefined(this.imgEle)) {
+                this.imgEle.style.outline = '';
+            }
+            else if (!isNullOrUndefined(this.prevSelectedImgEle) && this.prevSelectedImgEle !== target) {
                 this.prevSelectedImgEle.style.outline = '';
             }
         }
@@ -18638,7 +18715,7 @@ var Image = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ViewSource = /** @__PURE__ @class */ (function () {
+var ViewSource = /** @class */ (function () {
     /**
      * Constructor for view source module
      */
@@ -18865,7 +18942,7 @@ var ViewSource = /** @__PURE__ @class */ (function () {
 /**
  * `Table` module is used to handle table actions.
  */
-var Table = /** @__PURE__ @class */ (function () {
+var Table = /** @class */ (function () {
     function Table(parent, serviceLocator) {
         this.ensureInsideTableList = true;
         this.pageX = null;
@@ -19305,6 +19382,11 @@ var Table = /** @__PURE__ @class */ (function () {
         }
         var target = e.target || e.targetTouches[0].target;
         var closestTable = closest(target, 'table');
+        if (!isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable) {
+            this.removeResizeElement();
+            this.removeHelper(e);
+            this.cancelResizeAction();
+        }
         if (target.nodeName === 'TABLE' || target.nodeName === 'TD' || target.nodeName === 'TH') {
             this.curTable = (closestTable && this.parent.contentModule.getEditPanel().contains(closestTable))
                 && (target.nodeName === 'TD' || target.nodeName === 'TH') ?
@@ -19556,7 +19638,7 @@ var Table = /** @__PURE__ @class */ (function () {
                         'px; left:' + (_this.calcPos(_this.curTable).left + tableWidth - 4) + 'px;';
                     _this.updateHelper();
                 }
-                else if (_this.resizeBtnStat.tableBox) {
+                else if (_this.resizeBtnStat.tableBox && !isNullOrUndefined(tableReBox)) {
                     if (!Browser.isDevice) {
                         EventHandler.remove(_this.contentModule.getEditPanel(), 'mouseover', _this.resizeHelper);
                     }
@@ -19978,7 +20060,7 @@ var Table = /** @__PURE__ @class */ (function () {
 /**
  * Dialog Renderer
  */
-var DialogRenderer = /** @__PURE__ @class */ (function () {
+var DialogRenderer = /** @class */ (function () {
     function DialogRenderer(parent) {
         this.parent = parent;
     }
@@ -20199,25 +20281,25 @@ var executeGroup = {
     }
 };
 
-var __extends$5 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$5 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var predefinedItems = ['Bold', 'Italic', 'Underline', '|', 'Formats', 'Alignments',
     'OrderedList', 'UnorderedList', '|', 'CreateLink', 'Image', '|', 'SourceCode', 'Undo', 'Redo'];
 var fontFamily = [
@@ -20270,7 +20352,7 @@ var backgroundColor = {
 /**
  * Configures the toolbar settings of the RichTextEditor.
  */
-var ToolbarSettings$1 = /** @__PURE__ @class */ (function (_super) {
+var ToolbarSettings$1 = /** @class */ (function (_super) {
     __extends$5(ToolbarSettings$$1, _super);
     function ToolbarSettings$$1() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20295,7 +20377,7 @@ var ToolbarSettings$1 = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the image settings of the RichTextEditor.
  */
-var ImageSettings = /** @__PURE__ @class */ (function (_super) {
+var ImageSettings = /** @class */ (function (_super) {
     __extends$5(ImageSettings, _super);
     function ImageSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20347,7 +20429,7 @@ var ImageSettings = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the file manager settings of the RichTextEditor.
  */
-var FileManagerSettings = /** @__PURE__ @class */ (function (_super) {
+var FileManagerSettings = /** @class */ (function (_super) {
     __extends$5(FileManagerSettings, _super);
     function FileManagerSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20405,7 +20487,7 @@ var FileManagerSettings = /** @__PURE__ @class */ (function (_super) {
     ], FileManagerSettings.prototype, "view", void 0);
     return FileManagerSettings;
 }(ChildProperty));
-var TableSettings = /** @__PURE__ @class */ (function (_super) {
+var TableSettings = /** @class */ (function (_super) {
     __extends$5(TableSettings, _super);
     function TableSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20430,7 +20512,7 @@ var TableSettings = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the quick toolbar settings of the RichTextEditor.
  */
-var QuickToolbarSettings = /** @__PURE__ @class */ (function (_super) {
+var QuickToolbarSettings = /** @class */ (function (_super) {
     __extends$5(QuickToolbarSettings, _super);
     function QuickToolbarSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20461,7 +20543,7 @@ var QuickToolbarSettings = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the Paste Cleanup settings of the RichTextEditor.
  */
-var PasteCleanupSettings = /** @__PURE__ @class */ (function (_super) {
+var PasteCleanupSettings = /** @class */ (function (_super) {
     __extends$5(PasteCleanupSettings, _super);
     function PasteCleanupSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20489,7 +20571,7 @@ var PasteCleanupSettings = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the font family settings of the RichTextEditor.
  */
-var FontFamily = /** @__PURE__ @class */ (function (_super) {
+var FontFamily = /** @class */ (function (_super) {
     __extends$5(FontFamily, _super);
     function FontFamily() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20508,7 +20590,7 @@ var FontFamily = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the font size settings of the RichTextEditor.
  */
-var FontSize = /** @__PURE__ @class */ (function (_super) {
+var FontSize = /** @class */ (function (_super) {
     __extends$5(FontSize, _super);
     function FontSize() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20527,7 +20609,7 @@ var FontSize = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the format settings of the RichTextEditor.
  */
-var Format = /** @__PURE__ @class */ (function (_super) {
+var Format = /** @class */ (function (_super) {
     __extends$5(Format, _super);
     function Format() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20546,7 +20628,7 @@ var Format = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the font Color settings of the RichTextEditor.
  */
-var FontColor = /** @__PURE__ @class */ (function (_super) {
+var FontColor = /** @class */ (function (_super) {
     __extends$5(FontColor, _super);
     function FontColor() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20571,7 +20653,7 @@ var FontColor = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the background Color settings of the RichTextEditor.
  */
-var BackgroundColor = /** @__PURE__ @class */ (function (_super) {
+var BackgroundColor = /** @class */ (function (_super) {
     __extends$5(BackgroundColor, _super);
     function BackgroundColor() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20594,29 +20676,29 @@ var BackgroundColor = /** @__PURE__ @class */ (function (_super) {
     return BackgroundColor;
 }(ChildProperty));
 
-var __extends$6 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$6 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Objects used for configuring the iframe resources properties.
  */
-var Resources = /** @__PURE__ @class */ (function (_super) {
+var Resources = /** @class */ (function (_super) {
     __extends$6(Resources, _super);
     function Resources() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20632,7 +20714,7 @@ var Resources = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the iframe settings of the RTE.
  */
-var IFrameSettings = /** @__PURE__ @class */ (function (_super) {
+var IFrameSettings = /** @class */ (function (_super) {
     __extends$6(IFrameSettings, _super);
     function IFrameSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20649,29 +20731,29 @@ var IFrameSettings = /** @__PURE__ @class */ (function (_super) {
     return IFrameSettings;
 }(ChildProperty));
 
-var __extends$7 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$7 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the inlineMode property of the RTE.
  */
-var InlineMode = /** @__PURE__ @class */ (function (_super) {
+var InlineMode = /** @class */ (function (_super) {
     __extends$7(InlineMode, _super);
     function InlineMode() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20685,36 +20767,36 @@ var InlineMode = /** @__PURE__ @class */ (function (_super) {
     return InlineMode;
 }(ChildProperty));
 
-var __extends$4 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$4 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Represents the Rich Text Editor component.
  * ```html
@@ -20725,7 +20807,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
  * </script>
  * ```
  */
-var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
+var RichTextEditor = /** @class */ (function (_super) {
     __extends$4(RichTextEditor, _super);
     function RichTextEditor(options, element) {
         var _this = _super.call(this, options, element) || this;
@@ -21187,6 +21269,17 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         this.autoResize();
     };
     RichTextEditor.prototype.keyUp = function (e) {
+        if (this.editorMode === "HTML") {
+            var range = this.getRange();
+            if (Browser.userAgent.indexOf('Firefox') != -1 && range.startContainer.nodeName === '#text' &&
+                range.startContainer.parentElement === this.inputElement) {
+                var range_1 = this.getRange();
+                var tempElem = this.createElement('p');
+                range_1.startContainer.parentElement.insertBefore(tempElem, range_1.startContainer);
+                tempElem.appendChild(range_1.startContainer);
+                this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), tempElem.childNodes[0], tempElem.childNodes[0], tempElem.childNodes[0].textContent.length, tempElem.childNodes[0].textContent.length);
+            }
+        }
         this.notify(keyUp, { member: 'keyup', args: e });
         if (e.code === 'KeyX' && e.which === 88 && e.keyCode === 88 && e.ctrlKey && (this.inputElement.innerHTML === '' ||
             this.inputElement.innerHTML === '<br>')) {
@@ -21197,7 +21290,8 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys)) && !this.inlineMode.enable) {
             this.formatter.onKeyHandler(this, e);
         }
-        if (this.inputElement && this.inputElement.textContent.length !== 0) {
+        if (this.inputElement && this.inputElement.textContent.length !== 0
+            || this.element.querySelectorAll('.e-toolbar-item.e-active').length > 0) {
             this.notify(toolbarRefresh, { args: e });
         }
         if (!isNullOrUndefined(this.placeholder)) {
@@ -21998,7 +22092,9 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                     var item = compiledTemplate[i];
                     append([item], this.element);
                 }
-                this.setProperties({ value: this.element.innerHTML.trim() });
+                if (this.element.innerHTML.trim() !== '') {
+                    this.setProperties({ value: this.element.innerHTML.trim() });
+                }
             }
         }
         else {
@@ -22192,11 +22288,16 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
     };
     RichTextEditor.prototype.resizeHandler = function () {
         var isExpand = false;
+        if (!document.body.contains(this.element)) {
+            document.defaultView.removeEventListener('resize', this.onResizeHandler, true);
+            return;
+        }
         if (this.toolbarSettings.enable && !this.inlineMode.enable) {
             this.toolbarModule.refreshToolbarOverflow();
             isExpand = this.toolbarModule.baseToolbar.toolbarObj.element.classList.contains(CLS_EXPAND_OPEN);
         }
         this.setContentHeight('', isExpand);
+        this.notify(windowResize, null);
     };
     RichTextEditor.prototype.scrollHandler = function (e) {
         this.notify(scroll, { args: e });
@@ -22272,6 +22373,9 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         return value;
     };
     RichTextEditor.prototype.updateValueOnIdle = function () {
+        if (!isNullOrUndefined(this.tableModule) && !isNullOrUndefined(this.inputElement.querySelector('.e-table-box.e-rbox-select'))) {
+            return;
+        }
         this.setProperties({ value: this.getUpdatedValue() }, true);
         this.valueContainer.value = this.value;
         this.invokeChangeEvent();
@@ -22810,5 +22914,5 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
  * 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, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, toolbarStatusUpdate, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, 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, pasteClean, beforeDialogOpen, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, beforeImageUpload, resizeInitialized, renderFileManager, beforeImageDrop, 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_POP, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_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_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, 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_TB_STATIC, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_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_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, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, 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 };
+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, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, toolbarStatusUpdate, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, 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, pasteClean, beforeDialogOpen, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, beforeImageUpload, resizeInitialized, renderFileManager, beforeImageDrop, 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_POP, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_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_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, 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_TB_STATIC, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_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_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, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, 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 };
 //# sourceMappingURL=ej2-richtexteditor.es5.js.map