@syncfusion/ej2-richtexteditor 20.2.39 → 20.2.40

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

@@ -16980,7 +16980,7 @@ class ToolbarStatus {
         if ((name !== null && name !== '' && name !== undefined)
             && (fontName === null || fontName === undefined || (fontName.filter((value, pos) => {
                 const 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;
                 }
@@ -19829,6 +19829,14 @@ class Render {
     destroy() {
         this.removeEventListener();
     }
+    /**
+     * Clears the Render Module.
+     *
+     * @returns {void}
+     */
+    moduleDestroy() {
+        this.parent = null;
+    }
     addEventListener() {
         if (this.parent.isDestroyed) {
             return;
@@ -20384,6 +20392,16 @@ class Link {
     destroy() {
         this.removeEventListener();
     }
+    /**
+     * Clears the Link Module.
+     *
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    moduleDestroy() {
+        this.parent = null;
+    }
     /**
      * For internal use only - Get the module name.
      *
@@ -20403,7 +20421,7 @@ class Image {
         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;
@@ -20739,7 +20757,7 @@ class Image {
             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) + '%';
                 }
@@ -20765,17 +20783,17 @@ class Image {
             }
             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) + '%';
                 }
@@ -20843,7 +20861,7 @@ class Image {
         const mouseY = (this.resizeBtnStat.topLeft || this.resizeBtnStat.topRight) ? -(pageY - this.pageY) : (pageY - this.pageY);
         const width = parseInt(this.imgDupPos.width, 10) + mouseX;
         const height = parseInt(this.imgDupPos.height, 10) + mouseY;
-        this.mousex = mouseX;
+        this.mouseX = mouseX;
         this.pageX = pageX;
         this.pageY = pageY;
         if (this.resizeBtnStat.botRight) {
@@ -22663,6 +22681,18 @@ class Image {
         this.prevSelectedImgEle = undefined;
         this.removeEventListener();
     }
+    /* eslint-disable */
+    /**
+     * Clears the ImageModule.
+     *
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    /* eslint-enable */
+    moduleDestroy() {
+        this.parent = null;
+    }
     /**
      * For internal use only - Get the module name.
      *
@@ -23473,7 +23503,8 @@ class Table {
         }
         const target = e.target || e.targetTouches[0].target;
         const 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();
@@ -23748,7 +23779,8 @@ class Table {
                 const rteWidth = this.contentModule.getEditPanel().offsetWidth - (this.contentModule.getEditPanel().offsetWidth -
                     this.contentModule.getEditPanel().clientWidth) - paddingSize * 2;
                 let widthCompare;
-                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'))) {
                     const currentTd = this.curTable.closest('td');
                     const currentTDPad = +getComputedStyle(currentTd).paddingRight.match(/\d/g).join('');
                     // Padding of the current table with the parent element multiply with 2.
@@ -26006,8 +26038,19 @@ let RichTextEditor = class RichTextEditor extends Component {
         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();
+            }
+            if (!isNullOrUndefined(this.imageModule)) {
+                this.imageModule.moduleDestroy();
+            }
+            if (!isNullOrUndefined(this.linkModule)) {
+                this.linkModule.moduleDestroy();
+            }
+            if (!isNullOrUndefined(this.renderModule)) {
+                this.renderModule.moduleDestroy();
+            }
             return;
         }
         this.notify(destroy, {});