@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41

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

@@ -6,7 +6,7 @@ import { InsertHtml } from './inserthtml';
  * Link internal component
  *
  * @hidden
- * @deprecated
+
  */
 var ImageCommand = /** @class */ (function () {
     /**
@@ -14,7 +14,7 @@ var ImageCommand = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-     * @deprecated
+
      */
     function ImageCommand(parent) {
         this.parent = parent;
@@ -29,7 +29,7 @@ var ImageCommand = /** @class */ (function () {
      * @param {IHtmlItem} e - specifies the element
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     ImageCommand.prototype.imageCommand = function (e) {
         switch (e.value.toString().toLowerCase()) {
@@ -84,8 +84,8 @@ var ImageCommand = /** @class */ (function () {
         e.item.url = isNOU(e.item.url) || e.item.url === 'undefined' ? e.item.src : e.item.url;
         if (!isNOU(e.item.selectParent) && e.item.selectParent[0].tagName === 'IMG') {
             var imgEle = e.item.selectParent[0];
-            this.setStyle(imgEle, e);
             isReplaced = true;
+            this.setStyle(imgEle, e, isReplaced);
         }
         else {
             var imgElement = createElement('img');
@@ -121,12 +121,34 @@ var ImageCommand = /** @class */ (function () {
                 }
             });
         }
+        if (e.value === 'Replace') {
+            e.item.subCommand = 'Replace';
+            this.callBack(e);
+        }
     };
-    ImageCommand.prototype.setStyle = function (imgElement, e) {
+    ImageCommand.prototype.setStyle = function (imgElement, e, imgReplace) {
         if (!isNOU(e.item.url)) {
             imgElement.setAttribute('src', e.item.url);
         }
-        imgElement.setAttribute('class', 'e-rte-image' + (isNOU(e.item.cssClass) ? '' : ' ' + e.item.cssClass));
+        var alignClassName;
+        if (imgReplace) {
+            var alignClass = {
+                'e-imgcenter': 'e-imgcenter',
+                'e-imgright': 'e-imgright',
+                'e-imgleft': 'e-imgleft'
+            };
+            var imgClassList = imgElement.classList;
+            var classArray = [];
+            for (var i = 0; i < imgClassList.length; i++) {
+                // eslint-disable-next-line
+                if (!isNOU(alignClass[imgClassList[i]])) {
+                    // eslint-disable-next-line
+                    alignClassName = alignClass[imgClassList[i]];
+                }
+            }
+        }
+        imgElement.setAttribute('class', 'e-rte-image' + (isNOU(e.item.cssClass) ? '' : ' ' + e.item.cssClass)
+            + (isNOU(alignClassName) ? '' : ' ' + alignClassName));
         if (!isNOU(e.item.altText)) {
             imgElement.setAttribute('alt', e.item.altText);
         }
@@ -178,6 +200,9 @@ var ImageCommand = /** @class */ (function () {
         if (!isNOU(e.item.target)) {
             anchor.setAttribute('target', e.item.target);
         }
+        if (!isNOU(e.item.ariaLabel)) {
+            anchor.setAttribute('aria-label', e.item.ariaLabel);
+        }
         InsertHtml.Insert(this.parent.currentDocument, anchor, this.parent.editableElement);
         this.callBack(e);
     };
@@ -209,9 +234,11 @@ var ImageCommand = /** @class */ (function () {
         e.item.selectNode[0].parentElement.href = e.item.url;
         if (isNOU(e.item.target)) {
             e.item.selectNode[0].parentElement.removeAttribute('target');
+            e.item.selectNode[0].parentElement.removeAttribute('aria-label');
         }
         else {
             e.item.selectNode[0].parentElement.target = e.item.target;
+            e.item.selectNode[0].parentElement.ariaLabel = e.item.ariaLabel;
         }
         this.callBack(e);
     };

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

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

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

@@ -5,7 +5,7 @@ import { isIDevice, setEditFrameFocus } from '../../common/util';
  * Indents internal component
  *
  * @hidden
- * @deprecated
+
  */
 var Indents = /** @class */ (function () {
     /**
@@ -13,7 +13,7 @@ var Indents = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-     * @deprecated
+
      */
     function Indents(parent) {
         this.indentValue = 20;

package/src/editor-manager/plugin/insert-methods.d.ts

@@ -12,7 +12,7 @@ export declare class InsertMethods {
      * @param {boolean} isAfter - specifies the boolean value
      * @returns {Text} - returns the text value
      * @hidden
-     * @deprecated
+
      */
     static WrapBefore(textNode: Text, parentNode: HTMLElement, isAfter?: boolean): Text;
     /**
@@ -22,7 +22,7 @@ export declare class InsertMethods {
      * @param {HTMLElement} parentNode - specifies the parent node.
      * @returns {HTMLElement} - returns the element
      * @hidden
-     * @deprecated
+
      */
     static Wrap(childNode: HTMLElement, parentNode: HTMLElement): HTMLElement;
     /**
@@ -31,7 +31,7 @@ export declare class InsertMethods {
      * @param {Node} node - specifies the node element.
      * @returns {Node[]} - returns the array of value
      * @hidden
-     * @deprecated
+
      */
     static unwrap(node: Node | HTMLElement): Node[];
     /**
@@ -42,7 +42,7 @@ export declare class InsertMethods {
      * @param {boolean} isAfter - specifies the boolean value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     static AppendBefore(textNode: HTMLElement | Text | DocumentFragment, parentNode: HTMLElement | Text | DocumentFragment, isAfter?: boolean): HTMLElement | Text | DocumentFragment;
 }

package/src/editor-manager/plugin/insert-methods.js

@@ -14,7 +14,7 @@ var InsertMethods = /** @class */ (function () {
      * @param {boolean} isAfter - specifies the boolean value
      * @returns {Text} - returns the text value
      * @hidden
-     * @deprecated
+
      */
     InsertMethods.WrapBefore = function (textNode, parentNode, isAfter) {
         parentNode.innerText = textNode.textContent;
@@ -32,7 +32,7 @@ var InsertMethods = /** @class */ (function () {
      * @param {HTMLElement} parentNode - specifies the parent node.
      * @returns {HTMLElement} - returns the element
      * @hidden
-     * @deprecated
+
      */
     InsertMethods.Wrap = function (childNode, parentNode) {
         this.AppendBefore(parentNode, childNode);
@@ -45,7 +45,7 @@ var InsertMethods = /** @class */ (function () {
      * @param {Node} node - specifies the node element.
      * @returns {Node[]} - returns the array of value
      * @hidden
-     * @deprecated
+
      */
     InsertMethods.unwrap = function (node) {
         var parent = node.parentNode;
@@ -64,7 +64,7 @@ var InsertMethods = /** @class */ (function () {
      * @param {boolean} isAfter - specifies the boolean value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     InsertMethods.AppendBefore = function (textNode, parentNode, isAfter) {
         return (parentNode.parentNode) ? ((!isAfter) ? parentNode.parentNode.insertBefore(textNode, parentNode)

package/src/editor-manager/plugin/insert-text.d.ts

@@ -3,7 +3,7 @@ import { EditorManager } from '../base/editor-manager';
  * Insert a Text Node or Text
  *
  * @hidden
- * @deprecated
+
  */
 export declare class InsertTextExec {
     private parent;
@@ -12,7 +12,7 @@ export declare class InsertTextExec {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-     * @deprecated
+
      */
     constructor(parent: EditorManager);
     private addEventListener;

package/src/editor-manager/plugin/insert-text.js

@@ -4,7 +4,7 @@ import { InsertHtml } from './inserthtml';
  * Insert a Text Node or Text
  *
  * @hidden
- * @deprecated
+
  */
 var InsertTextExec = /** @class */ (function () {
     /**
@@ -12,7 +12,7 @@ var InsertTextExec = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-     * @deprecated
+
      */
     function InsertTextExec(parent) {
         this.parent = parent;

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

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

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

@@ -4,7 +4,7 @@ import { InsertHtml } from './inserthtml';
  * Selection EXEC internal component
  *
  * @hidden
- * @deprecated
+
  */
 var InsertHtmlExec = /** @class */ (function () {
     /**
@@ -12,7 +12,7 @@ var InsertHtmlExec = /** @class */ (function () {
      *
      * @param {EditorManager} parent - sepcifies the parent element
      * @hidden
-     * @deprecated
+
      */
     function InsertHtmlExec(parent) {
         this.parent = parent;

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

@@ -2,14 +2,14 @@
  * Insert a HTML Node or Text
  *
  * @hidden
- * @deprecated
+
  */
 export declare class InsertHtml {
     /**
      * Insert method
      *
      * @hidden
-     * @deprecated
+
      */
     static inlineNode: string[];
     static contentsDeleted: boolean;

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

@@ -8,7 +8,7 @@ import { updateTextNode } from './../../common/util';
  * Insert a HTML Node or Text
  *
  * @hidden
- * @deprecated
+
  */
 var InsertHtml = /** @class */ (function () {
     function InsertHtml() {
@@ -119,6 +119,9 @@ var InsertHtml = /** @class */ (function () {
                         InsertMethods.AppendBefore(node, parentNode.firstChild, false);
                     }
                 }
+                else if (isNOU(preNode.previousSibling) && insertNode.tagName === 'TABLE') {
+                    parentNode.prepend(node);
+                }
                 else {
                     parentNode.appendChild(node);
                 }
@@ -296,7 +299,7 @@ var InsertHtml = /** @class */ (function () {
                         (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0 && isFirstTextNode)) {
                         lastSelectionNode = node.firstChild;
                         if (isNOU(node.previousElementSibling)) {
-                            var firstParaElm = createElement('p');
+                            var firstParaElm = enterAction === 'DIV' ? createElement('div') : createElement('p');
                             node.parentElement.insertBefore(firstParaElm, node);
                         }
                         if (node.previousElementSibling.nodeName === 'BR') {
@@ -311,7 +314,7 @@ var InsertHtml = /** @class */ (function () {
                         if (node.firstChild.nodeName === '#text' ||
                             (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
                             if (!isPreviousInlineElem) {
-                                paraElm = createElement('p');
+                                paraElm = enterAction === 'DIV' ? createElement('div') : createElement('p');
                                 paraElm.appendChild(node.firstChild);
                                 fragment.appendChild(paraElm);
                             }
@@ -539,7 +542,7 @@ var InsertHtml = /** @class */ (function () {
      * Insert method
      *
      * @hidden
-     * @deprecated
+
      */
     InsertHtml.inlineNode = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
         'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',

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

@@ -2,7 +2,7 @@
  * Is formatted or not.
  *
  * @hidden
- * @deprecated
+
  */
 export declare class IsFormatted {
     static inlineTags: string[];
@@ -14,7 +14,7 @@ export declare class IsFormatted {
      * @param {Node} endNode - specifies the end node
      * @returns {Node} - returns the node
      * @hidden
-     * @deprecated
+
      */
     getFormattedNode(node: Node, format: string, endNode: Node): Node;
     private getFormatParent;
@@ -25,7 +25,7 @@ export declare class IsFormatted {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     static isBold(node: Node): boolean;
     /**
@@ -34,7 +34,7 @@ export declare class IsFormatted {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     static isItalic(node: Node): boolean;
     /**
@@ -43,7 +43,7 @@ export declare class IsFormatted {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     static isUnderline(node: Node): boolean;
     /**
@@ -52,7 +52,7 @@ export declare class IsFormatted {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     static isStrikethrough(node: Node): boolean;
     /**
@@ -61,7 +61,7 @@ export declare class IsFormatted {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     static isSuperscript(node: Node): boolean;
     /**
@@ -70,7 +70,7 @@ export declare class IsFormatted {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     static isSubscript(node: Node): boolean;
     private isFontColor;

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

@@ -2,7 +2,7 @@
  * Is formatted or not.
  *
  * @hidden
- * @deprecated
+
  */
 var IsFormatted = /** @class */ (function () {
     function IsFormatted() {
@@ -15,7 +15,7 @@ var IsFormatted = /** @class */ (function () {
      * @param {Node} endNode - specifies the end node
      * @returns {Node} - returns the node
      * @hidden
-     * @deprecated
+
      */
     IsFormatted.prototype.getFormattedNode = function (node, format, endNode) {
         var parentNode = this.getFormatParent(node, format, endNode);
@@ -62,7 +62,7 @@ var IsFormatted = /** @class */ (function () {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     IsFormatted.isBold = function (node) {
         var validTags = ['strong', 'b'];
@@ -83,7 +83,7 @@ var IsFormatted = /** @class */ (function () {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     IsFormatted.isItalic = function (node) {
         var validTags = ['em', 'i'];
@@ -104,7 +104,7 @@ var IsFormatted = /** @class */ (function () {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     IsFormatted.isUnderline = function (node) {
         var validTags = ['u'];
@@ -128,7 +128,7 @@ var IsFormatted = /** @class */ (function () {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     IsFormatted.isStrikethrough = function (node) {
         var validTags = ['del', 'strike'];
@@ -152,7 +152,7 @@ var IsFormatted = /** @class */ (function () {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     IsFormatted.isSuperscript = function (node) {
         var validTags = ['sup'];
@@ -169,7 +169,7 @@ var IsFormatted = /** @class */ (function () {
      * @param {Node} node - specifies the node value
      * @returns {boolean} - returns the boolean value
      * @hidden
-     * @deprecated
+
      */
     IsFormatted.isSubscript = function (node) {
         var validTags = ['sub'];

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

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

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

@@ -7,7 +7,7 @@ import { createElement, isNullOrUndefined as isNOU, closest } from '@syncfusion/
  * Link internal component
  *
  * @hidden
- * @deprecated
+
  */
 var LinkCommand = /** @class */ (function () {
     /**
@@ -15,7 +15,7 @@ var LinkCommand = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the editor manager
      * @hidden
-     * @deprecated
+
      */
     function LinkCommand(parent) {
         this.parent = parent;

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

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

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

@@ -9,7 +9,7 @@ import { isNullOrUndefined, isNullOrUndefined as isNOU, closest } from '@syncfus
  * Lists internal component
  *
  * @hidden
- * @deprecated
+
  */
 var Lists = /** @class */ (function () {
     /**
@@ -17,7 +17,7 @@ var Lists = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-     * @deprecated
+
      */
     function Lists(parent) {
         this.parent = parent;

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

@@ -3,7 +3,7 @@ import { EditorManager } from '../base/editor-manager';
  * PasteCleanup for MsWord content
  *
  * @hidden
- * @deprecated
+
  */
 export declare class MsWordPaste {
     private parent;

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

@@ -4,7 +4,7 @@ import { createElement, isNullOrUndefined as isNOU, detach } from '@syncfusion/e
  * PasteCleanup for MsWord content
  *
  * @hidden
- * @deprecated
+
  */
 var MsWordPaste = /** @class */ (function () {
     function MsWordPaste(parent) {
@@ -474,6 +474,9 @@ var MsWordPaste = /** @class */ (function () {
                     resultElem = elm.querySelectorAll(keys[i]);
                 }
                 for (var j = 0; j < resultElem.length; j++) {
+                    if (resultElem[j].closest('li') && keys[i] === 'p') {
+                        continue;
+                    }
                     var styleProperty = resultElem[j].getAttribute('style');
                     if (!isNOU(styleProperty) && styleProperty.trim() !== '') {
                         var valueSplit = values[i].split(';');
@@ -772,7 +775,7 @@ var MsWordPaste = /** @class */ (function () {
                 !isNormalList) {
                 prevList = null;
             }
-            var pElement = createElement('p');
+            var pElement = createElement('p', { className: 'MsoNormal' });
             pElement.innerHTML = collection[index].content.join(' ');
             if ((collection[index].nestedLevel === 1) && listCount === 0 && collection[index].content) {
                 root.appendChild(temp = createElement(collection[index].listType, { className: collection[index].class }));

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