@syncfusion/ej2-richtexteditor 20.4.48 → 20.4.50

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

@@ -15742,6 +15742,7 @@ class SelectionCommands {
         const startText = range.startContainer.nodeName === '#text' ?
             range.startContainer.textContent.substring(range.startOffset, range.startContainer.textContent.length) :
             range.startContainer.textContent;
+        const nodeText = nodes[index].textContent;
         if (!(range.startContainer === range.endContainer && range.startOffset === 0
             && range.endOffset === range.startContainer.length)) {
             const nodeIndex = [];
@@ -15880,8 +15881,25 @@ class SelectionCommands {
                     parentElement = parentElement.parentElement;
                     liElement = parentElement;
                 }
+                let num = index;
+                let liChildContent = '';
+                while (num >= 0 && !isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' && liElement.textContent.replace('/\u200B/g', '').trim().includes(nodes[num].textContent.trim())) {
+                    liChildContent = ' ' + nodes[num].textContent.trim() + liChildContent;
+                    num--;
+                }
+                let isNestedList = false;
+                let nestedListCount = 0;
+                let isNestedListItem = false;
+                if (!isNullOrUndefined(liElement) && liElement.childNodes) {
+                    for (let num = 0; num < liElement.childNodes.length; num++) {
+                        if (liElement.childNodes[num].nodeName === ('OL' || 'UL')) {
+                            nestedListCount++;
+                            isNestedList = true;
+                        }
+                    }
+                }
                 if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' &&
-                    liElement.textContent.trim() === nodes[index].textContent.trim()) {
+                    liElement.textContent.split('\u200B').join('').trim() === liChildContent.split('\u200B').join('').trim()) {
                     if (format === 'fontsize') {
                         liElement.style.fontSize = value;
                     }
@@ -15890,6 +15908,29 @@ class SelectionCommands {
                         liElement.style.textDecoration = 'inherit';
                     }
                 }
+                else if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' && isNestedList) {
+                    if (isNestedList && nestedListCount > 0) {
+                        for (let num = 0; num < liElement.childNodes.length; num++) {
+                            if (nodes[index].textContent === liElement.childNodes[num].textContent && nodes[index].textContent === nodeText && liElement.textContent.replace('/\u200B/g', '').trim().includes(liChildContent.split('\u200B').join('').trim())) {
+                                isNestedListItem = true;
+                            }
+                        }
+                    }
+                    if (isNestedListItem) {
+                        for (let num = 0; num < liElement.childNodes.length; num++) {
+                            if (liElement.childNodes[num].nodeName === ('OL' || 'UL')) {
+                                liElement.childNodes[num].style.fontSize = 'initial';
+                            }
+                        }
+                        if (format === 'fontsize') {
+                            liElement.style.fontSize = value;
+                        }
+                        else {
+                            liElement.style.color = value;
+                            liElement.style.textDecoration = 'inherit';
+                        }
+                    }
+                }
             }
         }
         return nodes[index];
@@ -16757,6 +16798,15 @@ class MsWordPaste {
             if (pattern4.test(tempHTMLContent)) {
                 this.addTableBorderClass(elm);
             }
+            // Removing the margin for list items 
+            const liChildren = elm.querySelectorAll('li');
+            if (liChildren.length > 0) {
+                for (let i = 0; i < liChildren.length; i++) {
+                    if (!isNullOrUndefined(liChildren[i].style.marginLeft)) {
+                        liChildren[i].style.marginLeft = '';
+                    }
+                }
+            }
             e.callBack(elm.innerHTML);
         }
         else {
@@ -17162,9 +17212,25 @@ class MsWordPaste {
             this.getListContent(listNodes[i]);
             let type;
             let listStyleType;
+            let startAttr;
             if (!isNullOrUndefined(this.listContents[0])) {
                 type = this.listContents[0].trim().length > 1 ? 'ol' : 'ul';
                 listStyleType = this.getlistStyleType(this.listContents[0], type);
+                if (type === 'ol' && listNodes[i - 1] === null) {
+                    const startString = this.listContents[0].split('.')[0];
+                    const listTypes = ['A', 'a', 'I', 'i', 'α', '1'];
+                    if (listTypes.indexOf(startString) === -1) {
+                        if (listStyleType === 'decimal') {
+                            // Bug in getlistStyleType() list style stype is returned as decimal for nested list with start attribute
+                            if (!isNaN(parseInt(startString))) {
+                                startAttr = parseInt(startString);
+                            }
+                        }
+                        else if (listStyleType === 'upper-alpha' || listStyleType === 'lower-alpha') {
+                            startAttr = parseInt(startString.toLowerCase()) - 96;
+                        }
+                    }
+                }
                 const tempNode = [];
                 for (let j = 1; j < this.listContents.length; j++) {
                     tempNode.push(this.listContents[j]);
@@ -17181,7 +17247,7 @@ class MsWordPaste {
                     }
                 }
                 collection.push({ listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
-                    listStyle: currentListStyle, listStyleTypeName: listStyleType });
+                    listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr });
             }
         }
         stNode = listNodes.shift();
@@ -17345,6 +17411,9 @@ class MsWordPaste {
             prevList.setAttribute('style', (!isNullOrUndefined(currentStyle) ? currentStyle : ''));
             pLevel = collection[index].nestedLevel;
             listCount++;
+            if (!isNullOrUndefined(collection[index].start)) {
+                temp.setAttribute('start', collection[index].start.toString());
+            }
         }
         return root;
     }
@@ -27107,7 +27176,7 @@ class Table {
                     const width = parseFloat(this.columnEle.offsetWidth.toString());
                     const cellRow = this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
                     const currentTableWidth = parseFloat(this.curTable.style.width.split('%')[0]);
-                    const currentColumnCellWidth = parseFloat(this.curTable.rows[cellRow].cells[this.colIndex].style.width.split('%')[0]);
+                    const currentColumnCellWidth = parseFloat(this.curTable.rows[cellRow].cells[this.colIndex >= this.curTable.rows[cellRow].cells.length ? this.curTable.rows[cellRow].cells.length - 1 : this.colIndex].style.width.split('%')[0]);
                     if (this.currentColumnResize === 'first') {
                         mouseX = mouseX - 0.75; //This was done for to make the gripper and the table first/last column will be close.
                         this.removeResizeElement();