@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41-569421

package/package.json

@@ -1,8 +1,8 @@
 {
     "_from": "@syncfusion/ej2-richtexteditor@*",
-    "_id": "@syncfusion/ej2-richtexteditor@23.2.6",
+    "_id": "@syncfusion/ej2-richtexteditor@24.1.41",
     "_inBundle": false,
-    "_integrity": "sha512-yiMdrOTe/kK+B6CGHKyKTYE+XvhMVnznfPPgziZDZgT11BPn/mdRhpMyCtfjlTybpQ5ohE9WGNqpeWndalRhZA==",
+    "_integrity": "sha512-h4DVBcoJwsAW5vm0Y6Ffg3KcNNeCxkj2MwOW+z+Aa8puZZETLQitQl8yt76IFRoxTY/MCdkoTWVILD5mstwkFg==",
     "_location": "/@syncfusion/ej2-richtexteditor",
     "_phantomChildren": {},
     "_requested": {
@@ -25,10 +25,10 @@
       "/@syncfusion/ej2-react-richtexteditor",
       "/@syncfusion/ej2-vue-richtexteditor"
     ],
-    "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-23.2.6.tgz",
-    "_shasum": "b567bbae22fa4e6718a8f076b6c14c4a16e2977b",
+    "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-24.1.41.tgz",
+    "_shasum": "b0643450fa79cf814e9386718d1e011876c3946a",
     "_spec": "@syncfusion/ej2-richtexteditor@*",
-    "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+    "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
     "author": {
       "name": "Syncfusion Inc."
     },
@@ -37,13 +37,13 @@
     },
     "bundleDependencies": false,
     "dependencies": {
-      "@syncfusion/ej2-base": "~23.2.6",
-      "@syncfusion/ej2-buttons": "~23.2.7",
-      "@syncfusion/ej2-filemanager": "~23.2.6",
-      "@syncfusion/ej2-inputs": "~23.2.4",
-      "@syncfusion/ej2-navigations": "~23.2.7",
-      "@syncfusion/ej2-popups": "~23.2.4",
-      "@syncfusion/ej2-splitbuttons": "~23.2.4"
+      "@syncfusion/ej2-base": "24.1.41",
+      "@syncfusion/ej2-buttons": "24.1.41",
+      "@syncfusion/ej2-filemanager": "24.1.41",
+      "@syncfusion/ej2-inputs": "24.1.41",
+      "@syncfusion/ej2-navigations": "24.1.41",
+      "@syncfusion/ej2-popups": "24.1.41",
+      "@syncfusion/ej2-splitbuttons": "24.1.41"
     },
     "deprecated": false,
     "description": "Essential JS 2 RichTextEditor component",
@@ -69,6 +69,6 @@
       "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
     },
     "typings": "index.d.ts",
-    "version": "23.2.7-52849",
+    "version": "24.1.41-569421",
     "sideEffects": false
   }

package/src/common/config.d.ts

@@ -1,3 +1,4 @@
+import { IImageResizeFactor } from "./interface";
 /**
  * Default Markdown formats config for adapter
  */
