@syncfusion/ej2-richtexteditor 18.1.52 → 18.2.44-4568

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

@@ -127,7 +127,8 @@ var Table = /** @class */ (function () {
             var selection = this.parent.formatter.editorManager.nodeSelection.save(range, this.contentModule.getDocument());
             var ele = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range)[0];
             ele = (ele && ele.tagName !== 'TD' && ele.tagName !== 'TH') ? ele.parentElement : ele;
-            if ((event.keyCode === 8 || event.keyCode === 46)) {
+            if ((event.keyCode === 8 || event.keyCode === 46) ||
+                (event.ctrlKey && event.keyCode === 88)) {
                 if (ele && ele.tagName === 'TBODY') {
                     event.preventDefault();
                     proxy.removeTable(selection, event, true);
@@ -491,7 +492,8 @@ var Table = /** @class */ (function () {
         this.contentModule.getEditPanel().appendChild(tableReBox);
     };
     Table.prototype.removeResizeEle = function () {
-        var item = this.contentModule.getEditPanel().querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box');
+        var item = this.parent.contentModule.getEditPanel().
+            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box');
         if (item.length > 0) {
             for (var i = 0; i < item.length; i++) {
                 detach(item[i]);
@@ -1090,7 +1092,7 @@ var Table = /** @class */ (function () {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     Table.prototype.destroy = function () {
         this.removeEventListener();

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

@@ -4,7 +4,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;
@@ -32,13 +32,13 @@ export declare class ToolbarRenderer implements IRenderer {
     /**
      * renderToolbar method
      * @hidden
-
+     * @deprecated
      */
     renderToolbar(args: IToolbarOptions): void;
     /**
      * renderDropDownButton method
      * @hidden
-
+     * @deprecated
      */
     renderDropDownButton(args: IDropDownModel): DropDownButton;
     private onPopupOverlay;
@@ -47,7 +47,7 @@ export declare class ToolbarRenderer implements IRenderer {
     /**
      * renderColorPickerDropDown method
      * @hidden
-
+     * @deprecated
      */
     renderColorPickerDropDown(args: IColorPickerModel, item: string, colorPicker: ColorPicker): DropDownButton;
     private pickerRefresh;
@@ -56,27 +56,27 @@ export declare class ToolbarRenderer implements IRenderer {
     /**
      * renderColorPicker method
      * @hidden
-
+     * @deprecated
      */
     renderColorPicker(args: IColorPickerModel, item: string): ColorPicker;
     /**
      * The function is used to render Rich Text Editor toolbar
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     /**
      * Get the toolbar element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     getPanel(): Element;
     /**
      * Set the toolbar element of RichTextEditor
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     setPanel(panel: Element): void;
 }

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

@@ -11,7 +11,7 @@ import { hasClass } from '../base/util';
 /**
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  * @hidden
-
+ * @deprecated
  */
 var ToolbarRenderer = /** @class */ (function () {
     /**
@@ -70,6 +70,12 @@ var ToolbarRenderer = /** @class */ (function () {
     };
     ToolbarRenderer.prototype.removePopupContainer = function () {
         if (Browser.isDevice && !isNullOrUndefined(this.popupContainer)) {
+            var popupEle = this.popupContainer.querySelector('.e-dropdown-popup.e-tbar-btn.e-control');
+            if (popupEle) {
+                this.popupContainer.parentNode.insertBefore(popupEle, this.popupContainer.nextSibling);
+                popupEle.style.removeProperty('position');
+                removeClass([popupEle], 'e-popup-modal');
+            }
             detach(this.popupContainer);
             this.popupContainer = undefined;
         }
@@ -77,7 +83,7 @@ var ToolbarRenderer = /** @class */ (function () {
     /**
      * renderToolbar method
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderToolbar = function (args) {
         this.setPanel(args.target);
@@ -100,7 +106,7 @@ var ToolbarRenderer = /** @class */ (function () {
     /**
      * renderDropDownButton method
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderDropDownButton = function (args) {
         var _this = this;
@@ -196,7 +202,7 @@ var ToolbarRenderer = /** @class */ (function () {
     /**
      * renderColorPickerDropDown method
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPickerDropDown = function (args, item, colorPicker) {
         var _this = this;
@@ -280,7 +286,6 @@ var ToolbarRenderer = /** @class */ (function () {
                     || element.parentElement.classList.contains(CLS_COLOR_CONTENT))) {
                     var colorpickerValue = element.classList.contains(CLS_RTE_ELEMENTS) ? element.style.borderBottomColor :
                         element.querySelector('.' + CLS_RTE_ELEMENTS).style.borderBottomColor;
-                    /* tslint:enable */
                     range = proxy.parent.formatter.editorManager.nodeSelection.getRange(proxy.parent.contentModule.getDocument());
                     if ((range.startContainer.nodeName === 'TD' || range.startContainer.nodeName === 'TH' ||
                         closest(range.startContainer.parentNode, 'td,th')) && range.collapsed) {
@@ -305,7 +310,14 @@ var ToolbarRenderer = /** @class */ (function () {
                     removeClass([dropElement.lastElementChild], 'e-popup-overlay');
                 }
                 if (Browser.isDevice && !isNullOrUndefined(dropElement)) {
+                    var popupEle = dropElement.querySelector('.e-dropdown-popup.e-tbar-btn.e-control');
+                    if (popupEle) {
+                        dropElement.parentNode.insertBefore(popupEle, dropElement.nextSibling);
+                        popupEle.style.removeProperty('position');
+                        removeClass([popupEle], 'e-popup-modal');
+                    }
                     detach(dropElement);
+                    proxy.popupContainer = undefined;
                 }
             }
         });
@@ -351,7 +363,7 @@ var ToolbarRenderer = /** @class */ (function () {
     /**
      * renderColorPicker method
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPicker = function (args, item) {
         var _this = this;
@@ -408,7 +420,7 @@ var ToolbarRenderer = /** @class */ (function () {
     /**
      * The function is used to render Rich Text Editor toolbar
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_TOOLBAR);
@@ -417,7 +429,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * Get the toolbar element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.getPanel = function () {
         return this.toolbarPanel;
@@ -426,7 +438,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * Set the toolbar element of RichTextEditor
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.setPanel = function (panel) {
         this.toolbarPanel = panel;

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

@@ -6,7 +6,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;
@@ -33,14 +33,14 @@ export declare class ViewSource {
      * sourceCode method
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     sourceCode(args?: ClickEventArgs | IHtmlKeyboardEvent): void;
     /**
      * updateSourceCode method
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     updateSourceCode(args?: ClickEventArgs | KeyboardEventArgs): void;
     private getTextAreaValue;
@@ -48,21 +48,21 @@ export declare class ViewSource {
      * getPanel method
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     getPanel(): HTMLTextAreaElement | Element;
     /**
      * getViewPanel method
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     getViewPanel(): HTMLTextAreaElement | Element;
     /**
      * Destroy the entire RichTextEditor.
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
 }

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

@@ -7,7 +7,7 @@ import { KeyboardEvents } from '../actions/keyboard';
 /**
  * Content module is used to render Rich Text Editor content
  * @hidden
-
+ * @deprecated
  */
 var ViewSource = /** @class */ (function () {
     /**
@@ -93,7 +93,7 @@ var ViewSource = /** @class */ (function () {
      * sourceCode method
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.sourceCode = function (args) {
         this.parent.isBlur = false;
@@ -155,7 +155,7 @@ var ViewSource = /** @class */ (function () {
      * updateSourceCode method
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.updateSourceCode = function (args) {
         this.parent.isBlur = false;
@@ -206,7 +206,7 @@ var ViewSource = /** @class */ (function () {
      * getPanel method
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getPanel = function () {
         return this.parent.element.querySelector('.e-rte-srctextarea');
@@ -215,7 +215,7 @@ var ViewSource = /** @class */ (function () {
      * getViewPanel method
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getViewPanel = function () {
         return (this.parent.iframeSettings.enable && this.getPanel()) ? this.getPanel().parentElement : this.getPanel();
@@ -224,7 +224,7 @@ var ViewSource = /** @class */ (function () {
      * Destroy the entire RichTextEditor.
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.destroy = function () {
         this.removeEventListener();

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

@@ -3,7 +3,7 @@ import { RenderType } from '../base/enum';
 /**
  * RendererFactory
  * @hidden
-
+ * @deprecated
  */
 export declare class RendererFactory {
     rendererMap: {
@@ -12,13 +12,13 @@ export declare class RendererFactory {
     /**
      * addRenderer method
      * @hidden
-
+     * @deprecated
      */
     addRenderer(name: RenderType, type: IRenderer): void;
     /**
      * getRenderer method
      * @hidden
-
+     * @deprecated
      */
     getRenderer(name: RenderType): IRenderer;
 }

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

@@ -3,7 +3,7 @@ import { RenderType } from '../base/enum';
 /**
  * RendererFactory
  * @hidden
-
+ * @deprecated
  */
 var RendererFactory = /** @class */ (function () {
     function RendererFactory() {
@@ -12,7 +12,7 @@ var RendererFactory = /** @class */ (function () {
     /**
      * addRenderer method
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.addRenderer = function (name, type) {
         var rName = getEnumValue(RenderType, name);
@@ -23,7 +23,7 @@ var RendererFactory = /** @class */ (function () {
     /**
      * getRenderer method
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.getRenderer = function (name) {
         var rName = getEnumValue(RenderType, name);

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

@@ -1,20 +1,20 @@
 /**
  * ServiceLocator
  * @hidden
-
+ * @deprecated
  */
 export declare class ServiceLocator {
     private services;
     /**
      * register method
      * @hidden
-
+     * @deprecated
      */
     register<T>(name: string, type: T): void;
     /**
      * getService method
      * @hidden
-
+     * @deprecated
      */
     getService<T>(name: string): T;
 }

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

@@ -2,7 +2,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * ServiceLocator
  * @hidden
-
+ * @deprecated
  */
 var ServiceLocator = /** @class */ (function () {
     function ServiceLocator() {
@@ -11,7 +11,7 @@ var ServiceLocator = /** @class */ (function () {
     /**
      * register method
      * @hidden
-
+     * @deprecated
      */
     ServiceLocator.prototype.register = function (name, type) {
         if (isNullOrUndefined(this.services[name])) {
@@ -21,7 +21,7 @@ var ServiceLocator = /** @class */ (function () {
     /**
      * getService method
      * @hidden
-
+     * @deprecated
      */
     ServiceLocator.prototype.getService = function (name) {
         if (isNullOrUndefined(this.services[name])) {

package/src/selection/selection.d.ts

@@ -18,19 +18,19 @@ export declare class NodeSelection {
     /**
      * get method
      * @hidden
-
+     * @deprecated
      */
     get(docElement: Document): Selection;
     /**
      * save method
      * @hidden
-
+     * @deprecated
      */
     save(range: Range, docElement: Document): NodeSelection;
     /**
      * getIndex method
      * @hidden
-
+     * @deprecated
      */
     getIndex(node: Node): number;
     private isChildNode;
@@ -38,117 +38,117 @@ export declare class NodeSelection {
     /**
      * getNodeCollection method
      * @hidden
-
+     * @deprecated
      */
     getNodeCollection(range: Range): Node[];
     /**
      * getParentNodeCollection method
      * @hidden
-
+     * @deprecated
      */
     getParentNodeCollection(range: Range): Node[];
     /**
      * getParentNodes method
      * @hidden
-
+     * @deprecated
      */
     getParentNodes(nodeCollection: Node[], range: Range): Node[];
     /**
      * getSelectionNodeCollection method
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollection(range: Range): Node[];
     /**
      * getSelectionNodeCollection along with BR node method
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollectionBr(range: Range): Node[];
     /**
      * getParentNodes method
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodes(nodeCollection: Node[]): Node[];
     /**
      * Get selection text nodes with br method.
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodesBr(nodeCollection: Node[]): Node[];
     /**
      * getInsertNodeCollection method
      * @hidden
-
+     * @deprecated
      */
     getInsertNodeCollection(range: Range): Node[];
     /**
      * getInsertNodes method
      * @hidden
-
+     * @deprecated
      */
     getInsertNodes(nodeCollection: Node[]): Node[];
     /**
      * getNodeArray method
      * @hidden
-
+     * @deprecated
      */
     getNodeArray(node: Node, isStart: boolean, root?: Document): number[];
     private setRangePoint;
     /**
      * restore method
      * @hidden
-
+     * @deprecated
      */
     restore(): Range;
     selectRange(docElement: Document, range: Range): void;
     /**
      * setRange method
      * @hidden
-
+     * @deprecated
      */
     setRange(docElement: Document, range: Range): void;
     /**
      * setSelectionText method
      * @hidden
-
+     * @deprecated
      */
     setSelectionText(docElement: Document, startNode: Node, endNode: Node, startIndex: number, endIndex: number): void;
     /**
      * setSelectionContents method
      * @hidden
-
+     * @deprecated
      */
     setSelectionContents(docElement: Document, element: Node): void;
     /**
      * setSelectionNode method
      * @hidden
-
+     * @deprecated
      */
     setSelectionNode(docElement: Document, element: Node): void;
     /**
      * getSelectedNodes method
      * @hidden
-
+     * @deprecated
      */
     getSelectedNodes(docElement: Document): Node[];
     /**
      * Clear method
      * @hidden
-
+     * @deprecated
      */
     Clear(docElement: Document): void;
     /**
      * insertParentNode method
      * @hidden
-
+     * @deprecated
      */
     insertParentNode(docElement: Document, newNode: Node, range: Range): void;
     /**
      * setCursorPoint method
      * @hidden
-
+     * @deprecated
      */
     setCursorPoint(docElement: Document, element: Element, point: number): void;
 }