@syncfusion/ej2-richtexteditor 20.2.39 → 20.2.44

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.39
+*  version : 20.2.44
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@20.2.38",
+  "_id": "@syncfusion/ej2-richtexteditor@20.2.43",
   "_inBundle": false,
-  "_integrity": "sha512-R8AtoHAIPqpoh/7JpkRUms9eRZPs7tWWTid2D9gZXd/JieNhPPEcoRKYjavpVRx/Cj4O7umyzzXHIekW+8h3Xw==",
+  "_integrity": "sha512-dkfDGY2MKf2ILpa7X4k3mNk6efDSuHc+C2jA9kus1T+csXHRz3mfd5zkOnx0GLeKdQ9tkuBlNj0QasFVRk5Ivg==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.2.38.tgz",
-  "_shasum": "332d081f0e815d62053ba5a2d14d14f9a0813411",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.2.43.tgz",
+  "_shasum": "f4e01afae92f4fa91d69acc288b19b5970f99483",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -38,13 +38,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.38",
-    "@syncfusion/ej2-buttons": "~20.2.38",
-    "@syncfusion/ej2-filemanager": "~20.2.39",
-    "@syncfusion/ej2-inputs": "~20.2.38",
-    "@syncfusion/ej2-navigations": "~20.2.39",
-    "@syncfusion/ej2-popups": "~20.2.39",
-    "@syncfusion/ej2-splitbuttons": "~20.2.38"
+    "@syncfusion/ej2-base": "~20.2.43",
+    "@syncfusion/ej2-buttons": "~20.2.43",
+    "@syncfusion/ej2-filemanager": "~20.2.44",
+    "@syncfusion/ej2-inputs": "~20.2.44",
+    "@syncfusion/ej2-navigations": "~20.2.44",
+    "@syncfusion/ej2-popups": "~20.2.43",
+    "@syncfusion/ej2-splitbuttons": "~20.2.43"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.39",
+  "version": "20.2.44",
   "sideEffects": false
 }

package/src/editor-manager/plugin/lists.d.ts

