@syncfusion/ej2-richtexteditor 20.2.39 → 20.2.44

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

@@ -444,6 +444,11 @@ var checkUndo = 'checkUndoStack';
  * @deprecated
  */
 var readOnlyMode = 'readOnlyMode';
+/**
+ * @hidden
+ * @deprecated
+ */
+var moduleDestroy = 'moduleDestroy';
 /**
  * @hidden
  * @deprecated
@@ -3076,10 +3081,11 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
                     proxy.parent.notify(selectionRestore, {});
                     range = proxy.parent.formatter.editorManager.nodeSelection.getRange(proxy.parent.contentModule.getDocument());
                     var parentNode = range.startContainer.parentNode;
+                    var closestElement = closest(range.startContainer.parentNode, 'table');
                     if ((range.startContainer.nodeName === 'TD' || range.startContainer.nodeName === 'TH' ||
                         (closest(range.startContainer.parentNode, 'td,th')) ||
                         (proxy.parent.iframeSettings.enable && !hasClass(parentNode.ownerDocument.querySelector('body'), 'e-lib')))
-                        && range.collapsed && args.subCommand === 'BackgroundColor') {
+                        && range.collapsed && args.subCommand === 'BackgroundColor' && closest(closestElement, '.' + CLS_RTE)) {
                         proxy.parent.notify(tableColorPickerChanged, {
                             item: { command: args.command, subCommand: args.subCommand,
                                 value: colorpickerValue }
@@ -4671,6 +4677,12 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    Toolbar$$1.prototype.moduleDestroy = function () {
+        this.parent = null;
+        this.baseToolbar.parent = null;
+        this.toolbarActionModule.parent = null;
+        this.dropDownModule.parent = null;
+    };
     Toolbar$$1.prototype.scrollHandler = function (e) {
         if (!this.parent.inlineMode.enable) {
             if (this.parent.toolbarSettings.enableFloating && this.getDOMVisibility(this.tbElement)) {
@@ -4772,6 +4784,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         this.parent.on(mouseDown, this.mouseDownHandler, this);
         this.parent.on(sourceCodeMouseDown, this.mouseDownHandler, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
         if (!this.parent.inlineMode.enable && !isIDevice()) {
             this.parent.on(toolbarClick, this.toolbarClickHandler, this);
         }
@@ -4796,6 +4809,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         this.parent.off(mouseDown, this.mouseDownHandler);
         this.parent.off(sourceCodeMouseDown, this.mouseDownHandler);
         this.parent.off(bindCssClass, this.setCssClass);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
         if (!this.parent.inlineMode.enable && !isIDevice()) {
             this.parent.off(toolbarClick, this.toolbarClickHandler);
         }
@@ -6108,6 +6122,9 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         }
         this.removeEventListener();
     };
+    QuickToolbar.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     QuickToolbar.prototype.wireInlineQTBarEvents = function () {
         this.parent.on(mouseUp, this.mouseUpHandler, this);
         this.parent.on(mouseDown, this.inlineQTBarMouseDownHandler, this);
@@ -6163,6 +6180,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         this.parent.on(keyDown, this.onKeyDown, this);
         this.parent.on(rtlMode, this.setRtl, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     QuickToolbar.prototype.onKeyDown = function (e) {
         var args = e.args;
@@ -6232,6 +6250,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         this.parent.off(keyDown, this.onKeyDown);
         this.parent.off(rtlMode, this.setRtl);
         this.parent.off(bindCssClass, this.setCssClass);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
     };
     /**
      * Called internally if any of the property value changed.
@@ -9358,6 +9377,10 @@ var MarkdownEditor = /** @__PURE__ @class */ (function () {
     MarkdownEditor.prototype.destroy = function () {
         this.removeEventListener();
     };
+    MarkdownEditor.prototype.moduleDestroy = function () {
+        this.parent = null;
+        this.toolbarUpdate.parent = null;
+    };
     MarkdownEditor.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
@@ -9373,6 +9396,7 @@ var MarkdownEditor = /** @__PURE__ @class */ (function () {
         this.parent.on(selectionSave, this.onSelectionSave, this);
         this.parent.on(selectionRestore, this.onSelectionRestore, this);
         this.parent.on(readOnlyMode, this.updateReadOnly, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     MarkdownEditor.prototype.updateReadOnly = function () {
         if (this.parent.readonly) {
@@ -9444,6 +9468,7 @@ var MarkdownEditor = /** @__PURE__ @class */ (function () {
         this.parent.off(selectionSave, this.onSelectionSave);
         this.parent.off(selectionRestore, this.onSelectionRestore);
         this.parent.off(readOnlyMode, this.updateReadOnly);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
     };
     MarkdownEditor.prototype.render = function () {
         this.contentRenderer = this.renderFactory.getRenderer(RenderType.Content);
@@ -10838,6 +10863,7 @@ var Lists = /** @__PURE__ @class */ (function () {
     Lists.prototype.addEventListener = function () {
         this.parent.observer.on(LIST_TYPE, this.applyListsHandler, this);
         this.parent.observer.on(KEY_DOWN_HANDLER, this.keyDownHandler, this);
+        this.parent.observer.on(KEY_UP_HANDLER, this.onKeyUp, this);
         this.parent.observer.on(SPACE_ACTION, this.spaceKeyAction, this);
     };
     Lists.prototype.testList = function (elem) {
@@ -10990,6 +11016,7 @@ var Lists = /** @__PURE__ @class */ (function () {
             }
         }
         this.removeList(range, e);
+        this.firstListBackSpace(range, e);
     };
     Lists.prototype.removeList = function (range, e) {
         var startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
@@ -11015,6 +11042,33 @@ var Lists = /** @__PURE__ @class */ (function () {
             e.event.preventDefault();
         }
     };
+    Lists.prototype.onKeyUp = function () {
+        if (!isNullOrUndefined(this.commonLIParent) && !isNullOrUndefined(this.commonLIParent.querySelector('.removeList'))) {
+            var currentLIElem = this.commonLIParent.querySelector('.removeList');
+            while (!isNullOrUndefined(currentLIElem.firstChild)) {
+                this.parent.domNode.insertAfter(currentLIElem.firstChild, currentLIElem);
+            }
+            detach(currentLIElem);
+        }
+    };
+    Lists.prototype.firstListBackSpace = function (range, e) {
+        var startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
+        if (!isNullOrUndefined(startNode.closest('OL'))) {
+            this.commonLIParent = startNode.closest('OL');
+        }
+        else if (!isNullOrUndefined(startNode.closest('UL'))) {
+            this.commonLIParent = startNode.closest('UL');
+        }
+        if (startNode.nodeName === 'LI' && range.startOffset === 0 && range.endOffset === 0 &&
+            isNullOrUndefined(startNode.previousSibling) && !isNullOrUndefined(this.commonLIParent) && isNullOrUndefined(this.commonLIParent.previousSibling) &&
+            (isNullOrUndefined(this.commonLIParent.parentElement.closest('OL')) && isNullOrUndefined(this.commonLIParent.parentElement.closest('UL')) &&
+                isNullOrUndefined(this.commonLIParent.parentElement.closest('LI')))) {
+            var currentElem = createElement('P');
+            currentElem.innerHTML = '​';
+            startNode.classList.add('removeList');
+            this.commonLIParent.parentElement.insertBefore(currentElem, this.commonLIParent);
+        }
+    };
     Lists.prototype.keyDownHandler = function (e) {
         if (e.event.which === 13) {
             this.enterList(e);
@@ -17123,7 +17177,7 @@ var ToolbarStatus = /** @__PURE__ @class */ (function () {
         if ((name !== null && name !== '' && name !== undefined)
             && (fontName === null || fontName === undefined || (fontName.filter(function (value, pos) {
                 var pattern = new RegExp(name, 'i');
-                if ((value.replace(/"/g, '').replace(/ /g, '') === name.replace(/"/g, '').replace(/ /g, '')) ||
+                if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
                     (value.search(pattern) > -1)) {
                     index = pos;
                 }
@@ -19777,10 +19831,12 @@ var FullScreen = /** @__PURE__ @class */ (function () {
     FullScreen.prototype.addEventListener = function () {
         this.parent.on(keyDown, this.onKeyDown, this);
         this.parent.on(destroy, this.destroy, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     FullScreen.prototype.removeEventListener = function () {
         this.parent.off(keyDown, this.onKeyDown);
         this.parent.off(destroy, this.destroy);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
     };
     /**
      * destroy method
@@ -19799,6 +19855,9 @@ var FullScreen = /** @__PURE__ @class */ (function () {
         }
         this.removeEventListener();
     };
+    FullScreen.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     return FullScreen;
 }());
 
@@ -19915,12 +19974,16 @@ var Render = /** @__PURE__ @class */ (function () {
     Render.prototype.destroy = function () {
         this.removeEventListener();
     };
+    Render.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     Render.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
         this.parent.on(modelChanged, this.refresh, this);
         this.parent.on(keyUp, this.keyUp, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     Render.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -19928,6 +19991,7 @@ var Render = /** @__PURE__ @class */ (function () {
         }
         this.parent.off(modelChanged, this.refresh);
         this.parent.off(keyUp, this.keyUp);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
     };
     Render.prototype.keyUp = function (e) {
         if (this.parent.editorMode === 'HTML') {
@@ -19989,6 +20053,7 @@ var Link = /** @__PURE__ @class */ (function () {
         this.parent.on(editAreaClick, this.editAreaClickHandler, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.destroy, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     Link.prototype.onToolbarAction = function (args) {
         var item = args.args.item;
@@ -20022,6 +20087,7 @@ var Link = /** @__PURE__ @class */ (function () {
         this.parent.off(editAreaClick, this.editAreaClickHandler);
         this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
     };
     Link.prototype.onIframeMouseDown = function () {
         if (this.dialogObj) {
@@ -20472,6 +20538,9 @@ var Link = /** @__PURE__ @class */ (function () {
     Link.prototype.destroy = function () {
         this.removeEventListener();
     };
+    Link.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     /**
      * For internal use only - Get the module name.
      *
@@ -20492,7 +20561,7 @@ var Image = /** @__PURE__ @class */ (function () {
         this.isAllowedTypes = true;
         this.pageX = null;
         this.pageY = null;
-        this.mousex = null;
+        this.mouseX = null;
         this.deletedImg = [];
         this.parent = parent;
         this.rteID = parent.element.id;
@@ -20527,6 +20596,7 @@ var Image = /** @__PURE__ @class */ (function () {
         this.parent.on(paste, this.imagePaste, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.removeEventListener, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     Image.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -20554,6 +20624,7 @@ var Image = /** @__PURE__ @class */ (function () {
         this.parent.off(paste, this.imagePaste);
         this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.removeEventListener);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
         var dropElement = this.parent.iframeSettings.enable ? this.parent.inputElement.ownerDocument
             : this.parent.inputElement;
         dropElement.removeEventListener('drop', this.dragDrop.bind(this), true);
@@ -20829,7 +20900,7 @@ var Image = /** @__PURE__ @class */ (function () {
             img.style.minWidth = this.parent.insertImageSettings.minWidth === 0 ? '20px' : formatUnit(this.parent.insertImageSettings.minWidth);
             if (this.parent.insertImageSettings.resizeByPercent) {
                 if (parseInt('' + img.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
-                    var original = img.offsetWidth + this.mousex;
+                    var original = img.offsetWidth + this.mouseX;
                     var finalWidthByPerc = (original / img.offsetWidth) * (parseFloat(img.style.width).toString() == 'NaN' ? (img.offsetWidth / (parseFloat(getComputedStyle(this.parent.element).width)) * 100) : parseFloat(img.style.width));
                     img.style.width = ((finalWidthByPerc > 3) ? finalWidthByPerc : 3) + '%';
                 }
@@ -20855,17 +20926,17 @@ var Image = /** @__PURE__ @class */ (function () {
             }
             else {
                 if (this.parent.iframeSettings.enable) {
-                    img.setAttribute('width', (img.width + this.mousex).toString());
+                    img.setAttribute('width', (img.width + this.mouseX).toString());
                 }
                 else {
-                    img.setAttribute('width', (img.offsetWidth + this.mousex).toString());
+                    img.setAttribute('width', (img.offsetWidth + this.mouseX).toString());
                 }
             }
         }
         else if (height > width) {
             if (this.parent.insertImageSettings.resizeByPercent) {
                 if (parseInt('' + img.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
-                    var original = img.offsetWidth + this.mousex;
+                    var original = img.offsetWidth + this.mouseX;
                     var finalWidthByPerc = (original / img.offsetWidth) * (parseFloat(img.style.width).toString() == 'NaN' ? (img.offsetWidth / (parseFloat(getComputedStyle(this.parent.element).width)) * 100) : parseFloat(img.style.width));
                     img.style.width = ((finalWidthByPerc > 3) ? finalWidthByPerc : 3) + '%';
                 }
@@ -20928,13 +20999,17 @@ var Image = /** @__PURE__ @class */ (function () {
         if (this.imgEle.offsetWidth >= this.parent.getInsertImgMaxWidth()) {
             this.imgEle.style.maxHeight = this.imgEle.offsetHeight + 'px';
         }
+        else if (isNullOrUndefined(this.parent.insertImageSettings.maxHeight)) {
+            this.imgEle.style.maxHeight = '';
+        }
+        this.imgEle.style.maxWidth = this.parent.getInsertImgMaxWidth() + 'px';
         var pageX = this.getPointX(e);
         var pageY = this.getPointY(e);
         var mouseX = (this.resizeBtnStat.botLeft || this.resizeBtnStat.topLeft) ? -(pageX - this.pageX) : (pageX - this.pageX);
         var mouseY = (this.resizeBtnStat.topLeft || this.resizeBtnStat.topRight) ? -(pageY - this.pageY) : (pageY - this.pageY);
         var width = parseInt(this.imgDupPos.width, 10) + mouseX;
         var height = parseInt(this.imgDupPos.height, 10) + mouseY;
-        this.mousex = mouseX;
+        this.mouseX = mouseX;
         this.pageX = pageX;
         this.pageY = pageY;
         if (this.resizeBtnStat.botRight) {
@@ -21882,6 +21957,9 @@ var Image = /** @__PURE__ @class */ (function () {
         if (target.nodeName === 'IMG') {
             this.imgEle = target;
         }
+        if (!this.parent) {
+            return;
+        }
         if (target.nodeName !== '#document') {
             this.parent.currentTarget = e.target;
         }
@@ -22769,6 +22847,9 @@ var Image = /** @__PURE__ @class */ (function () {
         this.prevSelectedImgEle = undefined;
         this.removeEventListener();
     };
+    Image.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     /**
      * For internal use only - Get the module name.
      *
@@ -22805,6 +22886,7 @@ var ViewSource = /** @__PURE__ @class */ (function () {
         this.parent.on(initialEnd, this.onInitialEnd, this);
         this.parent.on(updateSource, this.updateSourceCode, this);
         this.parent.on(destroy, this.destroy, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     ViewSource.prototype.onInitialEnd = function () {
         this.parent.formatter.editorManager.observer.on(KEY_DOWN_HANDLER, this.onKeyDown, this);
@@ -22815,6 +22897,7 @@ var ViewSource = /** @__PURE__ @class */ (function () {
         this.parent.off(updateSource, this.updateSourceCode);
         this.parent.off(initialEnd, this.onInitialEnd);
         this.parent.off(destroy, this.destroy);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
         this.parent.formatter.editorManager.observer.off(KEY_DOWN_HANDLER, this.onKeyDown);
     };
     ViewSource.prototype.getSourceCode = function () {
@@ -23038,6 +23121,9 @@ var ViewSource = /** @__PURE__ @class */ (function () {
     ViewSource.prototype.destroy = function () {
         this.removeEventListener();
     };
+    ViewSource.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     return ViewSource;
 }());
 
@@ -23077,6 +23163,7 @@ var Table = /** @__PURE__ @class */ (function () {
         this.parent.on(mouseUp, this.selectionTable, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.destroy, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     Table.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -23098,6 +23185,7 @@ var Table = /** @__PURE__ @class */ (function () {
         this.parent.off(mouseUp, this.selectionTable);
         this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
     };
     Table.prototype.updateCss = function (currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -23581,7 +23669,8 @@ var Table = /** @__PURE__ @class */ (function () {
         }
         var target = e.target || e.targetTouches[0].target;
         var closestTable = closest(target, 'table.e-rte-table');
-        if (!isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable) {
+        if (!isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable &&
+            this.parent.contentModule.getEditPanel().contains(closestTable)) {
             this.removeResizeElement();
             this.removeHelper(e);
             this.cancelResizeAction();
@@ -23858,7 +23947,8 @@ var Table = /** @__PURE__ @class */ (function () {
                 var rteWidth = _this.contentModule.getEditPanel().offsetWidth - (_this.contentModule.getEditPanel().offsetWidth -
                     _this.contentModule.getEditPanel().clientWidth) - paddingSize * 2;
                 var widthCompare = void 0;
-                if (!isNullOrUndefined(_this.curTable.parentElement.closest('table'))) {
+                if (!isNullOrUndefined(_this.curTable.parentElement.closest('table')) && !isNullOrUndefined(_this.curTable.closest('td')) &&
+                    _this.contentModule.getEditPanel().contains(_this.curTable.closest('td'))) {
                     var currentTd = _this.curTable.closest('td');
                     var currentTDPad = +getComputedStyle(currentTd).paddingRight.match(/\d/g).join('');
                     // Padding of the current table with the parent element multiply with 2.
@@ -24391,6 +24481,9 @@ var Table = /** @__PURE__ @class */ (function () {
     Table.prototype.destroy = function () {
         this.removeEventListener();
     };
+    Table.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     /**
      * For internal use only - Get the module name.
      *
@@ -24408,7 +24501,22 @@ var Table = /** @__PURE__ @class */ (function () {
 var DialogRenderer = /** @__PURE__ @class */ (function () {
     function DialogRenderer(parent) {
         this.parent = parent;
+        this.addEventListener();
     }
+    DialogRenderer.prototype.addEventListener = function () {
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
+        this.parent.on(destroy, this.removeEventListener, this);
+    };
+    DialogRenderer.prototype.removeEventListener = function () {
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.off(destroy, this.removeEventListener);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
+    };
     /**
      * dialog render method
      *
@@ -24461,6 +24569,9 @@ var DialogRenderer = /** @__PURE__ @class */ (function () {
     DialogRenderer.prototype.close = function (args) {
         this.parent.trigger(dialogClose, args);
     };
+    DialogRenderer.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     return DialogRenderer;
 }());
 
@@ -25112,13 +25223,18 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
     EnterKeyAction.prototype.addEventListener = function () {
         this.parent.on(enterHandler, this.enterHandler, this);
         this.parent.on(destroy, this.destroy, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     EnterKeyAction.prototype.destroy = function () {
         this.removeEventListener();
     };
+    EnterKeyAction.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     EnterKeyAction.prototype.removeEventListener = function () {
         this.parent.off(enterHandler, this.enterHandler);
         this.parent.off(destroy, this.destroy);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
     };
     EnterKeyAction.prototype.getRangeNode = function () {
         this.range = this.parent.getRange();
@@ -25236,7 +25352,8 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                     isNearBlockLengthZero = false;
                                 }
                                 else {
-                                    if (nearBlockNode.textContent.trim().length !== 0) {
+                                    if (nearBlockNode.textContent.trim().length !== 0 ||
+                                        nearBlockNode.childNodes[0].nodeName === 'IMG') {
                                         newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                         isNearBlockLengthZero = false;
                                     }
@@ -25914,6 +26031,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         var currentEndContainer = range.endContainer;
         var currentStartOffset = range.startOffset;
         var isSameContainer = currentStartContainer === currentEndContainer ? true : false;
+        var currentEndOffset = currentEndContainer.textContent.length;
         var endNode = range.endContainer.nodeName === '#text' ? range.endContainer.parentElement :
             range.endContainer;
         var closestLI = closest(endNode, 'LI');
@@ -25929,7 +26047,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             while (currentLastElem.lastChild !== null && currentLastElem.nodeName !== '#text') {
                 currentLastElem = currentLastElem.lastChild;
             }
-            this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), isSameContainer ? (currentLastElem.nodeName === 'BR' && !isNullOrUndefined(currentLastElem.previousSibling) ? currentLastElem.previousSibling : currentLastElem) : currentStartContainer, currentLastElem, currentStartOffset, (currentLastElem.nodeName === 'BR' ? 0 : currentLastElem.textContent.length));
+            this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), isSameContainer ? currentStartContainer : (currentLastElem.nodeName === 'BR' && !isNullOrUndefined(currentLastElem.previousSibling) ? currentLastElem.previousSibling : currentStartContainer), currentEndContainer, currentStartOffset, (currentLastElem.nodeName === 'BR' ? 0 : currentEndOffset));
         }
     };
     /**
@@ -26268,8 +26386,11 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         if (this.isDestroyed || !this.isRendered) {
             return;
         }
-        if (this.element.offsetParent === null && !isNullOrUndefined(this.toolbarModule)) {
-            this.toolbarModule.destroy();
+        if (this.element.offsetParent === null) {
+            if (!isNullOrUndefined(this.toolbarModule)) {
+                this.toolbarModule.destroy();
+            }
+            this.notify(moduleDestroy, {});
             return;
         }
         this.notify(destroy, {});
@@ -27508,7 +27629,10 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
     RichTextEditor.prototype.restrict = function (e) {
         if (this.maxLength >= 0) {
             var element = this.editorMode === 'Markdown' ? this.contentModule.getText() :
-                e.currentTarget.textContent;
+                (e && e.currentTarget.textContent);
+            if (!element) {
+                return;
+            }
             var array = [8, 16, 17, 37, 38, 39, 40, 46, 65];
             var arrayKey = void 0;
             for (var i = 0; i <= array.length - 1; i++) {
@@ -27563,6 +27687,11 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             case 'cut':
                 this.onCut();
                 break;
+            case 'tab':
+                if (this.iframeSettings.enable) {
+                    this.isBlur = true;
+                }
+                break;
         }
         if (e.callBack && (e.event.action === 'copy' || e.event.action === 'cut' || e.event.action === 'delete')) {
             e.callBack({
@@ -27880,5 +28009,5 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
  * Rich Text Editor component exported items
  */
 
-export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, mediaSelected, mediaUploading, mediaUploadSuccess, mediaUploadFailed, mediaRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeMediaUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, closeImageDialog, closeAudioDialog, showTableDialog, closeTableDialog, bindCssClass, blockEmptyNodes, inlineEmptyNodes, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION };
+export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, mediaSelected, mediaUploading, mediaUploadSuccess, mediaUploadFailed, mediaRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeMediaUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, closeImageDialog, closeAudioDialog, showTableDialog, closeTableDialog, bindCssClass, blockEmptyNodes, inlineEmptyNodes, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION };
 //# sourceMappingURL=ej2-richtexteditor.es5.js.map