@syncfusion/ej2-richtexteditor 26.2.7 → 26.2.8

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

@@ -5432,6 +5432,7 @@ class ToolbarRenderer {
                 openDelay: 400,
                 opensOn: 'Hover',
                 beforeRender: this.tooltipBeforeRender.bind(this),
+                beforeOpen: this.tooltipBeforeOpen.bind(this),
                 cssClass: this.parent.getCssClass(),
                 windowCollision: true,
                 position: 'BottomCenter'
@@ -6808,6 +6809,7 @@ class Image$1 {
             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);
             }
@@ -9156,6 +9158,7 @@ class Audio {
             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;
         }
     }
     afterRender() {
@@ -10053,6 +10056,7 @@ class Video {
             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);
             }
@@ -21946,7 +21950,9 @@ class Lists {
                 && (!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);
         }
@@ -22617,6 +22623,18 @@ class Lists {
             this.domNode = null;
         }
     }
+    areAllListItemsSelected(list, range) {
+        const listItems = list.querySelectorAll('li');
+        for (let i = 0; i < listItems.length; i++) {
+            const listItem = listItems[i];
+            const listItemRange = this.parent.currentDocument.createRange();
+            listItemRange.selectNodeContents(listItem);
+            if (!range.intersectsNode(listItem)) {
+                return false;
+            }
+        }
+        return true;
+    }
 }
 
 /**
@@ -23689,6 +23707,9 @@ class InsertHtml {
                     const 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);
                 }
@@ -23777,17 +23798,7 @@ class InsertHtml {
         else {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
-        const spanAligns = editNode.querySelectorAll('span[style*="text-align"]');
-        if (spanAligns.length > 0) {
-            spanAligns.forEach((spanAlign) => {
-                if (!isNullOrUndefined(spanAlign)) {
-                    const blockAlign = this.getImmediateBlockNode(spanAlign, null);
-                    if (blockAlign && blockAlign.textContent.trim() === spanAlign.textContent.trim()) {
-                        blockAlign.style.textAlign = spanAlign.style.textAlign;
-                    }
-                }
-            });
-        }
+        this.alignCheck(editNode);
     }
     static placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNullOrUndefined(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
@@ -24027,6 +24038,27 @@ class InsertHtml {
         }
         insertNode.classList.add('ignore-table');
     }
+    static alignCheck(editNode) {
+        const spanAligns = editNode.querySelectorAll('span[style*="text-align"]');
+        for (let i = 0; i < spanAligns.length; i++) {
+            const spanAlign = spanAligns[i];
+            if (spanAlign) {
+                const blockAlign = this.getImmediateBlockNode(spanAlign, null);
+                if (blockAlign) {
+                    let totalSpanText = '';
+                    for (let j = 0; j < spanAligns.length; j++) {
+                        const span = spanAligns[j];
+                        if (blockAlign.contains(span)) {
+                            totalSpanText += span.textContent;
+                        }
+                    }
+                    if (blockAlign.textContent.trim() === totalSpanText.trim()) {
+                        blockAlign.style.textAlign = spanAlign.style.textAlign;
+                    }
+                }
+            }
+        }
+    }
 }
 /**
  * Insert method
@@ -35981,8 +36013,6 @@ let RichTextEditor = class RichTextEditor extends Component {
      */
     preRender() {
         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;
@@ -36621,7 +36651,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) {
+                if (selection.rangeCount > 0 && this.contentModule.getDocument().activeElement.tagName !== 'INPUT' && this.inputElement.contains(this.contentModule.getDocument().activeElement)) {
                     selection.removeAllRanges();
                     selection.addRange(currentRange);
                 }
@@ -38225,6 +38255,9 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
     }
     wireEvents() {
+        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);
@@ -38280,7 +38313,6 @@ let RichTextEditor = class RichTextEditor extends Component {
         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);