@syncfusion/ej2-richtexteditor 23.2.7 → 24.1.41-569421

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 {
@@ -11,16 +11,16 @@ export declare class ToolbarStatus {
      * get method
      *
      * @param {Document} docElement - specifies the document element
-     * @param {Node} targetNode - specifies the target node
+     * @param {Node} rootNode - specifies the content editable element
      * @param {string[]} formatNode - specifies the format node
      * @param {string[]} fontSize - specifies the font size
      * @param {string[]} fontName - specifies the font name.
      * @param {Node} documentNode - specifies the document node.
      * @returns {IToolbarStatus} - returns the toolbar status
      * @hidden
-
+     * @deprecated
      */
-    static get(docElement: Document, targetNode: Node, formatNode?: string[], fontSize?: string[], fontName?: string[], documentNode?: Node): IToolbarStatus;
+    static get(docElement: Document, rootNode: Node, formatNode?: string[], fontSize?: string[], fontName?: string[], documentNode?: Node): IToolbarStatus;
     private static getImmediateBlockNode;
     private static getFormatParent;
     private static isFormattedNode;

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

@@ -2,11 +2,12 @@ import { IsFormatted } from './isformatted';
 import * as CONSTANT from './../base/constant';
 import { NodeSelection } from './../../selection/index';
 import { getDefaultHtmlTbStatus } from './../../common/util';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * Update Toolbar Status
  *
  * @hidden
-
+ * @deprecated
  */
 export var statusCollection = getDefaultHtmlTbStatus();
 var ToolbarStatus = /** @class */ (function () {
@@ -16,16 +17,16 @@ var ToolbarStatus = /** @class */ (function () {
      * get method
      *
      * @param {Document} docElement - specifies the document element
-     * @param {Node} targetNode - specifies the target node
+     * @param {Node} rootNode - specifies the content editable element
      * @param {string[]} formatNode - specifies the format node
      * @param {string[]} fontSize - specifies the font size
      * @param {string[]} fontName - specifies the font name.
      * @param {Node} documentNode - specifies the document node.
      * @returns {IToolbarStatus} - returns the toolbar status
      * @hidden
-
+     * @deprecated
      */
-    ToolbarStatus.get = function (docElement, targetNode, formatNode, fontSize, fontName, documentNode) {
+    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();
@@ -55,7 +56,7 @@ var ToolbarStatus = /** @class */ (function () {
         }
         for (var index = 0; index < nodes.length; index++) {
             // eslint-disable-next-line max-len
-            formatCollection = this.getFormatParent(docElement, formatCollection, nodes[index], targetNode, formatNode, fontSize, fontName);
+            formatCollection = this.getFormatParent(docElement, formatCollection, nodes[index], rootNode, formatNode, fontSize, fontName);
             if ((index === 0 && formatCollection.bold) || !formatCollection.bold) {
                 nodeCollection.bold = formatCollection.bold;
             }
@@ -130,16 +131,24 @@ var ToolbarStatus = /** @class */ (function () {
         return node;
     };
     ToolbarStatus.getFormatParent = function (docElement, formatCollection, node, targetNode, formatNode, fontSize, fontName) {
+        var isListUpdated = false;
+        var isComplexListUpdated = false;
         if (targetNode.contains(node) ||
             (node.nodeType === 3 && targetNode.nodeType !== 3 && targetNode.contains(node.parentNode))) {
             do {
-                formatCollection = this.isFormattedNode(docElement, formatCollection, node, formatNode, fontSize, fontName);
+                formatCollection = this.isFormattedNode(docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName);
+                if (formatCollection.orderedlist || formatCollection.unorderedlist) {
+                    isListUpdated = true;
+                }
+                if (formatCollection.bulletFormatList || formatCollection.numberFormatList) {
+                    isComplexListUpdated = true;
+                }
                 node = node.parentNode;
             } while (node && (node !== targetNode));
         }
         return formatCollection;
     };
-    ToolbarStatus.isFormattedNode = function (docElement, formatCollection, node, formatNode, fontSize, fontName) {
+    ToolbarStatus.isFormattedNode = function (docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName) {
         if (!formatCollection.bold) {
             formatCollection.bold = IsFormatted.isBold(node);
         }
@@ -170,10 +179,10 @@ var ToolbarStatus = /** @class */ (function () {
         if (!formatCollection.backgroundcolor) {
             formatCollection.backgroundcolor = this.isBackgroundColor(node);
         }
-        if (!formatCollection.orderedlist) {
+        if (!formatCollection.orderedlist && !isListUpdated) {
             formatCollection.orderedlist = this.isOrderedList(node);
         }
-        if (!formatCollection.unorderedlist) {
+        if (!formatCollection.unorderedlist && !isListUpdated) {
             formatCollection.unorderedlist = this.isUnorderedList(node);
         }
         if (!formatCollection.alignments) {
@@ -188,10 +197,10 @@ var ToolbarStatus = /** @class */ (function () {
         if (!formatCollection.createlink) {
             formatCollection.createlink = this.isLink(node);
         }
-        if (!formatCollection.numberFormatList) {
+        if (!formatCollection.numberFormatList && !isComplexListUpdated) {
             formatCollection.numberFormatList = this.isNumberFormatList(node);
         }
-        if (!formatCollection.bulletFormatList) {
+        if (!formatCollection.bulletFormatList && !isComplexListUpdated) {
             formatCollection.bulletFormatList = this.isBulletFormatList(node);
         }
         return formatCollection;
@@ -250,7 +259,8 @@ var ToolbarStatus = /** @class */ (function () {
                 // eslint-disable-next-line
                 var pattern = new RegExp(name, 'i');
                 if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
-                    (value.split(',')[0] && value.split(',')[0].search(pattern) > -1)) {
+                    (value.split(',')[0] && !isNullOrUndefined(value.split(',')[0].trim().match(pattern)) &&
+                        value.split(',')[0].trim() === value.split(',')[0].trim().match(pattern)[0])) {
                     index = pos;
                 }
             }) && (index !== null)))) {

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

@@ -24,7 +24,7 @@ export declare class UndoRedoManager {
      * @param {IHtmlSubCommands} e - specifies the sub command
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     onAction(e: IHtmlSubCommands): void;
     /**
@@ -33,12 +33,13 @@ export declare class UndoRedoManager {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private keyDown;
     private keyUp;
     private getTextContentFromFragment;
+    private isElementStructureEqual;
     /**
      * RTE collection stored html format.
      *
@@ -46,7 +47,7 @@ export declare class UndoRedoManager {
      * @param {KeyboardEvent} e - specifies the keyboard event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     saveData(e?: KeyboardEvent | MouseEvent | IUndoCallBack): void;
     /**
@@ -56,7 +57,7 @@ export declare class UndoRedoManager {
      * @param {IHtmlSubCommands} e - specifies the sub commands
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     undo(e?: IHtmlSubCommands | IHtmlKeyboardEvent): void;
     /**
@@ -66,7 +67,7 @@ export declare class UndoRedoManager {
      * @function redo
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     redo(e?: IHtmlSubCommands | IHtmlKeyboardEvent): void;
     /**
@@ -74,7 +75,7 @@ export declare class UndoRedoManager {
      *
      * @returns {boolean} - returns the boolean value
      * @hidden
-
+     * @deprecated
      */
     getUndoStatus(): {
         [key: string]: boolean;

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

@@ -44,7 +44,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') {
@@ -60,7 +60,7 @@ var UndoRedoManager = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.destroy = function () {
         this.removeEventListener();
@@ -98,6 +98,25 @@ var UndoRedoManager = /** @class */ (function () {
         }
         return textContent;
     };
+    UndoRedoManager.prototype.isElementStructureEqual = function (previousFragment, currentFragment) {
+        if (previousFragment.childNodes.length !== currentFragment.childNodes.length) {
+            return false;
+        }
+        for (var i = 0; i < previousFragment.childNodes.length; i++) {
+            var previousFragmentNode = previousFragment.childNodes[i];
+            var currentFragmentNode = currentFragment.childNodes[i];
+            if (!previousFragmentNode || !currentFragmentNode) {
+                return false;
+            }
+            if (previousFragmentNode.nodeType !== currentFragmentNode.nodeType) {
+                return false;
+            }
+            if (previousFragmentNode.outerHTML !== currentFragmentNode.outerHTML) {
+                return false;
+            }
+        }
+        return true;
+    };
     /**
      * RTE collection stored html format.
      *
@@ -105,7 +124,7 @@ var UndoRedoManager = /** @class */ (function () {
      * @param {KeyboardEvent} e - specifies the keyboard event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.saveData = function (e) {
         var range = new NodeSelection().getRange(this.parent.currentDocument);
@@ -134,7 +153,8 @@ var UndoRedoManager = /** @class */ (function () {
             (this.undoRedoStack[this.undoRedoStack.length - 1].range.endOffset === save.range.endOffset) &&
             (this.undoRedoStack[this.undoRedoStack.length - 1].range.range.startContainer === save.range.startContainer) &&
             (this.getTextContentFromFragment(this.undoRedoStack[this.undoRedoStack.length - 1].text).trim() ===
-                this.getTextContentFromFragment(changEle.text).trim())) {
+                this.getTextContentFromFragment(changEle.text).trim()) &&
+            this.isElementStructureEqual(this.undoRedoStack[this.undoRedoStack.length - 1].text, changEle.text)) {
             return;
         }
         this.undoRedoStack.push(changEle);
@@ -154,7 +174,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) {
@@ -186,7 +206,7 @@ var UndoRedoManager = /** @class */ (function () {
      * @function redo
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.redo = function (e) {
         if (this.undoRedoStack[this.steps + 1] != null) {
@@ -216,7 +236,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;
@@ -13,7 +13,7 @@ export declare class VideoCommand {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;
@@ -23,7 +23,7 @@ export declare class VideoCommand {
      * @param {IHtmlItem} e - specifies the element
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     videoCommand(e: IHtmlItem): void;
     private createVideo;

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

@@ -6,7 +6,7 @@ import { InsertHtml } from './inserthtml';
  * Video internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var VideoCommand = /** @class */ (function () {
     /**
@@ -14,7 +14,7 @@ var VideoCommand = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function VideoCommand(parent) {
         this.parent = parent;
@@ -29,7 +29,7 @@ var VideoCommand = /** @class */ (function () {
      * @param {IHtmlItem} e - specifies the element
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     VideoCommand.prototype.videoCommand = function (e) {
         var selectNode;

package/src/global.d.ts

@@ -0,0 +1 @@
+export * from './index';

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;
@@ -61,7 +61,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;
 }

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();
@@ -72,7 +72,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

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

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

@@ -3,7 +3,7 @@ import { IMDFormats } from './../base/interface';
  * MDFormats internal plugin
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class MDFormats {
     private parent;
@@ -16,7 +16,7 @@ export declare class MDFormats {
      *
      * @param {IMDFormats} options - specifies the formats
      * @hidden
-
+     * @deprecated
      */
     constructor(options: IMDFormats);
     private addEventListener;

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

@@ -5,7 +5,7 @@ import * as CONSTANT from './../../markdown-parser/base/constant';
  * MDFormats internal plugin
  *
  * @hidden
-
+ * @deprecated
  */
 var MDFormats = /** @class */ (function () {
     /**
@@ -13,7 +13,7 @@ var MDFormats = /** @class */ (function () {
      *
      * @param {IMDFormats} options - specifies the formats
      * @hidden
-
+     * @deprecated
      */
     function MDFormats(options) {
         extend(this, this, options, true);

package/src/markdown-parser/plugin/insert-text.d.ts

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

package/src/markdown-parser/plugin/insert-text.js

@@ -3,7 +3,7 @@ import * as CONSTANT from './../base/constant';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var MDInsertText = /** @class */ (function () {
     /**
@@ -11,7 +11,7 @@ var MDInsertText = /** @class */ (function () {
      *
      * @param {MarkdownParser} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function MDInsertText(parent) {
         this.parent = parent;

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

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

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

@@ -3,7 +3,7 @@ import * as CONSTANT from './../base/constant';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var MDLink = /** @class */ (function () {
     /**
@@ -11,7 +11,7 @@ var MDLink = /** @class */ (function () {
      *
      * @param {MarkdownParser} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function MDLink(parent) {
         this.parent = parent;