@@ -12,6 +12,7 @@ export declare class Lists {
     private saveSelection;
     private domNode;
     private currentAction;
+    private commonLIParent;
     /**
      * Constructor for creating the Lists plugin
      *
@@ -27,6 +28,8 @@ export declare class Lists {
     private enterList;
     private backspaceList;
     private removeList;
+    private onKeyUp;
+    private firstListBackSpace;
     private keyDownHandler;
     private spaceKeyAction;
     private getAction;

package/src/editor-manager/plugin/lists.js

@@ -27,6 +27,7 @@ var Lists = /** @class */ (function () {
     Lists.prototype.addEventListener = function () {
         this.parent.observer.on(EVENTS.LIST_TYPE, this.applyListsHandler, this);
         this.parent.observer.on(EVENTS.KEY_DOWN_HANDLER, this.keyDownHandler, this);
+        this.parent.observer.on(EVENTS.KEY_UP_HANDLER, this.onKeyUp, this);
         this.parent.observer.on(EVENTS.SPACE_ACTION, this.spaceKeyAction, this);
     };
     Lists.prototype.testList = function (elem) {
@@ -179,6 +180,7 @@ var Lists = /** @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);
@@ -204,6 +206,33 @@ var Lists = /** @class */ (function () {
             e.event.preventDefault();
         }
     };
+    Lists.prototype.onKeyUp = function () {
+        if (!isNOU(this.commonLIParent) && !isNOU(this.commonLIParent.querySelector('.removeList'))) {
+            var currentLIElem = this.commonLIParent.querySelector('.removeList');
+            while (!isNOU(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 (!isNOU(startNode.closest('OL'))) {
+            this.commonLIParent = startNode.closest('OL');
+        }
+        else if (!isNOU(startNode.closest('UL'))) {
+            this.commonLIParent = startNode.closest('UL');
+        }
+        if (startNode.nodeName === 'LI' && range.startOffset === 0 && range.endOffset === 0 &&
+            isNOU(startNode.previousSibling) && !isNOU(this.commonLIParent) && isNOU(this.commonLIParent.previousSibling) &&
+            (isNOU(this.commonLIParent.parentElement.closest('OL')) && isNOU(this.commonLIParent.parentElement.closest('UL')) &&
+                isNOU(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);

package/src/editor-manager/plugin/toolbar-status.js

@@ -233,7 +233,7 @@ var ToolbarStatus = /** @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;
                 }

package/src/rich-text-editor/actions/base-toolbar.d.ts

@@ -8,7 +8,12 @@ import { RendererFactory } from '../services/renderer-factory';
  */
 export declare class BaseToolbar {
     toolbarObj: tool;
-    protected parent: IRichTextEditor;
+    /**
+     *
+     * @hidden
+     * @private
+     */
+    parent: IRichTextEditor;
     protected locator: ServiceLocator;
     protected toolbarRenderer: IRenderer;
     protected renderFactory: RendererFactory;

package/src/rich-text-editor/actions/dropdown-buttons.d.ts

@@ -17,7 +17,12 @@ export declare class DropDownButtons {
     tableRowsDropDown: DropDownButton;
     tableColumnsDropDown: DropDownButton;
     tableCellVerticalAlignDropDown: DropDownButton;
-    protected parent: IRichTextEditor;
+    /**
+     *
+     * @hidden
+     * @private
+     */
+    parent: IRichTextEditor;
     protected locator: ServiceLocator;
     protected toolbarRenderer: IRenderer;
     protected renderFactory: RendererFactory;

package/src/rich-text-editor/actions/enter-key.d.ts

@@ -10,6 +10,7 @@ export declare class EnterKeyAction {
     constructor(parent?: IRichTextEditor);
     protected addEventListener(): void;
     private destroy;
+    private moduleDestroy;
     private removeEventListener;
     private getRangeNode;
     private enterHandler;

package/src/rich-text-editor/actions/enter-key.js

@@ -11,13 +11,18 @@ var EnterKeyAction = /** @class */ (function () {
     EnterKeyAction.prototype.addEventListener = function () {
         this.parent.on(events.enterHandler, this.enterHandler, this);
         this.parent.on(events.destroy, this.destroy, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     EnterKeyAction.prototype.destroy = function () {
         this.removeEventListener();
     };
+    EnterKeyAction.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     EnterKeyAction.prototype.removeEventListener = function () {
         this.parent.off(events.enterHandler, this.enterHandler);
         this.parent.off(events.destroy, this.destroy);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
     };
     EnterKeyAction.prototype.getRangeNode = function () {
         this.range = this.parent.getRange();
@@ -135,7 +140,8 @@ var EnterKeyAction = /** @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;
                                     }

package/src/rich-text-editor/actions/full-screen.d.ts

@@ -37,4 +37,5 @@ export declare class FullScreen {
 
      */
     destroy(): void;
+    private moduleDestroy;
 }

package/src/rich-text-editor/actions/full-screen.js

@@ -142,10 +142,12 @@ var FullScreen = /** @class */ (function () {
     FullScreen.prototype.addEventListener = function () {
         this.parent.on(events.keyDown, this.onKeyDown, this);
         this.parent.on(events.destroy, this.destroy, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     FullScreen.prototype.removeEventListener = function () {
         this.parent.off(events.keyDown, this.onKeyDown);
         this.parent.off(events.destroy, this.destroy);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
     };
     /**
      * destroy method
@@ -164,6 +166,9 @@ var FullScreen = /** @class */ (function () {
         }
         this.removeEventListener();
     };
+    FullScreen.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     return FullScreen;
 }());
 export { FullScreen };

package/src/rich-text-editor/actions/markdown-editor.d.ts

@@ -22,6 +22,7 @@ export declare class MarkdownEditor {
 
      */
     destroy(): void;
+    private moduleDestroy;
     private addEventListener;
     private updateReadOnly;
     private onSelectionSave;

package/src/rich-text-editor/actions/markdown-editor.js

@@ -27,6 +27,10 @@ var MarkdownEditor = /** @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;
@@ -42,6 +46,7 @@ var MarkdownEditor = /** @class */ (function () {
         this.parent.on(events.selectionSave, this.onSelectionSave, this);
         this.parent.on(events.selectionRestore, this.onSelectionRestore, this);
         this.parent.on(events.readOnlyMode, this.updateReadOnly, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     MarkdownEditor.prototype.updateReadOnly = function () {
         if (this.parent.readonly) {
@@ -113,6 +118,7 @@ var MarkdownEditor = /** @class */ (function () {
         this.parent.off(events.selectionSave, this.onSelectionSave);
         this.parent.off(events.selectionRestore, this.onSelectionRestore);
         this.parent.off(events.readOnlyMode, this.updateReadOnly);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
     };
     MarkdownEditor.prototype.render = function () {
         this.contentRenderer = this.renderFactory.getRenderer(RenderType.Content);

package/src/rich-text-editor/actions/quick-toolbar.d.ts

@@ -92,6 +92,7 @@ export declare class QuickToolbar {
 
      */
     destroy(): void;
+    private moduleDestroy;
     private wireInlineQTBarEvents;
     private unWireInlineQTBarEvents;
     private toolbarUpdated;

package/src/rich-text-editor/actions/quick-toolbar.js

@@ -304,6 +304,9 @@ var QuickToolbar = /** @class */ (function () {
         }
         this.removeEventListener();
     };
+    QuickToolbar.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     QuickToolbar.prototype.wireInlineQTBarEvents = function () {
         this.parent.on(events.mouseUp, this.mouseUpHandler, this);
         this.parent.on(events.mouseDown, this.inlineQTBarMouseDownHandler, this);
@@ -359,6 +362,7 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.on(events.keyDown, this.onKeyDown, this);
         this.parent.on(events.rtlMode, this.setRtl, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     QuickToolbar.prototype.onKeyDown = function (e) {
         var args = e.args;
@@ -428,6 +432,7 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.off(events.keyDown, this.onKeyDown);
         this.parent.off(events.rtlMode, this.setRtl);
         this.parent.off(events.bindCssClass, this.setCssClass);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
     };
     /**
      * Called internally if any of the property value changed.

package/src/rich-text-editor/actions/toolbar-action.d.ts

@@ -3,7 +3,12 @@ import { IRichTextEditor } from '../base/interface';
  * `ToolbarAction` module is used to toolbar click action
  */
 export declare class ToolbarAction {
-    protected parent: IRichTextEditor;
+    /**
+     *
+     * @hidden
+     * @private
+     */
+    parent: IRichTextEditor;
     private serviceLocator;
     constructor(parent?: IRichTextEditor);
     private addEventListener;

package/src/rich-text-editor/actions/toolbar.d.ts

@@ -149,6 +149,7 @@ export declare class Toolbar {
 
      */
     destroy(): void;
+    private moduleDestroy;
     private scrollHandler;
     private getDOMVisibility;
     private mouseDownHandler;

package/src/rich-text-editor/actions/toolbar.js

@@ -495,6 +495,12 @@ var Toolbar = /** @class */ (function () {
             }
         }
     };
+    Toolbar.prototype.moduleDestroy = function () {
+        this.parent = null;
+        this.baseToolbar.parent = null;
+        this.toolbarActionModule.parent = null;
+        this.dropDownModule.parent = null;
+    };
     Toolbar.prototype.scrollHandler = function (e) {
         if (!this.parent.inlineMode.enable) {
             if (this.parent.toolbarSettings.enableFloating && this.getDOMVisibility(this.tbElement)) {
@@ -596,6 +602,7 @@ var Toolbar = /** @class */ (function () {
         this.parent.on(events.mouseDown, this.mouseDownHandler, this);
         this.parent.on(events.sourceCodeMouseDown, this.mouseDownHandler, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
         if (!this.parent.inlineMode.enable && !isIDevice()) {
             this.parent.on(events.toolbarClick, this.toolbarClickHandler, this);
         }
@@ -620,6 +627,7 @@ var Toolbar = /** @class */ (function () {
         this.parent.off(events.mouseDown, this.mouseDownHandler);
         this.parent.off(events.sourceCodeMouseDown, this.mouseDownHandler);
         this.parent.off(events.bindCssClass, this.setCssClass);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
         if (!this.parent.inlineMode.enable && !isIDevice()) {
             this.parent.off(events.toolbarClick, this.toolbarClickHandler);
         }

package/src/rich-text-editor/base/constant.d.ts

@@ -439,6 +439,11 @@ export declare const readOnlyMode: string;
 /**
  * @hidden
 
+ */
+export declare const moduleDestroy: string;
+/**
+ * @hidden
+
  */
 export declare const pasteClean: string;
 /**

package/src/rich-text-editor/base/constant.js

@@ -439,6 +439,11 @@ export var readOnlyMode = 'readOnlyMode';
 /**
  * @hidden
 
+ */
+export var moduleDestroy = 'moduleDestroy';
+/**
+ * @hidden
+
  */
 export var pasteClean = 'pasteClean';
 /**

package/src/rich-text-editor/base/rich-text-editor.js

@@ -496,7 +496,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         var currentEndContainer = range.endContainer;
         var currentStartOffset = range.startOffset;
         var isSameContainer = currentStartContainer === currentEndContainer ? true : false;
-        var currentEndOffset;
+        var currentEndOffset = currentEndContainer.textContent.length;
         var endNode = range.endContainer.nodeName === '#text' ? range.endContainer.parentElement :
             range.endContainer;
         var closestLI = closest(endNode, 'LI');
@@ -512,7 +512,7 @@ var RichTextEditor = /** @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' && !isNOU(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' && !isNOU(currentLastElem.previousSibling) ? currentLastElem.previousSibling : currentStartContainer), currentEndContainer, currentStartOffset, (currentLastElem.nodeName === 'BR' ? 0 : currentEndOffset));
         }
     };
     /**
@@ -851,8 +851,11 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (this.isDestroyed || !this.isRendered) {
             return;
         }
-        if (this.element.offsetParent === null && !isNOU(this.toolbarModule)) {
-            this.toolbarModule.destroy();
+        if (this.element.offsetParent === null) {
+            if (!isNOU(this.toolbarModule)) {
+                this.toolbarModule.destroy();
+            }
+            this.notify(events.moduleDestroy, {});
             return;
         }
         this.notify(events.destroy, {});
@@ -2091,7 +2094,10 @@ var RichTextEditor = /** @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++) {
@@ -2146,6 +2152,11 @@ var RichTextEditor = /** @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({

package/src/rich-text-editor/renderer/dialog-renderer.d.ts

@@ -7,6 +7,8 @@ export declare class DialogRenderer {
     dialogObj: Dialog;
     private parent;
     constructor(parent?: IRichTextEditor);
+    protected addEventListener(): void;
+    protected removeEventListener(): void;
     /**
      * dialog render method
      *
@@ -29,4 +31,5 @@ export declare class DialogRenderer {
 
      */
     close(args: Object): void;
+    private moduleDestroy;
 }

package/src/rich-text-editor/renderer/dialog-renderer.js

@@ -7,7 +7,22 @@ import * as events from '../base/constant';
 var DialogRenderer = /** @class */ (function () {
     function DialogRenderer(parent) {
         this.parent = parent;
+        this.addEventListener();
     }
+    DialogRenderer.prototype.addEventListener = function () {
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
+        this.parent.on(events.destroy, this.removeEventListener, this);
+    };
+    DialogRenderer.prototype.removeEventListener = function () {
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.off(events.destroy, this.removeEventListener);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
+    };
     /**
      * dialog render method
      *
@@ -60,6 +75,9 @@ var DialogRenderer = /** @class */ (function () {
     DialogRenderer.prototype.close = function (args) {
         this.parent.trigger(events.dialogClose, args);
     };
+    DialogRenderer.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     return DialogRenderer;
 }());
 export { DialogRenderer };

package/src/rich-text-editor/renderer/image-module.d.ts

@@ -30,7 +30,7 @@ export declare class Image {
     private isAllowedTypes;
     private pageX;
     private pageY;
-    private mousex;
+    private mouseX;
     private dialogRenderObj;
     private deletedImg;
     private changedWidthValue;
@@ -165,6 +165,7 @@ export declare class Image {
 
      */
     destroy(): void;
+    private moduleDestroy;
     /**
      * For internal use only - Get the module name.
      *

package/src/rich-text-editor/renderer/image-module.js

@@ -17,7 +17,7 @@ var Image = /** @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;
@@ -52,6 +52,7 @@ var Image = /** @class */ (function () {
         this.parent.on(events.paste, this.imagePaste, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
         this.parent.on(events.destroy, this.removeEventListener, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     Image.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -79,6 +80,7 @@ var Image = /** @class */ (function () {
         this.parent.off(events.paste, this.imagePaste);
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.destroy, this.removeEventListener);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
         var dropElement = this.parent.iframeSettings.enable ? this.parent.inputElement.ownerDocument
             : this.parent.inputElement;
         dropElement.removeEventListener('drop', this.dragDrop.bind(this), true);
@@ -354,7 +356,7 @@ var Image = /** @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) + '%';
                 }
@@ -380,17 +382,17 @@ var Image = /** @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) + '%';
                 }
@@ -453,13 +455,17 @@ var Image = /** @class */ (function () {
         if (this.imgEle.offsetWidth >= this.parent.getInsertImgMaxWidth()) {
             this.imgEle.style.maxHeight = this.imgEle.offsetHeight + 'px';
         }
+        else if (isNOU(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) {
@@ -1407,6 +1413,9 @@ var Image = /** @class */ (function () {
         if (target.nodeName === 'IMG') {
             this.imgEle = target;
         }
+        if (!this.parent) {
+            return;
+        }
         if (target.nodeName !== '#document') {
             this.parent.currentTarget = e.target;
         }
@@ -2295,6 +2304,9 @@ var Image = /** @class */ (function () {
         this.prevSelectedImgEle = undefined;
         this.removeEventListener();
     };
+    Image.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     /**
      * For internal use only - Get the module name.
      *

package/src/rich-text-editor/renderer/link-module.d.ts

@@ -48,6 +48,7 @@ export declare class Link {
 
      */
     destroy(): void;
+    private moduleDestroy;
     /**
      * For internal use only - Get the module name.
      *

package/src/rich-text-editor/renderer/link-module.js

@@ -37,6 +37,7 @@ var Link = /** @class */ (function () {
         this.parent.on(events.editAreaClick, this.editAreaClickHandler, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
         this.parent.on(events.destroy, this.destroy, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     Link.prototype.onToolbarAction = function (args) {
         var item = args.args.item;
@@ -70,6 +71,7 @@ var Link = /** @class */ (function () {
         this.parent.off(events.editAreaClick, this.editAreaClickHandler);
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.destroy, this.destroy);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
     };
     Link.prototype.onIframeMouseDown = function () {
         if (this.dialogObj) {
@@ -520,6 +522,9 @@ var Link = /** @class */ (function () {
     Link.prototype.destroy = function () {
         this.removeEventListener();
     };
+    Link.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     /**
      * For internal use only - Get the module name.
      *

package/src/rich-text-editor/renderer/render.d.ts

@@ -40,6 +40,7 @@ export declare class Render {
      * @returns {void}
      */
     destroy(): void;
+    private moduleDestroy;
     private addEventListener;
     private removeEventListener;
     private keyUp;