@syncfusion/ej2-richtexteditor 28.1.38 → 28.1.41-642043

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

@@ -5,7 +5,7 @@ import * as events from '../base/constant';
  * `Popup renderer` module is used to render popup in RichTextEditor.
  *
  * @hidden
-
+ * @deprecated
  */
 var PopupRenderer = /** @class */ (function () {
     /**
@@ -26,7 +26,7 @@ var PopupRenderer = /** @class */ (function () {
      * @param {BaseQuickToolbar} args - specifies  the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     PopupRenderer.prototype.renderPopup = function (args) {
         this.setPanel(args.element);
@@ -44,7 +44,7 @@ var PopupRenderer = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     PopupRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_QUICK_POP);
@@ -54,7 +54,7 @@ var PopupRenderer = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
-
+     * @deprecated
      */
     PopupRenderer.prototype.getPanel = function () {
         return this.popupPanel;
@@ -65,7 +65,7 @@ var PopupRenderer = /** @class */ (function () {
      * @returns {void}
      * @param  {Element} panel - specifies the element
      * @hidden
-
+     * @deprecated
      */
     PopupRenderer.prototype.setPanel = function (panel) {
         this.popupPanel = panel;

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

@@ -4,7 +4,7 @@ import { ServiceLocator } from '../services/service-locator';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class Render {
     private parent;
@@ -24,7 +24,7 @@ export declare class Render {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     render(): void;
     /**

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

@@ -5,7 +5,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 var Render = /** @class */ (function () {
     /**
@@ -26,7 +26,7 @@ var Render = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Render.prototype.render = function () {
         // eslint-disable-next-line

package/src/rich-text-editor/renderer/table-module.d.ts

@@ -40,6 +40,7 @@ export declare class Table {
     private resizeIconPositionTime;
     private isResizeBind;
     private isDestroyed;
+    private createTablePopupBoundFn;
     private constructor();
     protected addEventListener(): void;
     protected removeEventListener(): void;
@@ -48,7 +49,6 @@ export declare class Table {
     private afterRender;
     private dropdownSelect;
     private UpdateCells;
-    private keyUp;
     private keyDown;
     private tableCellsKeyboardSelection;
     private resetTableSelection;
@@ -139,7 +139,7 @@ export declare class Table {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     /**
@@ -150,4 +150,5 @@ export declare class Table {
     private getModuleName;
     private afterKeyDown;
     private updateResizeIconPosition;
+    private createTablePopupKeyDown;
 }

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

@@ -1,4 +1,4 @@
-import { createElement, detach, closest, Browser, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
+import { createElement, detach, closest, Browser, isNullOrUndefined as isNOU, getComponent } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, EventHandler, addClass } from '@syncfusion/ej2-base';
 import { Popup } from '@syncfusion/ej2-popups';
 import { Button } from '@syncfusion/ej2-buttons';
@@ -45,7 +45,6 @@ var Table = /** @class */ (function () {
         this.parent.on(events.tableToolbarAction, this.onToolbarAction, this);
         this.parent.on(events.dropDownSelect, this.dropdownSelect, this);
         this.parent.on(events.keyDown, this.keyDown, this);
-        this.parent.on(events.keyUp, this.keyUp, this);
         this.parent.on(events.tableModulekeyUp, this.tableModulekeyUp, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
         this.parent.on(events.destroy, this.destroy, this);
@@ -66,7 +65,6 @@ var Table = /** @class */ (function () {
         this.parent.off(events.mouseDown, this.cellSelect);
         this.parent.off(events.tableColorPickerChanged, this.setBGColor);
         this.parent.off(events.keyDown, this.keyDown);
-        this.parent.off(events.keyUp, this.keyUp);
         this.parent.off(events.tableModulekeyUp, this.tableModulekeyUp);
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.destroy, this.destroy);
@@ -163,20 +161,6 @@ var Table = /** @class */ (function () {
         this.parent.formatter.process(this.parent, e, e, { selection: selectCell, subCommand: e.item.subCommand });
         this.hideTableQuickToolbar();
     };
-    Table.prototype.keyUp = function (e) {
-        var target = e.args.target;
-        if (e.args.key.toLocaleLowerCase() === 'escape' && target && target.classList && (this.popupObj && !closest(target, '[id=' + '\'' + this.popupObj.element.id + '\'' + ']')) && this.popupObj) {
-            var createTableToolbarBtn = this.popupObj.relateTo;
-            if (createTableToolbarBtn.nodeName !== 'BUTTON') {
-                createTableToolbarBtn = createTableToolbarBtn.querySelector('span.e-create-table');
-                createTableToolbarBtn = createTableToolbarBtn.parentElement;
-            }
-            this.popupObj.hide();
-            if (createTableToolbarBtn) {
-                createTableToolbarBtn.focus();
-            }
-        }
-    };
     Table.prototype.keyDown = function (e) {
         var event = e.args;
         // eslint-disable-next-line
@@ -1755,6 +1739,8 @@ var Table = /** @class */ (function () {
         var header = '1X1';
         var insertbtn = this.l10n.getConstant('inserttablebtn');
         this.dlgDiv = this.parent.createElement('div', { className: 'e-rte-table-popup' + this.parent.getCssClass(true), id: this.rteID + '_table' });
+        this.createTablePopupBoundFn = this.createTablePopupKeyDown.bind(this);
+        this.dlgDiv.addEventListener('keydown', this.createTablePopupBoundFn);
         this.tblHeader = this.parent.createElement('div', { className: 'e-rte-popup-header' + this.parent.getCssClass(true) });
         this.tblHeader.innerHTML = header;
         this.dlgDiv.appendChild(this.tblHeader);
@@ -1792,6 +1778,7 @@ var Table = /** @class */ (function () {
             // eslint-disable-next-line
             close: function (event) {
                 EventHandler.remove(btnEle, 'click', _this.insertTableDialog);
+                _this.dlgDiv.removeEventListener('keydown', _this.createTablePopupBoundFn);
                 detach(btnEle);
                 if (_this.createTableButton && !_this.createTableButton.isDestroyed) {
                     _this.createTableButton.destroy();
@@ -2136,7 +2123,7 @@ var Table = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Table.prototype.destroy = function () {
         if (this.isDestroyed) {
@@ -2175,6 +2162,7 @@ var Table = /** @class */ (function () {
             this.createTableButton.destroy();
             this.createTableButton = null;
         }
+        this.createTablePopupBoundFn = null;
         this.isDestroyed = true;
     };
     /**
@@ -2201,6 +2189,15 @@ var Table = /** @class */ (function () {
                 'px; left:' + (tablePosition.left + parseInt(getComputedStyle(this.curTable).width, 10) - 4) + 'px;';
         }
     };
+    Table.prototype.createTablePopupKeyDown = function (e) {
+        if (e.key === 'Escape') {
+            var popupRootElem = e.target.closest('.e-rte-table-popup');
+            var popup = getComponent(popupRootElem, 'popup');
+            var tableToolbarButton = popup.relateTo;
+            popup.hide();
+            tableToolbarButton.focus({ preventScroll: true });
+        }
+    };
     return Table;
 }());
 export { Table };

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

@@ -7,7 +7,7 @@ import { ServiceLocator } from '../services/service-locator';
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ToolbarRenderer implements IRenderer {
     private mode;
@@ -48,7 +48,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderToolbar(args: IToolbarOptions): void;
     tooltipBeforeOpen(args: TooltipEventArgs): void;
@@ -58,7 +58,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderDropDownButton(args: IDropDownModel): DropDownButton;
     private mouseOutHandler;
@@ -69,7 +69,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderListDropDown(args: IDropDownModel): DropDownButton;
     private paletteSelection;
@@ -82,7 +82,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} defaultColor -specifies the defaultColor.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderColorPickerDropDown(args: IColorPickerModel, item: string, colorPicker: ColorPicker, defaultColor: string): DropDownButton;
     private pickerRefresh;
@@ -94,7 +94,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderColorPicker(args: IColorPickerModel, item: string): ColorPicker;
     /**
@@ -102,7 +102,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -110,7 +110,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -119,7 +119,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @returns {void}
      * @param  {Element} panel - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     setPanel(panel: Element): void;
     destroy(): void;

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

@@ -13,7 +13,7 @@ import { ToolbarStatus } from '../../editor-manager/plugin/toolbar-status';
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
  * @hidden
-
+ * @deprecated
  */
 var ToolbarRenderer = /** @class */ (function () {
     /**
@@ -130,7 +130,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderToolbar = function (args) {
         this.setPanel(args.target);
@@ -176,7 +176,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderDropDownButton = function (args) {
         var _this = this;
@@ -374,7 +374,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderListDropDown = function (args) {
         var _this = this;
@@ -489,7 +489,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {string} defaultColor -specifies the defaultColor.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPickerDropDown = function (args, item, colorPicker, defaultColor) {
         var _this = this;
@@ -637,7 +637,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPicker = function (args, item) {
         var _this = this;
@@ -645,7 +645,6 @@ var ToolbarRenderer = /** @class */ (function () {
         var proxy = this;
         var value;
         var colorPicker = new ColorPicker({
-            enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
             inline: true,
             value: null,
@@ -715,7 +714,7 @@ var ToolbarRenderer = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_TOOLBAR);
@@ -725,7 +724,7 @@ var ToolbarRenderer = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.getPanel = function () {
         return this.toolbarPanel;
@@ -736,7 +735,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/video-module.d.ts

@@ -104,7 +104,7 @@ export declare class Video {
      * @method destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     /**

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

@@ -1507,7 +1507,7 @@ var Video = /** @class */ (function () {
      * @method destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     Video.prototype.destroy = function () {

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;
@@ -41,7 +41,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     sourceCode(args?: ClickEventArgs | IHtmlKeyboardEvent): void;
     /**
@@ -50,7 +50,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateSourceCode(args?: ClickEventArgs | KeyboardEventArgs): void;
     private getTextAreaValue;
@@ -59,7 +59,7 @@ export declare class ViewSource {
      *
      * @returns {HTMLTextAreaElement} - Specifies the Souce codetext area element.
      * @hidden
-
+     * @deprecated
      */
     getPanel(): HTMLTextAreaElement;
     /**
@@ -67,7 +67,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 () {
     /**
@@ -103,7 +103,7 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.sourceCode = function (args) {
         var _this = this;
@@ -162,7 +162,7 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.updateSourceCode = function (args) {
         var _this = this;
@@ -225,7 +225,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {HTMLTextAreaElement} - Specifies the Souce codetext area element.
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getPanel = function () {
         return this.parent.element && this.parent.element.querySelector('.e-rte-srctextarea');
@@ -235,7 +235,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.destroy = function () {
         if (isNOU(this.parent)) {

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;
     destroy(): void;

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;
     destroy(): void;

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])) {