@syncfusion/ej2-richtexteditor 23.1.36 → 23.1.40

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

@@ -5280,6 +5280,9 @@ class Toolbar$2 {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         if (this.isToolbarDestroyed()) {
             this.destroyToolbar();
             if (this.keyBoardModule) {
@@ -6761,6 +6764,9 @@ class QuickToolbar {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         if (this.linkQTBar) {
             EventHandler.remove(this.linkQTBar.element, 'mousedown', this.onMouseDown);
             EventHandler.remove(this.linkQTBar.element, 'keyup', this.keyUpQT);
@@ -10096,6 +10102,9 @@ class MarkdownEditor {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -13114,7 +13123,7 @@ class InsertHtml {
         let range = nodeSelection.getRange(docElement);
         if (range.startContainer === editNode && range.startContainer === range.endContainer && range.startOffset === 0 &&
             range.startOffset === range.endOffset && editNode.textContent.length === 0 &&
-            (editNode.children[0].tagName === 'P' || (editNode.children[0].tagName === 'BR'))) {
+            (editNode.children[0].tagName === 'P' || editNode.children[0].tagName === 'DIV' || (editNode.children[0].tagName === 'BR'))) {
             nodeSelection.setSelectionText(docElement, range.startContainer.children[0], range.startContainer.children[0], 0, 0);
             range = nodeSelection.getRange(docElement);
         }
@@ -16820,7 +16829,7 @@ class SelectionBasedExec {
     keyDownHandler(e) {
         const validFormats = ['bold', 'italic', 'underline', 'strikethrough', 'superscript',
             'subscript', 'uppercase', 'lowercase'];
-        if (e.event.ctrlKey && validFormats.indexOf(e.event.action) > -1) {
+        if ((e.event.ctrlKey || e.event.metaKey) && validFormats.indexOf(e.event.action) > -1) {
             e.event.preventDefault();
             SelectionCommands.applyFormat(this.parent.currentDocument, e.event.action, this.parent.editableElement, e.enterAction);
             this.callBack(e, e.event.action);
@@ -18189,10 +18198,20 @@ class MsWordPaste {
                 temp.style.listStyleType = collection[index].listStyleTypeName;
             }
             else if (collection[index].nestedLevel === pLevel) {
-                if (prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
+                if (!isNullOrUndefined(prevList) && !isNullOrUndefined(prevList.parentElement)
+                    && prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
                     prevList.parentElement.appendChild(prevList = createElement('li'));
                     prevList.appendChild(pElement);
                 }
+                else if (isNullOrUndefined(prevList)) {
+                    temp = createElement(collection[index].listType);
+                    temp.style.listStyleType = collection[index].listStyleTypeName;
+                    prevList = createElement('li');
+                    prevList.appendChild(pElement);
+                    temp.appendChild(prevList);
+                    temp.setAttribute('level', collection[index].nestedLevel.toString());
+                    root.appendChild(temp);
+                }
                 else {
                     temp = createElement(collection[index].listType);
                     temp.style.listStyleType = collection[index].listStyleTypeName;
@@ -22492,6 +22511,9 @@ class FullScreen {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         if (this.parent.element.classList.contains(CLS_FULL_SCREEN)) {
             this.toggleParentOverflow(false);
         }
@@ -23557,6 +23579,9 @@ class Render {
      * @returns {void}
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -24125,6 +24150,9 @@ class Link {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -25607,6 +25635,14 @@ class Image$1 {
                 this.prevSelectedImgEle.style.outline = '';
             }
         }
+        if (target.tagName !== 'IMG') {
+            let items = this.contentModule.getEditPanel().querySelectorAll('img');
+            for (let i = 0; i < items.length; i++) {
+                removeClass([items[i]], 'e-img-focus');
+                removeClass([items[i]], 'e-resize');
+                items[i].style.maxWidth = '';
+            }
+        }
     }
     removeResizeEle() {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -26385,6 +26421,9 @@ class Image$1 {
     /* eslint-enable */
     destroy() {
         this.prevSelectedImgEle = undefined;
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -28897,6 +28936,9 @@ class ViewSource {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -28965,6 +29007,9 @@ class Table {
         this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
         this.parent.off(moduleDestroy, this.moduleDestroy);
+        if (!Browser.isDevice && this.parent.tableSettings.resize) {
+            EventHandler.remove(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper);
+        }
     }
     updateCss(currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -29505,7 +29550,12 @@ class Table {
         const columns = table.rows[this.calMaxCol(table)].cells;
         const rows = [];
         for (let i = 0; i < table.rows.length; i++) {
-            rows.push(Array.prototype.slice.call(table.rows[i].cells, 0, 1)[0]);
+            for (let j = 0; j < table.rows[i].cells.length; j++) {
+                if (!table.rows[i].cells[j].hasAttribute('rowspan')) {
+                    rows.push(Array.prototype.slice.call(table.rows[i].cells, 0, table.rows[i].cells.length)[j]);
+                    break;
+                }
+            }
         }
         const height = parseInt(getComputedStyle(table).height, 10);
         const width = parseInt(getComputedStyle(table).width, 10);
@@ -29555,7 +29605,7 @@ class Table {
     }
     removeResizeElement() {
         const item = this.parent.contentModule.getEditPanel().
-            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box');
+            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box, .e-table-rhelper');
         if (item.length > 0) {
             for (let i = 0; i < item.length; i++) {
                 detach(item[i]);
@@ -29751,6 +29801,7 @@ class Table {
         const currentTdElement = this.curTable.closest('td');
         const args = { event: e, requestType: 'table' };
         let isRowCellsMerged = false;
+        let isColCellsMerged = false;
         let mergedCellIndex;
         let mergedElement;
         this.parent.trigger(onResize, args, (resizingArgs) => {
@@ -29780,7 +29831,7 @@ class Table {
                     const width = parseFloat(this.columnEle.offsetWidth.toString());
                     const cellRow = this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
                     let currentTableWidth;
-                    if (this.curTable.style.width !== '') {
+                    if (this.curTable.style.width !== '' && this.curTable.style.width.includes('%')) {
                         currentTableWidth = parseFloat(this.curTable.style.width.split('%')[0]);
                     }
                     else {
@@ -29843,6 +29894,8 @@ class Table {
                                 let isMergedEleResize = false;
                                 let leftTableCell;
                                 let rightTableCell;
+                                isColCellsMerged = false;
+                                isRowCellsMerged = false;
                                 /* eslint-disable */
                                 for (let j = 0; j < currentRow.cells.length; j++) {
                                     if (currentRow.cells[j].hasAttribute('rowspan') && j <= this.colIndex) {
@@ -29850,6 +29903,11 @@ class Table {
                                         mergedCellIndex = i;
                                         mergedElement = currentRow.cells[j];
                                     }
+                                    else if (currentRow.cells[j].hasAttribute('colspan') && j <= currentRow.cells.length) {
+                                        isColCellsMerged = true;
+                                        mergedCellIndex = i;
+                                        mergedElement = currentRow.cells[j];
+                                    }
                                 }
                                 if (!isNullOrUndefined(currentRow.cells[i]) && currentRow.cells[i].hasAttribute('colspan')) {
                                     index = parseInt(currentRow.cells[i].getAttribute('colspan'), 10) - 1;
@@ -29857,14 +29915,14 @@ class Table {
                                 else {
                                     index = this.colIndex;
                                 }
-                                if (isRowCellsMerged) {
+                                if (isRowCellsMerged || isColCellsMerged) {
                                     let currentResizeRow;
                                     if (currentRow.cells.length < cellColl.length) {
-                                        index = currentRow.cells.length === this.colIndex ?
-                                            this.colIndex - 1 : this.colIndex - (this.colIndex - 1);
+                                        index = currentRow.cells.length === this.colIndex || currentRow === this.curTable.rows[this.curTable.rows.length - 1] ?
+                                            this.colIndex - 1 : this.colIndex;
                                         currentResizeRow = this.curTable.rows[!isNullOrUndefined(mergedCellIndex) ?
                                             mergedCellIndex : this.colIndex - 1];
-                                        if (currentResizeRow && (currentResizeRow.cells[this.colIndex - 1] === mergedElement ||
+                                        if (currentResizeRow && currentResizeRow !== currentRow && (currentResizeRow.cells[this.colIndex - 1] === mergedElement ||
                                             currentResizeRow.cells[currentResizeRow.cells.length - 1] === mergedElement)) {
                                             isMergedEleResize = true;
                                         }
@@ -29879,10 +29937,10 @@ class Table {
                                         currentResizeRow.cells[currentResizeRow.cells.length - 1] !== mergedElement) ?
                                         currentResizeRow.cells[this.colIndex - 1] : currentRow.cells[currentRow.cells.length - 1];
                                     rightTableCell = !isMergedEleResize ? currentRow.cells[index] : rightTableCell && rightTableCell.hasAttribute('rowspan') ?
-                                        rightTableCell : currentResizeRow && currentResizeRow.cells[currentResizeRow.cells.length - 1] !== mergedElement ?
+                                        currentResizeRow.cells[this.colIndex] : currentResizeRow && currentResizeRow.cells[currentResizeRow.cells.length - 1] !== mergedElement ?
                                         currentRow.cells[index - 1] : currentResizeRow.cells[currentResizeRow.cells.length - 1];
                                 }
-                                if (!isNullOrUndefined(currentRow.cells[index - 1]) && !isRowCellsMerged) {
+                                if (!isNullOrUndefined(currentRow.cells[index - 1]) && !isRowCellsMerged && !isColCellsMerged) {
                                     currentRow.cells[index - 1].style.width =
                                         this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
                                 }
@@ -29892,7 +29950,7 @@ class Table {
                                             this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
                                     }
                                 }
-                                if (!isNullOrUndefined(currentRow.cells[index]) && !isRowCellsMerged) {
+                                if (!isNullOrUndefined(currentRow.cells[index]) && !isRowCellsMerged && !isColCellsMerged) {
                                     currentRow.cells[index].style.width =
                                         this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
                                 }
@@ -29922,9 +29980,6 @@ class Table {
                     this.updateHelper();
                 }
                 else if (this.resizeBtnStat.tableBox) {
-                    if (!Browser.isDevice) {
-                        EventHandler.remove(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper);
-                    }
                     if (currentTdElement) {
                         const tableBoxPosition = this.curTable.getBoundingClientRect().left
                             - currentTdElement.getBoundingClientRect().left;
@@ -29935,9 +29990,11 @@ class Table {
                     this.curTable.style.width = widthType ? this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%'
                         : tableWidth + mouseX + 'px';
                     this.curTable.style.height = tableHeight + mouseY + 'px';
-                    tableReBox.classList.add('e-rbox-select');
-                    tableReBox.style.cssText = 'top: ' + (this.calcPos(this.curTable).top + tableHeight - 4) +
-                        'px; left:' + (this.calcPos(this.curTable).left + tableWidth - 4) + 'px;';
+                    if (!isNullOrUndefined(tableReBox)) {
+                        tableReBox.classList.add('e-rbox-select');
+                        tableReBox.style.cssText = 'top: ' + (this.calcPos(this.curTable).top + tableHeight - 4) +
+                            'px; left:' + (this.calcPos(this.curTable).left + tableWidth - 4) + 'px;';
+                    }
                 }
             }
         });
@@ -29972,9 +30029,6 @@ class Table {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchEndEvent, this.resizeEnd);
         if (this.contentModule.getEditPanel().querySelector('.e-table-box') &&
             this.contentModule.getEditPanel().contains(this.contentModule.getEditPanel().querySelector('.e-table-box'))) {
-            if (!Browser.isDevice) {
-                EventHandler.add(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper, this);
-            }
             this.removeResizeElement();
         }
         if (this.helper && this.contentModule.getEditPanel().contains(this.helper)) {
@@ -30400,6 +30454,9 @@ class Table {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -31162,6 +31219,9 @@ class EnterKeyAction {
         this.parent.on(moduleDestroy, this.moduleDestroy, this);
     }
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -32324,7 +32384,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         if (e.action !== 'insert-link' &&
             e.action !== 'format-copy' && e.action !== 'format-paste' &&
-            (!e.target || !e.target.classList.contains('e-mention')) &&
+            (!e.target || (e.target.classList.contains('e-mention') && e.code !== 'Tab')) &&
             (e.action && e.action !== 'paste' && e.action !== 'space'
                 || e.which === 9 || (e.code === 'Backspace' && e.which === 8))) {
             let FormatPainterEscapeAction = false;
@@ -32629,6 +32689,8 @@ let RichTextEditor = class RichTextEditor extends Component {
                 this.toolbarModule.destroy();
             }
             this.notify(moduleDestroy, {});
+            super.destroy();
+            this.isRendered = false;
             return;
         }
         this.notify(destroy, {});
@@ -33425,13 +33487,17 @@ let RichTextEditor = class RichTextEditor extends Component {
                 heightValue = heightPercent && rteHeightPercent ? rteHeightPercent : rteHeight - (tbHeight + rzHeight) + 'px';
             }
         }
-        if (target !== 'windowResize') {
+        if (target !== 'windowResize' || heightPercent) {
             if (this.iframeSettings.enable) {
                 if (heightValue !== 'auto') {
                     setStyleAttribute(cntEle, { height: heightValue, marginTop: topValue + 'px' });
                 }
             }
             else {
+                if (target === 'windowResize' && heightPercent) {
+                    // cntEle hide the borderBottom of RichTextEditor. so removed the 2px of cntEle height. 
+                    heightValue = parseInt(heightValue) - 2 + 'px';
+                }
                 setStyleAttribute(cntEle, { height: heightValue, marginTop: topValue + 'px' });
             }
         }
@@ -33640,6 +33706,10 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.toolbarModule.refreshToolbarOverflow();
             isExpand = this.toolbarModule.baseToolbar.toolbarObj.element.classList.contains(CLS_EXPAND_OPEN);
         }
+        if (this.iframeSettings.enable !== true) {
+            // When resize the window,border bottom of cntEle and this.element border visible separatly.so none the cntEle borderBottom.
+            this.contentModule.getPanel().style.borderBottom = 'none';
+        }
         this.setContentHeight('windowResize', isExpand);
         this.notify(windowResize, null);
     }