@syncfusion/ej2-richtexteditor 20.4.43 → 20.4.44

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.43
+*  version : 20.4.44
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@20.4.42",
+  "_id": "@syncfusion/ej2-richtexteditor@20.4.43",
   "_inBundle": false,
-  "_integrity": "sha512-6Q5JaOeGQcmOpqZLxpR9o6ogvnsJeAW3sJdpshqeRUAKt4w7yd/ly3Ny0qolUjjplp00hESAS1Kh3l6BbK98jw==",
+  "_integrity": "sha512-vqEugl7iKxPWzOs/ki6IYoaHQWRBJz/+yS49WfW/8B+1bhVUMFEGvOflIdU0PawDsVauNFIVvUeLkLE6CpNQCQ==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.4.42.tgz",
-  "_shasum": "67c24a82816a8ebbedfafbb18e734dfbffc17144",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.4.43.tgz",
+  "_shasum": "8b15e4adefba29920017e631b7d96b4ff30d5994",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -38,12 +38,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.42",
-    "@syncfusion/ej2-buttons": "~20.4.42",
+    "@syncfusion/ej2-base": "~20.4.44",
+    "@syncfusion/ej2-buttons": "~20.4.44",
     "@syncfusion/ej2-filemanager": "~20.4.43",
     "@syncfusion/ej2-inputs": "~20.4.42",
-    "@syncfusion/ej2-navigations": "~20.4.43",
-    "@syncfusion/ej2-popups": "~20.4.43",
+    "@syncfusion/ej2-navigations": "~20.4.44",
+    "@syncfusion/ej2-popups": "~20.4.44",
     "@syncfusion/ej2-splitbuttons": "~20.4.42"
   },
   "deprecated": false,
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.43",
+  "version": "20.4.44",
   "sideEffects": false
 }

package/src/editor-manager/plugin/lists.js

