@syncfusion/ej2-richtexteditor 26.2.5 → 26.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.5
+*  version : 26.2.8
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@26.2.4",
+  "_id": "@syncfusion/ej2-richtexteditor@26.2.7",
   "_inBundle": false,
-  "_integrity": "sha512-zIes3XuylYyCd+vFECdIDftW6gnGOsdvC5SSd4O1ZmrfqxHRwucGB3oJ9iv/sMPyHfsvNiIkaODKd7Uz5R3F+g==",
+  "_integrity": "sha512-/1ycFr5+hj4YYc/mHnJ9NAW4KMmdJiRzQiMpOYNoOZ9RThOe6MH/JGco9ewyTsV24kIeWfRNqbsNDGEpPEMxfQ==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-26.2.4.tgz",
-  "_shasum": "2e04b0ac18e0cceadfd79a51cab13cad5d590238",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-26.2.7.tgz",
+  "_shasum": "a6b4da665f0af8fdf8f041451868bebd2ffac41e",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -38,11 +38,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.2.5",
-    "@syncfusion/ej2-buttons": "~26.2.5",
-    "@syncfusion/ej2-filemanager": "~26.2.5",
+    "@syncfusion/ej2-buttons": "~26.2.8",
+    "@syncfusion/ej2-filemanager": "~26.2.7",
     "@syncfusion/ej2-inputs": "~26.2.5",
-    "@syncfusion/ej2-navigations": "~26.2.5",
-    "@syncfusion/ej2-popups": "~26.2.5",
+    "@syncfusion/ej2-navigations": "~26.2.8",
+    "@syncfusion/ej2-popups": "~26.2.8",
     "@syncfusion/ej2-splitbuttons": "~26.2.5"
   },
   "deprecated": false,
@@ -79,6 +79,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "26.2.5",
+  "version": "26.2.8",
   "sideEffects": false
 }

package/src/editor-manager/plugin/inserthtml.d.ts

@@ -27,4 +27,5 @@ export declare class InsertHtml {
     private static removeEmptyElements;
     private static closestEle;
     private static insertTableInList;
+    private static alignCheck;
 }

package/src/editor-manager/plugin/inserthtml.js