@@ -46,3 +47,9 @@ export declare const listConversionFilters: {
  * @hidden
  */
 export declare const selfClosingTags: string[];
+/**
+ * Resize factor for image.
+ * @hidden
+ *
+ */
+export declare const imageResizeFactor: IImageResizeFactor;

package/src/common/config.js

@@ -41,7 +41,7 @@ export var htmlKeyConfig = {
     'insert-link': 'ctrl+k',
     'insert-image': 'ctrl+shift+i',
     'insert-audio': 'ctrl+shift+a',
-    'insert-video': 'ctrl+shift+v',
+    'insert-video': 'ctrl+alt+v',
     'insert-table': 'ctrl+shift+e',
     'undo': 'ctrl+z',
     'redo': 'ctrl+y',
@@ -128,3 +128,14 @@ export var selfClosingTags = [
     'BR',
     'IMG'
 ];
+/**
+ * Resize factor for image.
+ * @hidden
+ *
+ */
+export var imageResizeFactor = {
+    topLeft: [-1, -1],
+    topRight: [1, -1],
+    botRight: [1, 1],
+    botLeft: [-1, 1]
+};

package/src/common/constant.d.ts

@@ -91,3 +91,9 @@ export declare const FORMAT_PAINTER_ACTIONS: string;
  * @hidden
  */
 export declare const EMOJI_PICKER_ACTIONS: string;
+/**
+ * Mouse down event constant
+ *
+ * @hidden
+ */
+export declare const MOUSE_DOWN: string;

package/src/common/constant.js

@@ -91,3 +91,9 @@ export var FORMAT_PAINTER_ACTIONS = 'format_painter_actions';
  * @hidden
  */
 export var EMOJI_PICKER_ACTIONS = 'emoji_picker_actions';
+/**
+ * Mouse down event constant
+ *
+ * @hidden
+ */
+export var MOUSE_DOWN = 'mouseDown';

package/src/common/interface.d.ts

@@ -77,3 +77,15 @@ export interface IToolbarStatus {
     numberFormatList?: string | boolean;
     bulletFormatList?: string | boolean;
 }
+/**
+ * @deprecated
+ * @private
+ *
+ *
+ * */
+export interface IImageResizeFactor {
+    topLeft: [number, number];
+    topRight: [number, number];
+    botLeft: [number, number];
+    botRight: [number, number];
+}

package/src/common/types.d.ts

@@ -18,3 +18,9 @@ export declare type EnterKey = 'P' | 'DIV' | 'BR';
  * Defines tag to be used when shift + enter key is pressed.
  */
 export declare type ShiftEnterKey = 'P' | 'DIV' | 'BR';
+/**
+ * Defines the types of action to be used in the Rich Text Editor.
+ * @hidden
+ * @private
+ */
+export declare type ContentHeightSource = 'SourceCode' | 'Init' | 'Preview' | 'Maximize' | 'Minimize' | 'WindowResize' | 'Toolbar' | 'Resize' | 'Refresh';

package/src/common/util.d.ts

@@ -34,3 +34,9 @@ export declare function getDefaultHtmlTbStatus(): IToolbarStatus;
  * @hidden
  */
 export declare function getDefaultMDTbStatus(): IToolbarStatus;
+/**
+ * @param {Range} range - specifies the range
+ * @returns {void}
+ * @hidden
+ */
+export declare function nestedListCleanUp(range: Range): void;

package/src/common/util.js

@@ -82,33 +82,47 @@ export function updateTextNode(value, enterAction) {
         }
         var tableElm = resultElm.querySelectorAll('table');
         for (var i = 0; i < tableElm.length; i++) {
-            if (tableElm[i].getAttribute('border') === '0') {
-                tableElm[i].removeAttribute('border');
-            }
-            var tdElm = tableElm[i].querySelectorAll('td');
-            for (var j = 0; j < tdElm.length; j++) {
-                if (tdElm[j].style.borderLeft === 'none') {
-                    tdElm[j].style.removeProperty('border-left');
-                }
-                if (tdElm[j].style.borderRight === 'none') {
-                    tdElm[j].style.removeProperty('border-right');
-                }
-                if (tdElm[j].style.borderBottom === 'none') {
-                    tdElm[j].style.removeProperty('border-bottom');
+            if (tableElm[i].classList.length > 0 && !tableElm[i].classList.contains('e-rte-table')) {
+                tableElm[i].classList.add('e-rte-paste-table');
+                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-word-table');
+                    continue; // Skiping the removal of the border if the source is from word.
                 }
-                if (tdElm[j].style.borderTop === 'none') {
-                    tdElm[j].style.removeProperty('border-top');
+                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-excel-table');
+                    if (tableElm[i].getAttribute('border') === '0') {
+                        tableElm[i].removeAttribute('border');
+                    }
+                    var tdElm = tableElm[i].querySelectorAll('td');
+                    for (var j = 0; j < tdElm.length; j++) {
+                        if (tdElm[j].style.borderLeft === 'none') {
+                            tdElm[j].style.removeProperty('border-left');
+                        }
+                        if (tdElm[j].style.borderRight === 'none') {
+                            tdElm[j].style.removeProperty('border-right');
+                        }
+                        if (tdElm[j].style.borderBottom === 'none') {
+                            tdElm[j].style.removeProperty('border-bottom');
+                        }
+                        if (tdElm[j].style.borderTop === 'none') {
+                            tdElm[j].style.removeProperty('border-top');
+                        }
+                        if (tdElm[j].style.border === 'none') {
+                            tdElm[j].style.removeProperty('border');
+                        }
+                    }
                 }
-                if (tdElm[j].style.border === 'none') {
-                    tdElm[j].style.removeProperty('border');
+                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
+                    continue;
                 }
             }
-            if (!tableElm[i].classList.contains('e-rte-table')) {
-                tableElm[i].classList.add('e-rte-table');
-            }
         }
         var imageElm = resultElm.querySelectorAll('img');
         for (var i = 0; i < imageElm.length; i++) {
+            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
+                continue; // Should not add the class if the image is Broken.
+            }
             if (!imageElm[i].classList.contains('e-rte-image')) {
                 imageElm[i].classList.add('e-rte-image');
             }
@@ -179,3 +193,30 @@ export function getDefaultMDTbStatus() {
         formats: null
     };
 }
+/**
+ * @param {Range} range - specifies the range
+ * @returns {void}
+ * @hidden
+ */
+export function nestedListCleanUp(range) {
+    if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
+        range.extractContents();
+        while ((range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty').length > 0 ||
+            (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('ol :empty').length > 0) {
+            var emptyLI = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty');
+            if (emptyLI.length > 0) {
+                emptyLI.forEach(function (item) {
+                    item.remove();
+                });
+            }
+        }
+        var liElem = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll("li");
+        if (liElem.length > 0) {
+            liElem.forEach(function (item) {
+                if (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL") {
+                    item.style.listStyleType = "none";
+                }
+            });
+        }
+    }
+}

package/src/editor-manager/base/constant.d.ts

@@ -82,3 +82,9 @@ export declare const CLEAR_TYPE: string;
  * @hidden
  */
 export declare const SELF_CLOSING_TAGS: string[];
+/**
+ * Source
+ *
+ * @hidden
+ */
+export declare const PASTE_SOURCE: string[];

package/src/editor-manager/base/constant.js

@@ -87,3 +87,9 @@ export var CLEAR_TYPE = 'clear-type';
  * @hidden
  */
 export var SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];
+/**
+ * Source
+ *
+ * @hidden
+ */
+export var PASTE_SOURCE = ['word', 'excel', 'onenote'];

package/src/editor-manager/base/editor-manager.d.ts

@@ -79,4 +79,9 @@ export declare class EditorManager {
      * @deprecated
      */
     execCommand<T>(command: ExecCommand, value: T, event?: Event, callBack?: Function, text?: string | Node, exeValue?: T, selector?: string, enterAction?: string): void;
+    private editorMouseDown;
+    private tripleClickSelection;
+    private getParentBlockNode;
+    private getLastTextNode;
+    private getFirstTextNode;
 }

package/src/editor-manager/base/editor-manager.js

@@ -68,6 +68,7 @@ var EditorManager = /** @class */ (function () {
         this.observer.on(EVENTS.MODEL_CHANGED, this.onPropertyChanged, this);
         this.observer.on(EVENTS.MS_WORD_CLEANUP, this.onWordPaste, this);
         this.observer.on(EVENTS.ON_BEGIN, this.onBegin, this);
+        this.observer.on(EVENTS.MOUSE_DOWN, this.editorMouseDown, this);
     };
     EditorManager.prototype.onWordPaste = function (e) {
         this.observer.notify(EVENTS.MS_WORD_CLEANUP_PLUGIN, e);
@@ -211,6 +212,64 @@ var EditorManager = /** @class */ (function () {
                     event: event, callBack: callBack });
         }
     };
+    EditorManager.prototype.editorMouseDown = function (e) {
+        if (e.args.detail === 3) {
+            this.tripleClickSelection(e.args);
+        }
+    };
+    EditorManager.prototype.tripleClickSelection = function (e) {
+        var range = this.nodeSelection.getRange(this.currentDocument);
+        var selection = this.nodeSelection.get(this.currentDocument);
+        if (selection.rangeCount > 0 && selection.toString() !== '') {
+            var startBlockNode = this.getParentBlockNode(range.startContainer);
+            var endBlockNode = this.getParentBlockNode(range.endContainer);
+            if (startBlockNode && endBlockNode && startBlockNode === endBlockNode) {
+                var newRange = this.currentDocument.createRange();
+                var startTextNode = this.getFirstTextNode(startBlockNode);
+                var endTextNode = this.getLastTextNode(endBlockNode);
+                if (startTextNode && endTextNode) {
+                    newRange.setStart(startTextNode, 0);
+                    newRange.setEnd(endTextNode, endTextNode.textContent.length);
+                    this.nodeSelection.setRange(this.currentDocument, newRange);
+                    e.preventDefault();
+                }
+            }
+        }
+    };
+    EditorManager.prototype.getParentBlockNode = function (node) {
+        var treeWalker = this.currentDocument.createTreeWalker(this.editableElement, // root
+        NodeFilter.SHOW_ELEMENT, // whatToShow
+        {
+            acceptNode: function (currentNode) {
+                // Check if the node is a block element
+                var displayStyle = window.getComputedStyle(currentNode).display;
+                if (displayStyle.indexOf('inline') < 0) {
+                    return NodeFilter.FILTER_ACCEPT;
+                }
+                else {
+                    return NodeFilter.FILTER_SKIP;
+                }
+            }
+        });
+        treeWalker.currentNode = node;
+        var blockParent = treeWalker.parentNode();
+        return blockParent;
+    };
+    EditorManager.prototype.getLastTextNode = function (node) {
+        var treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
+        var lastTextNode = null;
+        var currentNode = treeWalker.nextNode();
+        while (currentNode) {
+            lastTextNode = currentNode;
+            currentNode = treeWalker.nextNode();
+        }
+        return lastTextNode;
+    };
+    EditorManager.prototype.getFirstTextNode = function (node) {
+        var treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
+        var firstTextNode = treeWalker.nextNode();
+        return firstTextNode;
+    };
     return EditorManager;
 }());
 export { EditorManager };

