@syncfusion/ej2-richtexteditor 23.1.36 → 23.1.40

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

@@ -5295,6 +5295,9 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
      * @deprecated
      */
     Toolbar$$1.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         if (this.isToolbarDestroyed()) {
             this.destroyToolbar();
             if (this.keyBoardModule) {
@@ -6808,6 +6811,9 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
      * @deprecated
      */
     QuickToolbar.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         if (this.linkQTBar) {
             EventHandler.remove(this.linkQTBar.element, 'mousedown', this.onMouseDown);
             EventHandler.remove(this.linkQTBar.element, 'keyup', this.keyUpQT);
@@ -10183,6 +10189,9 @@ var MarkdownEditor = /** @__PURE__ @class */ (function () {
      * @deprecated
      */
     MarkdownEditor.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     MarkdownEditor.prototype.moduleDestroy = function () {
@@ -13212,7 +13221,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         var 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);
         }
@@ -16938,7 +16947,7 @@ var SelectionBasedExec = /** @__PURE__ @class */ (function () {
     SelectionBasedExec.prototype.keyDownHandler = function (e) {
         var 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);
@@ -18315,10 +18324,20 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                 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;
@@ -22586,6 +22605,9 @@ var FullScreen = /** @__PURE__ @class */ (function () {
      * @deprecated
      */
     FullScreen.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         if (this.parent.element.classList.contains(CLS_FULL_SCREEN)) {
             this.toggleParentOverflow(false);
         }
@@ -23658,6 +23680,9 @@ var Render = /** @__PURE__ @class */ (function () {
      * @returns {void}
      */
     Render.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Render.prototype.moduleDestroy = function () {
@@ -24228,6 +24253,9 @@ var Link = /** @__PURE__ @class */ (function () {
      * @deprecated
      */
     Link.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Link.prototype.moduleDestroy = function () {
@@ -25718,6 +25746,14 @@ var Image$1 = /** @__PURE__ @class */ (function () {
                 this.prevSelectedImgEle.style.outline = '';
             }
         }
+        if (target.tagName !== 'IMG') {
+            var items = this.contentModule.getEditPanel().querySelectorAll('img');
+            for (var i = 0; i < items.length; i++) {
+                removeClass([items[i]], 'e-img-focus');
+                removeClass([items[i]], 'e-resize');
+                items[i].style.maxWidth = '';
+            }
+        }
     };
     Image.prototype.removeResizeEle = function () {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -26506,6 +26542,9 @@ var Image$1 = /** @__PURE__ @class */ (function () {
     /* eslint-enable */
     Image.prototype.destroy = function () {
         this.prevSelectedImgEle = undefined;
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Image.prototype.moduleDestroy = function () {
@@ -29033,6 +29072,9 @@ var ViewSource = /** @__PURE__ @class */ (function () {
      * @deprecated
      */
     ViewSource.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     ViewSource.prototype.moduleDestroy = function () {
@@ -29102,6 +29144,9 @@ var Table = /** @__PURE__ @class */ (function () {
         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);
+        }
     };
     Table.prototype.updateCss = function (currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -29642,7 +29687,12 @@ var Table = /** @__PURE__ @class */ (function () {
         var columns = table.rows[this.calMaxCol(table)].cells;
         var rows = [];
         for (var i = 0; i < table.rows.length; i++) {
-            rows.push(Array.prototype.slice.call(table.rows[i].cells, 0, 1)[0]);
+            for (var 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;
+                }
+            }
         }
         var height = parseInt(getComputedStyle(table).height, 10);
         var width = parseInt(getComputedStyle(table).width, 10);
@@ -29692,7 +29742,7 @@ var Table = /** @__PURE__ @class */ (function () {
     };
     Table.prototype.removeResizeElement = function () {
         var 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 (var i = 0; i < item.length; i++) {
                 detach(item[i]);
@@ -29890,6 +29940,7 @@ var Table = /** @__PURE__ @class */ (function () {
         var currentTdElement = this.curTable.closest('td');
         var args = { event: e, requestType: 'table' };
         var isRowCellsMerged = false;
+        var isColCellsMerged = false;
         var mergedCellIndex;
         var mergedElement;
         this.parent.trigger(onResize, args, function (resizingArgs) {
@@ -29919,7 +29970,7 @@ var Table = /** @__PURE__ @class */ (function () {
                     var width = parseFloat(_this.columnEle.offsetWidth.toString());
                     var cellRow = _this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
                     var currentTableWidth = void 0;
-                    if (_this.curTable.style.width !== '') {
+                    if (_this.curTable.style.width !== '' && _this.curTable.style.width.includes('%')) {
                         currentTableWidth = parseFloat(_this.curTable.style.width.split('%')[0]);
                     }
                     else {
@@ -29982,6 +30033,8 @@ var Table = /** @__PURE__ @class */ (function () {
                                 var isMergedEleResize = false;
                                 var leftTableCell = void 0;
                                 var rightTableCell = void 0;
+                                isColCellsMerged = false;
+                                isRowCellsMerged = false;
                                 /* eslint-disable */
                                 for (var j = 0; j < currentRow.cells.length; j++) {
                                     if (currentRow.cells[j].hasAttribute('rowspan') && j <= _this.colIndex) {
@@ -29989,6 +30042,11 @@ var Table = /** @__PURE__ @class */ (function () {
                                         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;
@@ -29996,14 +30054,14 @@ var Table = /** @__PURE__ @class */ (function () {
                                 else {
                                     index = _this.colIndex;
                                 }
-                                if (isRowCellsMerged) {
+                                if (isRowCellsMerged || isColCellsMerged) {
                                     var currentResizeRow = void 0;
                                     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;
                                         }
@@ -30018,10 +30076,10 @@ var Table = /** @__PURE__ @class */ (function () {
                                         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) + '%';
                                 }
@@ -30031,7 +30089,7 @@ var Table = /** @__PURE__ @class */ (function () {
                                             _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) + '%';
                                 }
@@ -30061,9 +30119,6 @@ var Table = /** @__PURE__ @class */ (function () {
                     _this.updateHelper();
                 }
                 else if (_this.resizeBtnStat.tableBox) {
-                    if (!Browser.isDevice) {
-                        EventHandler.remove(_this.contentModule.getEditPanel(), 'mouseover', _this.resizeHelper);
-                    }
                     if (currentTdElement) {
                         var tableBoxPosition = _this.curTable.getBoundingClientRect().left
                             - currentTdElement.getBoundingClientRect().left;
@@ -30074,9 +30129,11 @@ var Table = /** @__PURE__ @class */ (function () {
                     _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;';
+                    }
                 }
             }
         });
@@ -30111,9 +30168,6 @@ var Table = /** @__PURE__ @class */ (function () {
         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)) {
@@ -30542,6 +30596,9 @@ var Table = /** @__PURE__ @class */ (function () {
      * @deprecated
      */
     Table.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Table.prototype.moduleDestroy = function () {
@@ -31445,6 +31502,9 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
         this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
     EnterKeyAction.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     EnterKeyAction.prototype.moduleDestroy = function () {
@@ -32636,7 +32696,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         }
         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))) {
             var FormatPainterEscapeAction = false;
@@ -32942,6 +33002,8 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 this.toolbarModule.destroy();
             }
             this.notify(moduleDestroy, {});
+            _super.prototype.destroy.call(this);
+            this.isRendered = false;
             return;
         }
         this.notify(destroy, {});
@@ -33741,13 +33803,17 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 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' });
             }
         }
@@ -33956,6 +34022,10 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             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);
     };