@syncfusion/ej2-richtexteditor 25.1.42 → 25.2.4-621927

package/helpers/e2e/index.js

@@ -1,8 +1,8 @@
 define(["require", "exports", "./rte-helper"], function (require, exports, rte_helper_1) {
     "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
     Object.defineProperty(exports, "__esModule", { value: true });
     __export(rte_helper_1);
 });

package/helpers/e2e/rte-helper.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });

package/license

@@ -1,10 +1,10 @@
-Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
-
-To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
-
-Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
-
-Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
-
-The Syncfusion license that contains the terms and conditions can be found at 
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
 https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -1,84 +1,84 @@
-{
-  "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@25.1.41",
-  "_inBundle": false,
-  "_integrity": "sha512-+SQQWuGTr85M/kWC43aUeAA8TDQsVcc+Py0S5FC0jSb88TH8ZhY1yS/N9nSsCtkk8H+9LWn3sF3xk9VNzovEdw==",
-  "_location": "/@syncfusion/ej2-richtexteditor",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-richtexteditor@*",
-    "name": "@syncfusion/ej2-richtexteditor",
-    "escapedName": "@syncfusion%2fej2-richtexteditor",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-richtexteditor",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-react-richtexteditor",
-    "/@syncfusion/ej2-vue-richtexteditor"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.1.41.tgz",
-  "_shasum": "e454a752ac8f1b765d7affaadc18316ec104e50f",
-  "_spec": "@syncfusion/ej2-richtexteditor@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-buttons": "~25.1.39",
-    "@syncfusion/ej2-filemanager": "~25.1.40",
-    "@syncfusion/ej2-inputs": "~25.1.42",
-    "@syncfusion/ej2-navigations": "~25.1.42",
-    "@syncfusion/ej2-popups": "~25.1.42",
-    "@syncfusion/ej2-splitbuttons": "~25.1.38"
-  },
-  "deprecated": false,
-  "description": "Essential JS 2 RichTextEditor component",
-  "devDependencies": {},
-  "es2015": "./dist/es6/ej2-richtexteditor.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
-  "keywords": [
-    "ej2",
-    "syncfusion",
-    "HTML5-rich-text-editor",
-    "wysiwyg-html-editor",
-    "rich-text-editor",
-    "markdown-editor",
-    "wysiwyg-markdown-editor",
-    "editor",
-    "rich text editor",
-    "editing",
-    "rich text",
-    "rich editor",
-    "text editor",
-    "contenteditable",
-    "wysiwyg",
-    "html",
-    "text",
-    "markdown"
-  ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-richtexteditor.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-richtexteditor",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
-  },
-  "typings": "index.d.ts",
-  "version": "25.1.42",
-  "sideEffects": false
-}
+{
+    "_from": "@syncfusion/ej2-richtexteditor@*",
+    "_id": "@syncfusion/ej2-richtexteditor@25.2.3",
+    "_inBundle": false,
+    "_integrity": "sha512-l5lUzKF2Mrk2KgQR3Sez/lXpDu9vZnnUJXSfQNUHy+kfr+Z8qd+8SwR06pt7hBZjn05UTHz+TLCmRKA+uYmTHQ==",
+    "_location": "/@syncfusion/ej2-richtexteditor",
+    "_phantomChildren": {},
+    "_requested": {
+      "type": "range",
+      "registry": true,
+      "raw": "@syncfusion/ej2-richtexteditor@*",
+      "name": "@syncfusion/ej2-richtexteditor",
+      "escapedName": "@syncfusion%2fej2-richtexteditor",
+      "scope": "@syncfusion",
+      "rawSpec": "*",
+      "saveSpec": null,
+      "fetchSpec": "*"
+    },
+    "_requiredBy": [
+      "/",
+      "/@syncfusion/ej2",
+      "/@syncfusion/ej2-angular-richtexteditor",
+      "/@syncfusion/ej2-gantt",
+      "/@syncfusion/ej2-inplace-editor",
+      "/@syncfusion/ej2-react-richtexteditor",
+      "/@syncfusion/ej2-vue-richtexteditor"
+    ],
+    "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.2.3.tgz",
+    "_shasum": "ca743ef7877548820123a735ac98979caf771278",
+    "_spec": "@syncfusion/ej2-richtexteditor@*",
+    "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+    "author": {
+      "name": "Syncfusion Inc."
+    },
+    "bugs": {
+      "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
+    },
+    "bundleDependencies": false,
+    "dependencies": {
+      "@syncfusion/ej2-base": "~25.2.3",
+      "@syncfusion/ej2-buttons": "~25.2.4",
+      "@syncfusion/ej2-filemanager": "~25.2.3",
+      "@syncfusion/ej2-inputs": "~25.2.3",
+      "@syncfusion/ej2-navigations": "~25.2.4",
+      "@syncfusion/ej2-popups": "~25.2.4",
+      "@syncfusion/ej2-splitbuttons": "~25.2.4"
+    },
+    "deprecated": false,
+    "description": "Essential JS 2 RichTextEditor component",
+    "devDependencies": {},
+    "es2015": "./dist/es6/ej2-richtexteditor.es5.js",
+    "homepage": "https://www.syncfusion.com/javascript-ui-controls",
+    "keywords": [
+      "ej2",
+      "syncfusion",
+      "HTML5-rich-text-editor",
+      "wysiwyg-html-editor",
+      "rich-text-editor",
+      "markdown-editor",
+      "wysiwyg-markdown-editor",
+      "editor",
+      "rich text editor",
+      "editing",
+      "rich text",
+      "rich editor",
+      "text editor",
+      "contenteditable",
+      "wysiwyg",
+      "html",
+      "text",
+      "markdown"
+    ],
+    "license": "SEE LICENSE IN license",
+    "main": "./dist/ej2-richtexteditor.umd.min.js",
+    "module": "./index.js",
+    "name": "@syncfusion/ej2-richtexteditor",
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+    },
+    "typings": "index.d.ts",
+    "version": "25.2.4-621927",
+    "sideEffects": false
+  }

