@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41

package/src/rich-text-editor/actions/base-toolbar.d.ts

@@ -32,7 +32,7 @@ export declare class BaseToolbar {
      * @param {string} container - specifies the value of string
      * @returns {IToolbarItemModel} - returns the model element
      * @hidden
-     * @deprecated
+
      */
     getObject(item: string, container: string): IToolbarItemModel;
     /**
@@ -40,7 +40,7 @@ export declare class BaseToolbar {
      * @param {string} container - specifies the container value
      * @returns {ItemModel} - retunrs the model element
      * @hidden
-     * @deprecated
+
      */
     getItems(tbItems: (string | IToolbarItems)[], container: string): ItemModel[];
     private getToolbarOptions;
@@ -50,7 +50,7 @@ export declare class BaseToolbar {
      * @param {IToolbarRenderOptions} args - specifies the toolbar options
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     render(args: IToolbarRenderOptions): void;
 }

package/src/rich-text-editor/actions/base-toolbar.js

@@ -93,7 +93,7 @@ var BaseToolbar = /** @class */ (function () {
      * @param {string} container - specifies the value of string
      * @returns {IToolbarItemModel} - returns the model element
      * @hidden
-     * @deprecated
+
      */
     BaseToolbar.prototype.getObject = function (item, container) {
         var itemStr = item.toLowerCase();
@@ -132,7 +132,7 @@ var BaseToolbar = /** @class */ (function () {
      * @param {string} container - specifies the container value
      * @returns {ItemModel} - retunrs the model element
      * @hidden
-     * @deprecated
+
      */
     BaseToolbar.prototype.getItems = function (tbItems, container) {
         var _this = this;
@@ -204,7 +204,7 @@ var BaseToolbar = /** @class */ (function () {
      * @param {IToolbarRenderOptions} args - specifies the toolbar options
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     BaseToolbar.prototype.render = function (args) {
         this.toolbarRenderer = this.renderFactory.getRenderer(RenderType.Toolbar);

package/src/rich-text-editor/actions/color-picker.d.ts

@@ -23,7 +23,7 @@ export declare class ColorPickerInput {
      * @param {IColorPickerRenderArgs} args - specify the arguments.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     renderColorPickerInput(args: IColorPickerRenderArgs): void;
     private destroy;
@@ -32,7 +32,7 @@ export declare class ColorPickerInput {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroyColorPicker(): void;
     private setRtl;

package/src/rich-text-editor/actions/color-picker.js

@@ -30,7 +30,7 @@ var ColorPickerInput = /** @class */ (function () {
      * @param {IColorPickerRenderArgs} args - specify the arguments.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     ColorPickerInput.prototype.renderColorPickerInput = function (args) {
         var _this = this;
@@ -58,7 +58,7 @@ var ColorPickerInput = /** @class */ (function () {
                         document.body.appendChild(fontNode);
                         options = {
                             cssClass: _this.tools[item.toLocaleLowerCase()].icon
-                                + ' ' + classes.CLS_RTE_ELEMENTS + ' ' + classes.CLS_ICONS + ' ' + _this.parent.cssClass,
+                                + ' ' + classes.CLS_RTE_ELEMENTS + ' ' + classes.CLS_ICONS + _this.parent.getCssClass(true),
                             value: _this.tools[item.toLocaleLowerCase()].value,
                             command: _this.tools[item.toLocaleLowerCase()].command,
                             subCommand: _this.tools[item.toLocaleLowerCase()].subCommand,
@@ -85,7 +85,7 @@ var ColorPickerInput = /** @class */ (function () {
                         document.body.appendChild(backNode);
                         options = {
                             cssClass: _this.tools[item.toLocaleLowerCase()].icon
-                                + ' ' + classes.CLS_RTE_ELEMENTS + ' ' + classes.CLS_ICONS + ' ' + _this.parent.cssClass,
+                                + ' ' + classes.CLS_RTE_ELEMENTS + ' ' + classes.CLS_ICONS + _this.parent.getCssClass(true),
                             value: _this.tools[item.toLocaleLowerCase()].value,
                             command: _this.tools[item.toLocaleLowerCase()].command,
                             subCommand: _this.tools[item.toLocaleLowerCase()].subCommand,
@@ -100,7 +100,7 @@ var ColorPickerInput = /** @class */ (function () {
             }
         });
         if (this.parent.inlineMode.enable) {
-            this.setCssClass({ cssClass: this.parent.cssClass });
+            this.setCssClass({ cssClass: this.parent.getCssClass() });
         }
     };
     ColorPickerInput.prototype.destroy = function () {
@@ -112,7 +112,7 @@ var ColorPickerInput = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     ColorPickerInput.prototype.destroyColorPicker = function () {
         if (this.fontColorPicker && !this.fontColorPicker.isDestroyed) {

package/src/rich-text-editor/actions/count.d.ts

@@ -22,7 +22,7 @@ export declare class Count {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     renderCount(): void;
     private appendCount;
@@ -30,7 +30,7 @@ export declare class Count {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     refresh(): void;
     /**
@@ -39,7 +39,7 @@ export declare class Count {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     private toggle;

package/src/rich-text-editor/actions/count.js

@@ -22,7 +22,7 @@ var Count = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Count.prototype.renderCount = function () {
         this.initializeInstance();
@@ -63,7 +63,7 @@ var Count = /** @class */ (function () {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Count.prototype.refresh = function () {
         if (!isNullOrUndefined(this.editPanel)) {
@@ -79,7 +79,7 @@ var Count = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     Count.prototype.destroy = function () {
         if (this.element && !isNullOrUndefined(this.parent.element.querySelector('.' + CLS_COUNT))) {

package/src/rich-text-editor/actions/dropdown-buttons.d.ts

@@ -36,7 +36,7 @@ export declare class DropDownButtons {
      * @param {IDropDownRenderArgs} args - specifies the arguments
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     renderDropDowns(args: IDropDownRenderArgs): void;
     private getUpdateItems;
@@ -55,7 +55,7 @@ export declare class DropDownButtons {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroyDropDowns(): void;
     private setRtl;

package/src/rich-text-editor/actions/dropdown-buttons.js

@@ -39,7 +39,7 @@ var DropDownButtons = /** @class */ (function () {
      * @param {IDropDownRenderArgs} args - specifies the arguments
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     DropDownButtons.prototype.renderDropDowns = function (args) {
         var _this = this;
@@ -191,7 +191,7 @@ var DropDownButtons = /** @class */ (function () {
             }
         });
         if (this.parent.inlineMode.enable) {
-            this.setCssClass({ cssClass: this.parent.cssClass });
+            this.setCssClass({ cssClass: this.parent.getCssClass() });
         }
     };
     DropDownButtons.prototype.getUpdateItems = function (items, value) {
@@ -406,7 +406,7 @@ var DropDownButtons = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     DropDownButtons.prototype.destroyDropDowns = function () {
         if (this.formatDropDown) {
@@ -512,7 +512,9 @@ var DropDownButtons = /** @class */ (function () {
         this.parent.on(events.bindCssClass, this.setCssClass, this);
     };
     DropDownButtons.prototype.onIframeMouseDown = function () {
-        dispatchEvent(document, 'mousedown');
+        if (this.parent.getToolbarElement().querySelectorAll('.e-rte-dropdown-btn[aria-expanded="true"]').length > 0) {
+            dispatchEvent(document, 'mousedown');
+        }
     };
     DropDownButtons.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {

package/src/rich-text-editor/actions/emoji-picker.d.ts

@@ -21,7 +21,7 @@ export declare class EmojiPicker {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     protected addEventListener(): void;

package/src/rich-text-editor/actions/emoji-picker.js

@@ -19,7 +19,7 @@ var EmojiPicker = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     EmojiPicker.prototype.destroy = function () {
         this.removeEventListener();
@@ -44,6 +44,9 @@ var EmojiPicker = /** @class */ (function () {
             spanElement = this.parent.element.ownerDocument.querySelector('.e-emoji');
         }
         this.divElement = spanElement.closest('div');
+        if (!(this.parent.inputElement.contains(this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument()).startContainer))) {
+            this.parent.contentModule.getEditPanel().focus();
+        }
         var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
         this.save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
         this.clickEvent = args.args;
@@ -683,7 +686,8 @@ var EmojiPicker = /** @class */ (function () {
     };
     EmojiPicker.prototype.onkeyPress = function (e) {
         var originalEvent = e.args;
-        var selection = this.parent.contentModule.getDocument().getSelection();
+        var selection = (this.parent.iframeSettings.enable) ? this.parent.contentModule.getPanel().contentWindow.getSelection() :
+            this.parent.contentModule.getDocument().getSelection();
         if (selection.rangeCount <= 0) {
             return;
         }
@@ -703,6 +707,10 @@ var EmojiPicker = /** @class */ (function () {
         }
         if (originalEvent.keyCode === 32 && isPrevColon && this.popupObj) {
             removeClass([this.divElement], 'e-active');
+            var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument : this.parent.contentModule.getDocument();
+            if (this.parent.showTooltip && !isNOU(currentDocument.querySelector('.e-tooltip-wrap'))) {
+                this.parent.notify(events.destroyTooltip, { args: event });
+            }
             this.popupObj.hide();
         }
         if (this.popupObj && (originalEvent.keyCode === 37 || originalEvent.keyCode === 38 || originalEvent.keyCode === 39
@@ -713,7 +721,8 @@ var EmojiPicker = /** @class */ (function () {
     };
     EmojiPicker.prototype.onkeyUp = function (e) {
         var originalEvent = e.args;
-        var selection = this.parent.contentModule.getDocument().getSelection();
+        var selection = (this.parent.iframeSettings.enable) ? this.parent.contentModule.getPanel().contentWindow.getSelection() :
+            this.parent.contentModule.getDocument().getSelection();
         if (selection.rangeCount <= 0) {
             return;
         }
@@ -739,7 +748,7 @@ var EmojiPicker = /** @class */ (function () {
     };
     EmojiPicker.prototype.getCoordinates = function () {
         var coordinates;
-        var selection = this.parent.contentModule.getDocument().getSelection();
+        var selection = (this.parent.iframeSettings.enable) ? this.parent.contentModule.getPanel().contentWindow.getSelection() : window.getSelection();
         var range = selection.getRangeAt(0);
         var firstChild;
         if (range.startContainer.nodeName === 'P' || range.startContainer.nodeName === 'DIV') {

package/src/rich-text-editor/actions/enter-key.js

@@ -236,7 +236,8 @@ var EnterKeyAction = /** @class */ (function () {
                                     }
                                     _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), insertElem.nextElementSibling, 0);
                                 }
-                                else if (nearBlockNode.textContent.length === 0 && !(!isNOU(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG') && !(nearBlockNode.querySelectorAll('img').length > 0)) {
+                                else if (nearBlockNode.textContent.length === 0 && !(!isNOU(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG' ||
+                                    (nearBlockNode.querySelectorAll('video').length > 0) || (nearBlockNode.querySelectorAll('audio').length > 0) || (nearBlockNode.querySelectorAll('img').length > 0))) {
                                     if (!isNOU(nearBlockNode.children[0]) && nearBlockNode.children[0].tagName !== 'BR') {
                                         var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                         _this.parent.formatter.editorManager.domNode.insertAfter(newElem, nearBlockNode);

package/src/rich-text-editor/actions/file-manager.js

@@ -78,7 +78,7 @@ var FileManager = /** @class */ (function () {
         this.dialogObj.createElement = this.parent.createElement;
         this.dialogObj.appendTo(dlgTarget);
         this.dialogObj.show(Browser.isDevice ? true : false);
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     // eslint-disable-next-line @typescript-eslint/tslint/config
     FileManager.prototype.setCssClass = function (e) {

package/src/rich-text-editor/actions/format-painter.js

@@ -38,7 +38,7 @@ var FormatPainter = /** @class */ (function () {
     };
     FormatPainter.prototype.onKeyDown = function (event) {
         var originalEvent = event.args;
-        if ((originalEvent.altKey && originalEvent.shiftKey && (originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste'))
+        if (!isNOU(originalEvent) && !isNOU(originalEvent.action) && (originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')
             || (originalEvent.action === 'escape' && (this.previousAction === 'format-copy' || this.previousAction === 'format-paste'))) {
             if ((originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')) {
                 originalEvent.stopPropagation();

package/src/rich-text-editor/actions/full-screen.d.ts

@@ -13,7 +13,7 @@ export declare class FullScreen {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     showFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     /**
@@ -22,7 +22,7 @@ export declare class FullScreen {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     hideFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     private toggleParentOverflow;
@@ -34,7 +34,7 @@ export declare class FullScreen {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     private moduleDestroy;

package/src/rich-text-editor/actions/full-screen.js

@@ -17,7 +17,7 @@ var FullScreen = /** @class */ (function () {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     FullScreen.prototype.showFullScreen = function (event) {
         var _this = this;
@@ -26,7 +26,7 @@ var FullScreen = /** @class */ (function () {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
         if (this.parent.showTooltip && !isNOU(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(events.maximizeMinimizeClick, { args: event });
+            this.parent.notify(events.destroyTooltip, { args: event });
         }
         this.scrollableParent = getScrollableParent(this.parent.element);
         if (!this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {
@@ -72,7 +72,7 @@ var FullScreen = /** @class */ (function () {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     FullScreen.prototype.hideFullScreen = function (event) {
         var _this = this;
@@ -81,7 +81,7 @@ var FullScreen = /** @class */ (function () {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
         if (this.parent.showTooltip && !isNOU(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(events.maximizeMinimizeClick, { args: event });
+            this.parent.notify(events.destroyTooltip, { args: event });
         }
         if (this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {
             var evenArgs = {
@@ -161,7 +161,7 @@ var FullScreen = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     FullScreen.prototype.destroy = function () {
         if (isNOU(this.parent)) {

package/src/rich-text-editor/actions/html-editor.d.ts

@@ -22,6 +22,7 @@ export declare class HtmlEditor {
     private saveSelection;
     xhtmlValidation: XhtmlValidation;
     private clickTimeout;
+    private tooltipTargetEle;
     constructor(parent?: IRichTextEditor, serviceLocator?: ServiceLocator);
     /**
      * Destroys the Markdown.
@@ -29,14 +30,14 @@ export declare class HtmlEditor {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     /**
      * @param {string} value - specifies the string value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     sanitizeHelper(value: string): string;
     private addEventListener;
@@ -56,6 +57,7 @@ export declare class HtmlEditor {
     private getRangeLiNode;
     private onPaste;
     private spaceLink;
+    private mouseOutHandler;
     private onToolbarClick;
     private renderColorPicker;
     private instantiateRenderer;
@@ -67,7 +69,7 @@ export declare class HtmlEditor {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

package/src/rich-text-editor/actions/html-editor.js

@@ -1,5 +1,5 @@
 import * as events from '../base/constant';
-import { isNullOrUndefined, closest, attributes, removeClass, addClass, Browser, detach } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, closest, attributes, removeClass, addClass, Browser, detach, EventHandler } from '@syncfusion/ej2-base';
 import { isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { HTMLFormatter } from '../formatter/html-formatter';
 import { RenderType } from '../base/enum';
@@ -33,7 +33,7 @@ var HtmlEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     HtmlEditor.prototype.destroy = function () {
         this.removeEventListener();
@@ -42,7 +42,7 @@ var HtmlEditor = /** @class */ (function () {
      * @param {string} value - specifies the string value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     HtmlEditor.prototype.sanitizeHelper = function (value) {
         value = sanitizeHelper(value, this.parent);
@@ -222,7 +222,7 @@ var HtmlEditor = /** @class */ (function () {
             e.args.keyCode === 13) {
             this.spaceLink(e.args);
             if (this.parent.editorMode === 'HTML' && !this.parent.readonly) {
-                var currentLength = this.parent.getText().trim().length;
+                var currentLength = this.parent.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
                 var selectionLength = this.parent.getSelection().length;
                 var totalLength = (currentLength - selectionLength) + 1;
                 if (!(this.parent.maxLength === -1 || totalLength <= this.parent.maxLength) &&
@@ -232,6 +232,10 @@ var HtmlEditor = /** @class */ (function () {
                 }
                 else {
                     this.parent.notify(events.enterHandler, { args: e.args });
+                    var newRange = this.parent.getRange();
+                    if (!isNOU(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text') {
+                        newRange.startContainer.scrollIntoView({ block: "end", inline: "nearest" });
+                    }
                 }
             }
         }
@@ -380,7 +384,7 @@ var HtmlEditor = /** @class */ (function () {
         var liElement;
         var rootElement;
         if (e.args.code === 'Delete' && e.args.keyCode === 46 &&
-            this.parent.contentModule.getText().trim().length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
+            this.parent.contentModule.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
             currentRange.startContainer.parentElement.tagName !== 'TH') {
             this.deleteRangeElement = rootElement = this.getRootBlockNode(currentRange.startContainer);
             if (this.deleteRangeElement.tagName === 'OL' || this.deleteRangeElement.tagName === 'UL') {
@@ -595,6 +599,19 @@ var HtmlEditor = /** @class */ (function () {
             }, e, value);
         }
     };
+    HtmlEditor.prototype.mouseOutHandler = function () {
+        if (!isNOU(this.tooltipTargetEle)) {
+            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
+        }
+        else {
+            var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+                this.parent.contentModule.getDocument();
+            this.tooltipTargetEle = currentDocument.querySelector('[data-title]');
+            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
+        }
+        this.tooltipTargetEle.removeAttribute('data-title');
+        EventHandler.remove(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler);
+    };
     HtmlEditor.prototype.onToolbarClick = function (args) {
         var _this = this;
         var save;
@@ -602,6 +619,15 @@ var HtmlEditor = /** @class */ (function () {
         var selectParentEle;
         var item = args.item;
         var closestElement = closest(args.originalEvent.target, '.e-rte-quick-popup');
+        var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+            this.parent.contentModule.getDocument();
+        this.tooltipTargetEle = closest(args.originalEvent.target, '[data-tooltip-id]');
+        if (!isNOU(this.tooltipTargetEle) && this.parent.showTooltip && !isNOU(currentDocument.querySelector('.e-tooltip-wrap'))) {
+            this.parent.notify(events.destroyTooltip, { args: event });
+            this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
+            this.tooltipTargetEle.removeAttribute('title');
+            EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
+        }
         if (item.command !== 'FormatPainter') {
             if (closestElement && !closestElement.classList.contains('e-rte-inline-popup') && !closestElement.classList.contains('e-rte-text-popup')) {
                 if (!(item.subCommand === 'SourceCode' || item.subCommand === 'Preview' ||
@@ -801,7 +827,7 @@ var HtmlEditor = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     HtmlEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

package/src/rich-text-editor/actions/keyboard-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from '@syncfusion/ej2-base';
+import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from '@syncfusion/ej2-base';import { Base, EmitType } from '@syncfusion/ej2-base';import { KeyboardEventsModel } from '@syncfusion/ej2-base';
 import {KeyboardEventArgs} from "./keyboard";
 
 /**
@@ -7,24 +7,24 @@ import {KeyboardEventArgs} from "./keyboard";
 export interface KeyboardEventsModel {
 
     /**
-     * Specifies key combination and it respective action name.
-     *
-     * @default null
-     */
-    keyConfigs?: { [key: string]: string };
+     * Specifies key combination and it respective action name.
+     *
+     * @default null
+     */
+    keyConfigs?: { [key: string]: string };
 
     /**
-     * Specifies on which event keyboardEvents class should listen for key press. For ex., `keyup`, `keydown` or `keypress`
-     *
-     * @default 'keyup'
-     */
-    eventName?: string;
+     * Specifies on which event keyboardEvents class should listen for key press. For ex., `keyup`, `keydown` or `keypress`
+     *
+     * @default 'keyup'
+     */
+    eventName?: string;
 
     /**
-     * Specifies the listener when keyboard actions is performed.
-     *
-     * @event 'keyAction'
-     */
-    keyAction?: EmitType<KeyboardEventArgs>;
+     * Specifies the listener when keyboard actions is performed.
+     *
+     * @event 'keyAction'
+     */
+    keyAction?: EmitType<KeyboardEventArgs>;
 
 }

package/src/rich-text-editor/actions/keyboard.d.ts

@@ -27,7 +27,7 @@ export interface KeyboardEventArgs extends KeyboardEvent {
  * ```
  *
  * @hidden
- * @deprecated
+
  */
 export declare class KeyboardEvents extends Base<HTMLElement> implements INotifyPropertyChanged {
     /**

package/src/rich-text-editor/actions/keyboard.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Property, NotifyPropertyChanges, Event } from '@syncfusion/ej2-base';
 import { Base } from '@syncfusion/ej2-base';
 var keyCode = {
@@ -84,7 +84,7 @@ var keyCode = {
  * ```
  *
  * @hidden
- * @deprecated
+
  */
 var KeyboardEvents = /** @class */ (function (_super) {
     __extends(KeyboardEvents, _super);