@syncfusion/ej2-richtexteditor 19.3.46 → 19.3.47-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
      *
@@ -3236,7 +3236,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 +3408,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;
@@ -3905,7 +3905,7 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ServiceLocator = /** @__PURE__ @class */ (function () {
+var ServiceLocator = /** @class */ (function () {
     function ServiceLocator() {
         this.services = {};
     }
@@ -3949,7 +3949,7 @@ var ServiceLocator = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var RendererFactory = /** @__PURE__ @class */ (function () {
+var RendererFactory = /** @class */ (function () {
     function RendererFactory() {
         this.rendererMap = {};
     }
@@ -3992,7 +3992,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 +4065,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 +4730,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 +4816,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 +4959,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 +5164,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 +5559,7 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var PopupRenderer = /** @__PURE__ @class */ (function () {
+var PopupRenderer = /** @class */ (function () {
     /**
      * Constructor for popup renderer module
      *
@@ -5628,7 +5628,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;
@@ -5813,7 +5813,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;
                         }
@@ -6064,7 +6067,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 +6195,7 @@ var Count = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MarkdownSelection = /** @__PURE__ @class */ (function () {
+var MarkdownSelection = /** @class */ (function () {
     function MarkdownSelection() {
     }
     /**
@@ -6575,7 +6578,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 +6700,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 +6811,7 @@ var SPACE_ACTION = 'actionBegin';
  * @hidden
  * @deprecated
  */
-var Formatter = /** @__PURE__ @class */ (function () {
+var Formatter = /** @class */ (function () {
     function Formatter() {
     }
     /**
@@ -7065,7 +7068,7 @@ var MD_TABLE = 'insert-table';
  *
  * @hidden
  */
-var MDLists = /** @__PURE__ @class */ (function () {
+var MDLists = /** @class */ (function () {
     /**
      * Constructor for creating the Lists plugin
      *
@@ -7531,7 +7534,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 +7761,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 +8213,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 +8408,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 +8459,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 +8688,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 +8804,7 @@ var ClearFormat = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MarkdownParser = /** @__PURE__ @class */ (function () {
+var MarkdownParser = /** @class */ (function () {
     /**
      * Constructor for creating the component
      *
@@ -8892,26 +8895,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 +8961,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 +9043,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 +9298,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 = [];
@@ -9739,7 +9742,7 @@ var markerClassName = {
  * @hidden
  * @deprecated
  */
-var DOMNode = /** @__PURE__ @class */ (function () {
+var DOMNode = /** @class */ (function () {
     /**
      * Constructor for creating the DOMNode plugin
      *
@@ -10506,7 +10509,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 +11263,7 @@ var Lists = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var InsertMethods = /** @__PURE__ @class */ (function () {
+var InsertMethods = /** @class */ (function () {
     function InsertMethods() {
     }
     /**
@@ -11337,7 +11340,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 +11546,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 +11914,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) {
@@ -12365,7 +12368,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 +12657,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 +12760,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 +12880,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 +13240,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 +14144,7 @@ var TableCommand = /** @__PURE__ @class */ (function () {
     
     return TableCommand;
 }());
-var MinMax = /** @__PURE__ @class */ (function () {
+var MinMax = /** @class */ (function () {
     function MinMax() {
     }
     return MinMax;
@@ -14153,7 +14156,7 @@ var MinMax = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var IsFormatted = /** @__PURE__ @class */ (function () {
+var IsFormatted = /** @class */ (function () {
     function IsFormatted() {
     }
     /**
@@ -14396,7 +14399,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 +14536,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 +14889,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 +14938,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 +14985,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 +15226,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 +15271,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 +15472,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 +16129,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 +16166,7 @@ var InsertTextExec = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var EditorManager = /** @__PURE__ @class */ (function () {
+var EditorManager = /** @class */ (function () {
     /**
      * Constructor for creating the component
      *
@@ -16313,26 +16333,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 +16395,7 @@ var HTMLFormatter = /** @__PURE__ @class */ (function (_super) {
  * @deprecated
  */
 var statusCollection = getDefaultHtmlTbStatus();
-var ToolbarStatus = /** @__PURE__ @class */ (function () {
+var ToolbarStatus = /** @class */ (function () {
     function ToolbarStatus() {
     }
     /**
@@ -16709,7 +16729,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 +16776,7 @@ var HtmlToolbarStatus = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ContentRender = /** @__PURE__ @class */ (function () {
+var ContentRender = /** @class */ (function () {
     /**
      * Constructor for content renderer module
      *
@@ -16843,19 +16863,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 +16883,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 +16955,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 +17135,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 +17819,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 +18690,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 +18812,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 +19047,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 +19274,7 @@ function setAttributes(htmlAttributes, rte, isFrame, initial) {
  * @hidden
  * @deprecated
  */
-var Render = /** @__PURE__ @class */ (function () {
+var Render = /** @class */ (function () {
     /**
      * Constructor for render module
      *
@@ -19345,7 +19365,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 +19492,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 +19871,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 +20673,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 +20912,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 +22050,7 @@ var Image = /** @__PURE__ @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ViewSource = /** @__PURE__ @class */ (function () {
+var ViewSource = /** @class */ (function () {
     /**
      * Constructor for view source module
      *
@@ -22266,7 +22308,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 +22697,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 +22786,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 +23535,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 +23768,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 +23815,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 +23867,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 +23925,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 +23950,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 +23981,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 +24009,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 +24028,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 +24047,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 +24066,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 +24091,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 +24116,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 +24129,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 +24140,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 +24178,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 +24195,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 +24234,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 +24360,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 +24508,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 +24548,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 +25912,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);