package/src/common/interface.d.ts

@@ -2,11 +2,11 @@
  * Specifies  common models interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 import { EditorMode } from './types';
 /**
-
+ * @deprecated
  */
 export interface IAdvanceListItem {
     listStyle?: string;
@@ -14,7 +14,7 @@ export interface IAdvanceListItem {
     type?: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IMarkdownFormatterCallBack {
     selectedText?: string;
@@ -24,7 +24,7 @@ export interface IMarkdownFormatterCallBack {
     requestType?: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IHtmlFormatterCallBack {
     selectedNode?: Element;
@@ -37,7 +37,7 @@ export interface IHtmlFormatterCallBack {
     event?: KeyboardEvent | MouseEvent;
 }
 /**
-
+ * @deprecated
  */
 export interface IMarkdownToolbarStatus {
     OrderedList: boolean;
@@ -45,14 +45,14 @@ export interface IMarkdownToolbarStatus {
     Formats: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IUndoCallBack {
     callBack?: Function;
     event?: Object;
 }
 /**
-
+ * @deprecated
  */
 export interface IToolbarStatus {
     bold?: boolean;
@@ -78,7 +78,7 @@ export interface IToolbarStatus {
     bulletFormatList?: string | boolean;
 }
 /**
-
+ * @deprecated
  * @private
  *
  *
@@ -89,3 +89,17 @@ export interface IImageResizeFactor {
     botLeft: [number, number];
     botRight: [number, number];
 }
+/**
+ * The `ImageOrTableCursor` is used to specify the image or table cursor in Enter key Module.
+ *
+ * @private
+ * @hidden
+ *
+ *
+ * */
+export interface ImageOrTableCursor {
+    start: boolean;
+    startName: string;
+    end: boolean;
+    endName: string;
+}

package/src/common/util.d.ts

@@ -40,3 +40,11 @@ export declare function getDefaultMDTbStatus(): IToolbarStatus;
  * @hidden
  */
 export declare function nestedListCleanUp(range: Range): void;
+/**
+ * Method to scroll the content to the cursor position
+ *
+ * @param {Document} document - specifies the document.
+ * @param {HTMLElement | HTMLBodyElement} inputElement - specifies the input element.
+ * @returns {void}
+ */
+export declare function scrollToCursor(document: Document, inputElement: HTMLElement | HTMLBodyElement): void;

package/src/common/util.js

@@ -116,6 +116,10 @@ export function updateTextNode(value, enterAction) {
                     tableElm[i].classList.remove('e-rte-paste-onenote-table');
                     continue;
                 }
+                else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-html-table');
+                    continue;
+                }
             }
         }
         var imageElm = resultElm.querySelectorAll('img');
@@ -209,14 +213,65 @@ export function nestedListCleanUp(range) {
                     item.remove();
                 });
             }
+            else {
+                break;
+            }
         }
         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") {
+                if (!isNullOrUndefined(item.firstChild) && (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL")) {
                     item.style.listStyleType = "none";
                 }
             });
         }
     }
 }
