@syncfusion/ej2-richtexteditor 19.3.43 → 19.3.47-6125

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) {
@@ -144,7 +144,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();
@@ -188,7 +188,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);
@@ -199,7 +199,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

@@ -6,11 +6,12 @@ export declare class SelectionCommands {
      * @param {Document} docElement - specifies the document
      * @param {string} format - specifies the string value
      * @param {Node} endNode - specifies the end node
+     * @param {string} enterAction - specifies the enter key action
      * @param {string} value - specifies the string value
      * @param {string} selector - specifies the string
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     static applyFormat(docElement: Document, format: string, endNode: Node, enterAction: string, value?: string, selector?: string): void;
     private static insertCursorNode;

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

@@ -17,11 +17,12 @@ var SelectionCommands = /** @class */ (function () {
      * @param {Document} docElement - specifies the document
      * @param {string} format - specifies the string value
      * @param {Node} endNode - specifies the end node
+     * @param {string} enterAction - specifies the enter key action
      * @param {string} value - specifies the string value
      * @param {string} selector - specifies the string
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     SelectionCommands.applyFormat = function (docElement, format, endNode, enterAction, value, selector) {
         this.enterAction = enterAction;
@@ -31,7 +32,6 @@ var SelectionCommands = /** @class */ (function () {
             if (format === 'backgroundcolor' && value === '') {
                 value = 'transparent';
             }
-            var preventRestore = false;
             var domSelection = new NodeSelection();
             var domNode = new DOMNode(endNode, docElement);
             var nodeCutter = new NodeCutter();
@@ -43,6 +43,7 @@ var SelectionCommands = /** @class */ (function () {
             var isCollapsed = false;
             var isFormat = false;
             var isCursor = false;
+            var preventRestore = false;
             var isFontStyle = (['fontcolor', 'fontname', 'fontsize', 'backgroundcolor'].indexOf(format) > -1);
             if (range.collapsed) {
                 if (nodes.length > 0) {
@@ -66,6 +67,9 @@ var SelectionCommands = /** @class */ (function () {
                     else {
                         domSelection.endOffset = domSelection.startOffset = 1;
                     }
+                    if (cursorNode.nodeName === 'BR' && cursorNode.parentNode.textContent.length === 0) {
+                        preventRestore = true;
+                    }
                 }
             }
             isCursor = range.collapsed;
@@ -113,7 +117,53 @@ var SelectionCommands = /** @class */ (function () {
         var cursorNode = null;
         if (cursorFormat) {
             cursorNode = cursorNodes[0];
-            InsertMethods.unwrap(cursorFormat);
+            if (cursorFormat.firstChild.textContent.charCodeAt(0) === 8203) {
+                var isCursorEqual = false;
+                var regEx = new RegExp(String.fromCharCode(8203), 'g');
+                var emptySpaceNode = void 0;
+                if (cursorFormat.firstChild === cursorNode) {
+                    cursorNode.textContent = cursorNode.textContent.replace(regEx, '');
+                    emptySpaceNode = cursorNode;
+                    isCursorEqual = true;
+                }
+                else {
+                    cursorFormat.firstChild.textContent = cursorFormat.firstChild.textContent.replace(regEx, '');
+                    emptySpaceNode = cursorFormat.firstChild;
+                }
+                var pointer = void 0;
+                if (emptySpaceNode.textContent.length === 0) {
+                    if (!isNOU(emptySpaceNode.previousSibling)) {
+                        cursorNode = emptySpaceNode.previousSibling;
+                        pointer = emptySpaceNode.textContent.length - 1;
+                        domSelection.setCursorPoint(docElement, emptySpaceNode, pointer);
+                    }
+                    else if (!isNOU(emptySpaceNode.parentElement) && emptySpaceNode.parentElement.textContent.length === 0) {
+                        var brElem = document.createElement('BR');
+                        emptySpaceNode.parentElement.appendChild(brElem);
+                        detach(emptySpaceNode);
+                        cursorNode = brElem;
+                        domSelection.setCursorPoint(docElement, cursorNode.parentElement, 0);
+                    }
+                }
+            }
+            if ((['fontcolor', 'fontname', 'fontsize', 'backgroundcolor'].indexOf(format) > -1)) {
+                if (format === 'fontcolor') {
+                    cursorFormat.style.color = value;
+                }
+                else if (format === 'fontname') {
+                    cursorFormat.style.fontFamily = value;
+                }
+                else if (format === 'fontsize') {
+                    cursorFormat.style.fontSize = value;
+                }
+                else {
+                    cursorFormat.style.backgroundColor = value;
+                }
+                cursorNode = cursorFormat;
+            }
+            else {
+                InsertMethods.unwrap(cursorFormat);
+            }
         }
         else {
             if (cursorNodes.length > 1 && range.startOffset > 0 && (cursorNodes[0].firstElementChild &&

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

@@ -5,7 +5,7 @@ import { InsertHtml } from './inserthtml';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var TableCommand = /** @class */ (function () {
     /**
@@ -13,7 +13,7 @@ var TableCommand = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function TableCommand(parent) {
         this.parent = parent;
@@ -223,7 +223,7 @@ var TableCommand = /** @class */ (function () {
         var currentTabElm = closest(curRow, 'table');
         var thTdElm = closest(curRow, 'table').querySelectorAll('th,td');
         for (var i = 0; i < thTdElm.length; i++) {
-            thTdElm[i].dataset.oldWidth = (thTdElm[i].offsetWidth / currentTabElm.offsetWidth * 100) + "%";
+            thTdElm[i].dataset.oldWidth = (thTdElm[i].offsetWidth / currentTabElm.offsetWidth * 100) + '%';
         }
         for (var i = 0; i < allRows.length; i++) {
             curCell = allRows[i].querySelectorAll(':scope > td, :scope > th')[colIndex];
@@ -236,11 +236,11 @@ var TableCommand = /** @class */ (function () {
             // eslint-disable-next-line
             (e.item.subCommand === 'InsertColumnLeft') ? curCell.parentElement.insertBefore(colTemplate, curCell) :
                 this.insertAfter(colTemplate, curCell);
-            colTemplate.style.width = currentWidth.toFixed(4) + "%";
+            colTemplate.style.width = currentWidth.toFixed(4) + '%';
             delete colTemplate.dataset.oldWidth;
         }
         for (var i = 0; i < thTdElm.length; i++) {
-            thTdElm[i].style.width = (Number(thTdElm[i].dataset.oldWidth.split('%')[0]) * currentWidth / previousWidth).toFixed(4) + "%";
+            thTdElm[i].style.width = (Number(thTdElm[i].dataset.oldWidth.split('%')[0]) * currentWidth / previousWidth).toFixed(4) + '%';
             delete thTdElm[i].dataset.oldWidth;
         }
         e.item.selection.setSelectionText(this.parent.currentDocument, selectedCell, selectedCell, 0, 0);

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, targetNode: Node, formatNode?: string[], fontSize?: string[], fontName?: string[], documentNode?: Node): IToolbarStatus;
     private static getImmediateBlockNode;

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

@@ -6,7 +6,7 @@ import { getDefaultHtmlTbStatus } from './../../common/util';
  * Update Toolbar Status
  *
  * @hidden
-
+ * @deprecated
  */
 export var statusCollection = getDefaultHtmlTbStatus();
 var ToolbarStatus = /** @class */ (function () {
@@ -23,7 +23,7 @@ var ToolbarStatus = /** @class */ (function () {
      * @param {Node} documentNode - specifies the document node.
      * @returns {IToolbarStatus} - returns the toolbar status
      * @hidden
-
+     * @deprecated
      */
     ToolbarStatus.get = function (docElement, targetNode, formatNode, fontSize, fontName, documentNode) {
         var formatCollection = JSON.parse(JSON.stringify(statusCollection));
@@ -35,8 +35,8 @@ var ToolbarStatus = /** @class */ (function () {
         var range = nodeSelection.getRange(docElement);
         for (var index = 0; index < nodes.length; index++) {
             while (nodes[index].nodeType === 3 && range.startContainer.nodeType === 3 && nodes[index].parentNode &&
-                nodes[index].parentNode.lastElementChild && nodes[index].parentNode.lastElementChild.nodeName !== "BR" &&
-                this.getImmediateBlockNode(nodes[index].parentNode, targetNode).textContent.replace(/\u200B/g, '').length === 0 &&
+                nodes[index].parentNode.lastElementChild && nodes[index].parentNode.lastElementChild.nodeName !== 'BR' &&
+                (this.getImmediateBlockNode(nodes[index].parentNode)).textContent.replace(/\u200B/g, '').length === 0 &&
                 range.startContainer.textContent.replace(/\u200B/g, '').length === 0 &&
                 nodeSelection.get(docElement).toString().replace(/\u200B/g, '').length === 0) {
                 nodes[index] = nodes[index].parentNode.lastElementChild.firstChild;
@@ -112,7 +112,7 @@ var ToolbarStatus = /** @class */ (function () {
         }
         return nodeCollection;
     };
-    ToolbarStatus.getImmediateBlockNode = function (node, editNode) {
+    ToolbarStatus.getImmediateBlockNode = function (node) {
         do {
             node = node.parentNode;
         } while (node && CONSTANT.BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0);

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,7 +33,7 @@ export declare class UndoRedoManager {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private keyDown;
@@ -45,7 +45,7 @@ export declare class UndoRedoManager {
      * @param {KeyboardEvent} e - specifies the keyboard event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     saveData(e?: KeyboardEvent | MouseEvent | IUndoCallBack): void;
     /**
@@ -55,7 +55,7 @@ export declare class UndoRedoManager {
      * @param {IHtmlSubCommands} e - specifies the sub commands
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     undo(e?: IHtmlSubCommands | IHtmlKeyboardEvent): void;
     /**
@@ -65,7 +65,7 @@ export declare class UndoRedoManager {
      * @function redo
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     redo(e?: IHtmlSubCommands | IHtmlKeyboardEvent): void;
     /**
@@ -73,7 +73,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();
@@ -92,7 +92,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);
@@ -126,7 +126,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) {
@@ -157,7 +157,7 @@ var UndoRedoManager = /** @class */ (function () {
      * @function redo
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     UndoRedoManager.prototype.redo = function (e) {
         if (this.undoRedoStack[this.steps + 1] != null) {
@@ -185,7 +185,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/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

@@ -13,7 +13,7 @@ import { ClearFormat } from './../plugin/clearformat';
  * MarkdownParser internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class MarkdownParser {
     observer: Observer;
@@ -40,7 +40,7 @@ export declare class MarkdownParser {
      *
      * @param {IMarkdownParserModel} options - specifies the options
      * @hidden
-
+     * @deprecated
      */
     constructor(options: IMarkdownParserModel);
     private initialize;
@@ -59,7 +59,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

@@ -15,7 +15,7 @@ import { ClearFormat } from './../plugin/clearformat';
  * MarkdownParser internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var MarkdownParser = /** @class */ (function () {
     /**
@@ -23,7 +23,7 @@ var MarkdownParser = /** @class */ (function () {
      *
      * @param {IMarkdownParserModel} options - specifies the options
      * @hidden
-
+     * @deprecated
      */
     function MarkdownParser(options) {
         this.initialize();
@@ -70,7 +70,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';

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/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;