@syncfusion/ej2-richtexteditor 23.2.5 → 23.2.7-52849

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

@@ -1,33 +1,33 @@
-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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { Component, EventHandler, Complex, Browser, addClass, select, detach } from '@syncfusion/ej2-base';
 import { Property, NotifyPropertyChanges, formatUnit, L10n, closest } from '@syncfusion/ej2-base';
 import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';
@@ -79,7 +79,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {ModuleDeclaration[]} - specifies the declaration.
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.requiredModules = function () {
         var modules = [];
@@ -162,7 +162,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setEnable = function () {
         this.updateEnable();
@@ -260,7 +260,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getPersistData = function () {
         return this.addOnPersist(['value']);
@@ -548,7 +548,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.render = function () {
         if (this.value && !this.valueTemplate) {
@@ -585,7 +585,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.addAudioVideoWrapper = function () {
         var _this = this;
@@ -647,7 +647,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @private
-
+     * @deprecated
      * @hidden
      */
     RichTextEditor.prototype.eventInitializer = function () {
@@ -692,7 +692,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {KeyboardEvent} e - specifies the event.
      * @returns {void}
      * @private
-
+     * @deprecated
      * @hidden
      */
     RichTextEditor.prototype.keyDown = function (e) {
@@ -762,10 +762,10 @@ var RichTextEditor = /** @class */ (function (_super) {
             }
             switch (e.action) {
                 case 'toolbar-focus':
-                    if (this.toolbarSettings.enable) {
-                        // eslint-disable-next-line
-                        var selector = '.e-toolbar-item[title] [tabindex]';
-                        this.toolbarModule.baseToolbar.toolbarObj.element.querySelector(selector).focus();
+                    if (this.toolbarSettings.enable && this.getToolbarElement()) {
+                        var firstActiveItem = this.getToolbarElement().querySelector('.e-toolbar-item:not(.e-overlay)[title]');
+                        firstActiveItem.firstElementChild.removeAttribute('tabindex');
+                        firstActiveItem.firstElementChild.focus();
                     }
                     break;
                 case 'escape':
@@ -828,7 +828,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {string} value - specifies the value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.serializeValue = function (value) {
         if (this.editorMode === 'HTML' && !isNOU(value)) {
@@ -859,7 +859,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {string} value - specifies the string value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.updateValue = function (value) {
         if (isNOU(value)) {
@@ -925,7 +925,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {Function} module - specifies the module function.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.ensureModuleInjected = function (module) {
         return this.getInjectedModules().indexOf(module) >= 0;
@@ -933,7 +933,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onCopy = function () {
         this.contentModule.getDocument().execCommand('copy', false, null);
@@ -941,7 +941,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onCut = function () {
         this.contentModule.getDocument().execCommand('cut', false, null);
@@ -950,7 +950,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onPaste = function (e) {
         var _this = this;
@@ -1013,7 +1013,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {MouseEvent} event - specifies the event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.clipboardAction = function (action, event) {
         switch (action.toLowerCase()) {
@@ -1206,7 +1206,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.getModuleName = function () {
         return 'richtexteditor';
@@ -1218,7 +1218,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {RichTextEditorModel} oldProp - specifies the old property.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-disable */
     RichTextEditor.prototype.onPropertyChanged = function (newProp, oldProp) {
@@ -1373,7 +1373,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @hidden
      * @returns {void}
-
+     * @deprecated
      */
     RichTextEditor.prototype.updateValueData = function () {
         if (this.enableHtmlEncode) {
@@ -1460,7 +1460,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setPlaceHolder = function () {
         if (this.inputElement && this.placeholder && this.iframeSettings.enable !== true) {
@@ -1538,7 +1538,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {boolean} initial - specifies the boolean value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setReadOnly = function (initial) {
         this.updateReadOnly();
@@ -1639,7 +1639,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @public
-
+     * @deprecated
      */
     RichTextEditor.prototype.getRange = function () {
         return this.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
@@ -1784,7 +1784,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getInsertImgMaxWidth = function () {
         var maxWidth = this.insertImageSettings.maxWidth;
@@ -1803,7 +1803,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getInsertVidMaxWidth = function () {
         var maxWidth = this.insertVideoSettings.maxWidth;
@@ -1824,7 +1824,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {boolean} isExpand - specifies  the bollean value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setContentHeight = function (target, isExpand) {
         var heightValue;
@@ -1988,7 +1988,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getBaseToolbarObject = function () {
         var tbObj;
@@ -2003,7 +2003,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getToolbar = function () {
         return this.toolbarModule ? this.toolbarModule.getToolbarElement() : null;
@@ -2011,7 +2011,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getToolbarElement = function () {
         return this.toolbarModule && this.toolbarModule.getToolbarElement();
@@ -2021,7 +2021,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * getID method
      *
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getID = function () {
         return (this.originalElement.tagName === 'TEXTAREA' ? this.valueContainer.id : this.element.id);
@@ -2044,7 +2044,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {FocusEvent} e - specifies the event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     // eslint-disable-next-line
     RichTextEditor.prototype.preventDefaultResize = function (e) {
@@ -2128,15 +2128,10 @@ var RichTextEditor = /** @class */ (function (_super) {
             }
             EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
         }
-        if (!isNOU(this.getToolbarElement())) {
-            var toolbarItem = this.getToolbarElement().querySelectorAll('input,select,button,a,[tabindex]');
-            for (var i = 0; i < toolbarItem.length; i++) {
-                if ((!toolbarItem[i].classList.contains('e-rte-dropdown-btn') &&
-                    !toolbarItem[i].classList.contains('e-insert-table-btn')) &&
-                    (!toolbarItem[i].hasAttribute('tabindex') ||
-                        toolbarItem[i].getAttribute('tabindex') !== '-1')) {
-                    toolbarItem[i].setAttribute('tabindex', '-1');
-                }
+        if (!this.readonly) {
+            var currentFocus = this.getCurrentFocus(e);
+            if (currentFocus === 'editArea' || currentFocus === 'textArea' || currentFocus === 'sourceCode') {
+                this.resetToolbarTabIndex();
             }
         }
     };
@@ -2253,13 +2248,16 @@ var RichTextEditor = /** @class */ (function (_super) {
         else {
             this.isRTE = true;
         }
+        if (!this.readonly && this.getCurrentFocus(e) === 'outside') {
+            this.resetToolbarTabIndex();
+        }
     };
     /**
      * invokeChangeEvent method
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.contentChanged = function () {
         if (this.autoSaveOnIdle) {
@@ -2274,7 +2272,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.invokeChangeEvent = function () {
         var currentValue;
@@ -2296,7 +2294,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.wireScrollElementsEvents = function () {
         this.scrollParentElements = getScrollableParent(this.element);
@@ -2326,7 +2324,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.unWireScrollElementsEvents = function () {
         this.scrollParentElements = getScrollableParent(this.element);
@@ -2357,7 +2355,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.autoResize = function () {
         var _this = this;
@@ -2507,6 +2505,44 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         this.unWireScrollElementsEvents();
     };
+    /**
+     *
+     * @param e Focus event
+     * @returns string Returns the current focus either `editArea` or `toolbar` or `textArea` or `sourceCode` or `outside` of the RichTextEditor.
+     * @hidden
+     */
+    RichTextEditor.prototype.getCurrentFocus = function (e) {
+        if (e.target === this.inputElement && document.activeElement === this.inputElement) {
+            return 'editArea';
+        }
+        else if (e.target === this.getToolbarElement() || (!isNOU(e.relatedTarget) && closest(e.relatedTarget, '.e-rte-toolbar') === this.getToolbarElement())) {
+            return 'toolbar';
+        }
+        else if (e.target === this.valueContainer && document.activeElement === this.valueContainer) {
+            return 'textArea';
+        }
+        else if (!isNOU(e.target) && e.target.classList.contains(classes.CLS_RTE_SOURCE_CODE_TXTAREA) && document.activeElement === e.target) {
+            return 'sourceCode';
+        }
+        return 'outside';
+    };
+    /**
+     * @param {FocusEvent} e - specifies the event.
+     * @hidden
+     */
+    RichTextEditor.prototype.resetToolbarTabIndex = function () {
+        if (this.getToolbarElement()) {
+            var toolbarItem = this.getToolbarElement().querySelectorAll('input,select,button,a,[tabindex]');
+            for (var i = 0; i < toolbarItem.length; i++) {
+                if ((!toolbarItem[i].classList.contains('e-rte-dropdown-btn') &&
+                    !toolbarItem[i].classList.contains('e-insert-table-btn')) &&
+                    (!toolbarItem[i].hasAttribute('tabindex') ||
+                        toolbarItem[i].getAttribute('tabindex') !== '-1')) {
+                    toolbarItem[i].setAttribute('tabindex', '-1');
+                }
+            }
+        }
+    };
     __decorate([
         Complex({}, ToolbarSettings)
     ], RichTextEditor.prototype, "toolbarSettings", void 0);

package/src/rich-text-editor/base/util.d.ts

@@ -88,7 +88,7 @@ export declare function updateUndoRedoStatus(baseToolbar: BaseToolbar, undoRedoS
  * @param {string} type - specifies the string type.
  * @returns {void}
  * @hidden
-
+ * @deprecated
  */
 export declare function dispatchEvent(element: Element | HTMLDocument, type: string): void;
 /**

package/src/rich-text-editor/base/util.js

@@ -321,7 +321,7 @@ export function updateUndoRedoStatus(baseToolbar, undoRedoStatus) {
  * @param {string} type - specifies the string type.
  * @returns {void}
  * @hidden
-
+ * @deprecated
  */
 export function dispatchEvent(element, type) {
     var evt = document.createEvent('HTMLEvents');

package/src/rich-text-editor/formatter/formatter.d.ts

@@ -7,7 +7,7 @@ import { IHtmlUndoRedoData } from '../../editor-manager/base/interface';
  * Formatter
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class Formatter {
     editorManager: IEditorModel;
@@ -21,7 +21,7 @@ export declare class Formatter {
      * @param  {IItemCollectionArgs} value - specifies the collection arguments
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     process(self: IRichTextEditor, args: ActionBeginEventArgs, event: MouseEvent | KeyboardEvent, value: IItemCollectionArgs): void;
     private getAncestorNode;
@@ -32,7 +32,7 @@ export declare class Formatter {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     onKeyHandler(self: IRichTextEditor, e: KeyboardEvent): void;
     /**
@@ -42,7 +42,7 @@ export declare class Formatter {
      * @param {IMarkdownFormatterCallBack} events - specifies the event call back
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     onSuccess(self: IRichTextEditor, events: IMarkdownFormatterCallBack | IHtmlFormatterCallBack): void;
     /**
@@ -51,7 +51,7 @@ export declare class Formatter {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     saveData(e?: KeyboardEvent | MouseEvent | IUndoCallBack): void;
     /**
@@ -59,7 +59,7 @@ export declare class Formatter {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getUndoStatus(): {
         [key: string]: boolean;
@@ -70,7 +70,7 @@ export declare class Formatter {
      * @param {IHtmlUndoRedoData}  - specifies the redo data.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getUndoRedoStack(): IHtmlUndoRedoData[] | MarkdownUndoRedoData[];
     /**
@@ -79,7 +79,7 @@ export declare class Formatter {
      * @param {IRichTextEditor} self - specifies the self element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     enableUndo(self: IRichTextEditor): void;
 }

package/src/rich-text-editor/formatter/formatter.js

@@ -6,7 +6,7 @@ import { KEY_DOWN, KEY_UP } from './../../common/constant';
  * Formatter
  *
  * @hidden
-
+ * @deprecated
  */
 var Formatter = /** @class */ (function () {
     function Formatter() {
@@ -20,7 +20,7 @@ var Formatter = /** @class */ (function () {
      * @param  {IItemCollectionArgs} value - specifies the collection arguments
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.process = function (self, args, event, value) {
         var _this = this;
@@ -157,7 +157,7 @@ var Formatter = /** @class */ (function () {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.onKeyHandler = function (self, e) {
         var _this = this;
@@ -175,7 +175,7 @@ var Formatter = /** @class */ (function () {
      * @param {IMarkdownFormatterCallBack} events - specifies the event call back
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.onSuccess = function (self, events) {
         self.notify(CONSTANT.contentChanged, {});
@@ -209,7 +209,7 @@ var Formatter = /** @class */ (function () {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.saveData = function (e) {
         this.editorManager.undoRedoManager.saveData(e);
@@ -219,7 +219,7 @@ var Formatter = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.getUndoStatus = function () {
         return this.editorManager.undoRedoManager.getUndoStatus();
@@ -231,7 +231,7 @@ var Formatter = /** @class */ (function () {
      * @param {IHtmlUndoRedoData}  - specifies the redo data.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     Formatter.prototype.getUndoRedoStack = function () {
@@ -243,7 +243,7 @@ var Formatter = /** @class */ (function () {
      * @param {IRichTextEditor} self - specifies the self element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.enableUndo = function (self) {
         var status = this.getUndoStatus();

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

@@ -5,7 +5,7 @@ import { FormatPainterSettingsModel } from '../models';
  * HTML adapter
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class HTMLFormatter extends Formatter {
     keyConfig: {
@@ -26,7 +26,7 @@ export declare class HTMLFormatter extends Formatter {
      * @param {FormatPainterSettingsModel} formatPainterSettings - specifies the format painter settings
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateFormatter(editElement: Element, doc?: Document, options?: {
         [key: string]: number;

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

@@ -1,16 +1,16 @@
-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 __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 __());
+    };
+})();
 import { Formatter } from './formatter';
 import { EditorManager } from './../../editor-manager/base/editor-manager';
 import { extend } from '@syncfusion/ej2-base';
@@ -19,7 +19,7 @@ import { htmlKeyConfig } from './../../common/config';
  * HTML adapter
  *
  * @hidden
-
+ * @deprecated
  */
 var HTMLFormatter = /** @class */ (function (_super) {
     __extends(HTMLFormatter, _super);
@@ -44,7 +44,7 @@ var HTMLFormatter = /** @class */ (function (_super) {
      * @param {FormatPainterSettingsModel} formatPainterSettings - specifies the format painter settings
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     HTMLFormatter.prototype.updateFormatter = function (editElement, doc, options, formatPainterSettings) {
         if (editElement && doc) {

package/src/rich-text-editor/formatter/markdown-formatter.d.ts

@@ -4,7 +4,7 @@ import { IEditorModel, IMarkdownFormatterModel } from './../base/interface';
  * Markdown adapter
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class MarkdownFormatter extends Formatter {
     keyConfig: {
@@ -31,7 +31,7 @@ export declare class MarkdownFormatter extends Formatter {
      * @param {number} options - specifies the options
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateFormatter(editElement: Element, doc?: Document, options?: {
         [key: string]: number;