@@ -91,7 +91,7 @@ var Lists = /** @class */ (function () {
             range.startContainer.parentElement.closest('LI');
         var endNode = range.endContainer.nodeName === 'LI' ? range.endContainer :
             range.endContainer.parentElement.closest('LI');
-        // Checks for Image, Audio , Video Element inside List Element 
+        // Checks for Image, Audio , Video Element inside List Element
         var hasMediaElem = false;
         if (!isNOU(startNode)) {
             var videoElemList = startNode.querySelectorAll('.e-video-clickelem');
@@ -721,6 +721,11 @@ var Lists = /** @class */ (function () {
                 }
                 node.parentNode.removeChild(node);
             }
+            else if (!isNOU(node.getAttribute('level'))) {
+                if (node.tagName === node.previousElementSibling.tagName) {
+                    node.previousElementSibling.lastChild.append(node);
+                }
+            }
         }
     };
     Lists.prototype.findUnSelected = function (temp, elements) {

package/src/editor-manager/plugin/selection-commands.js

@@ -95,14 +95,17 @@ var SelectionCommands = /** @class */ (function () {
                         isSubSup = formatNode === null ? false : true;
                     }
                 }
+                else if ((format === 'fontsize' || format === 'fontname' || format === 'fontcolor') && range.startContainer.parentElement === endNode) {
+                    formatNode = null;
+                }
                 if (index === 0 && formatNode === null) {
                     isFormat = true;
                 }
                 if (formatNode !== null && (!isFormat || isFontStyle)) {
                     nodes[index] = this.removeFormat(nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domSelection, endNode, domNode);
                 }
-                else {
-                    nodes[index] = this.insertFormat(docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value);
+                else if (range.startContainer.parentElement !== endNode || (range.commonAncestorContainer === endNode || nodes.length === 1)) {
+                    nodes[index] = this.insertFormat(docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domNode, endNode);
                 }
                 domSelection = this.applySelection(nodes, domSelection, nodeCutter, index, isCollapsed);
             }
@@ -357,10 +360,24 @@ var SelectionCommands = /** @class */ (function () {
         }
         return nodes[index];
     };
-    SelectionCommands.insertFormat = function (docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value) {
+    SelectionCommands.insertFormat = function (docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domNode, endNode) {
+        var rootBlockNode;
         if (!isCursor) {
             if ((formatNode === null && isFormat) || isFontStyle) {
                 if (nodes[index].nodeName !== 'BR') {
+                    if (format === 'fontsize' || format === 'fontname' || format === 'fontcolor') {
+                        var rangeNode = nodes[index];
+                        while (rangeNode && !domNode.isBlockNode(rangeNode) && rangeNode !== endNode) {
+                            if (domNode.isBlockNode(rangeNode.parentElement)) {
+                                rootBlockNode = rangeNode;
+                            }
+                            rangeNode = rangeNode.parentElement;
+                        }
+                        if (rootBlockNode && rootBlockNode.nodeType !== 3) {
+                            nodeCutter.SplitNode(range, rootBlockNode, true).cloneNode(true);
+                            nodeCutter.SplitNode(range, rootBlockNode, false).cloneNode(false);
+                        }
+                    }
                     nodes[index] = nodeCutter.GetSpliceNode(range, nodes[index]);
                     nodes[index].textContent = nodeCutter.TrimLineBreak(nodes[index].textContent);
                 }
@@ -370,24 +387,47 @@ var SelectionCommands = /** @class */ (function () {
                 }
                 else if (!(isFontStyle === true && value === '')) {
                     var element = this.GetFormatNode(format, value);
-                    if (format === 'fontsize' || format === 'fontcolor') {
-                        var liElement = nodes[index].parentElement;
-                        var parentElement = nodes[index].parentElement;
-                        while (!isNOU(parentElement) && parentElement.tagName.toLowerCase() !== 'li') {
-                            parentElement = parentElement.parentElement;
-                            liElement = parentElement;
+                    if (format === 'fontsize' || format === 'fontcolor' || format === 'fontname') {
+                        if (format !== 'fontname') {
+                            var liElement = nodes[index].parentElement;
+                            var parentElement = nodes[index].parentElement;
+                            while (!isNOU(parentElement) && parentElement.tagName.toLowerCase() !== 'li') {
+                                parentElement = parentElement.parentElement;
+                                liElement = parentElement;
+                            }
+                            if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li' &&
+                                liElement.textContent.trim() === nodes[index].textContent.trim()) {
+                                if (format === 'fontsize') {
+                                    liElement.style.fontSize = value;
+                                }
+                                else {
+                                    liElement.style.color = value;
+                                    liElement.style.textDecoration = 'inherit';
+                                }
+                            }
                         }
-                        if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li' &&
-                            liElement.textContent.trim() === nodes[index].textContent.trim()) {
-                            if (format === 'fontsize') {
-                                liElement.style.fontSize = value;
+                        if (rootBlockNode && rootBlockNode.nodeType !== 3) {
+                            var save = new NodeSelection();
+                            save.save(range, docElement);
+                            domNode.setMarker(save);
+                            var cloneNode = rootBlockNode.cloneNode(true);
+                            element.appendChild(cloneNode);
+                            domNode.replaceWith(rootBlockNode, element.outerHTML);
+                            var currentStartNode = endNode.querySelector('.e-editor-select-start');
+                            var currrentEndNode = endNode.querySelector('.e-editor-select-end');
+                            if (index === 0) {
+                                nodes[index] = currentStartNode ? currentStartNode.lastChild : nodes[index];
                             }
-                            else {
-                                liElement.style.color = value;
-                                liElement.style.textDecoration = 'inherit';
+                            if (range.startContainer.parentElement === endNode) {
+                                if (nodes.length > 1) {
+                                    nodes[nodes.length - 1] = currrentEndNode ? currrentEndNode.lastChild : nodes[index];
+                                }
                             }
+                            domNode.saveMarker(save, null);
+                        }
+                        else {
+                            nodes[index] = this.applyStyles(nodes, index, element);
                         }
-                        nodes[index] = this.applyStyles(nodes, index, element);
                         if (format === 'fontsize') {
                             var bg = closest(nodes[index].parentElement, 'span[style*=' + 'background-color' + ']');
                             if (!isNOU(bg)) {

package/src/rich-text-editor/base/rich-text-editor.js

@@ -992,6 +992,10 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (this.isDestroyed || !this.isRendered) {
             return;
         }
+        if (!isNOU(this.timeInterval)) {
+            clearInterval(this.timeInterval);
+            this.timeInterval = null;
+        }
         if (this.element.offsetParent === null) {
             if (!isNOU(this.toolbarModule)) {
                 this.toolbarModule.destroy();
@@ -1001,10 +1005,6 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         this.notify(events.destroy, {});
         this.destroyDependentModules();
-        if (!isNOU(this.timeInterval)) {
-            clearInterval(this.timeInterval);
-            this.timeInterval = null;
-        }
         this.unWireEvents();
         if (this.originalElement.tagName === 'TEXTAREA') {
             this.element.parentElement.insertBefore(this.valueContainer, this.element);

package/src/rich-text-editor/renderer/audio-module.js

@@ -166,7 +166,6 @@ var Audio = /** @class */ (function () {
         if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection) &&
             originalEvent.code !== 'KeyK') {
             range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-            save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
             selectNodeEle = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
             selectParentEle = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
             if (!originalEvent.ctrlKey && originalEvent.key && (originalEvent.key.length === 1 || originalEvent.action === 'enter') &&
@@ -182,6 +181,8 @@ var Audio = /** @class */ (function () {
         }
         if (originalEvent.keyCode === 8 || originalEvent.keyCode === 46) {
             if (selectNodeEle && this.isAudioElem(selectNodeEle[0]) && selectNodeEle.length < 1) {
+                if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection))
+                    save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 originalEvent.preventDefault();
                 var event_1 = {
                     selectNode: selectNodeEle, selection: save, selectParent: selectParentEle,
@@ -230,6 +231,8 @@ var Audio = /** @class */ (function () {
                 }
                 break;
             case 'insert-audio':
+                if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection))
+                    save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 this.openDialog(true, originalEvent, save, selectNodeEle, selectParentEle);
                 originalEvent.preventDefault();
                 break;

package/src/rich-text-editor/renderer/image-module.js

@@ -623,7 +623,6 @@ var Image = /** @class */ (function () {
         if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection) &&
             originalEvent.code !== 'KeyK') {
             range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-            save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
             selectNodeEle = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
             selectParentEle = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
             if (!originalEvent.ctrlKey && originalEvent.key && (originalEvent.key.length === 1 || originalEvent.action === 'enter') &&
@@ -642,6 +641,8 @@ var Image = /** @class */ (function () {
         }
         if (originalEvent.keyCode === 8 || originalEvent.keyCode === 46) {
             if (selectNodeEle && selectNodeEle[0].nodeName === 'IMG' && selectNodeEle.length < 1) {
+                if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection))
+                    save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 originalEvent.preventDefault();
                 var event_1 = {
                     selectNode: selectNodeEle, selection: save, selectParent: selectParentEle,
@@ -700,6 +701,8 @@ var Image = /** @class */ (function () {
                 }
                 break;
             case 'insert-image':
+                if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection))
+                    save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 this.openDialog(true, originalEvent, save, selectNodeEle, selectParentEle);
                 originalEvent.preventDefault();
                 break;

package/src/rich-text-editor/renderer/table-module.js

@@ -177,14 +177,15 @@ var Table = /** @class */ (function () {
         }
         if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection) && this.contentModule
             && event.code !== 'KeyK') {
+            var selection = void 0;
             var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-            var selection = this.parent.formatter.editorManager.
-                nodeSelection.save(range, this.contentModule.getDocument());
             var ele = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range)[0];
             ele = (ele && ele.tagName !== 'TD' && ele.tagName !== 'TH') ? ele.parentElement : ele;
             if ((event.keyCode === 8 || event.keyCode === 46) ||
                 (event.ctrlKey && event.keyCode === 88)) {
                 if (ele && ele.tagName === 'TBODY') {
+                    if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection) && this.contentModule)
+                        selection = this.parent.formatter.editorManager.nodeSelection.save(range, this.contentModule.getDocument());
                     event.preventDefault();
                     proxy.removeTable(selection, event, true);
                 }
@@ -198,6 +199,8 @@ var Table = /** @class */ (function () {
                 ele = !isNullOrUndefined(closestTd) && this.parent.inputElement.contains(closestTd) ? closestTd : ele;
             }
             if (ele && (ele.tagName === 'TD' || ele.tagName === 'TH')) {
+                if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection) && this.contentModule)
+                    selection = this.parent.formatter.editorManager.nodeSelection.save(range, this.contentModule.getDocument());
                 switch (event.keyCode) {
                     case 9:
                     case 37:

package/src/rich-text-editor/renderer/video-module.js

@@ -605,7 +605,6 @@ var Video = /** @class */ (function () {
         if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection) &&
             originalEvent.code !== 'KeyK') {
             range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-            save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
             selectNodeEle = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
             selectParentEle = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
             if (!originalEvent.ctrlKey && originalEvent.key && (originalEvent.key.length === 1 || originalEvent.action === 'enter') &&
@@ -625,6 +624,8 @@ var Video = /** @class */ (function () {
         }
         if (originalEvent.keyCode === 8 || originalEvent.keyCode === 46) {
             if (selectNodeEle && (selectNodeEle[0].nodeName === 'VIDEO' || this.isEmbedVidElem(selectNodeEle[0])) && selectNodeEle.length < 1) {
+                if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection))
+                    save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 originalEvent.preventDefault();
                 var event_1 = {
                     selectNode: selectNodeEle, selection: save, selectParent: selectParentEle,
@@ -677,6 +678,8 @@ var Video = /** @class */ (function () {
                 }
                 break;
             case 'insert-video':
+                if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection))
+                    save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 this.openDialog(true, originalEvent, save, selectNodeEle, selectParentEle);
                 originalEvent.preventDefault();
                 break;