@syncfusion/ej2-richtexteditor 27.1.52 → 27.1.57-637881

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -1,11 +1,12 @@
 import * as EVENTS from '../../common/constant';
 import { createElement, isNullOrUndefined as isNOU, detach, addClass, Browser } from '@syncfusion/ej2-base';
 import { PASTE_SOURCE } from '../base/constant';
+import { InsertMethods } from './insert-methods';
 /**
  * PasteCleanup for MsWord content
  *
  * @hidden
-
+ * @deprecated
  */
 var MsWordPaste = /** @class */ (function () {
     function MsWordPaste(parent) {
@@ -99,6 +100,9 @@ var MsWordPaste = /** @class */ (function () {
             e.callBack(elm.innerHTML, this.cropImageDimensions, source);
         }
         else {
+            if (source === PASTE_SOURCE[2]) {
+                this.handleOneNoteContent(elm);
+            }
             e.callBack(elm.innerHTML, null, source);
         }
     };
@@ -1093,6 +1097,18 @@ var MsWordPaste = /** @class */ (function () {
         }
         return 'html';
     };
+    MsWordPaste.prototype.handleOneNoteContent = function (element) {
+        var allListElements = element.querySelectorAll('ul, ol');
+        if (allListElements.length > 0) {
+            for (var i = 0; i < allListElements.length; i++) {
+                // Removing the ul and ol parent node for the p tag
+                var currentList = allListElements[i];
+                if (currentList.querySelectorAll('li').length === 0 && currentList.childNodes.length > 0) {
+                    InsertMethods.unwrap(currentList);
+                }
+            }
+        }
+    };
     MsWordPaste.prototype.destroy = function () {
         this.removeEventListener();
     };

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

@@ -2,7 +2,7 @@
  * Split the Node based on selection
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class NodeCutter {
     enterAction: string;
@@ -15,7 +15,7 @@ export declare class NodeCutter {
      * @param {HTMLElement} node - specifies the node element.
      * @returns {Node} - returns the node value
      * @hidden
-
+     * @deprecated
      */
     GetSpliceNode(range: Range, node: HTMLElement): Node;
     /**
@@ -24,7 +24,7 @@ export declare class NodeCutter {
      * @param {boolean} isCollapsed - specifies the boolean value
      * @returns {HTMLElement} - returns the element
      * @hidden
-
+     * @deprecated
      */
     SplitNode(range: Range, node: HTMLElement, isCollapsed: boolean): HTMLElement;
     private isRteElm;
@@ -38,7 +38,7 @@ export declare class NodeCutter {
      * @param {Node} node - specifies the node.
      * @returns {Range} - returns the range value
      * @hidden
-
+     * @deprecated
      */
     GetCursorRange(docElement: Document, range: Range, node: Node): Range;
     /**
@@ -49,7 +49,7 @@ export declare class NodeCutter {
      * @param {Node} node - specifies the node.
      * @returns {Node} - returns the node value
      * @hidden
-
+     * @deprecated
      */
     GetCursorNode(docElement: Document, range: Range, node: Node): Node;
     /**
@@ -58,7 +58,7 @@ export declare class NodeCutter {
      * @param {string} line - specifies the string value.
      * @returns {string} - returns the string
      * @hidden
-
+     * @deprecated
      */
     TrimLineBreak(line: string): string;
 }

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

@@ -5,7 +5,7 @@ import { InsertMethods } from './insert-methods';
  * Split the Node based on selection
  *
  * @hidden
-
+ * @deprecated
  */
 var NodeCutter = /** @class */ (function () {
     function NodeCutter() {
@@ -21,7 +21,7 @@ var NodeCutter = /** @class */ (function () {
      * @param {HTMLElement} node - specifies the node element.
      * @returns {Node} - returns the node value
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.GetSpliceNode = function (range, node) {
         node = this.SplitNode(range, node, true);
@@ -34,7 +34,7 @@ var NodeCutter = /** @class */ (function () {
      * @param {boolean} isCollapsed - specifies the boolean value
      * @returns {HTMLElement} - returns the element
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.SplitNode = function (range, node, isCollapsed) {
         if (node) {
@@ -147,7 +147,7 @@ var NodeCutter = /** @class */ (function () {
      * @param {Node} node - specifies the node.
      * @returns {Range} - returns the range value
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.GetCursorRange = function (docElement, range, node) {
         var cursorRange = docElement.createRange();
@@ -194,7 +194,7 @@ var NodeCutter = /** @class */ (function () {
      * @param {Node} node - specifies the node.
      * @returns {Node} - returns the node value
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.GetCursorNode = function (docElement, range, node) {
         return this.GetSpliceNode(this.GetCursorRange(docElement, range, node), node);
@@ -205,7 +205,7 @@ var NodeCutter = /** @class */ (function () {
      * @param {string} line - specifies the string value.
      * @returns {string} - returns the string
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.TrimLineBreak = function (line) {
         return line.replace(/(\r\n\t|\n|\r\t)/gm, ' ');

package/src/editor-manager/plugin/selection-commands.d.ts

@@ -14,7 +14,7 @@ export declare class SelectionCommands {
      * @param {FormatPainterValue} painterValues specifies the element created and last child
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     static applyFormat(docElement: Document, format: string, endNode: Node, enterAction: string, tableCellSelection?: ITableSelection, value?: string, selector?: string, painterValues?: FormatPainterValue): void;
     private static insertCursorNode;

package/src/editor-manager/plugin/selection-commands.js

@@ -24,7 +24,7 @@ var SelectionCommands = /** @class */ (function () {
      * @param {FormatPainterValue} painterValues specifies the element created and last child
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     SelectionCommands.applyFormat = function (docElement, format, endNode, enterAction, tableCellSelection, value, selector, painterValues) {
         this.enterAction = enterAction;
@@ -34,7 +34,7 @@ var SelectionCommands = /** @class */ (function () {
             if (format === 'backgroundcolor' && value === '') {
                 value = 'transparent';
             }
-            var domSelection = new NodeSelection();
+            var domSelection = new NodeSelection(endNode);
             var domNode = new DOMNode(endNode, docElement);
             var nodeCutter = new NodeCutter();
             var isFormatted = new IsFormatted();
@@ -243,7 +243,7 @@ var SelectionCommands = /** @class */ (function () {
             if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' || (isNOU(cursorNodes[0].nextSibling) ? false : cursorNodes[0].nextSibling.nodeName === 'BR'))) {
                 detach(cursorNodes[0].nodeName === '#text' ? cursorNodes[0].nextSibling : cursorNodes[0]);
             }
-            if (!isNOU(cursorNodes[0].parentElement) && IsFormatted.inlineTags.
+            if (!isNOU(cursorNodes[0] && cursorNodes[0].parentElement) && IsFormatted.inlineTags.
                 indexOf((cursorNodes[0].parentElement).tagName.toLowerCase()) !== -1 && cursorNodes[0].textContent.includes('\u200B')) {
                 var element = this.GetFormatNode(format, value);
                 var tempNode = cursorNodes[0];

package/src/editor-manager/plugin/selection-exec.d.ts

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

package/src/editor-manager/plugin/selection-exec.js

@@ -5,7 +5,7 @@ import * as EVENTS from './../../common/constant';
  * Selection EXEC internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var SelectionBasedExec = /** @class */ (function () {
     /**
@@ -13,7 +13,7 @@ var SelectionBasedExec = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function SelectionBasedExec(parent) {
         this.parent = parent;

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

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

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

@@ -7,7 +7,7 @@ import * as EVENTS from '../../common/constant';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var TableCommand = /** @class */ (function () {
     /**
@@ -15,7 +15,7 @@ var TableCommand = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function TableCommand(parent) {
         this.parent = parent;

package/src/editor-manager/plugin/toolbar-status.d.ts

@@ -3,7 +3,7 @@ import { IToolbarStatus } from './../../common/interface';
  * Update Toolbar Status
  *
  * @hidden
-
+ * @deprecated
  */
 export declare const statusCollection: IToolbarStatus;
 export declare class ToolbarStatus {
@@ -18,7 +18,7 @@ export declare class ToolbarStatus {
      * @param {Node} documentNode - specifies the document node.
      * @returns {IToolbarStatus} - returns the toolbar status
      * @hidden
-
+     * @deprecated
      */
     static get(docElement: Document, rootNode: Node, formatNode?: string[], fontSize?: string[], fontName?: string[], documentNode?: Node): IToolbarStatus;
     private static getImmediateBlockNode;

package/src/editor-manager/plugin/toolbar-status.js

@@ -7,7 +7,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * Update Toolbar Status
  *
  * @hidden
-
+ * @deprecated
  */
 export var statusCollection = getDefaultHtmlTbStatus();
 var ToolbarStatus = /** @class */ (function () {
@@ -24,12 +24,12 @@ var ToolbarStatus = /** @class */ (function () {
      * @param {Node} documentNode - specifies the document node.
      * @returns {IToolbarStatus} - returns the toolbar status
      * @hidden
-
+     * @deprecated
      */
     ToolbarStatus.get = function (docElement, rootNode, formatNode, fontSize, fontName, documentNode) {
         var formatCollection = JSON.parse(JSON.stringify(statusCollection));
         var nodeCollection = JSON.parse(JSON.stringify(statusCollection));
-        var nodeSelection = new NodeSelection();
+        var nodeSelection = new NodeSelection(rootNode);
         var range = nodeSelection.getRange(docElement);
         var nodes = documentNode ? [documentNode] : range.collapsed ? nodeSelection.getNodeCollection(range) :
             nodeSelection.getSelectionNodeCollectionBr(range);

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

@@ -25,7 +25,7 @@ export declare class UndoRedoManager {
      * @param {IHtmlSubCommands} e - specifies the sub command
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     onAction(e: IHtmlSubCommands): void;
     /**
@@ -34,7 +34,7 @@ export declare class UndoRedoManager {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private keyDown;
@@ -48,7 +48,7 @@ export declare class UndoRedoManager {
      * @param {KeyboardEvent} e - specifies the keyboard event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     saveData(e?: KeyboardEvent | MouseEvent | IUndoCallBack): void;
     /**
@@ -58,7 +58,7 @@ export declare class UndoRedoManager {
      * @param {IHtmlSubCommands} e - specifies the sub commands
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     undo(e?: IHtmlSubCommands | IHtmlKeyboardEvent): void;
     /**
@@ -68,7 +68,7 @@ export declare class UndoRedoManager {
      * @function redo
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     redo(e?: IHtmlSubCommands | IHtmlKeyboardEvent): void;
     /**
@@ -76,7 +76,7 @@ export declare class UndoRedoManager {
      *
      * @returns {boolean} - returns the boolean value
      * @hidden
-
+     * @deprecated
      */
     getUndoStatus(): {
         [key: string]: boolean;

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

@@ -48,7 +48,7 @@ var UndoRedoManager = /** @class */ (function () {
      * @param {IHtmlSubCommands} e - specifies the sub command
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.onAction = function (e) {
         if (e.subCommand === 'Undo') {
@@ -64,7 +64,7 @@ var UndoRedoManager = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.destroy = function () {
         this.removeEventListener();
@@ -133,13 +133,13 @@ var UndoRedoManager = /** @class */ (function () {
      * @param {KeyboardEvent} e - specifies the keyboard event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.saveData = function (e) {
         if (!this.parent.currentDocument) {
             return;
         }
-        var range = new NodeSelection().getRange(this.parent.currentDocument);
+        var range = new NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
         var currentContainer = this.parent.editableElement === range.startContainer.parentElement ?
             range.startContainer.parentElement : range.startContainer;
         for (var i = currentContainer.childNodes.length - 1; i >= 0; i--) {
@@ -149,8 +149,8 @@ var UndoRedoManager = /** @class */ (function () {
                 detach(currentContainer.childNodes[i]);
             }
         }
-        range = new NodeSelection().getRange(this.parent.currentDocument);
-        var save = new NodeSelection().save(range, this.parent.currentDocument);
+        range = new NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
+        var save = new NodeSelection(this.parent.editableElement).save(range, this.parent.currentDocument);
         var clonedElement = this.parent.editableElement.cloneNode(true);
         var fragment = document.createDocumentFragment();
         while (clonedElement.firstChild) {
@@ -186,7 +186,7 @@ var UndoRedoManager = /** @class */ (function () {
      * @param {IHtmlSubCommands} e - specifies the sub commands
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.undo = function (e) {
         if (this.steps > 0) {
@@ -219,7 +219,7 @@ var UndoRedoManager = /** @class */ (function () {
      * @function redo
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.redo = function (e) {
         if (this.undoRedoStack[this.steps + 1] != null) {
@@ -250,7 +250,7 @@ var UndoRedoManager = /** @class */ (function () {
      *
      * @returns {boolean} - returns the boolean value
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.getUndoStatus = function () {
         var status = { undo: false, redo: false };

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

@@ -4,7 +4,7 @@ import { IHtmlItem } from './../base/interface';
  * Video internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class VideoCommand {
     private parent;
@@ -14,7 +14,7 @@ export declare class VideoCommand {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;
@@ -25,7 +25,7 @@ export declare class VideoCommand {
      * @param {IHtmlItem} e - specifies the element
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     videoCommand(e: IHtmlItem): void;
     private wrapVideo;

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

@@ -7,7 +7,7 @@ import * as EVENTS from './../../common/constant';
  * Video internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var VideoCommand = /** @class */ (function () {
     /**
@@ -15,7 +15,7 @@ var VideoCommand = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function VideoCommand(parent) {
         this.parent = parent;
@@ -35,7 +35,7 @@ var VideoCommand = /** @class */ (function () {
      * @param {IHtmlItem} e - specifies the element
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     VideoCommand.prototype.videoCommand = function (e) {
         var selectNode;

package/src/markdown-parser/base/interface.d.ts

@@ -5,7 +5,7 @@ import { KeyboardEventArgs } from '@syncfusion/ej2-base';
  * Specifies IMDFormats interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IMDFormats {
     /**
@@ -23,7 +23,7 @@ export interface IMDFormats {
  * Specifies IMTable interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IMDTable {
     syntaxTag?: {
@@ -39,14 +39,14 @@ export interface IMDTable {
 /**
  * Defines types to be used to customize the markdown syntax.
  *
-
+ * @deprecated
  */
 export declare type MarkdownTableFormat = 'Formats' | 'List';
 /**
  * Specifies ISelectedLines interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface ISelectedLines {
     /**
@@ -68,7 +68,7 @@ export interface ISelectedLines {
  * Specifies MarkdownParserModel interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IMarkdownParserModel {
     /**
@@ -104,7 +104,7 @@ export interface IMarkdownParserModel {
  * Specifies ISubCommands interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IMarkdownSubCommands {
     /**
@@ -121,7 +121,7 @@ export interface IMarkdownSubCommands {
     event?: MouseEvent;
 }
 /**
-
+ * @deprecated
  */
 export interface MarkdownUndoRedoData {
     text?: string;
@@ -129,7 +129,7 @@ export interface MarkdownUndoRedoData {
     end?: number;
 }
 /**
-
+ * @deprecated
  */
 export interface IMarkdownItem {
     module?: string;
@@ -140,7 +140,7 @@ export interface IMarkdownItem {
     callBack(args: IMarkdownFormatterCallBack): () => void;
 }
 /**
-
+ * @deprecated
  */
 export interface IMarkdownItemArgs {
     url?: string;
@@ -155,7 +155,7 @@ export interface IMarkdownItemArgs {
  * Specifies IMDKeyboardEvent interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IMDKeyboardEvent {
     /**

package/src/markdown-parser/base/markdown-parser.d.ts

@@ -14,7 +14,7 @@ import { MDInsertText } from './../plugin/insert-text';
  * MarkdownParser internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class MarkdownParser {
     observer: Observer;
@@ -42,7 +42,7 @@ export declare class MarkdownParser {
      *
      * @param {IMarkdownParserModel} options - specifies the options
      * @hidden
-
+     * @deprecated
      */
     constructor(options: IMarkdownParserModel);
     private initialize;
@@ -62,7 +62,7 @@ export declare class MarkdownParser {
      * @param {T} exeValue - specifies the value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     execCommand<T>(command: MarkdownExecCommand, value: T, event?: Event, callBack?: Function, text?: string, exeValue?: T): void;
     destroy(): void;

package/src/markdown-parser/base/markdown-parser.js

@@ -16,7 +16,7 @@ import { MDInsertText } from './../plugin/insert-text';
  * MarkdownParser internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var MarkdownParser = /** @class */ (function () {
     /**
@@ -24,7 +24,7 @@ var MarkdownParser = /** @class */ (function () {
      *
      * @param {IMarkdownParserModel} options - specifies the options
      * @hidden
-
+     * @deprecated
      */
     function MarkdownParser(options) {
         this.initialize();
@@ -77,7 +77,7 @@ var MarkdownParser = /** @class */ (function () {
      * @param {T} exeValue - specifies the value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     MarkdownParser.prototype.execCommand = function (command, value, event, callBack, text, exeValue) {

package/src/markdown-parser/base/types.d.ts

@@ -2,6 +2,6 @@
  * Types type for Markdown parser
  *
  * @hidden
-
+ * @deprecated
  */
 export declare type MarkdownExecCommand = 'Indents' | 'Lists' | 'Formats' | 'Alignments' | 'Style' | 'Effects' | 'Casing' | 'Actions' | 'table' | 'Links' | 'Images' | 'Clear' | 'Inserttext';

package/src/markdown-parser/plugin/clearformat.d.ts

@@ -3,7 +3,7 @@ import { MarkdownParser } from './../base/markdown-parser';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ClearFormat {
     private parent;
@@ -13,7 +13,7 @@ export declare class ClearFormat {
      *
      * @param {MarkdownParser} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: MarkdownParser);
     private addEventListener;

package/src/markdown-parser/plugin/clearformat.js

@@ -4,7 +4,7 @@ import * as EVENTS from './../../common/constant';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var ClearFormat = /** @class */ (function () {
     /**
@@ -12,7 +12,7 @@ var ClearFormat = /** @class */ (function () {
      *
      * @param {MarkdownParser} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function ClearFormat(parent) {
         this.parent = parent;