@syncfusion/ej2-richtexteditor 26.2.8 → 26.2.10

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

@@ -26865,6 +26865,12 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
             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')) {
+                var element = this.GetFormatNode(format, value);
+                this.applyStyles(cursorNodes, 0, element);
+                return cursorNodes[0];
+            }
             cursorNode = this.getInsertNode(docElement, range, format, value).firstChild;
         }
         return cursorNode;
@@ -30935,7 +30941,7 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
     };
     HtmlEditor.prototype.onKeyUp = function (e) {
         var args = e.args;
-        var restrictKeys = [8, 9, 13, 16, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
+        var 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];
         var range = this.parent.getRange();
         var regEx = new RegExp('\u200B', 'g');
@@ -30943,9 +30949,18 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
             range.startOffset === 1 && range.startContainer.textContent.length === 1 &&
             range.startContainer.textContent.charCodeAt(0) === 8203 &&
             range.startContainer.textContent.replace(regEx, '').length === 0;
+        var isMention = false;
+        if (range.startContainer === range.endContainer &&
+            range.startOffset === range.endOffset && (range.startContainer !== this.parent.inputElement && range.startOffset !== 0)) {
+            var 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';
+        }
         var pointer;
         var 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;
             var container = range.startContainer;
             // Check if the container is a text node and contains a zero-width space
@@ -32130,9 +32145,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             dropArea: this.parent.inputElement,
             allowedExtensions: this.parent.insertImageSettings.allowedTypes.toString(),
             success: function (e) {
-                _this.popupCloseTime = setTimeout(function () {
-                    _this.popupClose(_this.popupObj, _this.uploadObj, imgElem, e);
-                }, 900);
+                _this.popupClose(_this.popupObj, _this.uploadObj, imgElem, e);
             },
             uploading: function (e) {
                 if (!_this.parent.isServerRendered) {
@@ -32214,30 +32227,31 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
         this.parent.inputElement.contentEditable = 'true';
         e.element = imgElem;
         e.detectImageSource = ImageInputSource.Pasted;
-        uploadObj.filesData.forEach(function (element) {
-            if (element.statusCode === '2') {
-                _this.parent.trigger(imageUploadSuccess, e, function (e) {
-                    if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
-                        var 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, function (e) {
-                    if (!isNullOrUndefined(e.element.src)) {
-                        e.element.src = '';
-                    }
-                });
-            }
-        });
-        popupObj.close();
-        imgElem.style.opacity = '1';
-        if (uploadObj && document.body.contains(uploadObj.element)) {
-            uploadObj.destroy();
+        var element = e.file;
+        if (element.statusCode === '2') {
+            this.parent.trigger(imageUploadSuccess, e, function (e) {
+                if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
+                    var 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, function (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);
     };
     PasteCleanup.prototype.refreshPopup = function (imageElement, popupObj) {
         var imgPosition = this.parent.iframeSettings.enable ? this.parent.element.offsetTop +
@@ -36961,7 +36975,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                     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);
                 }
@@ -37224,6 +37238,10 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             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;
@@ -38258,7 +38276,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             }
             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);
@@ -38427,8 +38445,8 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
     RichTextEditor.prototype.contentChanged = function () {
         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);
             }
         }
     };