@syncfusion/ej2-richtexteditor 22.1.34 → 22.1.38

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

@@ -13450,7 +13450,8 @@ class InsertHtml {
     static findDetachEmptyElem(element) {
         let 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 {
@@ -18749,7 +18750,7 @@ class FormatPainterActions {
                             const classLength = classes.length;
                             for (let 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) {
@@ -18760,7 +18761,7 @@ class FormatPainterActions {
                             const styles = deniedPropArray[i].styles;
                             const styleLength = styles.length;
                             for (let 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');
@@ -18770,7 +18771,7 @@ class FormatPainterActions {
                             const attributes$$1 = deniedPropArray[i].attributes;
                             const attributeLength = attributes$$1.length;
                             for (let k = 0; k < attributeLength; k++) {
-                                elementsList[j].removeAttribute(attributes$$1[k]);
+                                elementsList[j].removeAttribute(attributes$$1[k].trim());
                             }
                         }
                     }
@@ -19213,7 +19214,7 @@ class FormatPainterActions {
             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
@@ -19798,7 +19799,8 @@ class XhtmlValidation {
      * @deprecated
      */
     selfEncloseValidation(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>') {
             const arrayValue = currentValue.split('&nbsp;');
             arrayValue[arrayValue.length - 1] = '&#8203;' + arrayValue[arrayValue.length - 1];
             currentValue = arrayValue.join('');
@@ -22350,10 +22352,17 @@ class FormatPainter {
         this.parent.on(keyDown, this.onKeyDown, this);
         this.parent.on(destroy, this.destroy, this);
     }
-    toolbarClick(args) {
-        this.isActive = true;
+    toolbarClick(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');
+        }
     }
     toolbarDoubleClick(args) {
         this.isActive = true;
@@ -29599,6 +29608,9 @@ class Table {
         let maxiumWidth;
         const currentTdElement = this.curTable.closest('td');
         const args = { event: e, requestType: 'table' };
+        let isRowCellsMerged = false;
+        let mergedCellIndex;
+        let mergedElement;
         this.parent.trigger(onResize, args, (resizingArgs) => {
             if (resizingArgs.cancel) {
                 this.cancelResizeAction();
@@ -29663,7 +29675,8 @@ class Table {
                             const differenceWidth = currentTableWidth - this.convertPixelToPercentage(tableWidth + mouseX, widthCompare);
                             for (let 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) + '%';
                                 }
                             }
                         }
@@ -29674,19 +29687,72 @@ class Table {
                         const totalwid = parseFloat(this.columnEle.offsetWidth.toString()) +
                             parseFloat(cellColl[this.colIndex - 1].offsetWidth.toString());
                         for (let i = 0; i < this.curTable.rows.length; i++) {
-                            if ((totalwid - actualwid) > 20 && actualwid > 20 && this.curTable.rows[i].cells[i]) {
+                            const currentRow = this.curTable.rows[i];
+                            if ((totalwid - actualwid) > 20 && actualwid > 20) {
                                 const leftColumnWidth = totalwid - actualwid;
                                 const rightColWidth = actualwid;
-                                const 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 =
+                                let index;
+                                let isMergedEleResize = false;
+                                let leftTableCell;
+                                let rightTableCell;
+                                for (let 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) {
+                                    let currentResizeRow;
+                                    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) + '%';
+                                    }
+                                }
                             }
                         }
                     }
@@ -29710,8 +29776,8 @@ class Table {
                         EventHandler.remove(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper);
                     }
                     if (currentTdElement) {
-                        // eslint-disable-next-line max-len
-                        const tableBoxPosition = this.curTable.getBoundingClientRect().left - currentTdElement.getBoundingClientRect().left;
+                        const tableBoxPosition = this.curTable.getBoundingClientRect().left
+                            - currentTdElement.getBoundingClientRect().left;
                         maxiumWidth = Math.abs(tableBoxPosition - currentTdElement.getBoundingClientRect().width) - 5;
                         this.curTable.style.maxWidth = maxiumWidth + 'px';
                     }