+/**
+ * Method to scroll the content to the cursor position
+ *
+ * @param {Document} document - specifies the document.
+ * @param {HTMLElement | HTMLBodyElement} inputElement - specifies the input element.
+ * @returns {void}
+ */
+export function scrollToCursor(document, inputElement) {
+    var rootElement = inputElement.nodeName === 'BODY' ?
+        inputElement.ownerDocument.defaultView.frameElement.closest('.e-richtexteditor') :
+        inputElement.closest('.e-richtexteditor');
+    var height = rootElement.style.height;
+    if (document.getSelection().rangeCount === 0) {
+        return;
+    }
+    var range = document.getSelection().getRangeAt(0);
+    var finalFocusElement = range.startContainer.nodeName === '#text' ? range.startContainer.parentElement :
+        range.startContainer;
+    var rect = finalFocusElement.getBoundingClientRect();
+    var cursorTop = rect.top;
+    var cursorBottom = rect.bottom;
+    var rootRect = rootElement.getBoundingClientRect();
+    var hasMargin = rootElement.querySelectorAll('.e-count-enabled, .e-resize-enabled').length > 0;
+    if (inputElement.nodeName === 'BODY') {
+        if (height === 'auto') {
+            if (window.innerHeight < cursorTop) {
+                finalFocusElement.scrollIntoView(false);
+            }
+        }
+        else {
+            if (cursorTop > inputElement.getBoundingClientRect().height) {
+                finalFocusElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+            }
+        }
+    }
+    else {
+        if (height === 'auto') {
+            if (window.innerHeight < cursorTop) {
+                finalFocusElement.scrollIntoView({ block: 'end', inline: 'nearest' });
+            }
+        }
+        else {
+            if (cursorBottom > rootRect.bottom) {
+                rootElement.querySelector('.e-rte-content').scrollTop += (cursorBottom - rootRect.bottom) + (hasMargin ? 20 : 0);
+            }
+        }
+    }
+}

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

@@ -3,7 +3,7 @@
  */
 /**
  * @hidden
-
+ * @deprecated
  */
 export declare const CLASS_IMAGE_RIGHT: string;
 export declare const CLASS_IMAGE_LEFT: string;

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

@@ -3,7 +3,7 @@
  */
 /**
  * @hidden
-
+ * @deprecated
  */
 export var CLASS_IMAGE_RIGHT = 'e-imgright';
 export var CLASS_IMAGE_LEFT = 'e-imgleft';

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

