@syncfusion/ej2-richtexteditor 27.1.55 → 27.1.57-637882

package/src/editor-manager/plugin/dom-node.js

@@ -12,7 +12,7 @@ export var markerClassName = {
  * DOMNode internal plugin
  *
  * @hidden
-
+ * @deprecated
  */
 var DOMNode = /** @class */ (function () {
     /**
@@ -21,7 +21,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} parent - specifies the parent element
      * @param {Document} currentDocument - specifies the current document.
      * @hidden
-
+     * @deprecated
      */
     function DOMNode(parent, currentDocument) {
         this.parent = parent;
@@ -35,7 +35,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.contents = function (element) {
         return (element && 'IFRAME' !== element.tagName ? Array.prototype.slice.call(element.childNodes || []) : []);
@@ -46,7 +46,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the node element.
      * @returns {boolean} - sepcifies the boolean value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isBlockNode = function (element) {
         return (!!element && (element.nodeType === Node.ELEMENT_NODE && CONSTANT.BLOCK_TAGS.indexOf(element.tagName.toLowerCase()) >= 0));
@@ -57,7 +57,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element
      * @returns {boolean} -  specifies the boolean value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isLink = function (element) {
         return (!!element && (element.nodeType === Node.ELEMENT_NODE && 'a' === element.tagName.toLowerCase()));
@@ -68,7 +68,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element
      * @returns {Element} - returns the element value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.blockParentNode = function (element) {
         for (; element && element.parentNode !== this.parent && ((!element.parentNode ||
@@ -86,7 +86,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element
      * @returns {string} - returns the string value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.rawAttributes = function (element) {
         var rawAttr = {};
@@ -105,7 +105,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - sepcifies the element.
      * @returns {string} - returns the string value.
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.attributes = function (element) {
         if (!element) {
@@ -138,7 +138,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.clearAttributes = function (element) {
         for (var attr = element.attributes, c = attr.length - 1; c >= 0; c--) {
@@ -152,7 +152,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element.
      * @returns {string} - returns the string
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.openTagString = function (element) {
         return '<' + element.tagName.toLowerCase() + this.attributes(element) + '>';
@@ -163,7 +163,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element
      * @returns {string} - returns the string value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.closeTagString = function (element) {
         return '</' + element.tagName.toLowerCase() + '>';
@@ -176,7 +176,7 @@ var DOMNode = /** @class */ (function () {
      * @param {string} innerHTML - specifies the string value
      * @returns {string} - returns the string value.
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.createTagString = function (tagName, relativeElement, innerHTML) {
         return '<' + tagName.toLowerCase() + this.attributes(relativeElement) + '>' + innerHTML + '</' + tagName.toLowerCase() + '>';
@@ -187,7 +187,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifes the element.
      * @returns {boolean} - returns the boolean value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isList = function (element) {
         return !!element && ['UL', 'OL'].indexOf(element.tagName) >= 0;
@@ -198,7 +198,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifes the element.
      * @returns {boolean} - returns the boolean value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isElement = function (element) {
         return element === this.parent;
@@ -209,7 +209,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifes the element.
      * @returns {boolean} - returns the boolean value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isEditable = function (element) {
         return ((!element.getAttribute || element.getAttribute('contenteditable') === 'true')
@@ -222,7 +222,7 @@ var DOMNode = /** @class */ (function () {
      * @param {string} className - specifies the class name value
      * @returns {boolean} - returns the boolean value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.hasClass = function (element, className) {
         return element && element.classList && element.classList.contains(className);
@@ -234,7 +234,7 @@ var DOMNode = /** @class */ (function () {
      * @param {string} value - specifies the string value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.replaceWith = function (element, value) {
         var parentNode = element.parentNode;
@@ -247,7 +247,7 @@ var DOMNode = /** @class */ (function () {
      * @param {string} value - specifies the string value
      * @returns {Element} - returns the element
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.parseHTMLFragment = function (value) {
         /* eslint-disable */
@@ -268,7 +268,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} wrapper - specifies the element.
      * @returns {Element} - returns the element
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.wrap = function (element, wrapper) {
         element.parentNode.insertBefore(wrapper, element);
@@ -283,7 +283,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} referenceNode - specifies the referenece node
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.insertAfter = function (newNode, referenceNode) {
         referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
@@ -295,7 +295,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} wrapper - specifies the wrapper element.
      * @returns {Element} - returns the element
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.wrapInner = function (parent, wrapper) {
         parent.appendChild(wrapper);
@@ -315,7 +315,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element.
      * @returns {Element} - returns the element.
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.unWrap = function (element) {
         var parent = element.parentNode;
@@ -335,7 +335,7 @@ var DOMNode = /** @class */ (function () {
      * @param {number} index - specifies the index value.
      * @returns {Element} - returns the element
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.getSelectedNode = function (element, index) {
         if (element.nodeType === Node.ELEMENT_NODE && element.childNodes.length > 0 &&
@@ -359,7 +359,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element[]} elements - specifies the array of elements
      * @returns {Element[]} - returnts the array elements
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.nodeFinds = function (element, elements) {
         var existNodes = [];
@@ -375,7 +375,7 @@ var DOMNode = /** @class */ (function () {
      *
      * @returns {boolean} - returns the boolean value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isEditorArea = function () {
         var range = this.getRangePoint(0);
@@ -391,7 +391,7 @@ var DOMNode = /** @class */ (function () {
      * @param {number} point - specifies the number value.
      * @returns {Range} - returns the range.
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.getRangePoint = function (point) {
         var selection = this.getSelection();
@@ -416,7 +416,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element
      * @returns {Element} - returns the element
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.getPreviousNode = function (element) {
         element = element.previousElementSibling;
@@ -431,7 +431,7 @@ var DOMNode = /** @class */ (function () {
      * @param {string} value - specifies the string value
      * @returns {string} - specifies the string value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.encode = function (value) {
         var divNode = document.createElement('div');
@@ -445,7 +445,7 @@ var DOMNode = /** @class */ (function () {
      * @param {NodeSelection} save - specifies the node selection,
      * @returns {NodeSelection} - returns the value
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.saveMarker = function (save) {
         var start = this.parent.querySelector('.' + markerClassName.startSelection);
@@ -485,7 +485,7 @@ var DOMNode = /** @class */ (function () {
      * @param {NodeSelection} save - specifies the node selection.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.setMarker = function (save) {
         var range = save.range;
@@ -566,7 +566,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Range} range - specifies the range value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.ensureSelfClosingTag = function (start, className, range) {
         var isTable = false;
@@ -627,7 +627,7 @@ var DOMNode = /** @class */ (function () {
      * @param {Element} element - specifies the element.
      * @returns {Element} - returns the element
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.createTempNode = function (element) {
         var textContent = element.textContent;
@@ -660,7 +660,7 @@ var DOMNode = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.getImageTagInSelection = function () {
         var selection = this.getSelection();
@@ -676,7 +676,7 @@ var DOMNode = /** @class */ (function () {
      * @param {string} wrapperElement - specifies which block nodes to wrap around.
      * @returns {HTMLElement} - returns the wrapped element.
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.gatherElementsAround = function (node, wrapperElement) {
         var newWrapElem = createElement(wrapperElement);
@@ -727,7 +727,7 @@ var DOMNode = /** @class */ (function () {
      * @param {boolean} fromList - specifies if the method is called from list module.
      * @returns {Node[]} - returns the selected list of elements as block nodes.
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.convertToBlockNodes = function (selectedNodes, fromList) {
         if (selectedNodes.length > 1) {
@@ -778,7 +778,7 @@ var DOMNode = /** @class */ (function () {
      * @param {boolean} action - Optional Boolean that specifies the action is whether performed.
      * @returns {Node[]} - returns the node array values
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.blockNodes = function (action) {
         var collectionNodes = [];

package/src/editor-manager/plugin/format-painter-actions.d.ts

@@ -18,7 +18,7 @@ export declare class FormatPainterActions implements IFormatPainterEditor {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private actionHandler;

package/src/editor-manager/plugin/format-painter-actions.js

@@ -36,7 +36,7 @@ var FormatPainterActions = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     FormatPainterActions.prototype.destroy = function () {
         this.removeEventListener();

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

@@ -3,7 +3,7 @@ import { EditorManager } from './../base/editor-manager';
  * Formats internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class Formats {
     private parent;
@@ -13,7 +13,7 @@ export declare class Formats {
      *
      * @param {EditorManager} parent - specifies the parent element.
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;
@@ -35,5 +35,6 @@ export declare class Formats {
     private preFormatMerge;
     private blockquotesFormatMerge;
     private cleanFormats;
+    private applyTableSidesFormat;
     destroy(): void;
 }

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.blockquotePrevent = false;
@@ -261,6 +261,14 @@ var Formats = /** @class */ (function () {
     };
     Formats.prototype.applyFormats = function (e) {
         var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        var tableCursor = this.parent.nodeSelection.processedTableImageCursor(range);
+        if (tableCursor.start || tableCursor.end) {
+            if (tableCursor.startName === 'TABLE' || tableCursor.endName === 'TABLE') {
+                var tableNode = tableCursor.start ? tableCursor.startNode : tableCursor.endNode;
+                this.applyTableSidesFormat(e, tableCursor.start, tableNode);
+                return;
+            }
+        }
         var isSelectAll = false;
         if (this.parent.editableElement === range.endContainer &&
             !isNOU(this.parent.editableElement.children[range.endOffset - 1]) &&
@@ -509,6 +517,23 @@ var Formats = /** @class */ (function () {
             element.style.removeProperty(ignoreAttr[i]);
         }
     };
+    Formats.prototype.applyTableSidesFormat = function (e, start, table) {
+        var formatNode = createElement(e.subCommand);
+        if (!(e.enterAction === 'BR')) {
+            formatNode.appendChild(createElement('br'));
+        }
+        table.insertAdjacentElement(start ? 'beforebegin' : 'afterend', formatNode);
+        this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, formatNode, 0);
+        if (e.callBack) {
+            e.callBack({
+                requestType: e.subCommand,
+                editorMode: 'HTML',
+                event: e.event,
+                range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
+                elements: this.parent.domNode.blockNodes()
+            });
+        }
+    };
     Formats.prototype.destroy = function () {
         this.removeEventListener();
     };

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

@@ -7,7 +7,7 @@ import * as EVENTS from './../../common/constant';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var ImageCommand = /** @class */ (function () {
     /**
@@ -15,7 +15,7 @@ var ImageCommand = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function ImageCommand(parent) {
         this.parent = parent;
@@ -35,7 +35,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()) {
@@ -119,8 +119,14 @@ var ImageCommand = /** @class */ (function () {
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
             var onImageLoadEvent_1 = function () {
                 if (!isNOU(_this.parent.currentDocument)) {
-                    imgElm_1.setAttribute('width', _this.calculateStyleValue(imgElm_1.offsetWidth));
-                    imgElm_1.setAttribute('height', _this.calculateStyleValue(imgElm_1.offsetHeight));
+                    var imgWidth = imgElm_1.getAttribute('width');
+                    var imgHeight = imgElm_1.getAttribute('height');
+                    if (isNOU(imgWidth) || imgWidth === 'auto') {
+                        imgElm_1.setAttribute('width', imgElm_1.offsetWidth.toString());
+                    }
+                    if (isNOU(imgHeight) || imgHeight === 'auto') {
+                        imgElm_1.setAttribute('height', imgElm_1.offsetHeight.toString());
+                    }
                     e.callBack({
                         requestType: (e.value === 'Replace') ? (e.item.subCommand = 'Replace', 'Replace') : 'Images',
                         editorMode: 'HTML',

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

@@ -5,7 +5,7 @@ import * as EVENTS from './../../common/constant';
  * Insert a Text Node or Text
  *
  * @hidden
-
+ * @deprecated
  */
 var InsertTextExec = /** @class */ (function () {
     /**
@@ -13,7 +13,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

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