@syncfusion/ej2-richtexteditor 26.2.7 → 26.2.9

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

@@ -5439,6 +5439,7 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
                 openDelay: 400,
                 opensOn: 'Hover',
                 beforeRender: this.tooltipBeforeRender.bind(this),
+                beforeOpen: this.tooltipBeforeOpen.bind(this),
                 cssClass: this.parent.getCssClass(),
                 windowCollision: true,
                 position: 'BottomCenter'
@@ -6822,6 +6823,7 @@ var Image$1 = /** @__PURE__ @class */ (function () {
             if (this.parent.insertImageSettings.resize) {
                 EventHandler.remove(this.parent.contentModule.getEditPanel(), Browser.touchStartEvent, this.resizeStart);
                 this.parent.element.ownerDocument.removeEventListener('mousedown', this.docClick, true);
+                this.docClick = null;
                 EventHandler.remove(this.contentModule.getEditPanel(), 'cut', this.onCutHandler);
                 EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
             }
@@ -9188,6 +9190,7 @@ var Audio = /** @__PURE__ @class */ (function () {
             EventHandler.remove(this.parent.contentModule.getEditPanel(), Browser.touchStartEvent, this.touchStart);
             EventHandler.remove(this.contentModule.getEditPanel(), Browser.touchEndEvent, this.audioClick);
             this.parent.element.ownerDocument.removeEventListener('mousedown', this.docClick, true);
+            this.docClick = null;
         }
     };
     Audio.prototype.afterRender = function () {
@@ -10090,6 +10093,7 @@ var Video = /** @__PURE__ @class */ (function () {
             if (this.parent.insertVideoSettings.resize) {
                 EventHandler.remove(this.parent.contentModule.getEditPanel(), Browser.touchStartEvent, this.resizeStart);
                 this.parent.element.ownerDocument.removeEventListener('mousedown', this.docClick, true);
+                this.docClick = null;
                 EventHandler.remove(this.contentModule.getEditPanel(), 'cut', this.onCutHandler);
                 EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
             }
@@ -21994,7 +21998,9 @@ var Lists = /** @__PURE__ @class */ (function () {
                 && (!isNullOrUndefined(closest(startNode, 'ul')) || !isNullOrUndefined(closest(startNode, 'ol')))
                 && (!isNullOrUndefined(closest(endNode, 'ul')) || !isNullOrUndefined(closest(endNode, 'ol')))
                 && ((commonAncestor.lastElementChild === closest(endNode, 'li') && commonAncestor.lastChild !== endNode)) && !range.collapsed) {
-                detach(commonAncestor);
+                if (this.areAllListItemsSelected(commonAncestor, range)) {
+                    detach(commonAncestor);
+                }
             }
             this.removeList(range, e);
         }
@@ -22665,6 +22671,18 @@ var Lists = /** @__PURE__ @class */ (function () {
             this.domNode = null;
         }
     };
+    Lists.prototype.areAllListItemsSelected = function (list, range) {
+        var listItems = list.querySelectorAll('li');
+        for (var i = 0; i < listItems.length; i++) {
+            var listItem = listItems[i];
+            var listItemRange = this.parent.currentDocument.createRange();
+            listItemRange.selectNodeContents(listItem);
+            if (!range.intersectsNode(listItem)) {
+                return false;
+            }
+        }
+        return true;
+    };
     return Lists;
 }());
 
@@ -23667,7 +23685,6 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         return null;
     };
     InsertHtml.pasteInsertHTML = function (nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction) {
-        var _this = this;
         var isCursor = range.startOffset === range.endOffset &&
             range.startContainer === range.endContainer;
         if (isCursor && range.startContainer === editNode && editNode.textContent === '') {
@@ -23746,6 +23763,9 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                     var rangeElement = closest(nearestAnchor, 'span');
                     rangeElement.appendChild(tempSpan);
                 }
+                else if (nodes[0].nodeName === '#text' && nodes[0].nodeValue.includes('\u200B') && !isNullOrUndefined(nodes[0].parentElement) && !isNullOrUndefined(nodes[0].parentElement.previousElementSibling) && nodes[0].parentElement.previousElementSibling.classList.contains('e-mention-chip')) {
+                    range.startContainer.parentElement.insertAdjacentElement('afterend', tempSpan);
+                }
                 else {
                     range.insertNode(tempSpan);
                 }
@@ -23834,17 +23854,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         else {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
-        var spanAligns = editNode.querySelectorAll('span[style*="text-align"]');
-        if (spanAligns.length > 0) {
-            spanAligns.forEach(function (spanAlign) {
-                if (!isNullOrUndefined(spanAlign)) {
-                    var blockAlign = _this.getImmediateBlockNode(spanAlign, null);
-                    if (blockAlign && blockAlign.textContent.trim() === spanAlign.textContent.trim()) {
-                        blockAlign.style.textAlign = spanAlign.style.textAlign;
-                    }
-                }
-            });
-        }
+        this.alignCheck(editNode);
     };
     InsertHtml.placeCursorEnd = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNullOrUndefined(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
@@ -24084,6 +24094,27 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         }
         insertNode.classList.add('ignore-table');
     };
+    InsertHtml.alignCheck = function (editNode) {
+        var spanAligns = editNode.querySelectorAll('span[style*="text-align"]');
+        for (var i = 0; i < spanAligns.length; i++) {
+            var spanAlign = spanAligns[i];
+            if (spanAlign) {
+                var blockAlign = this.getImmediateBlockNode(spanAlign, null);
+                if (blockAlign) {
+                    var totalSpanText = '';
+                    for (var j = 0; j < spanAligns.length; j++) {
+                        var span = spanAligns[j];
+                        if (blockAlign.contains(span)) {
+                            totalSpanText += span.textContent;
+                        }
+                    }
+                    if (blockAlign.textContent.trim() === totalSpanText.trim()) {
+                        blockAlign.style.textAlign = spanAlign.style.textAlign;
+                    }
+                }
+            }
+        }
+    };
     /**
      * Insert method
      *
@@ -26834,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;
@@ -30904,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');
@@ -30912,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
@@ -36291,8 +36337,6 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
      */
     RichTextEditor.prototype.preRender = function () {
         this.initializeValue();
-        this.onBlurHandler = this.blurHandler.bind(this);
-        this.onFocusHandler = this.focusHandler.bind(this);
         this.clickPoints = { clientX: 0, clientY: 0 };
         this.initialValue = this.value;
         this.serviceLocator = new ServiceLocator;
@@ -36932,7 +36976,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) {
+                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);
                 }
@@ -37195,6 +37239,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;
@@ -38229,7 +38277,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);
@@ -38398,8 +38446,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);
             }
         }
     };
@@ -38542,6 +38590,9 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         }
     };
     RichTextEditor.prototype.wireEvents = function () {
+        this.onResizeHandler = this.resizeHandler.bind(this);
+        this.onBlurHandler = this.blurHandler.bind(this);
+        this.onFocusHandler = this.focusHandler.bind(this);
         this.element.addEventListener('focusin', this.onFocusHandler, true);
         this.element.addEventListener('focusout', this.onBlurHandler, true);
         this.on(contentChanged, this.contentChanged, this);
@@ -38597,7 +38648,6 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         EventHandler.add(this.inputElement, 'input', this.inputHandler, this);
         this.wireContextEvent();
         this.formatter.editorManager.observer.on(KEY_DOWN_HANDLER, this.editorKeyDown, this);
-        this.onResizeHandler = this.resizeHandler.bind(this);
         this.element.ownerDocument.defaultView.addEventListener('resize', this.onResizeHandler, true);
         if (this.iframeSettings.enable) {
             EventHandler.add(this.inputElement, 'focusin', this.focusHandler, this);