@@ -24,7 +24,7 @@ import { EmojiPickerAction } from '../plugin/emoji-picker-action';
  * EditorManager internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class EditorManager {
     currentDocument: HTMLDocument;
@@ -54,7 +54,7 @@ export declare class EditorManager {
      * Constructor for creating the component
      *
      * @hidden
-
+     * @deprecated
      * @param {ICommandModel} options - specifies the command Model
      */
     constructor(options: ICommandModel);
@@ -76,7 +76,7 @@ export declare class EditorManager {
      * @param {string} selector - specifies the selector values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     execCommand<T>(command: ExecCommand, value: T, event?: Event, callBack?: Function, text?: string | Node, exeValue?: T, selector?: string, enterAction?: string): void;
     private editorMouseDown;

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

@@ -25,14 +25,14 @@ import { EmojiPickerAction } from '../plugin/emoji-picker-action';
  * EditorManager internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var EditorManager = /** @class */ (function () {
     /**
      * Constructor for creating the component
      *
      * @hidden
-
+     * @deprecated
      * @param {ICommandModel} options - specifies the command Model
      */
     function EditorManager(options) {
@@ -98,7 +98,7 @@ var EditorManager = /** @class */ (function () {
      * @param {string} selector - specifies the selector values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     EditorManager.prototype.execCommand = function (command, value, event, callBack, text, exeValue, selector, enterAction) {
@@ -115,12 +115,14 @@ var EditorManager = /** @class */ (function () {
             case 'alignments':
                 this.observer.notify(CONSTANT.ALIGNMENT_TYPE, {
                     subCommand: value, event: event, callBack: callBack,
-                    selector: selector,
-                    value: exeValue
+                    selector: selector, value: exeValue, enterAction: enterAction
                 });
                 break;
             case 'indents':
-                this.observer.notify(CONSTANT.INDENT_TYPE, { subCommand: value, event: event, callBack: callBack, selector: selector });
+                this.observer.notify(CONSTANT.INDENT_TYPE, {
+                    subCommand: value, event: event, callBack: callBack,
+                    selector: selector, enterAction: enterAction
+                });
                 break;
             case 'links':
                 this.observer.notify(CONSTANT.LINK, { command: command, value: value, item: exeValue, event: event, callBack: callBack });

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

@@ -3,14 +3,14 @@
  */
 /**
  *
-
+ * @deprecated
  * @hidden
  * Defines the context or contexts in which styles will be copied.
  */
 export declare type IFormatPainterContext = 'Text' | 'List' | 'Table';
 /**
  *
-
+ * @deprecated
  * @hidden
  * Defines the action values for format painter.
  */

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

@@ -6,7 +6,7 @@ import { IFormatPainterActionValue, IFormatPainterContext } from './enum';
  * Specifies  Command models interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface ICommandModel {
     /**
@@ -26,7 +26,7 @@ export interface ICommandModel {
  * Specifies IHtmlSubCommands interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IHtmlSubCommands {
     /**
@@ -65,7 +65,7 @@ export interface IHtmlSubCommands {
  * Specifies  IKeyboardActionArgs interfaces for command line.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IKeyboardActionArgs extends KeyboardEvent {
     /**
@@ -74,7 +74,7 @@ export interface IKeyboardActionArgs extends KeyboardEvent {
     action: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IHtmlItem {
     module?: string;
@@ -91,7 +91,7 @@ export interface IHtmlItem {
     enterAction?: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IHtmlItemArgs {
     selection?: NodeSelection;
@@ -127,7 +127,7 @@ export interface IHtmlItemArgs {
     ariaLabel?: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IHtmlUndoRedoData {
     text?: DocumentFragment;
@@ -137,7 +137,7 @@ export interface IHtmlUndoRedoData {
  * Specifies IHtmlKeyboardEvent interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IHtmlKeyboardEvent {
     /**
@@ -163,7 +163,7 @@ export interface IHtmlKeyboardEvent {
 }
 /**
  *
-
+ * @deprecated
  * @hidden
  *
  */
@@ -174,7 +174,7 @@ export interface IFormatPainterSettings {
 }
 /**
  *
-
+ * @deprecated
  * @hidden
  *
  */

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

@@ -2,6 +2,6 @@
  * Types type for EditorManager
  *
  * @hidden
-
+ * @deprecated
  */
 export declare type EditorExecCommand = 'Indents' | 'Lists' | 'Formats' | 'Alignments' | 'Links' | 'Images' | 'Font' | 'Style' | 'Clear' | 'Effects' | 'Casing' | 'InsertHtml' | 'InsertText' | 'Actions';

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

@@ -3,7 +3,7 @@ import { EditorManager } from './../base/editor-manager';
  * Formats internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class Alignments {
     private parent;
@@ -14,7 +14,7 @@ export declare class Alignments {
      * @param {EditorManager} parent - specifies the parent element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;

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

@@ -6,7 +6,7 @@ import { isIDevice, setEditFrameFocus } from '../../common/util';
  * Formats internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var Alignments = /** @class */ (function () {
     /**
@@ -15,7 +15,7 @@ var Alignments = /** @class */ (function () {
      * @param {EditorManager} parent - specifies the parent element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     function Alignments(parent) {
         this.alignments = {
@@ -64,6 +64,9 @@ var Alignments = /** @class */ (function () {
         if (!isTableAlign) {
             this.parent.domNode.setMarker(save);
             var alignmentNodes = this.parent.domNode.blockNodes();
+            if (e.enterAction === 'BR') {
+                alignmentNodes = this.parent.domNode.convertToBlockNodes(alignmentNodes, false);
+            }
             for (var i = 0; i < alignmentNodes.length; i++) {
                 var parentNode = alignmentNodes[i];
                 setStyleAttribute(parentNode, { 'text-align': this.alignments[e.subCommand] });