@syncfusion/ej2-richtexteditor 23.2.7 → 24.1.41-569421

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

@@ -7,7 +7,7 @@ import { NodeCutter } from './nodecutter';
  * Formats internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var Formats = /** @class */ (function () {
     /**
@@ -15,7 +15,7 @@ var Formats = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element.
      * @hidden
-
+     * @deprecated
      */
     function Formats(parent) {
         this.parent = parent;
@@ -52,6 +52,14 @@ var Formats = /** @class */ (function () {
             }
         }
     };
+    Formats.prototype.getBlockParent = function (node, endNode) {
+        var currentParent;
+        while (node != endNode) {
+            currentParent = node;
+            node = node.parentElement;
+        }
+        return currentParent;
+    };
     Formats.prototype.onKeyDown = function (e) {
         if (e.event.which === 13) {
             var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
@@ -61,6 +69,8 @@ var Formats = /** @class */ (function () {
                 ? range.endContainer : range.endContainer.parentElement;
             var preElem = closest(startCon, 'pre');
             var endPreElem = closest(endCon, 'pre');
+            var blockquoteEle = closest(startCon, 'blockquote');
+            var endBlockquoteEle = closest(endCon, 'blockquote');
             var liParent = !isNOU(preElem) && !isNOU(preElem.parentElement) && preElem.parentElement.tagName === 'LI';
             if (liParent) {
                 return;
@@ -72,6 +82,17 @@ var Formats = /** @class */ (function () {
                 range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
                 this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, endCon, 0);
             }
+            if (e.event.which === 13 && ((!isNOU(blockquoteEle) && !isNOU(endBlockquoteEle)) || (!isNOU(blockquoteEle) && isNOU(endBlockquoteEle)))) {
+                var startParent = this.getBlockParent(range.startContainer, blockquoteEle);
+                if ((startParent.textContent.charCodeAt(0) === 8203 &&
+                    startParent.textContent.length === 1) || startParent.textContent.length === 0) {
+                    if (isNOU(startParent.nextSibling) && ((startParent.previousSibling.textContent.charCodeAt(0) === 8203 &&
+                        startParent.previousSibling.textContent.length === 1) || startParent.previousSibling.textContent.length === 0)) {
+                        e.event.preventDefault();
+                        this.paraFocus(startParent.parentElement); //Revert from blockquotes while pressing enter key
+                    }
+                }
+            }
             if (e.event.which === 13 && !isNOU(preElem) && !isNOU(endPreElem)) {
                 e.event.preventDefault();
                 this.deleteContent(range);
@@ -221,7 +242,7 @@ var Formats = /** @class */ (function () {
         }
         var save = this.parent.nodeSelection.save(range, this.parent.currentDocument);
         this.parent.domNode.setMarker(save);
-        var formatsNodes = this.parent.domNode.blockNodes();
+        var formatsNodes = this.parent.domNode.blockNodes(true);
         if (e.enterAction === 'BR') {
             this.setSelectionBRConfig();
             var allSelectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument);
@@ -295,7 +316,7 @@ var Formats = /** @class */ (function () {
                 replaceHTML = parentNode.innerHTML;
             }
             if ((e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase() &&
-                (e.subCommand.toLowerCase() !== 'pre' ||
+                (e.subCommand.toLowerCase() !== 'pre' && e.subCommand.toLowerCase() !== 'blockquote' ||
                     (!isNOU(e.exeValue) && e.exeValue.name === 'dropDownSelect'))) ||
                 isNOU(parentNode.parentNode) ||
                 (parentNode.tagName === 'TABLE' && e.subCommand.toLowerCase() === 'pre')) {
@@ -304,7 +325,21 @@ var Formats = /** @class */ (function () {
             this.cleanFormats(parentNode, e.subCommand);
             var replaceNode = (e.subCommand.toLowerCase() === 'pre' && parentNode.tagName.toLowerCase() === 'pre') ?
                 'p' : e.subCommand;
-            var replaceTag = this.parent.domNode.createTagString(replaceNode, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            var isToggleBlockquoteList = e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase() &&
+                e.subCommand.toLowerCase() === 'blockquote' && this.parent.domNode.isList(parentNode.firstElementChild);
+            var isToggleBlockquote = e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase()
+                && e.subCommand.toLowerCase() === 'blockquote';
+            var replaceTag = void 0;
+            if (isToggleBlockquoteList) {
+                replaceTag = replaceHTML.replace(/>\s+</g, '><');
+            }
+            else if (isToggleBlockquote) {
+                var tagWrap = (e.enterAction == 'BR' || e.enterAction == 'P') ? 'P' : e.enterAction;
+                replaceTag = this.parent.domNode.createTagString(tagWrap, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            }
+            else {
+                replaceTag = this.parent.domNode.createTagString(replaceNode, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            }
             if (parentNode.tagName === 'LI') {
                 parentNode.innerHTML = '';
                 parentNode.insertAdjacentHTML('beforeend', replaceTag);

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

@@ -4,7 +4,7 @@ import { IHtmlItem } from './../base/interface';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ImageCommand {
     private parent;
@@ -13,7 +13,7 @@ export declare class ImageCommand {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;
@@ -23,7 +23,7 @@ export declare class ImageCommand {
      * @param {IHtmlItem} e - specifies the element
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     imageCommand(e: IHtmlItem): void;
     private createImage;

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()) {
@@ -79,13 +79,12 @@ var ImageCommand = /** @class */ (function () {
         }
     };
     ImageCommand.prototype.createImage = function (e) {
-        var _this = this;
         var isReplaced = false;
         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');
@@ -109,24 +108,43 @@ var ImageCommand = /** @class */ (function () {
             var selectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0];
             var imgElm_1 = (e.value === 'Replace' || isReplaced) ? e.item.selectParent[0] :
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
-            imgElm_1.addEventListener('load', function () {
-                if (e.value !== 'Replace' || !isReplaced) {
-                    e.callBack({
-                        requestType: 'Images',
-                        editorMode: 'HTML',
-                        event: e.event,
-                        range: _this.parent.nodeSelection.getRange(_this.parent.currentDocument),
-                        elements: [imgElm_1]
-                    });
-                }
-            });
+            var imageInstance_1 = this;
+            var onImageLoadEvent_1 = function () {
+                e.callBack({
+                    requestType: (e.value === 'Replace') ? (e.item.subCommand = 'Replace', "Replace") : 'Images',
+                    editorMode: 'HTML',
+                    event: e.event,
+                    range: imageInstance_1.parent.nodeSelection.getRange(imageInstance_1.parent.currentDocument),
+                    elements: [imgElm_1]
+                });
+                imgElm_1.removeEventListener('load', onImageLoadEvent_1);
+            };
+            imgElm_1.addEventListener('load', onImageLoadEvent_1);
         }
     };
-    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 +196,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 +230,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;
@@ -81,7 +81,7 @@ var Indents = /** @class */ (function () {
                 isRtl ? (parentNode.style.marginRight = indentsValue) : (parentNode.style.marginLeft = indentsValue);
             }
             else {
-                indentsValue = (marginLeftOrRight === '' || marginLeftOrRight === '0px') ? '' : parseInt(marginLeftOrRight, null) - this.indentValue + 'px';
+                indentsValue = (marginLeftOrRight === '' || marginLeftOrRight === '0px' || marginLeftOrRight === '0in') ? '' : parseInt(marginLeftOrRight, null) - this.indentValue + 'px';
                 isRtl ? (parentNode.style.marginRight = indentsValue) : (parentNode.style.marginLeft = indentsValue);
                 /* eslint-enable */
             }

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;
@@ -26,4 +26,5 @@ export declare class InsertHtml {
     private static findDetachEmptyElem;
     private static removeEmptyElements;
     private static closestEle;
+    private static insertTableInList;
 }