@syncfusion/ej2-richtexteditor 26.2.8 → 26.2.10

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

@@ -26793,6 +26793,12 @@ class SelectionCommands {
             if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' || (isNullOrUndefined(cursorNodes[0].nextSibling) ? false : cursorNodes[0].nextSibling.nodeName === 'BR'))) {
                 detach(cursorNodes[0].nodeName === '#text' ? cursorNodes[0].nextSibling : cursorNodes[0]);
             }
+            if (!isNullOrUndefined(cursorNodes[0].parentElement) && IsFormatted.inlineTags.
+                indexOf((cursorNodes[0].parentElement).tagName.toLowerCase()) !== -1 && cursorNodes[0].textContent.includes('\u200B')) {
+                const element = this.GetFormatNode(format, value);
+                this.applyStyles(cursorNodes, 0, element);
+                return cursorNodes[0];
+            }
             cursorNode = this.getInsertNode(docElement, range, format, value).firstChild;
         }
         return cursorNode;
@@ -30825,7 +30831,7 @@ class HtmlEditor {
     }
     onKeyUp(e) {
         const args = e.args;
-        const restrictKeys = [8, 9, 13, 16, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
+        const restrictKeys = [8, 9, 13, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
             112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123];
         const range = this.parent.getRange();
         const regEx = new RegExp('\u200B', 'g');
@@ -30833,9 +30839,18 @@ class HtmlEditor {
             range.startOffset === 1 && range.startContainer.textContent.length === 1 &&
             range.startContainer.textContent.charCodeAt(0) === 8203 &&
             range.startContainer.textContent.replace(regEx, '').length === 0;
+        let isMention = false;
+        if (range.startContainer === range.endContainer &&
+            range.startOffset === range.endOffset && (range.startContainer !== this.parent.inputElement && range.startOffset !== 0)) {
+            const mentionStartNode = range.startContainer.nodeType === 3 ?
+                range.startContainer : range.startContainer.childNodes[range.startOffset - 1];
+            isMention = args.keyCode === 16 &&
+                mentionStartNode.textContent.charCodeAt(0) === 8203 &&
+                !isNullOrUndefined(mentionStartNode.previousSibling) && mentionStartNode.previousSibling.contentEditable === 'false';
+        }
         let pointer;
         let isRootParent = false;
-        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode) {
+        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode && !isMention) {
             pointer = range.startOffset;
             const container = range.startContainer;
             // Check if the container is a text node and contains a zero-width space
@@ -32015,9 +32030,7 @@ class PasteCleanup {
             dropArea: this.parent.inputElement,
             allowedExtensions: this.parent.insertImageSettings.allowedTypes.toString(),
             success: (e) => {
-                this.popupCloseTime = setTimeout(() => {
-                    this.popupClose(this.popupObj, this.uploadObj, imgElem, e);
-                }, 900);
+                this.popupClose(this.popupObj, this.uploadObj, imgElem, e);
             },
             uploading: (e) => {
                 if (!this.parent.isServerRendered) {
@@ -32098,30 +32111,31 @@ class PasteCleanup {
         this.parent.inputElement.contentEditable = 'true';
         e.element = imgElem;
         e.detectImageSource = ImageInputSource.Pasted;
-        uploadObj.filesData.forEach((element) => {
-            if (element.statusCode === '2') {
-                this.parent.trigger(imageUploadSuccess, e, (e) => {
-                    if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
-                        const url = this.parent.insertImageSettings.path + e.file.name;
-                        imgElem.src = url;
-                        imgElem.setAttribute('alt', e.file.name);
-                    }
-                });
-            }
-            else if (element.statusCode === '5') {
-                this.parent.trigger(imageRemoving, e, (e) => {
-                    if (!isNullOrUndefined(e.element.src)) {
-                        e.element.src = '';
-                    }
-                });
-            }
-        });
-        popupObj.close();
-        imgElem.style.opacity = '1';
-        if (uploadObj && document.body.contains(uploadObj.element)) {
-            uploadObj.destroy();
+        const element = e.file;
+        if (element.statusCode === '2') {
+            this.parent.trigger(imageUploadSuccess, e, (e) => {
+                if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
+                    const url = this.parent.insertImageSettings.path + e.file.name;
+                    imgElem.src = url;
+                    imgElem.setAttribute('alt', e.file.name);
+                }
+            });
         }
-        this.toolbarEnableDisable(false);
+        else if (element.statusCode === '5') {
+            this.parent.trigger(imageRemoving, e, (e) => {
+                if (!isNullOrUndefined(e.element.src)) {
+                    e.element.src = '';
+                }
+            });
+        }
+        this.popupCloseTime = setTimeout(function () {
+            popupObj.close();
+            imgElem.style.opacity = '1';
+            this.toolbarEnableDisable(false);
+            if (uploadObj && document.body.contains(uploadObj.element)) {
+                uploadObj.destroy();
+            }
+        }.bind(this), 1500);
     }
     refreshPopup(imageElement, popupObj) {
         const imgPosition = this.parent.iframeSettings.enable ? this.parent.element.offsetTop +
@@ -36651,7 +36665,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                     this.inputElement.innerHTML = this.enterKey !== 'BR' ? '<' + this.enterKey + '><br></' + this.enterKey + '>' : '<br>';
                     this.isSelectAll = false;
                 }
-                if (selection.rangeCount > 0 && this.contentModule.getDocument().activeElement.tagName !== 'INPUT' && this.inputElement.contains(this.contentModule.getDocument().activeElement)) {
+                if (selection.rangeCount > 0 && this.contentModule.getDocument().activeElement.tagName !== 'INPUT' && this.inputElement.contains(this.contentModule.getDocument().activeElement) && range.startContainer.innerHTML === '<br>' && range.startContainer.textContent === '') {
                     selection.removeAllRanges();
                     selection.addRange(currentRange);
                 }
@@ -36913,6 +36927,10 @@ let RichTextEditor = class RichTextEditor extends Component {
             clearInterval(this.timeInterval);
             this.timeInterval = null;
         }
+        if (!isNullOrUndefined(this.autoSaveTimeOut)) {
+            clearTimeout(this.autoSaveTimeOut);
+            this.autoSaveTimeOut = null;
+        }
         if (!isNullOrUndefined(this.idleInterval)) {
             clearTimeout(this.idleInterval);
             this.idleInterval = null;
@@ -37944,7 +37962,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             }
             this.preventDefaultResize(e);
             this.trigger('focus', { event: e, isInteracted: Object.keys(e).length === 0 ? false : true });
-            if (!isNullOrUndefined(this.saveInterval) && this.saveInterval > 0 && !this.autoSaveOnIdle) {
+            if (!isNullOrUndefined(this.saveInterval) && this.saveInterval > 0 && !this.autoSaveOnIdle && isNullOrUndefined(this.timeInterval)) {
                 this.timeInterval = setInterval(this.updateValueOnIdle.bind(this), this.saveInterval);
             }
             EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
@@ -38113,8 +38131,8 @@ let RichTextEditor = class RichTextEditor extends Component {
     contentChanged() {
         if (this.autoSaveOnIdle) {
             if (!isNullOrUndefined(this.saveInterval)) {
-                clearTimeout(this.timeInterval);
-                this.timeInterval = setTimeout(this.updateIntervalValue.bind(this), this.saveInterval);
+                clearTimeout(this.autoSaveTimeOut);
+                this.autoSaveTimeOut = setTimeout(this.updateIntervalValue.bind(this), this.saveInterval);
             }
         }
     }