@syncfusion/ej2-richtexteditor 19.3.45 → 19.3.53-6125

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

@@ -2693,7 +2693,7 @@ function updateDropDownFontFormatLocale(self) {
  * @hidden
  * @deprecated
  */
-var ToolbarRenderer = /** @__PURE__ @class */ (function () {
+var ToolbarRenderer = /** @class */ (function () {
     /**
      * Constructor for toolbar renderer module
      *
@@ -2741,7 +2741,8 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
         this.parent.notify(beforeDropDownItemRender, args);
     };
     ToolbarRenderer.prototype.dropDownOpen = function (args) {
-        if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1) {
+        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')))) {
             var listEle = args.element.querySelectorAll('li');
             if (this.parent.inputElement.querySelectorAll('.e-cell-select').length === 1) {
                 addClass([listEle[0]], 'e-disabled');
@@ -3236,7 +3237,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;
@@ -3408,7 +3409,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;
@@ -3605,6 +3606,11 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
             var prop = _a[_i];
             switch (prop) {
                 case 'fontFamily':
+                    if (this.parent.inlineMode.enable) {
+                        if (!isNullOrUndefined(this.parent.fontFamily.default)) {
+                            this.getEditNode().style.fontFamily = this.parent.fontFamily.default;
+                        }
+                    }
                     if (this.fontNameDropDown) {
                         for (var _b = 0, _c = Object.keys(newProp.fontFamily); _b < _c.length; _b++) {
                             var fontFamily$$1 = _c[_b];
@@ -3636,6 +3642,11 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
                     }
                     break;
                 case 'fontSize':
+                    if (this.parent.inlineMode) {
+                        if (!isNullOrUndefined(this.parent.fontSize.default)) {
+                            this.getEditNode().style.fontSize = this.parent.fontSize.default;
+                        }
+                    }
                     if (this.fontSizeDropDown) {
                         for (var _d = 0, _e = Object.keys(newProp.fontSize); _d < _e.length; _d++) {
                             var fontSize$$1 = _e[_d];
@@ -3905,7 +3916,7 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ServiceLocator = /** @__PURE__ @class */ (function () {
+var ServiceLocator = /** @class */ (function () {
     function ServiceLocator() {
         this.services = {};
     }
@@ -3949,7 +3960,7 @@ var ServiceLocator = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var RendererFactory = /** @__PURE__ @class */ (function () {
+var RendererFactory = /** @class */ (function () {
     function RendererFactory() {
         this.rendererMap = {};
     }
@@ -3992,7 +4003,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();
@@ -4065,7 +4076,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;
@@ -4730,25 +4741,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,
@@ -4816,7 +4827,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
@@ -4959,7 +4970,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;
@@ -5164,7 +5175,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;
@@ -5559,7 +5570,7 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var PopupRenderer = /** @__PURE__ @class */ (function () {
+var PopupRenderer = /** @class */ (function () {
     /**
      * Constructor for popup renderer module
      *
@@ -5628,7 +5639,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;
@@ -5700,6 +5711,11 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         this.parent.isBlur = false;
         this.parent.isRTE = true;
     };
+    QuickToolbar.prototype.keyUpQT = function (e) {
+        if (e.which == 27) {
+            this.hideQuickToolbars();
+        }
+    };
     QuickToolbar.prototype.renderQuickToolbars = function () {
         if (this.linkQTBar || this.imageQTBar || this.textQTBar || this.tableQTBar) {
             return;
@@ -5714,15 +5730,19 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         this.renderFactory.addRenderer(RenderType.TableToolbar, this.tableQTBar);
         if (this.linkQTBar) {
             EventHandler.add(this.linkQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.linkQTBar.element, 'keyup', this.keyUpQT, this);
         }
         if (this.imageQTBar) {
             EventHandler.add(this.imageQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.imageQTBar.element, 'keyup', this.keyUpQT, this);
         }
         if (this.textQTBar) {
             EventHandler.add(this.textQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.textQTBar.element, 'keyup', this.keyUpQT, this);
         }
         if (this.tableQTBar) {
             EventHandler.add(this.tableQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.tableQTBar.element, 'keyup', this.keyUpQT, this);
         }
     };
     QuickToolbar.prototype.renderInlineQuickToolbar = function () {
@@ -5731,6 +5751,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
             this.inlineQTBar = this.createQTBar('Inline', 'MultiRow', this.parent.toolbarSettings.items, RenderType.InlineToolbar);
             this.renderFactory.addRenderer(RenderType.InlineToolbar, this.inlineQTBar);
             EventHandler.add(this.inlineQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.inlineQTBar.element, 'keyup', this.keyUpQT, this);
         }
     };
     /**
@@ -5813,7 +5834,10 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
                 else {
                     var closestAnchor = closest(target, 'a');
                     target = closestAnchor ? closestAnchor : target;
-                    if (target.tagName !== 'IMG' && target.tagName !== 'A' && (!closest(target, 'td,th') || !range.collapsed)) {
+                    var startNode = this.parent.getRange().startContainer.parentElement;
+                    var endNode = this.parent.getRange().endContainer.parentElement;
+                    if ((isNullOrUndefined(closest(startNode, 'A')) || isNullOrUndefined(closest(endNode, 'A'))) && (!closest(target, 'td,th') || !range.collapsed) &&
+                        (target.tagName !== 'IMG' || this.parent.getRange().startOffset !== this.parent.getRange().endOffset)) {
                         if (this.parent.inlineMode.onSelection && range.collapsed) {
                             return;
                         }
@@ -5882,22 +5906,27 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
     QuickToolbar.prototype.destroy = function () {
         if (this.linkQTBar) {
             EventHandler.remove(this.linkQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.linkQTBar.element, 'keyup', this.keyUpQT);
             this.linkQTBar.destroy();
         }
         if (this.textQTBar) {
             EventHandler.remove(this.textQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.textQTBar.element, 'keyup', this.keyUpQT);
             this.textQTBar.destroy();
         }
         if (this.imageQTBar) {
             EventHandler.remove(this.imageQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.imageQTBar.element, 'keyup', this.keyUpQT);
             this.imageQTBar.destroy();
         }
         if (this.tableQTBar) {
             EventHandler.remove(this.tableQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.tableQTBar.element, 'keyup', this.keyUpQT);
             this.tableQTBar.destroy();
         }
         if (this.inlineQTBar) {
             EventHandler.remove(this.inlineQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.inlineQTBar.element, 'keyup', this.keyUpQT);
             if (isIDevice()) {
                 EventHandler.remove(document, 'selectionchange', this.selectionChangeHandler);
             }
@@ -6064,7 +6093,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;
@@ -6192,7 +6221,7 @@ var Count = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MarkdownSelection = /** @__PURE__ @class */ (function () {
+var MarkdownSelection = /** @class */ (function () {
     function MarkdownSelection() {
     }
     /**
@@ -6575,7 +6604,7 @@ function getDefaultMDTbStatus() {
 /**
  * MarkdownToolbarStatus module for refresh the toolbar status
  */
-var MarkdownToolbarStatus = /** @__PURE__ @class */ (function () {
+var MarkdownToolbarStatus = /** @class */ (function () {
     function MarkdownToolbarStatus(parent) {
         this.toolbarStatus = this.prevToolbarStatus = getDefaultMDTbStatus();
         this.selection = new MarkdownSelection();
@@ -6697,7 +6726,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();
@@ -6808,7 +6837,7 @@ var SPACE_ACTION = 'actionBegin';
  * @hidden
  * @deprecated
  */
-var Formatter = /** @__PURE__ @class */ (function () {
+var Formatter = /** @class */ (function () {
     function Formatter() {
     }
     /**
@@ -6888,7 +6917,7 @@ var Formatter = /** @__PURE__ @class */ (function () {
             || ((args.item.subCommand === 'FontName' || args.item.subCommand === 'FontSize') && args.name === 'dropDownSelect')
             || ((args.item.subCommand === 'BackgroundColor' || args.item.subCommand === 'FontColor')
                 && args.name === 'colorPickerChanged'))) {
-            extend(args, args, { requestType: args.item.subCommand, cancel: false, itemCollection: value }, true);
+            extend(args, args, { requestType: args.item.subCommand, cancel: false, itemCollection: value, selectType: args.name }, true);
             self.trigger(actionBegin, args, function (actionBeginArgs) {
                 if (!actionBeginArgs.cancel) {
                     if (_this.getUndoRedoStack().length === 0 && actionBeginArgs.item.command !== 'Links'
@@ -6906,8 +6935,8 @@ var Formatter = /** @__PURE__ @class */ (function () {
                     }
                     else {
                         _this.editorManager.observer.notify(checkUndo, { subCommand: actionBeginArgs.item.subCommand });
-                        _this.editorManager.execCommand(actionBeginArgs.item.command, actionBeginArgs.item.subCommand, event, _this.onSuccess.bind(_this, self), actionBeginArgs.item.value, actionBeginArgs.item.subCommand === 'Pre' && args.name === 'dropDownSelect' ?
-                            { name: args.name } : value, ('#' + self.getID() + ' iframe'), self.enterKey);
+                        _this.editorManager.execCommand(actionBeginArgs.item.command, actionBeginArgs.item.subCommand, event, _this.onSuccess.bind(_this, self), actionBeginArgs.item.value, actionBeginArgs.item.subCommand === 'Pre' && actionBeginArgs.selectType === 'dropDownSelect' ?
+                            { name: actionBeginArgs.selectType } : value, ('#' + self.getID() + ' iframe'), self.enterKey);
                     }
                 }
             });
@@ -7065,7 +7094,7 @@ var MD_TABLE = 'insert-table';
  *
  * @hidden
  */
-var MDLists = /** @__PURE__ @class */ (function () {
+var MDLists = /** @class */ (function () {
     /**
      * Constructor for creating the Lists plugin
      *
@@ -7531,7 +7560,7 @@ var MDLists = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDFormats = /** @__PURE__ @class */ (function () {
+var MDFormats = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -7758,7 +7787,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;
@@ -8210,7 +8239,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;
@@ -8405,7 +8434,7 @@ var UndoRedoCommands = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDLink = /** @__PURE__ @class */ (function () {
+var MDLink = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -8456,7 +8485,7 @@ var MDLink = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDTable = /** @__PURE__ @class */ (function () {
+var MDTable = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -8685,7 +8714,7 @@ var MDTable = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ClearFormat = /** @__PURE__ @class */ (function () {
+var ClearFormat = /** @class */ (function () {
     /**
      * Constructor for creating the clear format plugin
      *
@@ -8801,7 +8830,7 @@ var ClearFormat = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MarkdownParser = /** @__PURE__ @class */ (function () {
+var MarkdownParser = /** @class */ (function () {
     /**
      * Constructor for creating the component
      *
@@ -8892,26 +8921,26 @@ 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;
@@ -8958,7 +8987,7 @@ var MarkdownFormatter = /** @__PURE__ @class */ (function (_super) {
  * @hidden
  * @deprecated
  */
-var MarkdownRender = /** @__PURE__ @class */ (function () {
+var MarkdownRender = /** @class */ (function () {
     /**
      * Constructor for content renderer module
      *
@@ -9040,7 +9069,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;
@@ -9295,7 +9324,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 = [];
@@ -9407,7 +9436,8 @@ var NodeSelection = /** @__PURE__ @class */ (function () {
             || range.startContainer;
         var endNode = range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset]
             || range.endContainer;
-        if (startNode === endNode && startNode.childNodes.length === 0) {
+        if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
+            startNode.childNodes.length === 0) {
             return [startNode];
         }
         if (range.startOffset === range.endOffset && range.startOffset !== 0 && range.startContainer.nodeName === 'PRE') {
@@ -9739,7 +9769,7 @@ var markerClassName = {
  * @hidden
  * @deprecated
  */
-var DOMNode = /** @__PURE__ @class */ (function () {
+var DOMNode = /** @class */ (function () {
     /**
      * Constructor for creating the DOMNode plugin
      *
@@ -10506,7 +10536,7 @@ var DOMNode = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Lists = /** @__PURE__ @class */ (function () {
+var Lists = /** @class */ (function () {
     /**
      * Constructor for creating the Lists plugin
      *
@@ -11260,7 +11290,7 @@ var Lists = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var InsertMethods = /** @__PURE__ @class */ (function () {
+var InsertMethods = /** @class */ (function () {
     function InsertMethods() {
     }
     /**
@@ -11337,7 +11367,7 @@ var InsertMethods = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var NodeCutter = /** @__PURE__ @class */ (function () {
+var NodeCutter = /** @class */ (function () {
     function NodeCutter() {
         this.enterAction = 'P';
         this.position = -1;
@@ -11543,7 +11573,7 @@ var NodeCutter = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Formats = /** @__PURE__ @class */ (function () {
+var Formats = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -11911,7 +11941,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) {
@@ -12271,7 +12301,17 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                 tempSpan.parentNode.replaceChild(node, tempSpan);
             }
             else {
-                var splitedElm = nodeCutter.GetSpliceNode(range, blockNode);
+                var currentNode = nodes[nodes.length - 1];
+                var splitedElm = void 0;
+                if ((currentNode.nodeName === 'BR' || currentNode.nodeName === 'HR') && !isNullOrUndefined(currentNode.parentElement) &&
+                    currentNode.parentElement.textContent.trim().length === 0 && !node.classList.contains('pasteContent')) {
+                    //let newChildElem: HTMLElement = createElement(currentNode.nodeName);
+                    //currentNode.parentElement.insertBefore(newChildElem, currentNode);
+                    splitedElm = currentNode;
+                }
+                else {
+                    splitedElm = nodeCutter.GetSpliceNode(range, blockNode);
+                }
                 splitedElm.parentNode.replaceChild(node, splitedElm);
             }
         }
@@ -12365,7 +12405,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var LinkCommand = /** @__PURE__ @class */ (function () {
+var LinkCommand = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -12654,7 +12694,7 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Alignments = /** @__PURE__ @class */ (function () {
+var Alignments = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -12757,7 +12797,7 @@ var Alignments = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Indents = /** @__PURE__ @class */ (function () {
+var Indents = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -12877,7 +12917,7 @@ var CLASS_IMAGE_INLINE = 'e-imginline';
  * @hidden
  * @deprecated
  */
-var ImageCommand = /** @__PURE__ @class */ (function () {
+var ImageCommand = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -13237,7 +13277,7 @@ var ImageCommand = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var TableCommand = /** @__PURE__ @class */ (function () {
+var TableCommand = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -14141,7 +14181,7 @@ var TableCommand = /** @__PURE__ @class */ (function () {
     
     return TableCommand;
 }());
-var MinMax = /** @__PURE__ @class */ (function () {
+var MinMax = /** @class */ (function () {
     function MinMax() {
     }
     return MinMax;
@@ -14153,7 +14193,7 @@ var MinMax = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var IsFormatted = /** @__PURE__ @class */ (function () {
+var IsFormatted = /** @class */ (function () {
     function IsFormatted() {
     }
     /**
@@ -14396,7 +14436,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() {
     }
     /**
@@ -14533,7 +14573,24 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                     }
                 }
             }
-            InsertMethods.unwrap(cursorFormat);
+            if ((['fontcolor', 'fontname', 'fontsize', 'backgroundcolor'].indexOf(format) > -1)) {
+                if (format === 'fontcolor') {
+                    cursorFormat.style.color = value;
+                }
+                else if (format === 'fontname') {
+                    cursorFormat.style.fontFamily = value;
+                }
+                else if (format === 'fontsize') {
+                    cursorFormat.style.fontSize = value;
+                }
+                else {
+                    cursorFormat.style.backgroundColor = value;
+                }
+                cursorNode = cursorFormat;
+            }
+            else {
+                InsertMethods.unwrap(cursorFormat);
+            }
         }
         else {
             if (cursorNodes.length > 1 && range.startOffset > 0 && (cursorNodes[0].firstElementChild &&
@@ -14869,7 +14926,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var SelectionBasedExec = /** @__PURE__ @class */ (function () {
+var SelectionBasedExec = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -14918,7 +14975,7 @@ var SelectionBasedExec = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var InsertHtmlExec = /** @__PURE__ @class */ (function () {
+var InsertHtmlExec = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -14965,7 +15022,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() {
     }
     /**
@@ -15206,7 +15263,7 @@ var ClearFormat$1 = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ClearFormatExec = /** @__PURE__ @class */ (function () {
+var ClearFormatExec = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -15251,7 +15308,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;
@@ -15452,7 +15509,7 @@ var UndoRedoManager = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MsWordPaste = /** @__PURE__ @class */ (function () {
+var MsWordPaste = /** @class */ (function () {
     function MsWordPaste(parent) {
         this.olData = [
             'decimal',
@@ -16109,7 +16166,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var InsertTextExec = /** @__PURE__ @class */ (function () {
+var InsertTextExec = /** @class */ (function () {
     /**
      * Constructor for creating the InsertText plugin
      *
@@ -16146,7 +16203,7 @@ var InsertTextExec = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var EditorManager = /** @__PURE__ @class */ (function () {
+var EditorManager = /** @class */ (function () {
     /**
      * Constructor for creating the component
      *
@@ -16313,26 +16370,26 @@ 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;
@@ -16375,7 +16432,7 @@ var HTMLFormatter = /** @__PURE__ @class */ (function (_super) {
  * @deprecated
  */
 var statusCollection = getDefaultHtmlTbStatus();
-var ToolbarStatus = /** @__PURE__ @class */ (function () {
+var ToolbarStatus = /** @class */ (function () {
     function ToolbarStatus() {
     }
     /**
@@ -16709,7 +16766,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.toolbarStatus = this.prevToolbarStatus = getDefaultHtmlTbStatus();
@@ -16756,7 +16813,7 @@ var HtmlToolbarStatus = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ContentRender = /** @__PURE__ @class */ (function () {
+var ContentRender = /** @class */ (function () {
     /**
      * Constructor for content renderer module
      *
@@ -16843,19 +16900,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 __());
+    };
+})();
 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:\n                    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;\n                    margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n                    position: relativetext-align: center;vertical-align: bottom;}\n                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n                    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;\n                    max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n                .e-imgbreak {border: 0;cursor: pointer;\n                    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.e-img-focus::selection { background: transparent;color: transparent;}\n                span.e-rte-imageboxmark {  width: 10px; height: 10px; position: absolute; display: block;\n                    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;\n                    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 a:focus-visible { outline: none; }\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;\n                    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;\n                    font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n                    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;\n                    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;\n                    border-top: 6px solid transparent; content: ''; display: block; height: 0;\n                    position: absolute; right: 4px; top: 4px; width: 20px; }\n                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block;\n                    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>";
 /**
  * Content module is used to render Rich Text Editor content
@@ -16863,7 +16920,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;
@@ -16935,7 +16992,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();
@@ -17115,7 +17172,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;
@@ -17799,7 +17856,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',
@@ -18670,7 +18727,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();
@@ -18792,7 +18849,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;
@@ -19027,7 +19084,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();
@@ -19254,7 +19311,7 @@ function setAttributes(htmlAttributes, rte, isFrame, initial) {
  * @hidden
  * @deprecated
  */
-var Render = /** @__PURE__ @class */ (function () {
+var Render = /** @class */ (function () {
     /**
      * Constructor for render module
      *
@@ -19345,7 +19402,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;
@@ -19472,7 +19529,8 @@ var Link = /** @__PURE__ @class */ (function () {
             this.contentModule = this.rendererFactory.getRenderer(RenderType.Content);
             var isPopupOpen = this.quickToolObj.linkQTBar.element.classList.contains('e-rte-pop');
             if (target.nodeName === 'A' && (target.childNodes.length > 0 && target.childNodes[0].nodeName !== 'IMG') &&
-                e.args.target.nodeName !== 'IMG') {
+                e.args.target.nodeName !== 'IMG' &&
+                !isNullOrUndefined(closest(this.parent.getRange().startContainer.parentElement, 'A')) && !isNullOrUndefined(closest(this.parent.getRange().endContainer.parentElement, 'A'))) {
                 if (isPopupOpen) {
                     return;
                 }
@@ -19850,7 +19908,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.isAllowedTypes = true;
@@ -20652,7 +20710,7 @@ var Image = /** @__PURE__ @class */ (function () {
             var target = args.target;
             this.contentModule = this.rendererFactory.getRenderer(RenderType.Content);
             var isPopupOpen = this.quickToolObj.imageQTBar.element.classList.contains('e-rte-pop');
-            if (target.nodeName === 'IMG' && this.parent.quickToolbarModule) {
+            if (target.nodeName === 'IMG' && this.parent.quickToolbarModule && this.parent.getRange().startOffset === this.parent.getRange().endOffset) {
                 if (isPopupOpen) {
                     return;
                 }
@@ -20891,13 +20949,34 @@ var Image = /** @__PURE__ @class */ (function () {
         }
     };
     Image.prototype.imageRemovePost = function (src) {
+        var proxy = this;
+        var absoluteUrl = '';
+        if (src.indexOf('http://') > -1 || src.indexOf('https://') > -1) {
+            absoluteUrl = src;
+        }
+        else {
+            absoluteUrl = new URL(src, document.baseURI).href;
+        }
+        this.removingImgName = absoluteUrl.replace(/^.*[\\\/]/, '');
+        var xhr = new XMLHttpRequest();
+        xhr.addEventListener("readystatechange", function () {
+            if (this.readyState == 4 && this.status == 200) {
+                proxy.triggerPost(this.response);
+            }
+        });
+        xhr.open('GET', absoluteUrl);
+        xhr.responseType = 'blob';
+        xhr.send();
+    };
+    Image.prototype.triggerPost = function (response) {
         var removeUrl = this.parent.insertImageSettings.removeUrl;
         if (isNullOrUndefined(removeUrl) || removeUrl === '') {
             return;
         }
+        var file = new File([response], this.removingImgName);
         var ajax = new Ajax(removeUrl, 'POST', true, null);
         var formData = new FormData();
-        formData.append(name, src);
+        formData.append('UploadFiles', file);
         ajax.send(formData);
     };
     Image.prototype.caption = function (e) {
@@ -22008,7 +22087,7 @@ var Image = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ViewSource = /** @__PURE__ @class */ (function () {
+var ViewSource = /** @class */ (function () {
     /**
      * Constructor for view source module
      *
@@ -22266,7 +22345,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;
@@ -22655,7 +22734,9 @@ var Table = /** @__PURE__ @class */ (function () {
             }
             var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
             var closestTable = closest(target, 'table');
-            if (target && target.nodeName !== 'A' && target.nodeName !== 'IMG' && (target.nodeName === 'TD' || target.nodeName === 'TH' ||
+            var startNode = this.parent.getRange().startContainer.parentElement;
+            var endNode = this.parent.getRange().endContainer.parentElement;
+            if (target && target.nodeName !== 'A' && target.nodeName !== 'IMG' && startNode === endNode && (target.nodeName === 'TD' || target.nodeName === 'TH' ||
                 target.nodeName === 'TABLE' || (closestTable && this.parent.contentModule.getEditPanel().contains(closestTable)))
                 && !(range.startContainer.nodeType === 3 && !range.collapsed)) {
                 var range_1 = this.parent.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
@@ -22742,7 +22823,6 @@ var Table = /** @__PURE__ @class */ (function () {
             tdNode : target;
         removeClass(this.contentModule.getEditPanel().querySelectorAll('table td, table th'), CLS_TABLE_SEL);
         if (target && (target.tagName === 'TD' || target.tagName === 'TH')) {
-            target.removeAttribute('class');
             addClass([target], CLS_TABLE_SEL);
             this.activeCell = target;
             this.curTable = (this.curTable) ? this.curTable : closest(target, 'table');
@@ -23492,7 +23572,7 @@ var Table = /** @__PURE__ @class */ (function () {
 /**
  * Dialog Renderer
  */
-var DialogRenderer = /** @__PURE__ @class */ (function () {
+var DialogRenderer = /** @class */ (function () {
     function DialogRenderer(parent) {
         this.parent = parent;
     }
@@ -23725,29 +23805,29 @@ 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;
+};
 /**
  * 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;
@@ -23772,7 +23852,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;
@@ -23824,7 +23904,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;
@@ -23882,7 +23962,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;
@@ -23907,7 +23987,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;
@@ -23938,7 +24018,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;
@@ -23966,7 +24046,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;
@@ -23985,7 +24065,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;
@@ -24004,7 +24084,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;
@@ -24023,7 +24103,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;
@@ -24048,7 +24128,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;
@@ -24073,7 +24153,7 @@ var BackgroundColor = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the numberFormatList settings of the RichTextEditor.
  */
-var NumberFormatList = /** @__PURE__ @class */ (function (_super) {
+var NumberFormatList = /** @class */ (function (_super) {
     __extends$5(NumberFormatList, _super);
     function NumberFormatList() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -24086,7 +24166,7 @@ var NumberFormatList = /** @__PURE__ @class */ (function (_super) {
 /**
  * Configures the bulletFormatList settings of the RichTextEditor.
  */
-var BulletFormatList = /** @__PURE__ @class */ (function (_super) {
+var BulletFormatList = /** @class */ (function (_super) {
     __extends$5(BulletFormatList, _super);
     function BulletFormatList() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -24097,29 +24177,29 @@ var BulletFormatList = /** @__PURE__ @class */ (function (_super) {
     return BulletFormatList;
 }(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;
@@ -24135,7 +24215,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;
@@ -24152,29 +24232,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;
@@ -24191,7 +24271,7 @@ var InlineMode = /** @__PURE__ @class */ (function (_super) {
 /**
  * `EnterKey` module is used to handle enter key press actions.
  */
-var EnterKeyAction = /** @__PURE__ @class */ (function () {
+var EnterKeyAction = /** @class */ (function () {
     function EnterKeyAction(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -24317,6 +24397,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                         detach(nearBlockNode);
                                     }
                                 }
+                                _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), insertElem.nextElementSibling, 0);
                             }
                             else if (nearBlockNode.textContent.length === 0 && !(!isNullOrUndefined(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG')) {
                                 if (!isNullOrUndefined(nearBlockNode.children[0]) && nearBlockNode.children[0].tagName !== 'BR') {
@@ -24464,36 +24545,36 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
     return EnterKeyAction;
 }());
 
-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
@@ -24504,7 +24585,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;
@@ -25868,8 +25949,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 this.setProperties({ value: this.valueTemplate });
             }
             else {
-                var compiledString = compile(this.valueTemplate);
-                var compiledTemplate = compiledString({});
+                var compiledTemplate = compile(this.valueTemplate)('', this, 'valueTemplate');
                 for (var i = 0; i < compiledTemplate.length; i++) {
                     var item = compiledTemplate[i];
                     append([item], this.element);