@syncfusion/ej2-richtexteditor 20.4.44 → 20.4.49

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

@@ -1450,7 +1450,7 @@ var tools = {
     },
     'fontcolor': {
         'id': 'FontColor',
-        'icon': 'e-font-color',
+        'icon': 'e-rte-font-color',
         'tooltip': 'Font Color',
         'command': 'Font',
         'subCommand': 'FontColor',
@@ -3327,6 +3327,8 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
             target: colorPicker.element.parentElement, cssClass: css,
             enablePersistence: this.parent.enablePersistence, enableRtl: this.parent.enableRtl,
             beforeOpen: function (dropDownArgs) {
+                colorPicker.inline = true;
+                colorPicker.dataBind();
                 if (proxy.parent.readonly || !proxy.parent.enabled) {
                     dropDownArgs.cancel = true;
                     return;
@@ -3494,7 +3496,7 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
         var colorPicker = new ColorPicker({
             enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
-            inline: true,
+            inline: false,
             value: '#fff',
             created: function () {
                 var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
@@ -13105,7 +13107,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                         detach(currentNode.nextSibling);
                     }
                 }
-                else if (currentNode.nodeName === '#text' && !isNullOrUndefined(currentNode.parentElement) &&
+                else if ((currentNode.nodeName === '#text' || currentNode.nodeName === "BR") && !isNullOrUndefined(currentNode.parentElement) &&
                     (currentNode.parentElement.nodeName === 'LI' || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
                     currentNode.parentElement.textContent.trim().length > 0) {
                     splitedElm = currentNode;
@@ -15744,7 +15746,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                         isSubSup = formatNode === null ? false : true;
                     }
                 }
-                else if ((format === 'fontsize' || format === 'fontname' || format === 'fontcolor') && range.startContainer.parentElement === endNode) {
+                else if ((format === 'fontsize' || format === 'fontname' || format === 'fontcolor' || format === 'backgroundcolor') && range.startContainer.parentElement === endNode) {
                     formatNode = null;
                 }
                 if (index === 0 && formatNode === null) {
@@ -15857,6 +15859,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
         var startText = range.startContainer.nodeName === '#text' ?
             range.startContainer.textContent.substring(range.startOffset, range.startContainer.textContent.length) :
             range.startContainer.textContent;
+        var nodeText = nodes[index].textContent;
         if (!(range.startContainer === range.endContainer && range.startOffset === 0
             && range.endOffset === range.startContainer.length)) {
             var nodeIndex = [];
@@ -15995,8 +15998,25 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                     parentElement = parentElement.parentElement;
                     liElement = parentElement;
                 }
+                var num = index;
+                var 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--;
+                }
+                var isNestedList = false;
+                var nestedListCount = 0;
+                var isNestedListItem = false;
+                if (!isNullOrUndefined(liElement) && liElement.childNodes) {
+                    for (var num_1 = 0; num_1 < liElement.childNodes.length; num_1++) {
+                        if (liElement.childNodes[num_1].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;
                     }
@@ -16005,26 +16025,49 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                         liElement.style.textDecoration = 'inherit';
                     }
                 }
+                else if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' && isNestedList) {
+                    if (isNestedList && nestedListCount > 0) {
+                        for (var num_2 = 0; num_2 < liElement.childNodes.length; num_2++) {
+                            if (nodes[index].textContent === liElement.childNodes[num_2].textContent && nodes[index].textContent === nodeText && liElement.textContent.replace('/\u200B/g', '').trim().includes(liChildContent.split('\u200B').join('').trim())) {
+                                isNestedListItem = true;
+                            }
+                        }
+                    }
+                    if (isNestedListItem) {
+                        for (var num_3 = 0; num_3 < liElement.childNodes.length; num_3++) {
+                            if (liElement.childNodes[num_3].nodeName === ('OL' || 'UL')) {
+                                liElement.childNodes[num_3].style.fontSize = 'initial';
+                            }
+                        }
+                        if (format === 'fontsize') {
+                            liElement.style.fontSize = value;
+                        }
+                        else {
+                            liElement.style.color = value;
+                            liElement.style.textDecoration = 'inherit';
+                        }
+                    }
+                }
             }
         }
         return nodes[index];
     };
     SelectionCommands.insertFormat = function (docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domNode, endNode) {
-        var rootBlockNode;
+        var rootElementNode;
         if (!isCursor) {
             if ((formatNode === null && isFormat) || isFontStyle) {
                 if (nodes[index].nodeName !== 'BR') {
-                    if (format === 'fontsize' || format === 'fontname' || format === 'fontcolor') {
+                    if (format === 'fontsize' || format === 'fontname' || format === 'fontcolor' || format === 'backgroundcolor') {
                         var rangeNode = nodes[index];
                         while (rangeNode && !domNode.isBlockNode(rangeNode) && rangeNode !== endNode) {
                             if (domNode.isBlockNode(rangeNode.parentElement)) {
-                                rootBlockNode = rangeNode;
+                                rootElementNode = rangeNode;
                             }
                             rangeNode = rangeNode.parentElement;
                         }
-                        if (rootBlockNode && rootBlockNode.nodeType !== 3) {
-                            nodeCutter.SplitNode(range, rootBlockNode, true).cloneNode(true);
-                            nodeCutter.SplitNode(range, rootBlockNode, false).cloneNode(false);
+                        if (rootElementNode && rootElementNode.nodeType !== 3) {
+                            nodeCutter.SplitNode(range, rootElementNode, true).cloneNode(true);
+                            nodeCutter.SplitNode(range, rootElementNode, false).cloneNode(false);
                         }
                     }
                     nodes[index] = nodeCutter.GetSpliceNode(range, nodes[index]);
@@ -16036,11 +16079,11 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                 }
                 else if (!(isFontStyle === true && value === '')) {
                     var element = this.GetFormatNode(format, value);
-                    if (format === 'fontsize' || format === 'fontcolor' || format === 'fontname') {
-                        if (format !== 'fontname') {
+                    if (format === 'fontsize' || format === 'fontcolor' || format === 'fontname' || format === 'backgroundcolor') {
+                        if (format !== 'fontname' && format !== 'backgroundcolor') {
                             var liElement = nodes[index].parentElement;
                             var parentElement = nodes[index].parentElement;
-                            while (!isNullOrUndefined(parentElement) && parentElement.tagName.toLowerCase() !== 'li') {
+                            while (!isNullOrUndefined(parentElement) && parentElement.tagName.toLowerCase() !== 'li' && parentElement !== endNode) {
                                 parentElement = parentElement.parentElement;
                                 liElement = parentElement;
                             }
@@ -16055,13 +16098,13 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                                 }
                             }
                         }
-                        if (rootBlockNode && rootBlockNode.nodeType !== 3) {
+                        if (rootElementNode && rootElementNode.nodeType !== 3) {
                             var save = new NodeSelection();
                             save.save(range, docElement);
                             domNode.setMarker(save);
-                            var cloneNode = rootBlockNode.cloneNode(true);
+                            var cloneNode = rootElementNode.cloneNode(true);
                             element.appendChild(cloneNode);
-                            domNode.replaceWith(rootBlockNode, element.outerHTML);
+                            domNode.replaceWith(rootElementNode, element.outerHTML);
                             var currentStartNode = endNode.querySelector('.e-editor-select-start');
                             var currrentEndNode = endNode.querySelector('.e-editor-select-end');
                             if (index === 0) {
@@ -16881,6 +16924,15 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
             if (pattern4.test(tempHTMLContent)) {
                 this.addTableBorderClass(elm);
             }
+            // Removing the margin for list items 
+            var liChildren = elm.querySelectorAll('li');
+            if (liChildren.length > 0) {
+                for (var i = 0; i < liChildren.length; i++) {
+                    if (!isNullOrUndefined(liChildren[i].style.marginLeft)) {
+                        liChildren[i].style.marginLeft = '';
+                    }
+                }
+            }
             e.callBack(elm.innerHTML);
         }
         else {
@@ -17286,9 +17338,25 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
             this.getListContent(listNodes[i]);
             var type = void 0;
             var listStyleType = void 0;
+            var startAttr = void 0;
             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) {
+                    var startString = this.listContents[0].split('.')[0];
+                    var 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;
+                        }
+                    }
+                }
                 var tempNode = [];
                 for (var j = 1; j < this.listContents.length; j++) {
                     tempNode.push(this.listContents[j]);
@@ -17305,7 +17373,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                     }
                 }
                 collection.push({ listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
-                    listStyle: currentListStyle, listStyleTypeName: listStyleType });
+                    listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr });
             }
         }
         stNode = listNodes.shift();
@@ -17469,6 +17537,9 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
             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;
     };