@@ -203,7 +203,6 @@ var InsertHtml = /** @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 === '') {
@@ -282,6 +281,9 @@ var InsertHtml = /** @class */ (function () {
                     var rangeElement = closest(nearestAnchor, 'span');
                     rangeElement.appendChild(tempSpan);
                 }
+                else if (nodes[0].nodeName === '#text' && nodes[0].nodeValue.includes('\u200B') && !isNOU(nodes[0].parentElement) && !isNOU(nodes[0].parentElement.previousElementSibling) && nodes[0].parentElement.previousElementSibling.classList.contains('e-mention-chip')) {
+                    range.startContainer.parentElement.insertAdjacentElement('afterend', tempSpan);
+                }
                 else {
                     range.insertNode(tempSpan);
                 }
@@ -370,17 +372,7 @@ var InsertHtml = /** @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 (!isNOU(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' ? (isNOU(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
@@ -620,6 +612,27 @@ var InsertHtml = /** @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
      *

package/src/editor-manager/plugin/lists.d.ts

@@ -49,4 +49,5 @@ export declare class Lists {
     private openTag;
     private closeTag;
     destroy(): void;
+    areAllListItemsSelected(list: HTMLElement, range: Range): boolean;
 }

package/src/editor-manager/plugin/lists.js

@@ -317,13 +317,15 @@ var Lists = /** @class */ (function () {
             var commonAncestor = range.commonAncestorContainer;
             var startEle = range.startContainer;
             var endEle = range.endContainer;
-            var startNode = startEle.nodeType === 3 ? startEle.parentElement : startEle;
-            var endNode = endEle.nodeType === 3 ? endEle.parentElement : endEle;
+            var startNode = startEle.nodeType === 3 ? this.domNode.blockParentNode(startEle) : startEle;
+            var endNode = endEle.nodeType === 3 ? this.domNode.blockParentNode(endEle) : endEle;
             if ((commonAncestor.nodeName === 'UL' || commonAncestor.nodeName === 'OL') && startNode !== endNode
                 && (!isNullOrUndefined(closest(startNode, 'ul')) || !isNullOrUndefined(closest(startNode, 'ol')))
                 && (!isNullOrUndefined(closest(endNode, 'ul')) || !isNullOrUndefined(closest(endNode, 'ol')))
-                && (commonAncestor.lastElementChild === closest(endNode, 'li')) && !range.collapsed) {
-                detach(commonAncestor);
+                && ((commonAncestor.lastElementChild === closest(endNode, 'li') && commonAncestor.lastChild !== endNode)) && !range.collapsed) {
+                if (this.areAllListItemsSelected(commonAncestor, range)) {
+                    detach(commonAncestor);
+                }
             }
             this.removeList(range, e);
         }
@@ -1004,6 +1006,18 @@ var Lists = /** @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;
 }());
 export { Lists };

package/src/rich-text-editor/actions/base-quick-toolbar.js

@@ -255,7 +255,6 @@ var BaseQuickToolbar = /** @class */ (function () {
                     _this.tooltip = new Tooltip({
                         target: '#' + _this.element.id + ' [title]',
                         openDelay: 400,
-                        container: _this.parent.rootContainer,
                         showTipPointer: true,
                         beforeRender: _this.tooltipBeforeRender.bind(_this),
                         windowCollision: true,

package/src/rich-text-editor/actions/html-editor.js

@@ -228,6 +228,13 @@ var HtmlEditor = /** @class */ (function () {
         var isRootParent = false;
         if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode) {
             pointer = range.startOffset;
+            var container = range.startContainer;
+            // Check if the container is a text node and contains a zero-width space
+            if (container.nodeType === Node.TEXT_NODE && container.nodeValue.includes("\u200B")) {
+                var beforeZeroWidthSpace = container.splitText(container.nodeValue.indexOf("\u200B"));
+                beforeZeroWidthSpace.splitText(1); // The zero-width space is at the beginning of this node
+                beforeZeroWidthSpace.parentNode.removeChild(beforeZeroWidthSpace);
+            }
             // eslint-disable-next-line @typescript-eslint/no-unused-expressions
             range.startContainer.nodeName === '#text' ? range.startContainer.parentElement !== this.parent.inputElement ? range.startContainer.parentElement.classList.add('currentStartMark')
                 : isRootParent = true : range.startContainer.classList.add('currentStartMark');

package/src/rich-text-editor/base/rich-text-editor.js

@@ -186,8 +186,6 @@ var RichTextEditor = /** @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;
@@ -827,7 +825,7 @@ var RichTextEditor = /** @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)) {
                     selection.removeAllRanges();
                     selection.addRange(currentRange);
                 }
@@ -2437,6 +2435,9 @@ var RichTextEditor = /** @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(events.contentChanged, this.contentChanged, this);
@@ -2492,7 +2493,6 @@ var RichTextEditor = /** @class */ (function (_super) {
         EventHandler.add(this.inputElement, 'input', this.inputHandler, this);
         this.wireContextEvent();
         this.formatter.editorManager.observer.on(CONSTANT.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);

package/src/rich-text-editor/renderer/audio-module.js

@@ -62,6 +62,7 @@ var Audio = /** @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 () {

package/src/rich-text-editor/renderer/image-module.js

@@ -99,6 +99,7 @@ var Image = /** @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);
             }

package/src/rich-text-editor/renderer/toolbar-renderer.d.ts

@@ -1,4 +1,5 @@
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
+import { TooltipEventArgs } from '@syncfusion/ej2-popups';
 import { IRenderer, IRichTextEditor, IToolbarOptions, IDropDownModel, IColorPickerModel } from '../base/interface';
 import { ColorPicker } from '@syncfusion/ej2-inputs';
 import { ServiceLocator } from '../services/service-locator';
@@ -50,6 +51,7 @@ export declare class ToolbarRenderer implements IRenderer {
 
      */
     renderToolbar(args: IToolbarOptions): void;
+    tooltipBeforeOpen(args: TooltipEventArgs): void;
     /**
      * renderDropDownButton method
      *

package/src/rich-text-editor/renderer/toolbar-renderer.js

@@ -1,4 +1,4 @@
-import { addClass, Browser, removeClass, formatUnit, isNullOrUndefined, isNullOrUndefined as isNOU, EventHandler } from '@syncfusion/ej2-base';
+import { addClass, Browser, removeClass, formatUnit, isNullOrUndefined, isNullOrUndefined as isNOU, EventHandler, detach } from '@syncfusion/ej2-base';
 import { getInstance, closest, selectAll } from '@syncfusion/ej2-base';
 import { Toolbar } from '@syncfusion/ej2-navigations';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
@@ -153,11 +153,11 @@ var ToolbarRenderer = /** @class */ (function () {
         if (this.parent.showTooltip && args.type === 'toolbar') {
             this.tooltip = new Tooltip({
                 target: '#' + this.parent.getID() + '_toolbar_wrapper [title]',
-                container: this.toolbarPanel,
                 showTipPointer: true,
                 openDelay: 400,
                 opensOn: 'Hover',
                 beforeRender: this.tooltipBeforeRender.bind(this),
+                beforeOpen: this.tooltipBeforeOpen.bind(this),
                 cssClass: this.parent.getCssClass(),
                 windowCollision: true,
                 position: 'BottomCenter'
@@ -165,6 +165,11 @@ var ToolbarRenderer = /** @class */ (function () {
             this.tooltip.appendTo(args.target.parentElement);
         }
     };
+    ToolbarRenderer.prototype.tooltipBeforeOpen = function (args) {
+        if (args.element) {
+            args.element.setAttribute('data-rte-id', this.parent.getID());
+        }
+    };
     /**
      * renderDropDownButton method
      *
@@ -710,6 +715,13 @@ var ToolbarRenderer = /** @class */ (function () {
         }
         if (this.tooltip && !this.tooltip.isDestroyed) {
             this.tooltip.destroy();
+            var tooltipElements = document.querySelectorAll('[data-rte-id="' + this.parent.getID() + '"]');
+            for (var i = 0; i < tooltipElements.length; i++) {
+                var tooltipEle = tooltipElements[i];
+                if (this.parent.getID() === tooltipEle.getAttribute('data-rte-id')) {
+                    detach(tooltipEle);
+                }
+            }
         }
         this.unWireEvent();
         this.mode = null;

package/src/rich-text-editor/renderer/video-module.js

@@ -74,6 +74,7 @@ var Video = /** @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);
             }