@syncfusion/ej2-richtexteditor 22.1.34 → 22.1.38

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

@@ -13548,7 +13548,8 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
     InsertHtml.findDetachEmptyElem = function (element) {
         var removableElement;
         if (!isNullOrUndefined(element.parentElement)) {
-            if (element.parentElement.textContent.trim() === '' && element.parentElement.contentEditable !== 'true') {
+            if (element.parentElement.textContent.trim() === '' && element.parentElement.contentEditable !== 'true' &&
+                isNullOrUndefined(element.parentElement.querySelector('img'))) {
                 removableElement = this.findDetachEmptyElem(element.parentElement);
             }
             else {
@@ -18881,7 +18882,7 @@ var FormatPainterActions = /** @__PURE__ @class */ (function () {
                             var classLength = classes.length;
                             for (var k = 0; k < classLength; k++) {
                                 if (elementsList[j].classList.contains(classes[k])) {
-                                    removeClass([elementsList[j]], classes[k]);
+                                    removeClass([elementsList[j]], classes[k].trim());
                                 }
                             }
                             if (elementsList[j].classList.length === 0) {
@@ -18892,7 +18893,7 @@ var FormatPainterActions = /** @__PURE__ @class */ (function () {
                             var styles = deniedPropArray[i].styles;
                             var styleLength = styles.length;
                             for (var k = 0; k < styleLength; k++) {
-                                elementsList[j].style.removeProperty(styles[k]);
+                                elementsList[j].style.removeProperty(styles[k].trim());
                             }
                             if (elementsList[j].style.length === 0) {
                                 elementsList[j].removeAttribute('style');
@@ -18902,7 +18903,7 @@ var FormatPainterActions = /** @__PURE__ @class */ (function () {
                             var attributes$$1 = deniedPropArray[i].attributes;
                             var attributeLength = attributes$$1.length;
                             for (var k = 0; k < attributeLength; k++) {
-                                elementsList[j].removeAttribute(attributes$$1[k]);
+                                elementsList[j].removeAttribute(attributes$$1[k].trim());
                             }
                         }
                     }
@@ -19345,7 +19346,7 @@ var FormatPainterActions = /** @__PURE__ @class */ (function () {
             min = Math.min(openIndexArray[0], openIndexArray[1], openIndexArray[2]);
         }
         tagName = value.substring(0, min);
-        tagName.trim();
+        tagName = tagName.trim();
         return ({
             tag: tagName, styles: stylesList, classes: classList,
             attributes: attributesList
@@ -19871,7 +19872,8 @@ var XhtmlValidation = /** @__PURE__ @class */ (function () {
      * @deprecated
      */
     XhtmlValidation.prototype.selfEncloseValidation = function (currentValue, valueLength) {
-        if (valueLength === 0 && currentValue.indexOf('table') < 0 && currentValue.indexOf('img') < 0) {
+        if (valueLength === 0 && currentValue.indexOf('table') < 0 && currentValue.indexOf('img') < 0 &&
+            currentValue !== '<p><br></p>' && currentValue !== '<div><br></div>' && currentValue !== '<br>') {
             var arrayValue = currentValue.split('&nbsp;');
             arrayValue[arrayValue.length - 1] = '&#8203;' + arrayValue[arrayValue.length - 1];
             currentValue = arrayValue.join('');
@@ -22442,10 +22444,17 @@ var FormatPainter = /** @__PURE__ @class */ (function () {
         this.parent.on(keyDown, this.onKeyDown, this);
         this.parent.on(destroy, this.destroy, this);
     };
-    FormatPainter.prototype.toolbarClick = function (args) {
-        this.isActive = true;
+    FormatPainter.prototype.toolbarClick = function (clickargs) {
         this.parent.focusIn();
-        this.actionHandler(args, 'click');
+        if (!this.isSticky) {
+            this.isActive = true;
+            this.actionHandler(clickargs, 'click');
+        }
+        else {
+            // Handling the format painter double click toolbar esape action
+            clickargs.args.action = 'escape';
+            this.actionHandler(clickargs, 'keyBoard');
+        }
     };
     FormatPainter.prototype.toolbarDoubleClick = function (args) {
         this.isActive = true;
@@ -29734,6 +29743,9 @@ var Table = /** @__PURE__ @class */ (function () {
         var maxiumWidth;
         var currentTdElement = this.curTable.closest('td');
         var args = { event: e, requestType: 'table' };
+        var isRowCellsMerged = false;
+        var mergedCellIndex;
+        var mergedElement;
         this.parent.trigger(onResize, args, function (resizingArgs) {
             if (resizingArgs.cancel) {
                 _this.cancelResizeAction();
@@ -29798,7 +29810,8 @@ var Table = /** @__PURE__ @class */ (function () {
                             var differenceWidth = currentTableWidth - _this.convertPixelToPercentage(tableWidth + mouseX, widthCompare);
                             for (var i = 0; i < lastColumnsCell.length; i++) {
                                 if (_this.curTable.rows[i].cells[_this.colIndex]) {
-                                    _this.curTable.rows[i].cells[_this.colIndex].style.width = (currentColumnCellWidth - differenceWidth) + '%';
+                                    _this.curTable.rows[i].cells[_this.curTable.rows[i].cells.length === _this.colIndex ?
+                                        _this.colIndex - 1 : _this.colIndex].style.width = (currentColumnCellWidth - differenceWidth) + '%';
                                 }
                             }
                         }
@@ -29809,19 +29822,72 @@ var Table = /** @__PURE__ @class */ (function () {
                         var totalwid = parseFloat(_this.columnEle.offsetWidth.toString()) +
                             parseFloat(cellColl[_this.colIndex - 1].offsetWidth.toString());
                         for (var i = 0; i < _this.curTable.rows.length; i++) {
-                            if ((totalwid - actualwid) > 20 && actualwid > 20 && _this.curTable.rows[i].cells[i]) {
+                            var currentRow = _this.curTable.rows[i];
+                            if ((totalwid - actualwid) > 20 && actualwid > 20) {
                                 var leftColumnWidth = totalwid - actualwid;
                                 var rightColWidth = actualwid;
-                                var index = _this.curTable.rows[i].cells[i].hasAttribute('colspan') ?
-                                    parseInt(_this.curTable.rows[i].cells[i].getAttribute('colspan'), 10) - 1 : _this.colIndex;
-                                if (!isNullOrUndefined(_this.curTable.rows[i].cells[index - 1])) {
-                                    _this.curTable.rows[i].cells[index - 1].style.width =
+                                var index = void 0;
+                                var isMergedEleResize = false;
+                                var leftTableCell = void 0;
+                                var rightTableCell = void 0;
+                                for (var j = 0; j < currentRow.cells.length; j++) {
+                                    if (currentRow.cells[j].hasAttribute('rowspan') && j <= _this.colIndex) {
+                                        isRowCellsMerged = 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;
+                                }
+                                else {
+                                    index = _this.colIndex;
+                                }
+                                if (isRowCellsMerged) {
+                                    var currentResizeRow = void 0;
+                                    if (currentRow.cells.length < cellColl.length) {
+                                        index = currentRow.cells.length === _this.colIndex ?
+                                            _this.colIndex - 1 : _this.colIndex - (_this.colIndex - 1);
+                                        currentResizeRow = _this.curTable.rows[!isNullOrUndefined(mergedCellIndex) ?
+                                            mergedCellIndex : _this.colIndex - 1];
+                                        if (currentResizeRow && (currentResizeRow.cells[_this.colIndex - 1] === mergedElement ||
+                                            currentResizeRow.cells[currentResizeRow.cells.length - 1] === mergedElement)) {
+                                            isMergedEleResize = true;
+                                        }
+                                        else {
+                                            isMergedEleResize = false;
+                                        }
+                                    }
+                                    else {
+                                        index = _this.colIndex;
+                                    }
+                                    leftTableCell = !isMergedEleResize ? currentRow.cells[index - 1] : (currentResizeRow &&
+                                        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 ?
+                                        currentRow.cells[index - 1] : currentResizeRow.cells[currentResizeRow.cells.length - 1];
+                                }
+                                if (!isNullOrUndefined(currentRow.cells[index - 1]) && !isRowCellsMerged) {
+                                    currentRow.cells[index - 1].style.width =
                                         _this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
                                 }
-                                if (!isNullOrUndefined(_this.curTable.rows[i].cells[index])) {
-                                    _this.curTable.rows[i].cells[index].style.width =
+                                else {
+                                    if (leftTableCell) {
+                                        leftTableCell.style.width =
+                                            _this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
+                                    }
+                                }
+                                if (!isNullOrUndefined(currentRow.cells[index]) && !isRowCellsMerged) {
+                                    currentRow.cells[index].style.width =
                                         _this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
                                 }
+                                else {
+                                    if (rightTableCell) {
+                                        rightTableCell.style.width =
+                                            _this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
+                                    }
+                                }
                             }
                         }
                     }
@@ -29845,8 +29911,8 @@ var Table = /** @__PURE__ @class */ (function () {
                         EventHandler.remove(_this.contentModule.getEditPanel(), 'mouseover', _this.resizeHelper);
                     }
                     if (currentTdElement) {
-                        // eslint-disable-next-line max-len
-                        var tableBoxPosition = _this.curTable.getBoundingClientRect().left - currentTdElement.getBoundingClientRect().left;
+                        var tableBoxPosition = _this.curTable.getBoundingClientRect().left
+                            - currentTdElement.getBoundingClientRect().left;
                         maxiumWidth = Math.abs(tableBoxPosition - currentTdElement.getBoundingClientRect().width) - 5;
                         _this.curTable.style.maxWidth = maxiumWidth + 'px';
                     }