package/src/editor-manager/base/interface.d.ts

@@ -227,3 +227,11 @@ export interface CSSPropCollection {
     value: string;
     priority: string;
 }
+/**
+ * @private
+ * @hidden
+ */
+export interface IHTMLMouseEventArgs {
+    name: string;
+    args: MouseEvent;
+}

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

@@ -113,9 +113,19 @@ var AudioCommand = /** @class */ (function () {
         if (!isNOU(e.item.url)) {
             sourceElement.setAttribute('src', e.item.url);
         }
-        sourceElement.type = e.item.fileName && e.item.fileName.split('.').length > 0 ?
-            'audio/' + e.item.fileName.split('.')[e.item.fileName.split('.').length - 1] :
-            e.item.url && e.item.url.split('.').length > 0 ? 'audio/' + e.item.url.split('.')[e.item.url.split('.').length - 1] : '';
+        var fileExtension = e.item.fileName ? e.item.fileName.split('.').pop().toLowerCase() :
+            e.item.url ? e.item.url.split('.').pop().toLowerCase() : '';
+        if (fileExtension === 'opus') {
+            sourceElement.type = 'audio/ogg';
+        }
+        else if (fileExtension === 'm4a') {
+            sourceElement.type = 'audio/mp4';
+        }
+        else {
+            sourceElement.type = e.item.fileName && e.item.fileName.split('.').length > 0 ?
+                'audio/' + e.item.fileName.split('.')[e.item.fileName.split('.').length - 1] :
+                e.item.url && e.item.url.split('.').length > 0 ? 'audio/' + e.item.url.split('.')[e.item.url.split('.').length - 1] : '';
+        }
     };
     AudioCommand.prototype.callBack = function (e) {
         if (e.callBack) {

package/src/editor-manager/plugin/dom-node.d.ts

@@ -317,10 +317,14 @@ export declare class DOMNode {
     /**
      * blockNodes method
      *
+     * @param {boolean} action - Optional Boolean that specifies the action is whether performed.
      * @returns {Node[]} - returns the node array values
      * @hidden
      * @deprecated
      */
-    blockNodes(): Node[];
+    blockNodes(action?: boolean): Node[];
     private ignoreTableTag;
+    private getPreBlockNodeCollection;
+    private getClosestInlineParent;
+    private wrapWithBlockNode;
 }