@syncfusion/ej2-richtexteditor 19.3.45 → 19.3.53-6125

package/src/rich-text-editor/renderer/table-module.js

@@ -399,7 +399,9 @@ var Table = /** @class */ (function () {
             }
             var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
             var closestTable = closest(target, 'table');
-            if (target && target.nodeName !== 'A' && target.nodeName !== 'IMG' && (target.nodeName === 'TD' || target.nodeName === 'TH' ||
+            var startNode = this.parent.getRange().startContainer.parentElement;
+            var endNode = this.parent.getRange().endContainer.parentElement;
+            if (target && target.nodeName !== 'A' && target.nodeName !== 'IMG' && startNode === endNode && (target.nodeName === 'TD' || target.nodeName === 'TH' ||
                 target.nodeName === 'TABLE' || (closestTable && this.parent.contentModule.getEditPanel().contains(closestTable)))
                 && !(range.startContainer.nodeType === 3 && !range.collapsed)) {
                 var range_1 = this.parent.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
@@ -486,7 +488,6 @@ var Table = /** @class */ (function () {
             tdNode : target;
         removeClass(this.contentModule.getEditPanel().querySelectorAll('table td, table th'), classes.CLS_TABLE_SEL);
         if (target && (target.tagName === 'TD' || target.tagName === 'TH')) {
-            target.removeAttribute('class');
             addClass([target], classes.CLS_TABLE_SEL);
             this.activeCell = target;
             this.curTable = (this.curTable) ? this.curTable : closest(target, 'table');
@@ -1217,7 +1218,7 @@ var Table = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Table.prototype.destroy = function () {
         this.removeEventListener();

package/src/rich-text-editor/renderer/toolbar-renderer.d.ts

@@ -5,7 +5,7 @@ import { ColorPicker } from '@syncfusion/ej2-inputs';
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ToolbarRenderer implements IRenderer {
     private mode;
@@ -37,7 +37,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderToolbar(args: IToolbarOptions): void;
     /**
@@ -46,7 +46,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderDropDownButton(args: IDropDownModel): DropDownButton;
     /**
@@ -55,7 +55,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderListDropDown(args: IDropDownModel): DropDownButton;
     private onPopupOverlay;
@@ -69,7 +69,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {ColorPicker} colorPicker - specifies the colorpicker.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderColorPickerDropDown(args: IColorPickerModel, item: string, colorPicker: ColorPicker): DropDownButton;
     private pickerRefresh;
@@ -82,7 +82,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderColorPicker(args: IColorPickerModel, item: string): ColorPicker;
     /**
@@ -90,7 +90,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -98,7 +98,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -107,7 +107,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @returns {void}
      * @param  {Element} panel - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     setPanel(panel: Element): void;
 }

package/src/rich-text-editor/renderer/toolbar-renderer.js

@@ -1,4 +1,4 @@
-import { addClass, Browser, removeClass, EventHandler, formatUnit, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { addClass, Browser, removeClass, EventHandler, formatUnit, isNullOrUndefined, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { getInstance, closest, selectAll, detach } from '@syncfusion/ej2-base';
 import { Toolbar } from '@syncfusion/ej2-navigations';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
@@ -12,7 +12,7 @@ import { hasClass } from '../base/util';
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
  * @hidden
-
+ * @deprecated
  */
 var ToolbarRenderer = /** @class */ (function () {
     /**
@@ -62,7 +62,8 @@ var ToolbarRenderer = /** @class */ (function () {
         this.parent.notify(events.beforeDropDownItemRender, args);
     };
     ToolbarRenderer.prototype.dropDownOpen = function (args) {
-        if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1) {
+        if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1 && !isNOU(args.element.parentElement.querySelector('.e-cell-merge')) &&
+            (!isNOU(args.element.parentElement.querySelector('.e-cell-horizontal-split')) || !isNOU(args.element.parentElement.querySelector('.e-cell-vertical-split')))) {
             var listEle = args.element.querySelectorAll('li');
             if (this.parent.inputElement.querySelectorAll('.e-cell-select').length === 1) {
                 addClass([listEle[0]], 'e-disabled');
@@ -100,7 +101,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderToolbar = function (args) {
         this.setPanel(args.target);
@@ -126,7 +127,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderDropDownButton = function (args) {
         var _this = this;
@@ -185,7 +186,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderListDropDown = function (args) {
         // eslint-disable-next-line
@@ -286,7 +287,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {ColorPicker} colorPicker - specifies the colorpicker.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPickerDropDown = function (args, item, colorPicker) {
         var _this = this;
@@ -460,7 +461,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPicker = function (args, item) {
         // eslint-disable-next-line
@@ -525,7 +526,7 @@ var ToolbarRenderer = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_TOOLBAR);
@@ -535,7 +536,7 @@ var ToolbarRenderer = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.getPanel = function () {
         return this.toolbarPanel;
@@ -546,7 +547,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @returns {void}
      * @param  {Element} panel - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.setPanel = function (panel) {
         this.toolbarPanel = panel;

package/src/rich-text-editor/renderer/view-source.d.ts

@@ -7,7 +7,7 @@ import { ClickEventArgs } from '@syncfusion/ej2-navigations';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ViewSource {
     private parent;
@@ -40,7 +40,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     sourceCode(args?: ClickEventArgs | IHtmlKeyboardEvent): void;
     /**
@@ -49,7 +49,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateSourceCode(args?: ClickEventArgs | KeyboardEventArgs): void;
     private getTextAreaValue;
@@ -58,7 +58,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getPanel(): HTMLTextAreaElement | Element;
     /**
@@ -66,7 +66,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getViewPanel(): HTMLTextAreaElement | Element;
     /**
@@ -74,7 +74,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
 }

package/src/rich-text-editor/renderer/view-source.js

@@ -8,7 +8,7 @@ import { KeyboardEvents } from '../actions/keyboard';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 var ViewSource = /** @class */ (function () {
     /**
@@ -102,7 +102,7 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.sourceCode = function (args) {
         this.parent.isBlur = false;
@@ -167,7 +167,7 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.updateSourceCode = function (args) {
         this.parent.isBlur = false;
@@ -237,7 +237,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getPanel = function () {
         return this.parent.element && this.parent.element.querySelector('.e-rte-srctextarea');
@@ -247,7 +247,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getViewPanel = function () {
         return (this.parent.iframeSettings.enable && this.getPanel()) ? this.getPanel().parentElement : this.getPanel();
@@ -257,7 +257,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.destroy = function () {
         this.removeEventListener();

package/src/rich-text-editor/services/renderer-factory.d.ts

@@ -4,7 +4,7 @@ import { RenderType } from '../base/enum';
  * RendererFactory
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class RendererFactory {
     rendererMap: {
@@ -17,7 +17,7 @@ export declare class RendererFactory {
      * @param {IRenderer} type - specifies the renderer.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addRenderer(name: RenderType, type: IRenderer): void;
     /**
@@ -26,7 +26,7 @@ export declare class RendererFactory {
      * @param {RenderType} name - specifies the render type
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getRenderer(name: RenderType): IRenderer;
 }

package/src/rich-text-editor/services/renderer-factory.js

@@ -4,7 +4,7 @@ import { RenderType } from '../base/enum';
  * RendererFactory
  *
  * @hidden
-
+ * @deprecated
  */
 var RendererFactory = /** @class */ (function () {
     function RendererFactory() {
@@ -17,7 +17,7 @@ var RendererFactory = /** @class */ (function () {
      * @param {IRenderer} type - specifies the renderer.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.addRenderer = function (name, type) {
         var rName = getEnumValue(RenderType, name);
@@ -31,7 +31,7 @@ var RendererFactory = /** @class */ (function () {
      * @param {RenderType} name - specifies the render type
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.getRenderer = function (name) {
         var rName = getEnumValue(RenderType, name);

package/src/rich-text-editor/services/service-locator.d.ts

@@ -2,7 +2,7 @@
  * ServiceLocator
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ServiceLocator {
     private services;
@@ -13,7 +13,7 @@ export declare class ServiceLocator {
      * @param {T} type - specifies the type.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     register<T>(name: string, type: T): void;
     /**
@@ -22,7 +22,7 @@ export declare class ServiceLocator {
      * @param {string} name - specifies the name.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getService<T>(name: string): T;
 }

package/src/rich-text-editor/services/service-locator.js

@@ -3,7 +3,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * ServiceLocator
  *
  * @hidden
-
+ * @deprecated
  */
 var ServiceLocator = /** @class */ (function () {
     function ServiceLocator() {
@@ -17,7 +17,7 @@ var ServiceLocator = /** @class */ (function () {
      * @param {T} type - specifies the type.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     ServiceLocator.prototype.register = function (name, type) {
@@ -31,7 +31,7 @@ var ServiceLocator = /** @class */ (function () {
      * @param {string} name - specifies the name.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ServiceLocator.prototype.getService = function (name) {
         if (isNullOrUndefined(this.services[name])) {

package/src/selection/selection.d.ts

@@ -21,7 +21,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the get function
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     get(docElement: Document): Selection;
     /**
@@ -31,7 +31,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     save(range: Range, docElement: Document): NodeSelection;
     /**
@@ -40,7 +40,7 @@ export declare class NodeSelection {
      * @param {Node} node - specifies the node value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getIndex(node: Node): number;
     private isChildNode;
@@ -51,7 +51,7 @@ export declare class NodeSelection {
      * @param {Range} range -specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getNodeCollection(range: Range): Node[];
     /**
@@ -60,7 +60,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getParentNodeCollection(range: Range): Node[];
     /**
@@ -70,7 +70,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range values.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getParentNodes(nodeCollection: Node[], range: Range): Node[];
     /**
@@ -79,7 +79,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollection(range: Range): Node[];
     /**
@@ -88,7 +88,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollectionBr(range: Range): Node[];
     /**
@@ -97,7 +97,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodes(nodeCollection: Node[]): Node[];
     /**
@@ -106,7 +106,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodesBr(nodeCollection: Node[]): Node[];
     /**
@@ -115,7 +115,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInsertNodeCollection(range: Range): Node[];
     /**
@@ -124,7 +124,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInsertNodes(nodeCollection: Node[]): Node[];
     /**
@@ -135,7 +135,7 @@ export declare class NodeSelection {
      * @param {Document} root - specifies the root document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getNodeArray(node: Node, isStart: boolean, root?: Document): number[];
     private setRangePoint;
@@ -144,7 +144,7 @@ export declare class NodeSelection {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     restore(): Range;
     selectRange(docElement: Document, range: Range): void;
@@ -155,7 +155,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setRange(docElement: Document, range: Range): void;
     /**
@@ -168,7 +168,7 @@ export declare class NodeSelection {
      * @param {number} endIndex - specifies the end index.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionText(docElement: Document, startNode: Node, endNode: Node, startIndex: number, endIndex: number): void;
     /**
@@ -178,7 +178,7 @@ export declare class NodeSelection {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionContents(docElement: Document, element: Node): void;
     /**
@@ -188,7 +188,7 @@ export declare class NodeSelection {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionNode(docElement: Document, element: Node): void;
     /**
@@ -197,7 +197,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectedNodes(docElement: Document): Node[];
     /**
@@ -206,7 +206,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Clear(docElement: Document): void;
     /**
@@ -217,7 +217,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     insertParentNode(docElement: Document, newNode: Node, range: Range): void;
     /**
@@ -228,7 +228,7 @@ export declare class NodeSelection {
      * @param {number} point - specifies the point.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setCursorPoint(docElement: Document, element: Element, point: number): void;
 }