@syncfusion/ej2-richtexteditor 23.1.39 → 23.1.41

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

@@ -3554,6 +3554,7 @@ class ToolbarRenderer {
                     args.cancel = true;
                     return;
                 }
+                proxy.parent.notify(selectionRestore, {});
                 const element = (args.event) ? args.event.target : null;
                 proxy.currentElement = dropDown.element;
                 proxy.currentDropdown = dropDown;
@@ -3580,6 +3581,12 @@ class ToolbarRenderer {
         }
         args.element.tabIndex = -1;
         dropDown.element.removeAttribute('type');
+        dropDown.element.onmousedown = () => {
+            proxy.parent.notify(selectionSave, {});
+        };
+        dropDown.element.onkeydown = () => {
+            proxy.parent.notify(selectionSave, {});
+        };
         return dropDown;
     }
     // eslint-disable-next-line
@@ -7836,20 +7843,20 @@ class Formatter {
         }
         if (isNullOrUndefined(args)) {
             const action = event.action;
+            args = {};
+            const items = {
+                originalEvent: event, cancel: false,
+                requestType: action || (event.key + 'Key'),
+                itemCollection: value
+            };
+            extend(args, args, items, true);
             if (action !== 'tab' && action !== 'enter' && action !== 'space' && action !== 'escape') {
-                args = {};
                 if (self.editorMode === 'Markdown' && action === 'insert-table') {
                     value = {
                         'headingText': self.localeObj.getConstant('TableHeadingText'),
                         'colText': self.localeObj.getConstant('TableColText')
                     };
                 }
-                const items = {
-                    originalEvent: event, cancel: false,
-                    requestType: action || (event.key + 'Key'),
-                    itemCollection: value
-                };
-                extend(args, args, items, true);
                 self.trigger(actionBegin, args, (actionBeginArgs) => {
                     if (actionBeginArgs.cancel) {
                         if (action === 'paste' || action === 'cut' || action === 'copy') {
@@ -7858,20 +7865,22 @@ class Formatter {
                     }
                 });
             }
-            const isTableModule = isNullOrUndefined(self.tableModule) ? true : self.tableModule ?
-                self.tableModule.ensureInsideTableList : false;
-            if ((event.which === 9 && isTableModule) || event.which !== 9) {
-                if (event.which === 13 && self.editorMode === 'HTML') {
-                    value = {
-                        'enterAction': self.enterKey
-                    };
+            if (!args.cancel) {
+                const isTableModule = isNullOrUndefined(self.tableModule) ? true : self.tableModule ?
+                    self.tableModule.ensureInsideTableList : false;
+                if ((event.which === 9 && isTableModule) || event.which !== 9) {
+                    if (event.which === 13 && self.editorMode === 'HTML') {
+                        value = {
+                            'enterAction': self.enterKey
+                        };
+                    }
+                    this.editorManager.observer.notify((event.type === 'keydown' ? KEY_DOWN : KEY_UP), {
+                        event: event,
+                        callBack: this.onSuccess.bind(this, self),
+                        value: value,
+                        enterAction: self.enterKey
+                    });
                 }
-                this.editorManager.observer.notify((event.type === 'keydown' ? KEY_DOWN : KEY_UP), {
-                    event: event,
-                    callBack: this.onSuccess.bind(this, self),
-                    value: value,
-                    enterAction: self.enterKey
-                });
             }
         }
         else if (!isNullOrUndefined(args) && args.item.command && args.item.subCommand && ((args.item.command !== args.item.subCommand
@@ -12565,7 +12574,7 @@ class NodeCutter {
                 node = parent.childNodes[index];
                 fragment = this.spliceEmptyNode(fragment, false);
                 if (fragment && fragment.childNodes.length > 0) {
-                    const isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG'
+                    const isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG' && !(fragment.querySelectorAll('img').length > 0)
                         && this.isRteElm(fragment) && fragment.textContent === '') ? true : false;
                     if (!isEmpty) {
                         if (node) {
@@ -13431,6 +13440,10 @@ class InsertHtml {
             : lastSelectionNode.previousSibling) : lastSelectionNode;
         while (!isNullOrUndefined(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
             lastSelectionNode.nodeName !== 'BR' && lastSelectionNode.nodeName !== 'HR') {
+            if (!isNullOrUndefined(lastSelectionNode.lastChild) && (lastSelectionNode.lastChild.nodeName === 'P' && lastSelectionNode.lastChild.innerHTML === '')) {
+                const lineBreak = createElement('br');
+                lastSelectionNode.lastChild.appendChild(lineBreak);
+            }
             lastSelectionNode = lastSelectionNode.lastChild;
         }
         lastSelectionNode = isNullOrUndefined(lastSelectionNode) ? node : lastSelectionNode;
@@ -17729,8 +17742,10 @@ class MsWordPaste {
                     else {
                         continue;
                     }
-                    isCroppedImage = this.extractCropValue('cropl', fullImg[i]) > 0 &&
-                        this.extractCropValue('cropt', fullImg[i]) > 0 ? true : false;
+                    isCroppedImage = ((this.extractCropValue('cropl', fullImg[i]) > 0 &&
+                        this.extractCropValue('cropt', fullImg[i]) > 0) ||
+                        (this.extractCropValue('cropr', fullImg[i]) > 0 &&
+                            this.extractCropValue('cropb', fullImg[i]))) ? true : false;
                     if (isCroppedImage) {
                         goalWidth = this.extractCropValue('wgoal', fullImg[i]);
                         goalHeight = this.extractCropValue('hgoal', fullImg[i]);
@@ -17757,7 +17772,7 @@ class MsWordPaste {
     }
     extractCropValue(crop, rtfData) {
         // eslint-disable-next-line security/detect-non-literal-regexp
-        const result = new RegExp('\\\\pic' + crop + '(\\-?\\d+)\\\\').exec(rtfData.replace('\r\n\\', '\\'))[1];
+        const result = new RegExp('\\\\pic' + crop + '(\\-?\\d+)\\\\').exec(rtfData.replace(/\r\n\\/g, '\\'))[1];
         return parseInt(result, 10);
     }
     removeClassName(elm) {
@@ -19119,10 +19134,15 @@ class FormatPainterActions {
         return this.INVALID_TAGS.indexOf(node.tagName) > -1;
     }
     findCurrentContext(parentElem) {
-        if (closest(parentElem, 'p')) {
+        const closestParagraph = closest(parentElem, 'p');
+        const closestList = closest(parentElem, 'li');
+        if (closestParagraph && !closestList) {
             return 'Text';
         }
         else if (closest(parentElem, 'li')) {
+            if (!isNullOrUndefined(closestParagraph) && !isNullOrUndefined(closestList) && closestParagraph.textContent.trim() !== closestList.textContent.trim()) {
+                return 'Text';
+            }
             return 'List';
         }
         else if (closest(parentElem, 'td') || closest(parentElem, 'tr') || closest(parentElem, 'th')) {
@@ -19180,7 +19200,7 @@ class FormatPainterActions {
         const cloneElementNode = isNullOrUndefined(cloneListParentNode) ? element : element.firstChild;
         for (let index = 0; index < nodes.length; index++) {
             if (this.INVALID_TAGS.indexOf(nodes[index].nodeName) > -1 ||
-                nodes[index].querySelectorAll('a,img,audio,video,iframe').length > 0) {
+                nodes[index].querySelectorAll('img,audio,video,iframe').length > 0) {
                 continue;
             }
             const cloneParentNode = cloneElementNode.cloneNode(false);
@@ -20258,7 +20278,7 @@ class HtmlEditor {
                             detach(currentChildNode[i]);
                             i--;
                         }
-                        if (focusNode.textContent.replace(regEx, '') === currentChildNode[i].textContent) {
+                        if (!isNullOrUndefined(currentChildNode[i]) && focusNode.textContent.replace(regEx, '') === currentChildNode[i].textContent) {
                             pointer = focusNode.textContent.length > 1 ?
                                 (focusNode.textContent === currentChildNode[i].textContent ? pointer :
                                     pointer - (focusNode.textContent.length - focusNode.textContent.replace(regEx, '').length)) :
@@ -29605,7 +29625,7 @@ class Table {
     }
     removeResizeElement() {
         const item = this.parent.contentModule.getEditPanel().
-            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box');
+            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box, .e-table-rhelper');
         if (item.length > 0) {
             for (let i = 0; i < item.length; i++) {
                 detach(item[i]);
@@ -31440,7 +31460,7 @@ class EnterKeyAction {
                                     }
                                     this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), insertElem.nextElementSibling, 0);
                                 }
-                                else if (nearBlockNode.textContent.length === 0 && !(!isNullOrUndefined(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG')) {
+                                else if (nearBlockNode.textContent.length === 0 && !(!isNullOrUndefined(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG') && !(nearBlockNode.querySelectorAll('img').length > 0)) {
                                     if (!isNullOrUndefined(nearBlockNode.children[0]) && nearBlockNode.children[0].tagName !== 'BR') {
                                         const newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, false).cloneNode(true);
                                         this.parent.formatter.editorManager.domNode.insertAfter(newElem, nearBlockNode);
@@ -32378,13 +32398,13 @@ let RichTextEditor = class RichTextEditor extends Component {
                 this.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), range.startContainer, range.startOffset);
             }
         }
-        const notFormatPainterCopy = !isNullOrUndefined(e.action) && e.action !== 'format-copy';
-        if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy) {
+        const notFormatPainterCopy = isNullOrUndefined(e.action) ? true : (e.action !== 'format-copy' ? true : false);
+        if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy && !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which == 67))) {
             this.formatter.saveData();
         }
         if (e.action !== 'insert-link' &&
             e.action !== 'format-copy' && e.action !== 'format-paste' &&
-            (!e.target || (e.target.classList.contains('e-mention') && e.code !== 'Tab')) &&
+            (!e.target || !(e.target.classList.contains('e-mention') && e.code === 'Tab')) &&
             (e.action && e.action !== 'paste' && e.action !== 'space'
                 || e.which === 9 || (e.code === 'Backspace' && e.which === 8))) {
             let FormatPainterEscapeAction = false;