@syncfusion/ej2-richtexteditor 29.2.4-760237 → 29.2.4-795127

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

@@ -1,2645 +0,0 @@
-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;
-};
-define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-popups", "../base/constant", "../base/classes", "../renderer/render", "../renderer/view-source", "./interface", "../services/service-locator", "../services/renderer-factory", "./enum", "../actions/execute-command-callback", "../actions/keyboard", "../models/toolbar-settings", "../models/toolbar-settings", "../models/toolbar-settings", "../models/toolbar-settings", "../models/iframe-settings", "../models/inline-mode", "../models/default-locale", "../actions/html-attributes", "../actions/full-screen", "../actions/enter-key", "../../common/constant", "../base/util", "../../common/util", "../renderer/dialog-renderer", "../models/slash-menu-settings", "../../common/config", "../../common/user-agent", "../base/util", "../../selection/index"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, ej2_base_4, ej2_base_5, ej2_popups_1, events, classes, render_1, view_source_1, interface_1, service_locator_1, renderer_factory_1, enum_1, execute_command_callback_1, keyboard_1, toolbar_settings_1, toolbar_settings_2, toolbar_settings_3, toolbar_settings_4, iframe_settings_1, inline_mode_1, default_locale_1, html_attributes_1, full_screen_1, enter_key_1, CONSTANT, util_1, util_2, dialog_renderer_1, slash_menu_settings_1, config_1, user_agent_1, util_3, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var RichTextEditor = (function (_super) {
-        __extends(RichTextEditor, _super);
-        function RichTextEditor(options, element) {
-            var _this = _super.call(this, options, element) || this;
-            _this.isPlainPaste = false;
-            _this.needsID = true;
-            _this.isCopyAll = false;
-            return _this;
-        }
-        RichTextEditor.prototype.requiredModules = function () {
-            var modules = [];
-            if (this.toolbarSettings.enable) {
-                modules.push({ member: 'toolbar', args: [this, this.serviceLocator] });
-                modules.push({
-                    member: 'link',
-                    args: [this, this.serviceLocator]
-                });
-                modules.push({
-                    member: 'table',
-                    args: [this, this.serviceLocator]
-                });
-                modules.push({
-                    member: 'image',
-                    args: [this, this.serviceLocator]
-                });
-                modules.push({
-                    member: 'audio',
-                    args: [this, this.serviceLocator]
-                });
-                modules.push({
-                    member: 'video',
-                    args: [this, this.serviceLocator]
-                });
-                if (this.quickToolbarSettings.enable) {
-                    modules.push({ member: 'quickToolbar', args: [this, this.serviceLocator] });
-                }
-            }
-            if (this.editorMode === 'HTML' && this.slashMenuSettings.enable) {
-                modules.push({ member: 'slashMenu', args: [this, this.serviceLocator] });
-            }
-            if (this.showCharCount) {
-                modules.push({ member: 'count', args: [this, this.serviceLocator] });
-            }
-            if (this.editorMode === 'Markdown') {
-                modules.push({ member: 'markdownEditor', args: [this, this.serviceLocator] });
-            }
-            if (this.editorMode === 'HTML') {
-                modules.push({ member: 'htmlEditor', args: [this, this.serviceLocator] });
-                modules.push({ member: 'pasteCleanup', args: [this, this.serviceLocator] });
-                modules.push({ member: 'importExport', args: [this, this.serviceLocator] });
-                modules.push({
-                    member: 'formatPainter',
-                    args: [this]
-                });
-                modules.push({
-                    member: 'emojiPicker',
-                    args: [this, this.serviceLocator]
-                });
-            }
-            if (this.fileManagerSettings.enable) {
-                modules.push({ member: 'fileManager', args: [this, this.serviceLocator] });
-            }
-            if (this.enableResize) {
-                modules.push({ member: 'resize', args: [this] });
-            }
-            return modules;
-        };
-        RichTextEditor.prototype.updateEnable = function () {
-            if (this.enabled) {
-                ej2_base_3.removeClass([this.element], classes.CLS_DISABLED);
-                this.element.setAttribute('aria-disabled', 'false');
-                if (!ej2_base_4.isNullOrUndefined(this.htmlAttributes.tabindex)) {
-                    this.inputElement.setAttribute('tabindex', this.htmlAttributes.tabindex);
-                }
-                else {
-                    this.inputElement.setAttribute('tabindex', '0');
-                }
-            }
-            else {
-                if (this.getToolbar()) {
-                    ej2_base_3.removeClass(this.getToolbar().querySelectorAll('.' + classes.CLS_ACTIVE), classes.CLS_ACTIVE);
-                    ej2_base_3.removeClass([this.getToolbar().parentElement], [classes.CLS_TB_FLOAT]);
-                }
-                ej2_base_1.addClass([this.element], classes.CLS_DISABLED);
-                this.element.tabIndex = -1;
-                this.element.setAttribute('aria-disabled', 'true');
-                this.inputElement.setAttribute('tabindex', '-1');
-            }
-        };
-        RichTextEditor.prototype.setEnable = function () {
-            this.updateEnable();
-            (this.enabled) ? this.eventInitializer() : this.unWireEvents();
-        };
-        RichTextEditor.prototype.initializeValue = function () {
-            this.isFocusOut = false;
-            this.isRTE = false;
-            this.isBlur = true;
-            this.defaultResetValue = null;
-            this.isResizeInitialized = false;
-        };
-        RichTextEditor.prototype.preRender = function () {
-            this.initializeValue();
-            this.clickPoints = { clientX: 0, clientY: 0 };
-            this.initialValue = this.value;
-            this.serviceLocator = new service_locator_1.ServiceLocator;
-            this.initializeServices();
-            this.setContainer();
-            this.persistData();
-            ej2_base_3.setStyleAttribute(this.element, { 'width': ej2_base_2.formatUnit(this.width) });
-            ej2_base_3.attributes(this.element, { role: 'application', 'aria-label': 'Rich Text Editor' });
-            this.beforeRenderClassValue = this.element.getAttribute('class');
-        };
-        RichTextEditor.prototype.persistData = function () {
-            if (this.enablePersistence && this.originalElement.tagName === 'TEXTAREA') {
-                this.element.id = this.originalElement.id + '_wrapper';
-                var data = window.localStorage.getItem(this.getModuleName() + this.element.id);
-                if (!(ej2_base_4.isNullOrUndefined(data) || (data === ''))) {
-                    this.setProperties(JSON.parse(data), true);
-                }
-            }
-        };
-        RichTextEditor.prototype.setContainer = function () {
-            this.originalElement = this.element.cloneNode(true);
-            if (this.value === null || this.valueTemplate !== null) {
-                this.setValue();
-            }
-            if (this.element.hasAttribute('tabindex')) {
-                this.htmlAttributes = { 'tabindex': this.element.getAttribute('tabindex') };
-                this.element.removeAttribute('tabindex');
-            }
-            this.element.innerHTML = '';
-            var invalidAttr = ['class', 'style', 'id', 'ejs-for'];
-            var htmlAttr = {};
-            for (var a = 0; a < this.element.attributes.length; a++) {
-                if (invalidAttr.indexOf(this.element.attributes[a].name) === -1 &&
-                    !(/^data-val/.test(this.element.attributes[a].name))) {
-                    htmlAttr[this.element.attributes[a].name] = this.element.getAttribute(this.element.attributes[a].name);
-                }
-            }
-            ej2_base_4.extend(htmlAttr, this.htmlAttributes, htmlAttr);
-            this.setProperties({ htmlAttributes: htmlAttr }, true);
-            if (!ej2_base_4.isNullOrUndefined(this.htmlAttributes.id)) {
-                this.element.id = this.htmlAttributes.id;
-            }
-            this.internalID = this.element.id;
-            if (this.element.tagName === 'TEXTAREA') {
-                var rteOuterWrapper = this.createElement('div', {
-                    className: this.element.getAttribute('class')
-                });
-                this.element.innerHTML = '';
-                this.element.parentElement.insertBefore(rteOuterWrapper, this.element);
-                this.valueContainer = this.element;
-                ej2_base_3.removeClass([this.valueContainer], this.element.getAttribute('class').split(' '));
-                this.element = rteOuterWrapper;
-            }
-            else {
-                this.valueContainer = this.createElement('textarea', {
-                    id: this.getID() + '-value',
-                    attrs: { 'aria-labelledby': this.getID() }
-                });
-            }
-            this.valueContainer.name = this.getID();
-            ej2_base_1.addClass([this.valueContainer], classes.CLS_RTE_HIDDEN);
-            if (!ej2_base_4.isNullOrUndefined(this.cssClass)) {
-                var currentClassList = this.cssClass.split(' ');
-                for (var i = 0; i < currentClassList.length; i++) {
-                    ej2_base_1.addClass([this.valueContainer], currentClassList[i]);
-                }
-            }
-            this.rootContainer = this.createElement('div', { className: classes.CLS_RTE_CONTAINER, attrs: { 'role': 'presentation' } });
-            this.element.appendChild(this.rootContainer);
-            this.rootContainer.appendChild(this.valueContainer);
-        };
-        RichTextEditor.prototype.getPersistData = function () {
-            return this.addOnPersist(['value']);
-        };
-        RichTextEditor.prototype.focusIn = function () {
-            if (this.enabled) {
-                this.inputElement.focus();
-                this.focusHandler({});
-            }
-        };
-        RichTextEditor.prototype.focusOut = function () {
-            if (this.enabled) {
-                this.inputElement.blur();
-                this.blurHandler({});
-            }
-        };
-        RichTextEditor.prototype.selectAll = function () {
-            this.notify(events.selectAll, {});
-        };
-        RichTextEditor.prototype.selectRange = function (range) {
-            this.notify(events.selectRange, { range: range });
-        };
-        RichTextEditor.prototype.getSelection = function () {
-            var str = '';
-            this.notify(events.getSelectedHtml, {
-                callBack: function (txt) {
-                    str = txt;
-                }
-            });
-            return str;
-        };
-        RichTextEditor.prototype.showEmojiPicker = function (x, y) {
-            if (this.readonly) {
-                return;
-            }
-            this.notify(events.emojiPicker, { x: x, y: y });
-        };
-        RichTextEditor.prototype.executeCommand = function (commandName, value, option) {
-            if (commandName === 'importWord') {
-                var importContainer = this.createElement('div');
-                importContainer.innerHTML = value;
-                var tableElement = importContainer.querySelectorAll('table:not(.e-rte-table):not(.e-rte-paste-table)');
-                for (var i = 0; i < tableElement.length; i++) {
-                    tableElement[i].classList.add('e-rte-paste-table');
-                }
-                value = importContainer.innerHTML;
-                importContainer.remove();
-                commandName = 'insertHTML';
-            }
-            value = this.htmlPurifier(commandName, value);
-            var internalValue;
-            if (this.editorMode === 'HTML') {
-                var range = this.getRange();
-                if (this.iframeSettings.enable) {
-                    this.formatter.editorManager.nodeSelection.Clear(this.element.ownerDocument);
-                }
-                var toFocus = (this.iframeSettings.enable &&
-                    range.startContainer === this.inputElement) ? true : !this.inputElement.contains(range.startContainer);
-                if (toFocus) {
-                    this.focusIn();
-                }
-            }
-            var tool = interface_1.executeGroup["" + commandName];
-            if (option && option.undo) {
-                if (option.undo && this.formatter.getUndoRedoStack().length === 0) {
-                    this.formatter.saveData();
-                }
-            }
-            if (this.maxLength !== -1 && !ej2_base_4.isNullOrUndefined(tool.command)) {
-                var currentInsertContentLength = 0;
-                if (tool.command === 'Links') {
-                    currentInsertContentLength = value.text.length === 0 ?
-                        value.url.length : value.text.length;
-                }
-                if (tool.command === 'Images' || tool.command === 'Table' || tool.command === 'Files') {
-                    currentInsertContentLength = 1;
-                }
-                if (tool.command === 'InsertHTML') {
-                    if (!ej2_base_4.isNullOrUndefined(value)) {
-                        var tempElem = this.createElement('div');
-                        tempElem.innerHTML = value;
-                        currentInsertContentLength = tempElem.textContent.length;
-                    }
-                    else if (!ej2_base_4.isNullOrUndefined(tool.value) && (tool.value === '<hr/>' || tool.value === '<br/>')) {
-                        currentInsertContentLength = 1;
-                    }
-                }
-                if (tool.command === 'InsertText') {
-                    currentInsertContentLength = value.length;
-                }
-                var currentLength = this.getText().trim().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length;
-                var selectionLength = this.getSelection().length;
-                var totalLength = (currentLength - selectionLength) + currentInsertContentLength;
-                if (!(this.maxLength === -1 || totalLength <= this.maxLength)) {
-                    return;
-                }
-            }
-            internalValue = value;
-            if (tool.command === 'FormatPainter') {
-                if (!ej2_base_4.isNullOrUndefined(value)) {
-                    this.formatPainterSettings = value;
-                }
-                internalValue = {
-                    formatPainterAction: tool.value
-                };
-            }
-            this.formatter.editorManager.execCommand(tool.command, tool.subCommand ? tool.subCommand : (internalValue ? internalValue : tool.value), null, null, (internalValue ? internalValue : tool.value), (internalValue ? internalValue : (tool.value === 'UL' || tool.value === 'OL') ? null : tool.value), null, this.enterKey);
-            util_2.scrollToCursor(this.contentModule.getDocument(), this.inputElement);
-            if (option && option.undo) {
-                this.formatter.saveData();
-                this.formatter.enableUndo(this);
-            }
-            this.setPlaceHolder();
-            this.notify(events.contentChanged, {});
-        };
-        RichTextEditor.prototype.htmlPurifier = function (command, value) {
-            if (this.editorMode === 'HTML') {
-                switch (command) {
-                    case 'insertHTML':
-                        if (this.enableHtmlSanitizer) {
-                            if (typeof value === 'string') {
-                                value = value.replace(/&(times|divide|ne)/g, '&amp;amp;$1');
-                                value = this.htmlEditorModule.sanitizeHelper(value);
-                            }
-                            else {
-                                value = this.htmlEditorModule.sanitizeHelper(value.outerHTML);
-                            }
-                        }
-                        break;
-                    case 'insertTable':
-                        if (ej2_base_4.isNullOrUndefined(value.width)) {
-                            value.width = { minWidth: this.tableSettings.minWidth,
-                                maxWidth: this.tableSettings.maxWidth, width: this.tableSettings.width };
-                        }
-                        break;
-                    case 'insertImage': {
-                        var temp = this.createElement('img', {
-                            attrs: {
-                                src: value.url
-                            }
-                        });
-                        var imageValue = temp.outerHTML;
-                        if (this.enableHtmlSanitizer) {
-                            imageValue = this.htmlEditorModule.sanitizeHelper(temp.outerHTML);
-                        }
-                        var url = (imageValue !== '' && (this.createElement('div', {
-                            innerHTML: imageValue
-                        }).firstElementChild).getAttribute('src')) || null;
-                        url = !ej2_base_4.isNullOrUndefined(url) ? url : '';
-                        value.url = url;
-                        if (ej2_base_4.isNullOrUndefined(value.width)) {
-                            value.width = { minWidth: this.insertImageSettings.minWidth,
-                                maxWidth: this.insertImageSettings.maxWidth, width: this.insertImageSettings.width };
-                        }
-                        if (ej2_base_4.isNullOrUndefined(value.height)) {
-                            value.height = { minHeight: this.insertImageSettings.minHeight,
-                                maxHeight: this.insertImageSettings.maxHeight, height: this.insertImageSettings.height };
-                        }
-                        break;
-                    }
-                    case 'insertAudio': {
-                        var wrapTemp = this.createElement('audio', {
-                            attrs: {
-                                controls: ''
-                            }
-                        });
-                        var temp = this.createElement('source', {
-                            attrs: {
-                                src: value.url,
-                                type: value.url && value.url.split('.').length > 0
-                                    ? 'audio/' + value.url.split('.')[value.url.split('.').length - 1] : ''
-                            }
-                        });
-                        wrapTemp.appendChild(temp);
-                        var audioValue = wrapTemp.outerHTML;
-                        if (this.enableHtmlSanitizer) {
-                            audioValue = this.htmlEditorModule.sanitizeHelper(wrapTemp.outerHTML);
-                        }
-                        var url = (audioValue !== '' && (this.createElement('div', {
-                            innerHTML: audioValue
-                        }).firstElementChild.firstElementChild).getAttribute('src')) || null;
-                        url = !ej2_base_4.isNullOrUndefined(url) ? url : '';
-                        value.url = url;
-                        break;
-                    }
-                    case 'insertVideo': {
-                        var wrapTemp = this.createElement('video', {
-                            attrs: {
-                                controls: ''
-                            }
-                        });
-                        var temp = this.createElement('source', {
-                            attrs: {
-                                src: value.url,
-                                type: value.url && value.url.split('.').length > 0
-                                    ? 'video/' + value.url.split('.')[value.url.split('.').length - 1] : ''
-                            }
-                        });
-                        wrapTemp.appendChild(temp);
-                        var audioValue = wrapTemp.outerHTML;
-                        if (this.enableHtmlSanitizer) {
-                            audioValue = this.htmlEditorModule.sanitizeHelper(temp.outerHTML);
-                        }
-                        var url = (audioValue !== '' && (this.createElement('div', {
-                            innerHTML: audioValue
-                        }).firstElementChild).getAttribute('src')) || null;
-                        url = !ej2_base_4.isNullOrUndefined(url) ? url : '';
-                        value.url = url;
-                        if (ej2_base_4.isNullOrUndefined(value.width)) {
-                            value.width = { minWidth: this.insertVideoSettings.minWidth,
-                                maxWidth: this.insertVideoSettings.maxWidth, width: this.insertVideoSettings.width };
-                        }
-                        if (ej2_base_4.isNullOrUndefined(value.height)) {
-                            value.height = { minHeight: this.insertVideoSettings.minHeight,
-                                maxHeight: this.insertVideoSettings.maxHeight, height: this.insertVideoSettings.height };
-                        }
-                        break;
-                    }
-                    case 'createLink': {
-                        var tempNode = this.createElement('a', {
-                            attrs: {
-                                href: value.url
-                            }
-                        });
-                        var linkValue = tempNode.outerHTML;
-                        if (this.enableHtmlSanitizer) {
-                            linkValue = this.htmlEditorModule.sanitizeHelper(tempNode.outerHTML);
-                        }
-                        var href = (linkValue !== '' && (this.createElement('div', {
-                            innerHTML: linkValue
-                        }).firstElementChild).getAttribute('href')) || null;
-                        href = !ej2_base_4.isNullOrUndefined(href) ? href : '';
-                        value.url = href;
-                        break;
-                    }
-                }
-            }
-            return value;
-        };
-        RichTextEditor.prototype.encode = function (value) {
-            var divNode = this.createElement('div');
-            divNode.innerText = value.trim();
-            return divNode.innerHTML.replace(/<br\s*[\/]?>/gi, '\n');
-        };
-        RichTextEditor.prototype.render = function () {
-            this.setProperties({ value: this.replaceEntities(this.value) }, true);
-            if (this.value && !this.valueTemplate) {
-                this.setProperties({ value: this.serializeValue(this.value) }, true);
-            }
-            this.value = (!(this.editorMode === 'Markdown') && !ej2_base_4.isNullOrUndefined(this.value)) ? this.addAnchorAriaLabel(this.value) : this.value;
-            this.renderModule = new render_1.Render(this, this.serviceLocator);
-            this.sourceCodeModule = new view_source_1.ViewSource(this, this.serviceLocator);
-            this.notify(events.initialLoad, {});
-            this.trigger(events.load);
-            this.RTERender();
-            var execCommandCallBack = new execute_command_callback_1.ExecCommandCallBack(this);
-            if (this.element.dataset.rteUnitTesting === 'true') {
-                this.userAgentData = new user_agent_1.CustomUserAgentData(ej2_base_1.Browser.userAgent, true);
-            }
-            else {
-                this.userAgentData = new user_agent_1.CustomUserAgentData(ej2_base_1.Browser.userAgent, false);
-            }
-            this.notify(events.initialEnd, {});
-            if (this.enableXhtml) {
-                this.setProperties({ value: this.getXhtml() }, true);
-            }
-            if (this.toolbarSettings.enable && (this.toolbarSettings.type === 'Expand' || this.toolbarSettings.type === 'MultiRow' || this.toolbarSettings.type === 'Scrollable') && !ej2_base_4.isNullOrUndefined(this.getToolbar()) &&
-                (this.toolbarSettings.items.indexOf('Undo') > -1 && this.toolbarSettings.items.indexOf('Redo') > -1)) {
-                this.disableToolbarItem(['Undo', 'Redo']);
-            }
-            if (this.value !== null) {
-                this.valueContainer.defaultValue = this.value;
-            }
-            (this.enabled && !this.readonly) ? this.eventInitializer() : this.unWireEvents();
-            this.notify(events.bindCssClass, { cssClass: this.getCssClass() });
-            this.addAudioVideoWrapper();
-            this.notify(events.tableclass, {});
-            this.autoResize();
-            this.renderComplete();
-        };
-        RichTextEditor.prototype.addAudioVideoWrapper = function () {
-            var _this = this;
-            var insertElem;
-            var audioElm = this.element.querySelectorAll('audio');
-            for (var i = 0; i < audioElm.length; i++) {
-                if (!audioElm[i].classList.contains('e-rte-audio')) {
-                    audioElm[i].classList.add('e-rte-audio');
-                    audioElm[i].classList.add(classes.CLS_AUDIOINLINE);
-                }
-                if (!audioElm[i].parentElement.classList.contains(classes.CLS_CLICKELEM) && !audioElm[i].parentElement.classList.contains(classes.CLS_AUDIOWRAP)) {
-                    var audioWrapElem = this.createElement('span', { className: classes.CLS_AUDIOWRAP });
-                    var csstext = 'width:300px; margin:0 auto;';
-                    ej2_base_1.updateCSSText(audioWrapElem, csstext);
-                    audioWrapElem.contentEditable = 'false';
-                    var audioInnerWrapElem = this.createElement('span', { className: classes.CLS_CLICKELEM });
-                    audioWrapElem.appendChild(audioInnerWrapElem);
-                    audioElm[i].parentNode.insertBefore(audioWrapElem, audioElm[i].nextSibling);
-                    audioInnerWrapElem.appendChild(audioElm[i]);
-                    if (audioWrapElem.nextElementSibling === null) {
-                        insertElem = this.createElement('br');
-                        audioWrapElem.parentNode.insertBefore(insertElem, audioWrapElem.nextSibling);
-                    }
-                }
-            }
-            var videoElm = this.element.querySelectorAll('video');
-            for (var i = 0; i < videoElm.length; i++) {
-                if (!videoElm[i].classList.contains('e-rte-video')) {
-                    videoElm[i].classList.add('e-rte-video');
-                    videoElm[i].classList.add(classes.CLS_VIDEOINLINE);
-                }
-                if (!videoElm[i].parentElement.classList.contains(classes.CLS_CLICKELEM) && !videoElm[i].parentElement.classList.contains(classes.CLS_VIDEOWRAP)) {
-                    var videoWrapElem = this.createElement('span', { className: classes.CLS_VIDEOWRAP });
-                    videoWrapElem.contentEditable = 'false';
-                    videoElm[i].parentNode.insertBefore(videoWrapElem, videoElm[i].nextSibling);
-                    videoWrapElem.appendChild(videoElm[i]);
-                    if (videoWrapElem.nextElementSibling === null) {
-                        insertElem = this.createElement('br');
-                        videoWrapElem.parentNode.insertBefore(insertElem, videoWrapElem.nextSibling);
-                    }
-                }
-                if (ej2_base_1.Browser.userAgent.indexOf('Firefox') !== -1) {
-                    videoElm[i].addEventListener('play', function (args) {
-                        _this.notify(events.mouseDown, { args: args });
-                        _this.notify('editAreaClick', { args: args });
-                    });
-                    videoElm[i].addEventListener('pause', function (args) {
-                        _this.notify(events.mouseDown, { args: args });
-                        _this.notify('editAreaClick', { args: args });
-                    });
-                }
-            }
-        };
-        RichTextEditor.prototype.eventInitializer = function () {
-            this.wireEvents();
-        };
-        RichTextEditor.prototype.cleanList = function (e) {
-            var range = this.getRange();
-            var currentStartContainer = range.startContainer;
-            var currentEndContainer = range.endContainer;
-            var currentStartOffset = range.startOffset;
-            var isSameContainer = currentStartContainer === currentEndContainer ? true : false;
-            var currentEndOffset = currentEndContainer.textContent.length;
-            var endNode = range.endContainer.nodeName === '#text' ? range.endContainer.parentElement :
-                range.endContainer;
-            var closestLI = ej2_base_2.closest(endNode, 'LI');
-            var isDetached = false;
-            var currentRangeEndOffset = range.endOffset;
-            if (currentEndContainer.nodeType === Node.TEXT_NODE) {
-                if (currentEndContainer.textContent.charAt(currentRangeEndOffset - 1) === '\uFEFF') {
-                    currentRangeEndOffset--;
-                }
-            }
-            if (!ej2_base_4.isNullOrUndefined(closestLI) && endNode.textContent.trim().length === currentRangeEndOffset &&
-                !range.collapsed && ej2_base_4.isNullOrUndefined(endNode.nextElementSibling) && !endNode.classList.contains(classes.CLS_IMG_INNER)) {
-                for (var i = 0; i < closestLI.childNodes.length; i++) {
-                    if (closestLI.childNodes[i].nodeName === '#text' && closestLI.childNodes[i].textContent.trim().length === 0) {
-                        ej2_base_1.detach(closestLI.childNodes[i]);
-                        isDetached = true;
-                        i--;
-                    }
-                }
-                var currentLastElem = closestLI;
-                while (currentLastElem.lastChild !== null && currentLastElem.nodeName !== '#text') {
-                    currentLastElem = currentLastElem.lastChild;
-                }
-                if (isDetached) {
-                    var currentLast = currentLastElem.nodeName === 'BR' && !ej2_base_4.isNullOrUndefined(currentLastElem.previousSibling) ?
-                        currentLastElem.previousSibling : currentLastElem;
-                    this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), isSameContainer ? currentLast : currentStartContainer, currentLast, currentStartOffset, (currentLast.nodeName === 'BR' ? 0 : currentLast.textContent.length));
-                }
-            }
-        };
-        RichTextEditor.prototype.keyDown = function (e) {
-            var isMacDev = this.userAgentData.getPlatform() === 'macOS';
-            if (((e.ctrlKey || (e.metaKey && isMacDev)) && e.shiftKey && e.keyCode === 86) ||
-                (e.metaKey && isMacDev && e.altKey && e.shiftKey && e.keyCode === 86)) {
-                this.isPlainPaste = true;
-            }
-            if (this.inputElement.classList.contains('e-mention')) {
-                var mentionPopup = this.element.ownerDocument.getElementById(this.inputElement.id + '_popup');
-                var slashMenuPopup = this.element.ownerDocument.getElementById(this.inputElement.id + '_slash_menu_popup');
-                var mentionKeys = config_1.mentionRestrictKeys;
-                var isMentionKeys = mentionKeys.indexOf(e.key) !== -1;
-                var isMentionPopupOpen = mentionPopup && mentionPopup.classList.contains('e-popup-open');
-                var isSlashMenuPopupOpen = slashMenuPopup && slashMenuPopup.classList.contains('e-popup-open');
-                if (isMentionKeys && (isMentionPopupOpen || isSlashMenuPopupOpen)) {
-                    return;
-                }
-            }
-            if (this.enableTabKey) {
-                if (this.quickToolbarModule && !e.altKey && e.key !== 'F10' && e.action !== 'toolbar-focus') {
-                    this.quickToolbarModule.hideQuickToolbars();
-                }
-                var isImageResize = this.imageModule && this.imageModule.imgResizeDiv ? true : false;
-                var isVideoResize = this.videoModule && this.videoModule.vidResizeDiv ? true : false;
-                if (isImageResize) {
-                    this.imageModule.cancelResizeAction();
-                }
-                if (isVideoResize) {
-                    this.videoModule.cancelResizeAction();
-                }
-            }
-            this.notify(events.keyDown, { member: 'keydown', args: e });
-            this.restrict(e);
-            if (this.editorMode === 'HTML') {
-                this.cleanList(e);
-            }
-            if (this.editorMode === 'HTML' && ((e.which === 8 && e.code === 'Backspace') || (e.which === 46 && e.code === 'Delete'))) {
-                var range = this.getRange();
-                var startNode = range.startContainer.nodeName === '#text' ? range.startContainer.parentElement :
-                    range.startContainer;
-                if (ej2_base_2.closest(startNode, 'pre') &&
-                    (e.which === 8 && range.startContainer.textContent.charCodeAt(range.startOffset - 1) === 8203) ||
-                    (e.which === 46 && range.startContainer.textContent.charCodeAt(range.startOffset) === 8203)) {
-                    var regEx = new RegExp('\u200B', 'g');
-                    var pointer = e.which === 8 ? range.startOffset - 1 : range.startOffset;
-                    range.startContainer.textContent = range.startContainer.textContent.replace(regEx, '');
-                    this.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), range.startContainer, pointer);
-                }
-                else if ((e.code === 'Backspace' && e.which === 8) &&
-                    range.startContainer.textContent.charCodeAt(0) === 8203 && range.collapsed) {
-                    var parentEle = range.startContainer.parentElement;
-                    var index = void 0;
-                    var i = void 0;
-                    for (i = 0; i < parentEle.childNodes.length; i++) {
-                        if (parentEle.childNodes[i] === range.startContainer) {
-                            index = i;
-                        }
-                    }
-                    var bool = true;
-                    var removeNodeArray = [];
-                    for (i = index; i >= 0; i--) {
-                        if (parentEle.childNodes[i].nodeType === 3 && parentEle.childNodes[i].textContent.charCodeAt(0) === 8203 && bool) {
-                            removeNodeArray.push(i);
-                        }
-                        else {
-                            bool = false;
-                        }
-                    }
-                    if (removeNodeArray.length > 0) {
-                        for (i = removeNodeArray.length - 1; i > 0; i--) {
-                            parentEle.childNodes[removeNodeArray[i]].textContent = '';
-                        }
-                    }
-                    this.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), range.startContainer, range.startOffset);
-                }
-            }
-            var notFormatPainterCopy = ej2_base_4.isNullOrUndefined(e.action) ? true : (e.action !== 'format-copy' ? true : false);
-            if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy &&
-                !(e.altKey || (e.shiftKey && e.which === 16) || (e.altKey && e.shiftKey && e.which === 67))) {
-                this.formatter.saveData();
-            }
-            var preventingMention = false;
-            if (this.editorMode === 'HTML') {
-                var range = this.getRange();
-                preventingMention = !ej2_base_4.isNullOrUndefined(range.startContainer) && range.startContainer === range.endContainer && range.endContainer.childNodes.length > 1 && !ej2_base_4.isNullOrUndefined(range.startContainer.childNodes[range.startOffset - 1]) && range.startContainer.childNodes[range.startOffset - 1].nodeName === '#text' && !ej2_base_4.isNullOrUndefined(range.startContainer.childNodes[range.startOffset - 1].previousSibling) && range.startContainer.childNodes[range.startOffset - 1].textContent.charCodeAt(0) === 32 && range.startContainer.childNodes[range.startOffset - 1].previousSibling.classList.contains('e-mention-chip');
-            }
-            var keyboardEventAction = ['insert-link', 'format-copy', 'format-paste', 'insert-image', 'insert-table', 'insert-audio', 'insert-video'];
-            if (keyboardEventAction.indexOf(e.action) === -1 &&
-                (!e.target || !(e.target.classList.contains('e-mention') && !ej2_base_4.isNullOrUndefined(document.querySelector('#' + e.target.id + '_popup.e-popup-open')) && e.code === 'Tab')) &&
-                (e.action && e.action !== 'paste' && e.action !== 'space'
-                    || e.which === 9 || (e.code === 'Backspace' && e.which === 8)) && !preventingMention) {
-                var FormatPainterEscapeAction = false;
-                if (!ej2_base_4.isNullOrUndefined(this.formatPainterModule)) {
-                    FormatPainterEscapeAction = this.formatPainterModule.previousAction === 'escape';
-                }
-                if (!FormatPainterEscapeAction) {
-                    if (this.editorMode === 'HTML' && (e.action === 'increase-fontsize' || e.action === 'decrease-fontsize')) {
-                        this.notify(events.onHandleFontsizeChange, { member: 'onHandleFontsizeChange', args: e });
-                    }
-                    else {
-                        this.formatter.process(this, null, e);
-                    }
-                }
-                switch (e.action) {
-                    case 'toolbar-focus':
-                        if (this.toolbarSettings.enable && this.getToolbarElement()) {
-                            if (this.userAgentData.isSafari() && e.type === 'keydown' && this.formatter.editorManager.nodeSelection &&
-                                this.formatter.editorManager.nodeSelection.get(this.contentModule.getDocument()).rangeCount > 0 &&
-                                this.inputElement.contains(this.getRange().startContainer)) {
-                                this.notify(events.selectionSave, {});
-                            }
-                            var toolbarFocusType = 'toolbar';
-                            var firstActiveItem = this.getToolbarElement().querySelector('.e-toolbar-item:not(.e-overlay)[title]');
-                            var quickToolbarElem = this.getRenderedQuickToolbarElem();
-                            if (quickToolbarElem) {
-                                firstActiveItem = quickToolbarElem.querySelector('.e-toolbar-item:not(.e-overlay)[title]');
-                                toolbarFocusType = 'quickToolbar';
-                            }
-                            if (firstActiveItem) {
-                                var firstChild = firstActiveItem.firstElementChild;
-                                firstChild.removeAttribute('tabindex');
-                                firstChild.focus();
-                                if (this.userAgentData.isSafari() && (toolbarFocusType === 'toolbar' || toolbarFocusType === 'quickToolbar')) {
-                                    this.inputElement.ownerDocument.getSelection().removeAllRanges();
-                                }
-                            }
-                        }
-                        break;
-                    case 'escape':
-                        this.contentModule.getEditPanel().focus();
-                        break;
-                }
-            }
-            this.notify(events.afterKeyDown, { member: 'afterKeyDown', args: e });
-            this.autoResize();
-            if (!ej2_base_4.isNullOrUndefined(this.placeholder)) {
-                this.setPlaceHolder();
-            }
-            if (!ej2_base_4.isNullOrUndefined(e) && !ej2_base_4.isNullOrUndefined(e.code) && (e.code === 'Backspace' || e.code === 'Delete')) {
-                var range = this.contentModule.getDocument().getSelection().getRangeAt(0);
-                var div = document.createElement('div');
-                div.appendChild(range.cloneContents());
-                var selectedHTML = div.innerHTML;
-                if (selectedHTML === this.inputElement.innerHTML) {
-                    this.isCopyAll = true;
-                }
-            }
-            if (e.metaKey && e.key === 'Backspace' && this.autoSaveOnIdle) {
-                this.keyUp(e);
-            }
-        };
-        RichTextEditor.prototype.keyUp = function (e) {
-            if (this.editorMode === 'HTML') {
-                var range = this.getRange();
-                if (!ej2_base_4.isNullOrUndefined(e) && !ej2_base_4.isNullOrUndefined(e.code) && (e.code === 'Backspace' || e.code === 'Delete')) {
-                    var currentRange = this.getRange();
-                    var selection = this.iframeSettings.enable ? this.contentModule.getPanel().ownerDocument.getSelection() :
-                        this.contentModule.getDocument().getSelection();
-                    if (this.isCopyAll) {
-                        var brElement = this.createElement('br');
-                        var newElement = this.enterKey === 'BR' ? brElement : this.createElement(this.enterKey).appendChild(brElement).parentElement;
-                        this.inputElement.innerHTML = '';
-                        this.inputElement.appendChild(newElement);
-                        this.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), brElement, 0);
-                        this.isCopyAll = false;
-                    }
-                    if (selection.rangeCount > 0 && this.contentModule.getDocument().activeElement.tagName !== 'INPUT' && this.inputElement.contains(this.contentModule.getDocument().activeElement) && range.startContainer.innerHTML === '<br>' && range.startContainer.textContent === '') {
-                        selection.removeAllRanges();
-                        selection.addRange(currentRange);
-                    }
-                }
-                if (ej2_base_1.Browser.userAgent.indexOf('Firefox') !== -1 && range.startContainer.nodeName === '#text' &&
-                    range.startContainer.parentElement === this.inputElement && this.enterKey !== 'BR') {
-                    var range_1 = this.getRange();
-                    var tempElem = this.createElement(this.enterKey);
-                    range_1.startContainer.parentElement.insertBefore(tempElem, range_1.startContainer);
-                    tempElem.appendChild(range_1.startContainer);
-                    this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), tempElem.childNodes[0], tempElem.childNodes[0], tempElem.childNodes[0].textContent.length, tempElem.childNodes[0].textContent.length);
-                }
-            }
-            var currentStackIndex = this.formatter.getCurrentStackIndex();
-            if (currentStackIndex === 0) {
-                this.updateUndoRedoStack(e);
-            }
-            this.notify(events.keyUp, { member: 'keyup', args: e });
-            this.notify(events.tableModulekeyUp, { member: 'tableModulekeyUp', args: e });
-            if (e.code === 'KeyX' && e.which === 88 && e.keyCode === 88 && e.ctrlKey && (this.inputElement.innerHTML === '' ||
-                this.inputElement.innerHTML === '<br>')) {
-                this.inputElement.innerHTML = util_3.resetContentEditableElements(util_1.getEditValue(util_1.getDefaultValue(this), this), this.editorMode);
-            }
-            var isMention = this.inputElement.classList.contains('e-mention');
-            var allowedKeys = e.which === 32 || e.which === 13 || e.which === 8 || e.which === 46 || e.which === 9 && isMention;
-            var formatPainterCopy = e.key === 'C' && e.altKey && e.shiftKey;
-            var formatPainterPaste = e.key === 'V' && e.altKey && e.shiftKey;
-            if ((!formatPainterCopy && !formatPainterPaste) && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys) || (this.editorMode === 'Markdown'
-                && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys)) || (this.autoSaveOnIdle && ej2_base_1.Browser.isDevice) && !this.inlineMode.enable) {
-                this.formatter.onKeyHandler(this, e);
-            }
-            if (this.inputElement && this.inputElement.textContent.length !== 0
-                || this.element.querySelectorAll('.e-toolbar-item.e-active').length > 0 || this.formatter.getUndoRedoStack().length > 0) {
-                this.notify(events.toolbarRefresh, { args: e });
-            }
-            this.setPlaceHolder();
-        };
-        RichTextEditor.prototype.serializeValue = function (value) {
-            if (this.editorMode === 'HTML' && !ej2_base_4.isNullOrUndefined(value)) {
-                if (this.enableHtmlEncode) {
-                    value = this.htmlEditorModule.sanitizeHelper(util_1.decode(value));
-                    value = this.encode(value);
-                }
-                else {
-                    value = this.htmlEditorModule.sanitizeHelper(value);
-                    value = this.enableXhtml ? this.htmlEditorModule.xhtmlValidation.selfEncloseValidation(value) : value;
-                }
-            }
-            return value;
-        };
-        RichTextEditor.prototype.sanitizeHtml = function (value) {
-            return this.serializeValue(value);
-        };
-        RichTextEditor.prototype.updateValue = function (value) {
-            if (ej2_base_4.isNullOrUndefined(value)) {
-                var inputVal = this.inputElement.innerHTML;
-                this.setProperties({ value: util_1.isEditableValueEmpty(inputVal) ? null : inputVal });
-            }
-            else {
-                this.setProperties({ value: value });
-            }
-        };
-        RichTextEditor.prototype.triggerEditArea = function (e) {
-            if (!util_1.isIDevice()) {
-                this.notify(events.editAreaClick, { member: 'editAreaClick', args: e });
-            }
-            else {
-                var touch = (e.touches ? e.changedTouches[0] : e);
-                if (this.clickPoints.clientX === touch.clientX && this.clickPoints.clientY === touch.clientY) {
-                    this.notify(events.editAreaClick, { member: 'editAreaClick', args: e });
-                }
-            }
-        };
-        RichTextEditor.prototype.notifyMouseUp = function (e) {
-            var touch = (e.touches ? e.changedTouches[0] : e);
-            this.notify(events.mouseUp, { member: 'mouseUp', args: e,
-                touchData: { prevClientX: this.clickPoints.clientX, prevClientY: this.clickPoints.clientY,
-                    clientX: touch.clientX, clientY: touch.clientY }
-            });
-            if (this.inputElement && ((this.editorMode === 'HTML' && ((this.inputElement.textContent.length !== 0) || e.target && !ej2_base_4.isNullOrUndefined(e.target.querySelector('li')))) ||
-                (this.editorMode === 'Markdown' && this.inputElement.value.length !== 0)) ||
-                (e.target && !ej2_base_4.isNullOrUndefined(ej2_base_2.closest(e.target, 'table'))) ||
-                (e.target && !ej2_base_4.isNullOrUndefined(e.target.querySelector('img'))) ||
-                (e.target && (e.target.nodeName === 'VIDEO' ||
-                    e.target.querySelectorAll('.' + classes.CLS_VIDEOWRAP).length > 0) ||
-                    (e.target && e.target.nodeName !== 'BR' &&
-                        (e.target.classList.contains(classes.CLS_AUDIOWRAP) ||
-                            e.target.classList.contains(classes.CLS_CLICKELEM) ||
-                            e.target.classList.contains(classes.CLS_VID_CLICK_ELEM))))) {
-                this.notify(events.toolbarRefresh, { args: e });
-            }
-            this.triggerEditArea(e);
-        };
-        RichTextEditor.prototype.updateUndoRedoStack = function (e) {
-            var undoRedoStack = this.formatter.getUndoRedoStack();
-            var currentStackIndex = this.formatter.getCurrentStackIndex();
-            var navigationKeys = [
-                'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown',
-                'Home', 'End', 'PageUp', 'PageDown'
-            ];
-            var isNavKey = navigationKeys.indexOf(e.key) !== -1;
-            var isNavigationKey = e.type === 'keyup' ? isNavKey : true;
-            if (undoRedoStack.length === 0 || currentStackIndex === 0) {
-                if (undoRedoStack.length === 0) {
-                    this.formatter.saveData();
-                }
-                else if (currentStackIndex === 0 && this.editorMode === 'HTML' && isNavigationKey) {
-                    var firstStackState = undoRedoStack[0];
-                    var save = new index_1.NodeSelection(this.inputElement)
-                        .save(this.getRange(), this.contentModule.getDocument());
-                    firstStackState.range = save;
-                }
-                else if (currentStackIndex === 0 && this.editorMode === 'Markdown' && isNavigationKey) {
-                    var markdownFirstStackState = undoRedoStack[0];
-                    var start = this.inputElement.selectionStart;
-                    var end = this.inputElement.selectionEnd;
-                    markdownFirstStackState.start = start;
-                    markdownFirstStackState.end = end;
-                }
-            }
-        };
-        RichTextEditor.prototype.mouseUp = function (e) {
-            if (this.quickToolbarSettings.showOnRightClick && ej2_base_1.Browser.isDevice) {
-                var target = e.target;
-                var closestTable = ej2_base_2.closest(target, 'table');
-                if (target && target.nodeName === 'A' || target.nodeName === 'IMG' || (target.nodeName === 'TD' || target.nodeName === 'TH' ||
-                    target.nodeName === 'TABLE' || (closestTable && this.contentModule.getEditPanel().contains(closestTable)))) {
-                    return;
-                }
-            }
-            this.notifyMouseUp(e);
-            this.setPlaceHolder();
-            this.autoResize();
-            this.updateUndoRedoStack(e);
-        };
-        RichTextEditor.prototype.ensureModuleInjected = function (module) {
-            return this.getInjectedModules().indexOf(module) >= 0;
-        };
-        RichTextEditor.prototype.onCopy = function () {
-            this.contentModule.getDocument().execCommand('copy', false, null);
-        };
-        RichTextEditor.prototype.onCut = function () {
-            this.contentModule.getDocument().execCommand('cut', false, null);
-        };
-        RichTextEditor.prototype.onPaste = function (e) {
-            var _this = this;
-            var evenArgs = {
-                originalEvent: e,
-                cancel: false,
-                requestType: 'Paste'
-            };
-            this.isPlainPaste = e && e.clipboardData && e.clipboardData.items && e.clipboardData.items.length
-                && e.clipboardData.items.length === 1 && e.clipboardData.items[0].type === 'text/plain';
-            this.trigger(events.actionBegin, evenArgs, function (pasteArgs) {
-                var currentLength = _this.getText().replace(/\u200B/g, '').replace(_this.editorMode === 'HTML' ? /(\r\n|\n|\r|\t)/gm : '', '').length;
-                var selectionLength = _this.getSelection().length;
-                var pastedContentLength = (ej2_base_4.isNullOrUndefined(e) || ej2_base_4.isNullOrUndefined(e.clipboardData))
-                    ? 0 : e.clipboardData.getData('text/plain').replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length;
-                var totalLength = (currentLength - selectionLength) + pastedContentLength;
-                if (_this.editorMode === 'Markdown') {
-                    var args_1 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
-                    setTimeout(function () {
-                        _this.formatter.onSuccess(_this, args_1);
-                    }, 0);
-                    if (!(_this.maxLength === -1 || totalLength <= _this.maxLength)) {
-                        e.preventDefault();
-                    }
-                    return;
-                }
-                if (!pasteArgs.cancel && _this.inputElement.contentEditable === 'true' &&
-                    (_this.maxLength === -1 || totalLength <= _this.maxLength)) {
-                    var isImageDialogOpen = _this.contentModule.getDocument().querySelector('.e-rte-img-dialog');
-                    if (!ej2_base_4.isNullOrUndefined(_this.pasteCleanupModule)) {
-                        if (ej2_base_4.isNullOrUndefined(isImageDialogOpen)) {
-                            _this.notify(events.pasteClean, { args: e, isPlainPaste: _this.isPlainPaste });
-                        }
-                    }
-                    else {
-                        if (!_this.isPlainPaste) {
-                            console.warn('[WARNING] :: Module "pasteCleanup" is not available in RichTextEditor component! You either misspelled the module name or forgot to load it.');
-                            var args_2 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
-                            var value = null;
-                            var htmlValue = false;
-                            if (e && !ej2_base_4.isNullOrUndefined(e.clipboardData)) {
-                                value = e.clipboardData.getData('text/plain');
-                                htmlValue = e.clipboardData.getData('text/html').indexOf('MsoNormal') > 0;
-                            }
-                            var file = e && e.clipboardData && e.clipboardData.items.length > 0 ?
-                                e.clipboardData.items[0].getAsFile() : null;
-                            if (value !== null) {
-                                _this.notify(events.paste, {
-                                    file: file,
-                                    args: e,
-                                    text: value,
-                                    isWordPaste: htmlValue
-                                });
-                            }
-                            setTimeout(function () {
-                                _this.formatter.onSuccess(_this, args_2);
-                            }, 0);
-                        }
-                    }
-                }
-                else {
-                    e.preventDefault();
-                }
-            });
-            this.isPlainPaste = false;
-        };
-        RichTextEditor.prototype.clipboardAction = function (action, event) {
-            switch (action.toLowerCase()) {
-                case 'cut':
-                    this.onCut();
-                    this.formatter.onSuccess(this, {
-                        requestType: 'Cut',
-                        editorMode: this.editorMode,
-                        event: event
-                    });
-                    break;
-                case 'copy':
-                    this.onCopy();
-                    this.formatter.onSuccess(this, {
-                        requestType: 'Copy',
-                        editorMode: this.editorMode,
-                        event: event
-                    });
-                    break;
-                case 'paste':
-                    this.onPaste(event);
-                    break;
-            }
-        };
-        RichTextEditor.prototype.destroy = function () {
-            if (this.isDestroyed || !this.isRendered) {
-                return;
-            }
-            this.element.className = this.beforeRenderClassValue;
-            this.removeHtmlAttributes();
-            this.removeAttributes();
-            this.beforeRenderClassValue = null;
-            if (!ej2_base_4.isNullOrUndefined(this.timeInterval)) {
-                clearInterval(this.timeInterval);
-                this.timeInterval = null;
-            }
-            if (!ej2_base_4.isNullOrUndefined(this.autoSaveTimeOut)) {
-                clearTimeout(this.autoSaveTimeOut);
-                this.autoSaveTimeOut = null;
-            }
-            if (!ej2_base_4.isNullOrUndefined(this.idleInterval)) {
-                clearTimeout(this.idleInterval);
-                this.idleInterval = null;
-            }
-            this.notify(events.destroy, {});
-            this.destroyDependentModules();
-            this.unWireEvents();
-            if (this.originalElement.tagName === 'TEXTAREA') {
-                this.element.parentElement.insertBefore(this.valueContainer, this.element);
-                this.valueContainer.id = this.getID();
-                this.valueContainer.removeAttribute('name');
-                ej2_base_1.detach(this.element);
-                if (this.originalElement.innerHTML.trim() !== '') {
-                    this.valueContainer.value = this.originalElement.innerHTML.trim();
-                    this.setProperties({ value: (!ej2_base_4.isNullOrUndefined(this.initialValue) ? this.initialValue : null) }, true);
-                }
-                else {
-                    this.valueContainer.value = this.valueContainer.defaultValue;
-                }
-                this.element = this.valueContainer;
-                for (var i = 0; i < this.originalElement.classList.length; i++) {
-                    ej2_base_1.addClass([this.element], this.originalElement.classList[i]);
-                }
-                if (!ej2_base_4.isNullOrUndefined(this.cssClass)) {
-                    var currentClassList = this.cssClass.split(' ');
-                    for (var i = 0; i < currentClassList.length; i++) {
-                        ej2_base_1.addClass([this.element], currentClassList[i]);
-                    }
-                }
-                ej2_base_3.removeClass([this.element], classes.CLS_RTE_HIDDEN);
-            }
-            else {
-                if (this.originalElement.innerHTML.trim() !== '') {
-                    this.element.innerHTML = this.originalElement.innerHTML.trim();
-                    this.setProperties({ value: (!ej2_base_4.isNullOrUndefined(this.initialValue) ? this.initialValue : null) }, true);
-                }
-                else {
-                    this.element.innerHTML = '';
-                }
-            }
-            var dialogElement = document.querySelector('.e-dialog.e-rte-elements');
-            if (dialogElement) {
-                ej2_base_1.detach(dialogElement);
-            }
-            if (this.placeholder && this.placeHolderWrapper) {
-                this.placeHolderWrapper = null;
-            }
-            if (!ej2_base_4.isNullOrUndefined(this.cssClass)) {
-                var allClassName = this.cssClass.split(' ');
-                for (var i = 0; i < allClassName.length; i++) {
-                    if (allClassName[i].trim() !== '') {
-                        ej2_base_3.removeClass([this.element], allClassName[i]);
-                    }
-                }
-            }
-            if (this.rootContainer) {
-                this.rootContainer = null;
-            }
-            if (this.valueContainer) {
-                this.valueContainer = null;
-            }
-            if (this.originalElement) {
-                this.originalElement = null;
-            }
-            this.currentTarget = null;
-            this.scrollParentElements = [];
-            this.userAgentData = null;
-            this.isRendered = false;
-            _super.prototype.destroy.call(this);
-        };
-        RichTextEditor.prototype.removeHtmlAttributes = function () {
-            if (this.htmlAttributes) {
-                var keys = Object.keys(this.htmlAttributes);
-                for (var i = 0; i < keys.length && this.element.hasAttribute(keys[i]); i++) {
-                    this.element.removeAttribute(keys[i]);
-                }
-            }
-        };
-        RichTextEditor.prototype.removeAttributes = function () {
-            if (!this.enabled) {
-                ej2_base_3.removeClass([this.element], classes.CLS_DISABLED);
-            }
-            if (this.enableRtl) {
-                ej2_base_3.removeClass([this.element], classes.CLS_RTL);
-            }
-            if (this.readonly) {
-                ej2_base_3.removeClass([this.element], classes.CLS_RTE_READONLY);
-            }
-            if (this.element.style.width !== '' && this.originalElement.style.width === '') {
-                this.element.style.removeProperty('width');
-            }
-            if (this.element.style.height !== '' && this.originalElement.style.height === '') {
-                this.element.style.removeProperty('height');
-            }
-            this.element.removeAttribute('aria-disabled');
-            this.element.removeAttribute('role');
-            this.element.removeAttribute('tabindex');
-            this.element.removeAttribute('aria-label');
-        };
-        RichTextEditor.prototype.destroyDependentModules = function () {
-            this.renderModule.destroy();
-            this.formatter.editorManager.destroy();
-        };
-        RichTextEditor.prototype.getContent = function () {
-            return this.contentModule.getPanel();
-        };
-        RichTextEditor.prototype.getText = function () {
-            return this.contentModule.getText();
-        };
-        RichTextEditor.prototype.getSelectedHtml = function () {
-            var range;
-            var wrapperElm = this.createElement('div');
-            var selection = this.contentModule.getDocument().getSelection();
-            if (selection.rangeCount > 0) {
-                range = selection.getRangeAt(0);
-                var selectedHtml = range.cloneContents();
-                wrapperElm.appendChild(selectedHtml);
-            }
-            return wrapperElm.innerHTML;
-        };
-        RichTextEditor.prototype.showInlineToolbar = function () {
-            if (this.inlineMode.enable) {
-                var currentRange = this.getRange();
-                var targetElm = currentRange.endContainer.nodeName === '#text' ?
-                    currentRange.endContainer.parentElement : currentRange.endContainer;
-                var rects = Array.from(currentRange.getClientRects(), function (rect) { return rect; });
-                if (rects.length === 0) {
-                    rects = [currentRange.startContainer.getBoundingClientRect()];
-                }
-                if (rects.length > 0) {
-                    var x = rects[0].left;
-                    var y = rects[0].top;
-                    this.quickToolbarModule.showInlineQTBar(x, y, targetElm);
-                }
-            }
-        };
-        RichTextEditor.prototype.hideInlineToolbar = function () {
-            this.quickToolbarModule.hideInlineQTBar();
-        };
-        RichTextEditor.prototype.getModuleName = function () {
-            return 'richtexteditor';
-        };
-        RichTextEditor.prototype.onPropertyChanged = function (newProp, oldProp) {
-            for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
-                var prop = _a[_i];
-                switch (prop) {
-                    case 'enterKey':
-                    case 'value': {
-                        var nVal = void 0;
-                        if (prop === 'enterKey') {
-                            if (this.value === null || this.value === '<div><br></div>' || this.value === '<p><br></p>' ||
-                                this.value === '<br>') {
-                                nVal = null;
-                            }
-                            else {
-                                nVal = this.value;
-                            }
-                        }
-                        else {
-                            nVal = newProp[prop];
-                        }
-                        nVal = this.editorMode === 'HTML' ? this.replaceEntities(nVal) : nVal;
-                        nVal = this.serializeValue(nVal);
-                        var val = this.editorMode === 'HTML' ? util_1.getEditValue(nVal, this) : nVal;
-                        if ((!ej2_base_4.isNullOrUndefined(nVal) && nVal !== '') || prop === 'enterKey') {
-                            this.setProperties({ value: ((this.enableHtmlEncode) ? this.encode(util_1.decode(val)) : val) }, true);
-                        }
-                        this.updatePanelValue();
-                        if (this.inputElement) {
-                            this.notify(events.tableclass, {});
-                        }
-                        this.setPlaceHolder();
-                        this.notify(events.xhtmlValidation, { module: 'XhtmlValidation', newProp: newProp, oldProp: oldProp });
-                        if (this.enableXhtml) {
-                            this.setProperties({ value: this.getXhtml() }, true);
-                        }
-                        if (this.showCharCount) {
-                            this.countModule.refresh();
-                        }
-                        this.addAudioVideoWrapper();
-                        break;
-                    }
-                    case 'valueTemplate':
-                        this.setValue(true);
-                        if (this.showCharCount) {
-                            this.countModule.refresh();
-                        }
-                        break;
-                    case 'width':
-                        this.setWidth(newProp[prop]);
-                        if (this.toolbarSettings.enable && !this.inlineMode.enable) {
-                            this.toolbarModule.refreshToolbarOverflow();
-                            this.resizeHandler();
-                        }
-                        break;
-                    case 'height':
-                        this.setHeight(newProp[prop]);
-                        this.autoResize();
-                        break;
-                    case 'readonly':
-                        this.setReadOnly(false);
-                        break;
-                    case 'cssClass':
-                        this.element.classList.remove(oldProp[prop]);
-                        this.setCssClass(newProp[prop]);
-                        this.notify(events.bindCssClass, { cssClass: newProp[prop], oldCssClass: oldProp[prop] });
-                        break;
-                    case 'enabled':
-                        this.setEnable();
-                        break;
-                    case 'enableRtl':
-                        this.updateRTL();
-                        break;
-                    case 'placeholder':
-                        this.placeholder = newProp[prop];
-                        this.setPlaceHolder();
-                        break;
-                    case 'htmlAttributes':
-                        html_attributes_1.setAttributes(this.htmlAttributes, this, false, false);
-                        break;
-                    case 'iframeSettings': {
-                        var frameSetting = oldProp[prop];
-                        if (frameSetting.resources) {
-                            var iframe = this.contentModule.getDocument();
-                            var header = iframe.querySelector('head');
-                            var files = void 0;
-                            if (frameSetting.resources.scripts) {
-                                files = header.querySelectorAll('.' + classes.CLS_SCRIPT_SHEET);
-                                this.removeSheets(files);
-                            }
-                            if (frameSetting.resources.styles) {
-                                files = header.querySelectorAll('.' + classes.CLS_STYLE_SHEET);
-                                this.removeSheets(files);
-                            }
-                        }
-                        this.setIframeSettings();
-                        break;
-                    }
-                    case 'locale':
-                        _super.prototype.refresh.call(this);
-                        break;
-                    case 'inlineMode':
-                        this.notify(events.modelChanged, { module: 'quickToolbar', newProp: newProp, oldProp: oldProp });
-                        break;
-                    case 'toolbarSettings':
-                        this.notify(events.modelChanged, { module: 'toolbar', newProp: newProp, oldProp: oldProp });
-                        break;
-                    case 'maxLength':
-                        if (this.showCharCount) {
-                            this.countModule.refresh();
-                        }
-                        break;
-                    case 'showCharCount':
-                        if (newProp[prop] && this.countModule) {
-                            this.countModule.renderCount();
-                        }
-                        else if (newProp[prop] === false && this.countModule) {
-                            this.countModule.destroy();
-                        }
-                        break;
-                    case 'enableHtmlEncode':
-                        this.updateValueData();
-                        this.updatePanelValue();
-                        this.setPlaceHolder();
-                        if (this.showCharCount) {
-                            this.countModule.refresh();
-                        }
-                        break;
-                    case 'undoRedoSteps':
-                    case 'undoRedoTimer':
-                        this.formatter.editorManager.observer.notify(CONSTANT.MODEL_CHANGED, { newProp: newProp, oldProp: oldProp });
-                        break;
-                    case 'enableXhtml':
-                        this.notify(events.xhtmlValidation, { module: 'XhtmlValidation', newProp: newProp, oldProp: oldProp });
-                        break;
-                    case 'quickToolbarSettings':
-                        newProp.quickToolbarSettings.showOnRightClick ? this.wireContextEvent() : this.unWireContextEvent();
-                        this.notify(events.modelChanged, { newProp: newProp, oldProp: oldProp });
-                        break;
-                    case 'formatPainterSettings':
-                        this.formatter.editorManager.observer.notify(CONSTANT.MODEL_CHANGED, { module: 'formatPainter', newProp: newProp });
-                        break;
-                    default:
-                        this.notify(events.modelChanged, { newProp: newProp, oldProp: oldProp });
-                        break;
-                }
-                this.autoResize();
-            }
-        };
-        RichTextEditor.prototype.updateValueData = function () {
-            if (this.enableHtmlEncode) {
-                this.setProperties({ value: this.encode(util_1.decode(this.inputElement.innerHTML)) }, true);
-            }
-            else {
-                this.setProperties({
-                    value: /<[a-z][\s\S]*>/i.test(this.inputElement.innerHTML) ? this.inputElement.innerHTML :
-                        util_1.decode(this.inputElement.innerHTML)
-                });
-            }
-        };
-        RichTextEditor.prototype.removeSheets = function (srcList) {
-            var i;
-            for (i = 0; i < srcList.length; i++) {
-                ej2_base_1.detach(srcList[i]);
-            }
-        };
-        RichTextEditor.prototype.replaceEntities = function (value) {
-            var _this = this;
-            if (this.editorMode !== 'HTML' || ej2_base_4.isNullOrUndefined(value) || !/&(amp;)*((times)|(divide)|(ne))/.test(value)) {
-                return value;
-            }
-            var isEncodedOrSanitized = this.enableHtmlEncode || this.enableHtmlSanitizer;
-            var createReplacement = function (entity) {
-                var replacement = isEncodedOrSanitized ? "&amp;amp;" + entity : "&amp;" + entity;
-                var regexPattern = (!_this.enableHtmlEncode && _this.enableHtmlSanitizer)
-                    ? "&(" + entity + ")"
-                    : "&(amp;)*(" + entity + ")";
-                var regExp = RegExp;
-                var regex = new regExp(regexPattern, 'g');
-                return [replacement, regex];
-            };
-            var entities = ['times', 'divide', 'ne'];
-            var replacementsAndRegexes = entities.map(createReplacement);
-            for (var _i = 0, replacementsAndRegexes_1 = replacementsAndRegexes; _i < replacementsAndRegexes_1.length; _i++) {
-                var _a = replacementsAndRegexes_1[_i], replacement = _a[0], regex = _a[1];
-                if (regex.test(value)) {
-                    value = value.replace(regex, replacement);
-                }
-            }
-            return value;
-        };
-        RichTextEditor.prototype.updatePanelValue = function () {
-            this.setProperties({ value: this.replaceEntities(this.value) }, true);
-            var value = this.editorMode === 'HTML' ? this.listOrderCorrection(this.value) : this.value;
-            value = (this.enableHtmlEncode && this.value) ? util_1.decode(value) : value;
-            var getTextArea = this.element.querySelector('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA);
-            if (value) {
-                if (!ej2_base_4.isNullOrUndefined(getTextArea) && this.rootContainer.classList.contains('e-source-code-enabled')) {
-                    getTextArea.value = this.value;
-                }
-                if (this.valueContainer) {
-                    this.valueContainer.value = (this.enableHtmlEncode) ? this.value : value;
-                }
-                if (this.editorMode === 'HTML' && this.inputElement && this.inputElement.innerHTML.trim() !== value.trim()) {
-                    this.inputElement.innerHTML = util_3.resetContentEditableElements(value, this.editorMode);
-                }
-                else if (this.editorMode === 'Markdown' && this.inputElement
-                    && this.inputElement.value.trim() !== value.trim()) {
-                    this.inputElement.value = value;
-                }
-            }
-            else {
-                if (!ej2_base_4.isNullOrUndefined(getTextArea) && this.rootContainer.classList.contains('e-source-code-enabled')) {
-                    getTextArea.value = '';
-                }
-                if (this.editorMode === 'HTML') {
-                    if (this.enterKey === 'DIV') {
-                        this.inputElement.innerHTML = '<div><br/></div>';
-                    }
-                    else if (this.enterKey === 'BR') {
-                        this.inputElement.innerHTML = '<br/>';
-                    }
-                    else {
-                        this.inputElement.innerHTML = '<p><br/></p>';
-                    }
-                }
-                else {
-                    this.inputElement.value = '';
-                }
-                if (this.valueContainer) {
-                    this.valueContainer.value = '';
-                }
-            }
-            if (this.showCharCount) {
-                this.countModule.refresh();
-            }
-        };
-        RichTextEditor.prototype.listOrderCorrection = function (value) {
-            var valueElementWrapper = this.createElement('div');
-            valueElementWrapper.innerHTML = value;
-            var listElements = valueElementWrapper.querySelectorAll('UL, OL');
-            for (var i = 0; i < listElements.length; i++) {
-                if (!ej2_base_4.isNullOrUndefined(listElements[i]) && !ej2_base_4.isNullOrUndefined(listElements[i].parentElement) && !ej2_base_4.isNullOrUndefined(listElements[i].previousElementSibling) && (listElements[i].parentElement.nodeName === 'UL' || listElements[i].parentElement.nodeName === 'OL')) {
-                    listElements[i].previousElementSibling.appendChild(listElements[i]);
-                }
-            }
-            return valueElementWrapper.innerHTML;
-        };
-        RichTextEditor.prototype.setHeight = function (height) {
-            if (height !== 'auto') {
-                this.element.style.height = ej2_base_2.formatUnit(height);
-            }
-            else {
-                this.element.style.height = 'auto';
-            }
-            if (this.toolbarSettings.type === 'Expand' && (typeof (this.height) === 'string' &&
-                this.height.indexOf('px') > -1 || typeof (this.height) === 'number')) {
-                this.element.classList.add(classes.CLS_RTE_FIXED_TB_EXPAND);
-            }
-            else {
-                this.element.classList.remove(classes.CLS_RTE_FIXED_TB_EXPAND);
-            }
-        };
-        RichTextEditor.prototype.setPlaceHolder = function () {
-            if (this.inputElement && this.placeholder && this.iframeSettings.enable !== true) {
-                if (this.editorMode !== 'Markdown') {
-                    if (!this.placeHolderWrapper) {
-                        this.placeHolderWrapper = this.createElement('span', { className: 'rte-placeholder e-rte-placeholder' + ' ' + this.getCssClass() });
-                        if (this.fontSize.default) {
-                            this.placeHolderWrapper.style.fontSize = this.fontSize.default;
-                        }
-                        if (this.inputElement) {
-                            this.inputElement.parentElement.insertBefore(this.placeHolderWrapper, this.inputElement);
-                        }
-                    }
-                    this.placeHolderWrapper.innerHTML = this.placeholder;
-                    if (this.inputElement.textContent.length === 0 && this.inputElement.childNodes.length < 2 && !ej2_base_4.isNullOrUndefined(this.inputElement.firstChild) && (this.inputElement.firstChild.nodeName === 'BR' ||
-                        ((this.inputElement.firstChild.nodeName === 'P' || this.inputElement.firstChild.nodeName === 'DIV') && !ej2_base_4.isNullOrUndefined(this.inputElement.firstChild.firstChild) &&
-                            this.inputElement.firstChild.childNodes.length < 2 && this.inputElement.firstChild.firstChild.nodeName === 'BR'))) {
-                        this.placeHolderWrapper.classList.add('enabled');
-                        ej2_base_1.EventHandler.add(this.inputElement, 'input', this.setPlaceHolder, this);
-                    }
-                    else {
-                        this.placeHolderWrapper.classList.remove('enabled');
-                        ej2_base_1.EventHandler.remove(this.inputElement, 'input', this.setPlaceHolder);
-                    }
-                }
-                else {
-                    this.inputElement.setAttribute('placeholder', this.placeholder);
-                }
-            }
-            if (this.placeholder && this.iframeSettings.enable && this.inputElement) {
-                if (this.inputElement.textContent.length === 0 && this.inputElement.childNodes.length < 2 && !ej2_base_4.isNullOrUndefined(this.inputElement.firstChild) && (this.inputElement.firstChild.nodeName === 'BR' ||
-                    ((this.inputElement.firstChild.nodeName === 'P' || this.inputElement.firstChild.nodeName === 'DIV') && !ej2_base_4.isNullOrUndefined(this.inputElement.firstChild.firstChild) &&
-                        this.inputElement.firstChild.firstChild.nodeName === 'BR'))) {
-                    ej2_base_1.addClass([this.inputElement], 'e-rte-placeholder');
-                    this.inputElement.setAttribute('placeholder', this.placeholder);
-                    ej2_base_1.EventHandler.add(this.inputElement, 'input', this.setPlaceHolder, this);
-                }
-                else {
-                    ej2_base_3.removeClass([this.inputElement], 'e-rte-placeholder');
-                    ej2_base_1.EventHandler.remove(this.inputElement, 'input', this.setPlaceHolder);
-                }
-            }
-        };
-        RichTextEditor.prototype.setWidth = function (width) {
-            if (width !== 'auto') {
-                ej2_base_3.setStyleAttribute(this.element, { 'width': ej2_base_2.formatUnit(this.width) });
-            }
-            else {
-                this.element.style.width = 'auto';
-            }
-        };
-        RichTextEditor.prototype.setCssClass = function (cssClass) {
-            if (!ej2_base_4.isNullOrUndefined(cssClass)) {
-                var allClassName = cssClass.split(' ');
-                for (var i = 0; i < allClassName.length; i++) {
-                    if (allClassName[i].trim() !== '') {
-                        this.element.classList.add(allClassName[i]);
-                    }
-                }
-            }
-        };
-        RichTextEditor.prototype.updateRTL = function () {
-            this.notify(events.rtlMode, { enableRtl: this.enableRtl });
-            if (this.enableRtl) {
-                this.element.classList.add(classes.CLS_RTL);
-                this.inputElement.classList.add(classes.CLS_RTL);
-            }
-            else {
-                this.element.classList.remove(classes.CLS_RTL);
-                this.inputElement.classList.remove(classes.CLS_RTL);
-            }
-        };
-        RichTextEditor.prototype.updateReadOnly = function () {
-            this.notify(events.readOnlyMode, { editPanel: this.inputElement, mode: this.readonly });
-        };
-        RichTextEditor.prototype.setReadOnly = function (initial) {
-            this.updateReadOnly();
-            if (!initial) {
-                if (this.readonly && this.enabled) {
-                    this.unbindEvents();
-                    this.unWireEvents();
-                }
-                else if (this.enabled) {
-                    this.wireEvents();
-                }
-            }
-        };
-        RichTextEditor.prototype.print = function () {
-            var _this = this;
-            var printWind;
-            var printArgs = {
-                element: this.inputElement,
-                requestType: 'print',
-                cancel: false
-            };
-            this.trigger(events.actionBegin, printArgs, function (printingArgs) {
-                printWind = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth);
-                if (ej2_base_1.Browser.info.name === 'msie') {
-                    printWind.resizeTo(screen.availWidth, screen.availHeight);
-                }
-                printWind = ej2_base_3.print(_this.inputElement, printWind);
-                if (!printingArgs.cancel) {
-                    var actionArgs = {
-                        requestType: 'print'
-                    };
-                    _this.trigger(events.actionComplete, actionArgs);
-                }
-            });
-        };
-        RichTextEditor.prototype.refreshUI = function () {
-            this.renderModule.refresh();
-            if (this.editorMode === 'Markdown') {
-                this.autoResize();
-            }
-        };
-        RichTextEditor.prototype.showFullScreen = function () {
-            this.fullScreenModule.showFullScreen();
-        };
-        RichTextEditor.prototype.enableToolbarItem = function (items, muteToolbarUpdate) {
-            this.toolbarModule.enableTBarItems(this.getBaseToolbarObject(), items, true, muteToolbarUpdate);
-        };
-        RichTextEditor.prototype.disableToolbarItem = function (items, muteToolbarUpdate) {
-            this.toolbarModule.enableTBarItems(this.getBaseToolbarObject(), items, false, muteToolbarUpdate);
-        };
-        RichTextEditor.prototype.removeToolbarItem = function (items) {
-            this.toolbarModule.removeTBarItems(items);
-        };
-        RichTextEditor.prototype.getRange = function () {
-            return this.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
-        };
-        RichTextEditor.prototype.initializeServices = function () {
-            this.serviceLocator.register('rendererFactory', new renderer_factory_1.RendererFactory);
-            this.serviceLocator.register('rteLocale', this.localeObj = new ej2_base_2.L10n(this.getModuleName(), default_locale_1.defaultLocale, this.locale));
-            this.serviceLocator.register('dialogRenderObject', new dialog_renderer_1.DialogRenderer(this));
-        };
-        RichTextEditor.prototype.RTERender = function () {
-            var rendererFactory = this.serviceLocator.getService('rendererFactory');
-            this.contentModule = rendererFactory.getRenderer(enum_1.RenderType.Content);
-            this.fullScreenModule = new full_screen_1.FullScreen(this);
-            this.enterKeyModule = new enter_key_1.EnterKeyAction(this);
-            this.renderModule.render();
-            this.inputElement = this.contentModule.getEditPanel();
-            this.setHeight(this.height);
-            html_attributes_1.setAttributes(this.htmlAttributes, this, false, true);
-            if (this.iframeSettings) {
-                this.setIframeSettings();
-            }
-            this.setCssClass(this.cssClass);
-            this.updateEnable();
-            this.setPlaceHolder();
-            this.updateRTL();
-            this.updateReadOnly();
-            this.updatePanelValue();
-            if (this.enableHtmlEncode && !ej2_base_4.isNullOrUndefined(this.value)) {
-                this.setProperties({ value: this.encode(util_1.decode(this.value)) });
-            }
-        };
-        RichTextEditor.prototype.setIframeSettings = function () {
-            if (this.iframeSettings.resources) {
-                var styleSrc = this.iframeSettings.resources.styles;
-                var scriptSrc = this.iframeSettings.resources.scripts;
-                if (!ej2_base_4.isNullOrUndefined(this.iframeSettings.resources.scripts) && this.iframeSettings.resources.scripts.length > 0) {
-                    this.InjectSheet(true, scriptSrc);
-                }
-                if (!ej2_base_4.isNullOrUndefined(this.iframeSettings.resources.styles) && this.iframeSettings.resources.styles.length > 0) {
-                    this.InjectSheet(false, styleSrc);
-                }
-            }
-            if (this.iframeSettings.attributes) {
-                html_attributes_1.setAttributes(this.iframeSettings.attributes, this, true, false);
-            }
-        };
-        RichTextEditor.prototype.InjectSheet = function (scriptSheet, srcList) {
-            try {
-                if (srcList && srcList.length > 0) {
-                    var iFrame = this.contentModule.getDocument();
-                    var target = iFrame.querySelector('head');
-                    for (var i = 0; i < srcList.length; i++) {
-                        if (scriptSheet) {
-                            var scriptEle = this.createScriptElement();
-                            scriptEle.src = srcList[i];
-                            target.appendChild(scriptEle);
-                        }
-                        else {
-                            var styleEle = this.createStyleElement();
-                            styleEle.href = srcList[i];
-                            target.appendChild(styleEle);
-                        }
-                    }
-                }
-            }
-            catch (e) {
-                return;
-            }
-        };
-        RichTextEditor.prototype.createScriptElement = function () {
-            var scriptEle = this.createElement('script', {
-                className: classes.CLS_SCRIPT_SHEET
-            });
-            scriptEle.type = 'text/javascript';
-            return scriptEle;
-        };
-        RichTextEditor.prototype.createStyleElement = function () {
-            var styleEle = this.createElement('link', {
-                className: classes.CLS_STYLE_SHEET
-            });
-            styleEle.rel = 'stylesheet';
-            return styleEle;
-        };
-        RichTextEditor.prototype.setValue = function (isPropertyChange) {
-            var _this = this;
-            if (this.valueTemplate) {
-                var regEx = new RegExp(/<(?=.*? .*?\/ ?>|br|hr|input|!--|wbr)[a-z]+.*?>|<([a-z]+).*?<\/\1>/i);
-                if (typeof this.valueTemplate === 'string' && regEx.test(this.valueTemplate)) {
-                    this.setProperties({ value: this.valueTemplate });
-                }
-                else {
-                    var compiledTemplate = ej2_base_4.compile(this.valueTemplate)('', this, 'valueTemplate');
-                    if (typeof this.valueTemplate !== 'string' && this.isReact) {
-                        this.displayTempElem = this.createElement('div');
-                        for (var i = 0; i < compiledTemplate.length; i++) {
-                            var item = compiledTemplate[i];
-                            ej2_base_4.append([item], this.displayTempElem);
-                        }
-                        this.renderTemplates(function () {
-                            _this.inputElement.innerHTML = util_3.resetContentEditableElements(_this.displayTempElem.childNodes[0].innerHTML, _this.editorMode);
-                            _this.setProperties({ value: _this.inputElement.innerHTML.trim() });
-                        });
-                    }
-                    else {
-                        var appendElem = this.element;
-                        if (isPropertyChange) {
-                            this.inputElement.innerHTML = '';
-                            appendElem = this.inputElement;
-                        }
-                        for (var i = 0; i < compiledTemplate.length; i++) {
-                            var item = compiledTemplate[i];
-                            ej2_base_4.append([item], appendElem);
-                        }
-                        var content = appendElem.innerHTML.trim();
-                        if (content.length > 0) {
-                            this.setProperties({ value: content });
-                        }
-                        this.renderReactTemplates();
-                    }
-                }
-            }
-            else {
-                var innerHtml = !ej2_base_4.isNullOrUndefined(this.element.innerHTML) && this.element.innerHTML.replace(/<(\/?|\!?)(!--!--)>/g, '').trim();
-                if (innerHtml !== '') {
-                    if (this.element.tagName === 'TEXTAREA') {
-                        this.setProperties({ value: util_1.decode(innerHtml) });
-                    }
-                    else {
-                        this.setProperties({ value: innerHtml });
-                    }
-                }
-            }
-        };
-        RichTextEditor.prototype.renderTemplates = function (callBack) {
-            this.renderReactTemplates(callBack);
-        };
-        RichTextEditor.prototype.updateResizeFlag = function () {
-            this.isResizeInitialized = true;
-        };
-        RichTextEditor.prototype.getInsertImgMaxWidth = function () {
-            var maxWidth = this.insertImageSettings.maxWidth;
-            var imgPadding = 12;
-            var imgResizeBorder = 2;
-            var editEle = this.contentModule.getEditPanel();
-            if (this.editorMode === 'HTML' && !ej2_base_4.isNullOrUndefined(this.formatter.editorManager.nodeSelection) && !ej2_base_4.isNullOrUndefined(this.formatter.editorManager.nodeSelection.range)) {
-                var currentRange = this.formatter.editorManager.nodeSelection.range;
-                if (currentRange.startContainer.nodeType !== 3 && currentRange.startContainer.closest &&
-                    !ej2_base_4.isNullOrUndefined(currentRange.startContainer.closest('TD'))) {
-                    editEle = currentRange.startContainer;
-                }
-            }
-            var eleStyle = window.getComputedStyle(editEle);
-            var editEleMaxWidth = editEle.offsetWidth - (imgPadding + imgResizeBorder +
-                parseFloat(eleStyle.paddingLeft.split('px')[0]) + parseFloat(eleStyle.paddingRight.split('px')[0]) +
-                parseFloat(eleStyle.marginLeft.split('px')[0]) + parseFloat(eleStyle.marginRight.split('px')[0]));
-            return ej2_base_4.isNullOrUndefined(maxWidth) ? editEleMaxWidth : maxWidth;
-        };
-        RichTextEditor.prototype.getInsertVidMaxWidth = function () {
-            var maxWidth = this.insertVideoSettings.maxWidth;
-            var vidPadding = 12;
-            var vidResizeBorder = 2;
-            var editEle = this.contentModule.getEditPanel();
-            var eleStyle = window.getComputedStyle(editEle);
-            var editEleMaxWidth = editEle.offsetWidth - (vidPadding + vidResizeBorder +
-                parseFloat(eleStyle.paddingLeft.split('px')[0]) + parseFloat(eleStyle.paddingRight.split('px')[0]) +
-                parseFloat(eleStyle.marginLeft.split('px')[0]) + parseFloat(eleStyle.marginRight.split('px')[0]));
-            return ej2_base_4.isNullOrUndefined(maxWidth) ? editEleMaxWidth : maxWidth;
-        };
-        RichTextEditor.prototype.getHtml = function () {
-            var htmlValue = util_3.cleanupInternalElements(this.contentModule.getEditPanel().innerHTML, this.editorMode);
-            return (this.enableXhtml && (htmlValue === '<p><br></p>' || htmlValue === '<div><br></div>' ||
-                htmlValue === '<br>') ? null : this.serializeValue(htmlValue));
-        };
-        RichTextEditor.prototype.getXhtml = function () {
-            var currentValue = util_3.cleanupInternalElements(this.value, this.editorMode);
-            if (!ej2_base_4.isNullOrUndefined(currentValue) && this.enableXhtml) {
-                currentValue = this.htmlEditorModule.xhtmlValidation.selfEncloseValidation(currentValue);
-            }
-            return currentValue;
-        };
-        RichTextEditor.prototype.showSourceCode = function () {
-            if (this.readonly) {
-                return;
-            }
-            this.notify(events.sourceCode, {});
-        };
-        RichTextEditor.prototype.getCharCount = function () {
-            var htmlText = this.editorMode === 'Markdown' ? this.inputElement.value.trim() :
-                this.inputElement.textContent.trim();
-            var htmlLength;
-            if (this.editorMode !== 'Markdown' && htmlText.indexOf('\u200B') !== -1) {
-                htmlLength = htmlText.replace(/\u200B/g, '').length;
-            }
-            else {
-                htmlLength = htmlText.length;
-            }
-            return htmlLength;
-        };
-        RichTextEditor.prototype.showDialog = function (type) {
-            if (type === enum_1.DialogType.InsertLink) {
-                this.notify(events.showLinkDialog, {});
-            }
-            else if (type === enum_1.DialogType.InsertImage) {
-                this.notify(events.showImageDialog, {});
-            }
-            else if (type === enum_1.DialogType.InsertAudio) {
-                this.notify(events.showAudioDialog, {});
-            }
-            else if (type === enum_1.DialogType.InsertVideo) {
-                this.notify(events.showVideoDialog, {});
-            }
-            else if (type === enum_1.DialogType.InsertTable) {
-                this.notify(events.showTableDialog, {});
-            }
-        };
-        RichTextEditor.prototype.closeDialog = function (type) {
-            if (type === enum_1.DialogType.InsertLink) {
-                this.notify(events.closeLinkDialog, {});
-            }
-            else if (type === enum_1.DialogType.InsertImage) {
-                this.notify(events.closeImageDialog, {});
-            }
-            else if (type === enum_1.DialogType.InsertAudio) {
-                this.notify(events.closeAudioDialog, {});
-            }
-            else if (type === enum_1.DialogType.InsertVideo) {
-                this.notify(events.closeVideoDialog, {});
-            }
-            else if (type === enum_1.DialogType.InsertTable) {
-                this.notify(events.closeTableDialog, {});
-            }
-        };
-        RichTextEditor.prototype.getBaseToolbarObject = function () {
-            var tbObj;
-            if (this.inlineMode.enable && (!ej2_base_1.Browser.isDevice || util_1.isIDevice())) {
-                tbObj = this.quickToolbarModule && this.quickToolbarModule.getInlineBaseToolbar();
-            }
-            else {
-                tbObj = this.toolbarModule && this.toolbarModule.getBaseToolbar();
-            }
-            return tbObj;
-        };
-        RichTextEditor.prototype.getToolbar = function () {
-            return this.toolbarModule ? this.toolbarModule.getToolbarElement() : null;
-        };
-        RichTextEditor.prototype.getToolbarElement = function () {
-            return this.toolbarModule && this.toolbarModule.getToolbarElement();
-        };
-        RichTextEditor.prototype.getID = function () {
-            return this.internalID;
-        };
-        RichTextEditor.prototype.getCssClass = function (isSpace) {
-            return (ej2_base_4.isNullOrUndefined(this.cssClass) ? '' : isSpace ? ' ' + this.cssClass : this.cssClass);
-        };
-        RichTextEditor.prototype.mouseDownHandler = function (e) {
-            var touch = (e.touches ? e.changedTouches[0] : e);
-            ej2_base_1.addClass([this.element], [classes.CLS_FOCUS]);
-            this.preventDefaultResize(e);
-            this.notify(events.mouseDown, { args: e });
-            this.formatter.editorManager.observer.notify(events.mouseDown, { args: e });
-            this.clickPoints = { clientX: touch.clientX, clientY: touch.clientY };
-        };
-        RichTextEditor.prototype.preventImgResize = function (e) {
-            if (e.target.nodeName.toLocaleLowerCase() === 'img') {
-                e.preventDefault();
-            }
-        };
-        RichTextEditor.prototype.preventDefaultResize = function (e) {
-            if (ej2_base_1.Browser.info.name === 'msie') {
-                this.contentModule.getEditPanel().addEventListener('mscontrolselect', this.preventImgResize);
-            }
-            else if (ej2_base_1.Browser.info.name === 'mozilla') {
-                this.contentModule.getDocument().execCommand('enableObjectResizing', false, 'false');
-                this.contentModule.getDocument().execCommand('enableInlineTableEditing', false, 'false');
-            }
-        };
-        RichTextEditor.prototype.defaultResize = function (e) {
-            if (ej2_base_1.Browser.info.name === 'msie') {
-                this.contentModule.getEditPanel().removeEventListener('mscontrolselect', this.preventImgResize);
-            }
-            else if (ej2_base_1.Browser.info.name === 'mozilla') {
-                this.contentModule.getDocument().execCommand('enableObjectResizing', true, 'true');
-                this.contentModule.getDocument().execCommand('enableInlineTableEditing', true, 'true');
-            }
-        };
-        RichTextEditor.prototype.resizeHandler = function () {
-            if (!document.body.contains(this.element)) {
-                document.defaultView.removeEventListener('resize', this.resizeHandler, true);
-                this.onResizeHandler = null;
-                return;
-            }
-            if (this.toolbarSettings.enable && !this.inlineMode.enable) {
-                this.toolbarModule.refreshToolbarOverflow();
-            }
-            this.notify(events.windowResize, null);
-            this.autoResize();
-        };
-        RichTextEditor.prototype.scrollHandler = function (e) {
-            if (this.element) {
-                this.notify(events.scroll, { args: e });
-            }
-        };
-        RichTextEditor.prototype.contentScrollHandler = function (e) {
-            this.notify(events.contentscroll, { args: e });
-        };
-        RichTextEditor.prototype.focusHandler = function (e) {
-            if ((!this.isRTE || this.isFocusOut)) {
-                this.isRTE = this.isFocusOut ? false : true;
-                this.isFocusOut = false;
-                ej2_base_1.addClass([this.element], [classes.CLS_FOCUS]);
-                if (this.editorMode === 'HTML') {
-                    this.cloneValue = (this.inputElement.innerHTML === '<p><br></p>' || this.inputElement.innerHTML === '<div><br></div>' ||
-                        this.inputElement.innerHTML === '<br>') ? null : this.enableHtmlEncode ?
-                        this.encode(util_1.decode(this.inputElement.innerHTML)) : this.inputElement.innerHTML;
-                }
-                else {
-                    this.cloneValue = this.inputElement.value === '' ? null :
-                        this.inputElement.value;
-                }
-                var active = document.activeElement;
-                if (active === this.element || active === this.getToolbarElement() || active === this.contentModule.getEditPanel()
-                    || ((this.iframeSettings.enable && active === this.contentModule.getPanel()) &&
-                        e.target && !e.target.classList.contains('e-img-inner')
-                        && (e.target && e.target.parentElement
-                            && !e.target.parentElement.classList.contains('e-img-wrap')))
-                    || ej2_base_2.closest(active, '.e-rte-toolbar') === this.getToolbarElement()) {
-                    this.contentModule.getEditPanel().focus();
-                    if (!ej2_base_4.isNullOrUndefined(this.getToolbarElement())) {
-                        this.getToolbarElement().setAttribute('tabindex', '-1');
-                        var items = this.getToolbarElement().querySelectorAll('[tabindex="0"]');
-                        for (var i = 0; i < items.length; i++) {
-                            items[i].setAttribute('tabindex', '-1');
-                        }
-                    }
-                }
-                this.preventDefaultResize(e);
-                this.trigger('focus', { event: e, isInteracted: Object.keys(e).length === 0 ? false : true });
-                if (!ej2_base_4.isNullOrUndefined(this.saveInterval) && this.saveInterval > 0 && !this.autoSaveOnIdle && ej2_base_4.isNullOrUndefined(this.timeInterval)) {
-                    this.timeInterval = setInterval(this.updateValueOnIdle.bind(this), this.saveInterval);
-                }
-                ej2_base_1.EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
-            }
-            if (!this.readonly) {
-                var currentFocus = this.getCurrentFocus(e);
-                if (currentFocus === 'editArea' || currentFocus === 'textArea' || currentFocus === 'sourceCode') {
-                    this.resetToolbarTabIndex();
-                }
-            }
-        };
-        RichTextEditor.prototype.getUpdatedValue = function () {
-            var value;
-            var getTextArea = this.element.querySelector('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA);
-            if (this.editorMode === 'HTML') {
-                value = (this.inputElement.innerHTML === '<p><br></p>' || this.inputElement.innerHTML === '<div><br></div>' ||
-                    this.inputElement.innerHTML === '<br>') ? null : this.enableHtmlEncode ?
-                    this.encode(util_1.decode(util_3.cleanupInternalElements(this.inputElement.innerHTML, this.editorMode))) :
-                    this.inputElement.innerHTML;
-                if (this.enableHtmlSanitizer && !ej2_base_4.isNullOrUndefined(value) && /&(amp;)*((times)|(divide)|(ne))/.test(value)) {
-                    value = value.replace(/&(amp;)*(times|divide|ne)/g, '&amp;amp;$2');
-                }
-                if (!ej2_base_4.isNullOrUndefined(getTextArea) && this.rootContainer.classList.contains('e-source-code-enabled')) {
-                    value = /&(amp;)*((times)|(divide)|(ne))/.test(getTextArea.value) ? getTextArea.value.replace(/&(amp;)*(times|divide|ne)/g, '&amp;amp;$2') : getTextArea.value;
-                }
-            }
-            else {
-                value = this.inputElement.value === '' ? null :
-                    this.inputElement.value;
-            }
-            if (value != null && !this.enableHtmlEncode) {
-                value = util_3.cleanupInternalElements(value, this.editorMode);
-            }
-            return value;
-        };
-        RichTextEditor.prototype.updateValueOnIdle = function () {
-            if (!ej2_base_4.isNullOrUndefined(this.tableModule) && !ej2_base_4.isNullOrUndefined(this.inputElement.querySelector('.e-table-box.e-rbox-select'))) {
-                return;
-            }
-            this.setProperties({ value: this.getUpdatedValue() }, true);
-            this.valueContainer.value = this.value;
-            this.isValueChangeBlurhandler = false;
-            this.invokeChangeEvent();
-        };
-        RichTextEditor.prototype.updateIntervalValue = function () {
-            clearTimeout(this.idleInterval);
-            this.idleInterval = setTimeout(this.updateValueOnIdle.bind(this), 0);
-        };
-        RichTextEditor.prototype.cleanupResizeElements = function (args) {
-            var value = util_3.cleanupInternalElements(args.value, this.editorMode);
-            args.callBack(value);
-        };
-        RichTextEditor.prototype.addAnchorAriaLabel = function (value) {
-            var valueElementWrapper = document.createElement('div');
-            valueElementWrapper.innerHTML = value;
-            var item = valueElementWrapper.querySelectorAll('a');
-            if (item.length > 0) {
-                for (var i = 0; i < item.length; i++) {
-                    if (item[i].hasAttribute('target') && item[i].getAttribute('target') === '_blank') {
-                        item[i].setAttribute('aria-label', this.serviceLocator.getService('rteLocale').getConstant('linkAriaLabel'));
-                    }
-                }
-            }
-            return valueElementWrapper.innerHTML;
-        };
-        RichTextEditor.prototype.updateStatus = function (e) {
-            if (!ej2_base_4.isNullOrUndefined(e.html) || !ej2_base_4.isNullOrUndefined(e.markdown)) {
-                var status_1 = this.formatter.editorManager.undoRedoManager.getUndoStatus();
-                var eventArgs = {
-                    undo: status_1.undo,
-                    redo: status_1.redo,
-                    html: e.html,
-                    markdown: e.markdown
-                };
-                this.trigger(events.updatedToolbarStatus, eventArgs);
-            }
-        };
-        RichTextEditor.prototype.onDocumentClick = function (e) {
-            var target = e.target;
-            var rteElement = ej2_base_2.closest(target, '.' + classes.CLS_RTE);
-            if (!this.element.contains(e.target) && document !== e.target && rteElement !== this.element &&
-                !ej2_base_2.closest(target, '[aria-owns="' + this.getID() + '"]')) {
-                this.isBlur = true;
-                this.isRTE = false;
-            }
-            this.notify(events.docClick, { args: e });
-            var hideQuickToolbarChecker = this.quickToolbarModule && !this.inlineMode.enable &&
-                ej2_base_4.isNullOrUndefined(this.quickToolbarModule.inlineQTBar);
-            if ((hideQuickToolbarChecker && !ej2_base_4.isNullOrUndefined(ej2_base_2.closest(target, '.' + 'e-toolbar-wrapper'))) || (hideQuickToolbarChecker && (!ej2_base_4.isNullOrUndefined(ej2_base_2.closest(target, '.e-rte-table-resize')) || !ej2_base_4.isNullOrUndefined(ej2_base_2.closest(target, '.e-table-box'))))) {
-                this.quickToolbarModule.hideQuickToolbars();
-            }
-            if (ej2_base_1.Browser.info.name !== 'msie' && e.detail > 3) {
-                e.preventDefault();
-            }
-        };
-        RichTextEditor.prototype.blurHandler = function (e) {
-            var trg = e.relatedTarget;
-            if (trg) {
-                var rteElement = ej2_base_2.closest(trg, '.' + classes.CLS_RTE);
-                if (!rteElement && this.iframeSettings.enable) {
-                    var iframeElement = this.element.querySelector('#' + this.getID() + '_rte-view');
-                    if (iframeElement && iframeElement.contentWindow.document.body.contains(trg)) {
-                        rteElement = ej2_base_2.closest(iframeElement, '.' + classes.CLS_RTE);
-                    }
-                }
-                if (rteElement && rteElement === this.element) {
-                    this.isBlur = false;
-                    if (trg === this.getToolbarElement()) {
-                        trg.setAttribute('tabindex', '-1');
-                    }
-                }
-                else if (ej2_base_2.closest(trg, '[aria-owns="' + this.getID() + '"]') || ej2_base_2.closest(trg, '.' + classes.CLS_RTE_ELEMENTS)) {
-                    this.isBlur = false;
-                }
-                else {
-                    this.isBlur = true;
-                    trg = null;
-                }
-            }
-            if (this.isBlur && ej2_base_4.isNullOrUndefined(trg)) {
-                ej2_base_3.removeClass([this.element], [classes.CLS_FOCUS]);
-                util_3.removeSelectionClassStates(this.inputElement);
-                this.notify(events.focusChange, {});
-                var value = this.getUpdatedValue();
-                if (!this.rootContainer.classList.contains('e-source-code-enabled')) {
-                    this.setProperties({ value: value }, true);
-                }
-                else {
-                    this.setProperties({ value: value });
-                }
-                this.valueContainer.value = this.value;
-                this.isValueChangeBlurhandler = true;
-                this.invokeChangeEvent();
-                this.isFocusOut = true;
-                this.isBlur = false;
-                util_1.dispatchEvent(this.valueContainer, 'focusout');
-                this.defaultResize(e);
-                this.trigger('blur', { event: e, isInteracted: Object.keys(e).length === 0 ? false : true });
-                if (!ej2_base_4.isNullOrUndefined(this.timeInterval)) {
-                    clearInterval(this.timeInterval);
-                    this.timeInterval = null;
-                }
-                if (!ej2_base_4.isNullOrUndefined(this.placeHolderWrapper) && this.element.querySelector('[title = Preview]')) {
-                    this.placeHolderWrapper.style.display = 'none';
-                }
-                ej2_base_1.EventHandler.remove(document, 'mousedown', this.onDocumentClick);
-            }
-            else {
-                this.isRTE = true;
-            }
-            if (!this.readonly && this.getCurrentFocus(e) === 'outside') {
-                this.resetToolbarTabIndex();
-            }
-        };
-        RichTextEditor.prototype.contentChanged = function (args) {
-            var tempSpanToRemove = this.inputElement.querySelector('.tempSpan');
-            if (tempSpanToRemove) {
-                ej2_base_1.detach(tempSpanToRemove);
-            }
-            if (args && !ej2_base_4.isNullOrUndefined(args.detail) && args.detail.click) {
-                this.formatter.saveData();
-            }
-            if (this.autoSaveOnIdle) {
-                if (!ej2_base_4.isNullOrUndefined(this.saveInterval)) {
-                    clearTimeout(this.autoSaveTimeOut);
-                    this.autoSaveTimeOut = setTimeout(this.updateIntervalValue.bind(this), this.saveInterval);
-                }
-            }
-        };
-        RichTextEditor.prototype.invokeChangeEvent = function () {
-            var currentValue;
-            if (this.enableXhtml) {
-                currentValue = this.getXhtml();
-            }
-            else {
-                currentValue = this.value;
-            }
-            var eventArgs = {
-                value: currentValue,
-                isInteracted: this.isValueChangeBlurhandler
-            };
-            if (this.value !== util_3.cleanupInternalElements(this.cloneValue, this.editorMode)) {
-                this.trigger('change', eventArgs);
-                this.cloneValue = this.value;
-            }
-        };
-        RichTextEditor.prototype.wireScrollElementsEvents = function () {
-            this.scrollParentElements = ej2_popups_1.getScrollableParent(this.element);
-            for (var _i = 0, _a = this.scrollParentElements; _i < _a.length; _i++) {
-                var element = _a[_i];
-                ej2_base_1.EventHandler.add(element, 'scroll', this.scrollHandler, this);
-            }
-            if (!this.iframeSettings.enable) {
-                ej2_base_1.EventHandler.add(this.inputElement, 'scroll', this.contentScrollHandler, this);
-            }
-        };
-        RichTextEditor.prototype.wireContextEvent = function () {
-            if (this.quickToolbarSettings.showOnRightClick) {
-                ej2_base_1.EventHandler.add(this.inputElement, 'contextmenu', this.contextHandler, this);
-                if (ej2_base_1.Browser.isDevice) {
-                    this.touchModule = new ej2_base_5.Touch(this.inputElement, { tapHold: this.touchHandler.bind(this), tapHoldThreshold: 500 });
-                }
-            }
-        };
-        RichTextEditor.prototype.unWireContextEvent = function () {
-            ej2_base_1.EventHandler.remove(this.inputElement, 'contextmenu', this.contextHandler);
-            if (ej2_base_1.Browser.isDevice && this.touchModule) {
-                this.touchModule.destroy();
-            }
-        };
-        RichTextEditor.prototype.unWireScrollElementsEvents = function () {
-            this.scrollParentElements = ej2_popups_1.getScrollableParent(this.element);
-            for (var _i = 0, _a = this.scrollParentElements; _i < _a.length; _i++) {
-                var element = _a[_i];
-                ej2_base_1.EventHandler.remove(element, 'scroll', this.scrollHandler);
-            }
-            if (!this.iframeSettings.enable) {
-                ej2_base_1.EventHandler.remove(this.inputElement, 'scroll', this.contentScrollHandler);
-            }
-        };
-        RichTextEditor.prototype.touchHandler = function (e) {
-            this.notifyMouseUp(e.originalEvent);
-            this.triggerEditArea(e.originalEvent);
-        };
-        RichTextEditor.prototype.contextHandler = function (e) {
-            var closestElem = ej2_base_2.closest(e.target, 'a, table, img, video, audio, .e-embed-video-wrap');
-            if (!closestElem && e.target && e.target.classList &&
-                (e.target.classList.contains(classes.CLS_AUDIOWRAP) ||
-                    e.target.classList.contains(classes.CLS_CLICKELEM))) {
-                closestElem = e.target.querySelector('audio');
-            }
-            if (this.inlineMode.onSelection === false || (!ej2_base_4.isNullOrUndefined(closestElem) && this.inputElement.contains(closestElem)
-                && (closestElem.tagName === 'IMG' || closestElem.tagName === 'TABLE' || closestElem.tagName === 'A' ||
-                    closestElem.tagName.toLowerCase() === 'video' || closestElem.tagName.toLowerCase() === 'audio' || closestElem.tagName === 'SPAN'))) {
-                e.preventDefault();
-            }
-        };
-        RichTextEditor.prototype.resetHandler = function () {
-            var defaultValue = this.valueContainer.defaultValue.trim();
-            this.setProperties({ value: defaultValue === '' ? null : defaultValue });
-        };
-        RichTextEditor.prototype.autoResize = function () {
-            if (!this.element || !this.originalElement || !this.valueContainer) {
-                return;
-            }
-            if (this.height === 'auto') {
-                if (this.editorMode === 'Markdown') {
-                    this.setAutoHeight(this.inputElement);
-                }
-                else if (this.iframeSettings.enable) {
-                    var iframeElement = this.element.querySelector('#' + this.getID() + '_rte-view');
-                    if (iframeElement) {
-                        this.setAutoHeight(iframeElement);
-                    }
-                }
-            }
-            else {
-                if (this.editorMode === 'Markdown') {
-                    var textArea = this.inputElement;
-                    var otherElemHeight = (this.enableResize || this.showCharCount) ? 20 : 0;
-                    if (textArea) {
-                        textArea.style.height = this.element.clientHeight - (this.toolbarModule.getToolbarHeight() + otherElemHeight + 3) + 'px';
-                    }
-                }
-                else if (this.iframeSettings.enable) {
-                    var iframe = this.element.querySelector('#' + this.getID() + '_rte-view');
-                    var otherElemHeight = (this.enableResize || this.showCharCount) ? 20 : 0;
-                    if (iframe && this.toolbarModule) {
-                        iframe.style.height = this.element.clientHeight - (this.toolbarModule.getToolbarHeight() + otherElemHeight + 3) + 'px';
-                    }
-                }
-            }
-        };
-        RichTextEditor.prototype.setAutoHeight = function (element) {
-            if (element.nodeName === 'TEXTAREA') {
-                element.style.height = 'auto';
-                element.style.height = (this.inputElement.scrollHeight + 16) + 'px';
-                element.style.overflow = 'hidden';
-            }
-            else if (element.nodeName === 'IFRAME') {
-                element.style.height = this.inputElement.parentElement.offsetHeight + 'px';
-            }
-        };
-        RichTextEditor.prototype.wireEvents = function () {
-            this.onBlurHandler = this.blurHandler.bind(this);
-            this.onFocusHandler = this.focusHandler.bind(this);
-            this.onResizeHandler = this.resizeHandler.bind(this);
-            this.element.addEventListener('focusin', this.onFocusHandler, true);
-            this.element.addEventListener('focusout', this.onBlurHandler, true);
-            this.on(events.contentChanged, this.contentChanged, this);
-            this.on(events.resizeInitialized, this.updateResizeFlag, this);
-            this.on(events.updateTbItemsStatus, this.updateStatus, this);
-            this.on(events.cleanupResizeElements, this.cleanupResizeElements, this);
-            this.on(events.updateValueOnIdle, this.updateValueOnIdle, this);
-            this.on(events.autoResize, this.autoResize, this);
-            if (this.iframeSettings.enable) {
-                this.onLoadHandler = this.iframeEditableElemLoad.bind(this);
-                this.contentModule.getEditPanel().addEventListener('load', this.onLoadHandler, true);
-            }
-            if (this.readonly && this.enabled) {
-                return;
-            }
-            this.bindEvents();
-        };
-        RichTextEditor.prototype.restrict = function (e) {
-            if (this.maxLength >= 0) {
-                var element = this.editorMode === 'Markdown' ? this.contentModule.getText() :
-                    (this.getText().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, ''));
-                if (!element) {
-                    return;
-                }
-                var array = [8, 16, 17, 37, 38, 39, 40, 46, 65];
-                var arrayKey = void 0;
-                for (var i = 0; i <= array.length - 1; i++) {
-                    if (e.which === array[i]) {
-                        if (e.ctrlKey && e.which === 65) {
-                            return;
-                        }
-                        else if (e.which !== 65) {
-                            arrayKey = array[i];
-                            return;
-                        }
-                    }
-                }
-                if ((element.length >= this.maxLength && this.maxLength !== -1) && e.which !== arrayKey) {
-                    e.preventDefault();
-                }
-            }
-        };
-        RichTextEditor.prototype.beforeInputHandler = function (e) {
-            if (this.maxLength >= 0) {
-                var element = this.editorMode === 'Markdown' ? this.contentModule.getText() :
-                    (this.getText().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, ''));
-                if (e.data && element.length >= this.maxLength && !this.isSpecialInputType(e)) {
-                    e.preventDefault();
-                }
-            }
-        };
-        RichTextEditor.prototype.isSpecialInputType = function (e) {
-            var allowedKeys = [8, 16, 17, 37, 38, 39, 40, 46, 65];
-            if (e.inputType) {
-                return (e.inputType.indexOf('delete') !== -1 ||
-                    e.inputType.indexOf('backward') !== -1 ||
-                    e.inputType === 'insertLineBreak');
-            }
-            return allowedKeys.indexOf(e.which) !== -1;
-        };
-        RichTextEditor.prototype.bindEvents = function () {
-            this.keyboardModule = new keyboard_1.KeyboardEvents(this.inputElement, {
-                keyAction: this.keyDown.bind(this), keyConfigs: __assign({}, this.formatter.keyConfig, this.keyConfig), eventName: 'keydown'
-            });
-            if (this.userAgentData && this.userAgentData.getPlatform() === 'Android') {
-                ej2_base_1.EventHandler.add(this.inputElement, 'beforeinput', this.beforeInputHandler, this);
-            }
-            var formElement = ej2_base_2.closest(this.valueContainer, 'form');
-            if (formElement) {
-                ej2_base_1.EventHandler.add(formElement, 'reset', this.resetHandler, this);
-            }
-            ej2_base_1.EventHandler.add(this.inputElement, 'keyup', this.keyUp, this);
-            ej2_base_1.EventHandler.add(this.inputElement, 'paste', this.onPaste, this);
-            ej2_base_1.EventHandler.add(this.inputElement, 'content-changed', this.contentChanged, this);
-            this.mouseDownDebListener = ej2_base_4.debounce(this.mouseUp, 30);
-            ej2_base_1.EventHandler.add(this.inputElement, ej2_base_1.Browser.touchEndEvent, this.mouseDownDebListener, this);
-            ej2_base_1.EventHandler.add(this.inputElement, ej2_base_1.Browser.touchStartEvent, this.mouseDownHandler, this);
-            ej2_base_1.EventHandler.add(this.inputElement, 'input', this.inputHandler, this);
-            this.wireContextEvent();
-            this.formatter.editorManager.observer.on(CONSTANT.KEY_DOWN_HANDLER, this.editorKeyDown, this);
-            this.element.ownerDocument.defaultView.addEventListener('resize', this.onResizeHandler, true);
-            if (this.iframeSettings.enable) {
-                ej2_base_1.EventHandler.add(this.inputElement, 'focusin', this.focusHandler, this);
-                ej2_base_1.EventHandler.add(this.inputElement, 'focusout', this.blurHandler, this);
-                ej2_base_1.EventHandler.add(this.inputElement.ownerDocument, 'scroll', this.contentScrollHandler, this);
-                ej2_base_1.EventHandler.add(this.inputElement.ownerDocument, ej2_base_1.Browser.touchStartEvent, this.onIframeMouseDown, this);
-                ej2_base_1.EventHandler.add(this.contentModule.getPanel(), 'load', this.iframeLoadHandler, this);
-            }
-            this.wireScrollElementsEvents();
-        };
-        RichTextEditor.prototype.onIframeMouseDown = function (e) {
-            this.isBlur = false;
-            this.currentTarget = e.target;
-            this.notify(events.iframeMouseDown, e);
-        };
-        RichTextEditor.prototype.inputHandler = function () {
-            this.autoResize();
-        };
-        RichTextEditor.prototype.editorKeyDown = function (e) {
-            switch (e.event.action) {
-                case 'copy':
-                    this.onCopy();
-                    break;
-                case 'cut':
-                    this.onCut();
-                    break;
-                case 'tab':
-                    if (this.iframeSettings.enable) {
-                        this.isBlur = true;
-                    }
-                    break;
-            }
-            if (e.callBack && (e.event.action === 'copy' || e.event.action === 'cut' || e.event.action === 'delete')) {
-                e.callBack({
-                    requestType: e.event.action,
-                    editorMode: 'HTML',
-                    event: e.event
-                });
-            }
-        };
-        RichTextEditor.prototype.unWireEvents = function () {
-            this.element.removeEventListener('focusin', this.onFocusHandler, true);
-            this.onFocusHandler = null;
-            this.element.removeEventListener('focusout', this.onBlurHandler, true);
-            this.onBlurHandler = null;
-            this.off(events.contentChanged, this.contentChanged);
-            this.off(events.resizeInitialized, this.updateResizeFlag);
-            this.off(events.updateTbItemsStatus, this.updateStatus);
-            this.off(events.cleanupResizeElements, this.cleanupResizeElements);
-            this.off(events.updateValueOnIdle, this.updateValueOnIdle);
-            this.off(events.autoResize, this.autoResize);
-            if (this.iframeSettings.enable) {
-                this.contentModule.getEditPanel().removeEventListener('load', this.onLoadHandler, true);
-                this.onLoadHandler = null;
-            }
-            if (this.readonly && this.enabled) {
-                return;
-            }
-            this.unbindEvents();
-        };
-        RichTextEditor.prototype.unbindEvents = function () {
-            if (this.keyboardModule && !this.keyboardModule.isDestroyed) {
-                this.keyboardModule.destroy();
-                this.keyboardModule = null;
-            }
-            var formElement = ej2_base_2.closest(this.valueContainer, 'form');
-            if (formElement) {
-                ej2_base_1.EventHandler.remove(formElement, 'reset', this.resetHandler);
-            }
-            ej2_base_1.EventHandler.remove(this.inputElement, 'keyup', this.keyUp);
-            ej2_base_1.EventHandler.remove(this.inputElement, 'paste', this.onPaste);
-            ej2_base_1.EventHandler.remove(this.inputElement, 'content-changed', this.contentChanged);
-            ej2_base_1.EventHandler.remove(this.inputElement, ej2_base_1.Browser.touchEndEvent, this.mouseDownDebListener);
-            this.mouseDownDebListener = null;
-            ej2_base_1.EventHandler.remove(this.inputElement, ej2_base_1.Browser.touchStartEvent, this.mouseDownHandler);
-            ej2_base_1.EventHandler.remove(this.inputElement, 'input', this.inputHandler);
-            ej2_base_1.EventHandler.remove(document, 'mousedown', this.onDocumentClick);
-            this.unWireContextEvent();
-            if (this.formatter) {
-                this.formatter.editorManager.observer.off(CONSTANT.KEY_DOWN_HANDLER, this.editorKeyDown);
-            }
-            this.element.ownerDocument.defaultView.removeEventListener('resize', this.onResizeHandler, true);
-            this.onResizeHandler = null;
-            if (this.iframeSettings.enable) {
-                ej2_base_1.EventHandler.remove(this.inputElement, 'focusin', this.focusHandler);
-                ej2_base_1.EventHandler.remove(this.inputElement, 'focusout', this.blurHandler);
-                ej2_base_1.EventHandler.remove(this.inputElement.ownerDocument, 'scroll', this.contentScrollHandler);
-                ej2_base_1.EventHandler.remove(this.inputElement.ownerDocument, ej2_base_1.Browser.touchStartEvent, this.onIframeMouseDown);
-                ej2_base_1.EventHandler.remove(this.contentModule.getPanel(), 'load', this.iframeLoadHandler);
-            }
-            if (this.userAgentData && this.userAgentData.getPlatform() === 'Android') {
-                ej2_base_1.EventHandler.remove(this.inputElement, 'beforeinput', this.beforeInputHandler);
-            }
-            this.unWireScrollElementsEvents();
-        };
-        RichTextEditor.prototype.getCurrentFocus = function (e) {
-            if (e.target === this.inputElement && document.activeElement === this.inputElement) {
-                return 'editArea';
-            }
-            else if (e.target === this.getToolbarElement() || (!ej2_base_4.isNullOrUndefined(e.relatedTarget) && ej2_base_2.closest(e.relatedTarget, '.e-rte-toolbar') === this.getToolbarElement())) {
-                return 'toolbar';
-            }
-            else if (e.target === this.valueContainer && document.activeElement === this.valueContainer) {
-                return 'textArea';
-            }
-            else if (!ej2_base_4.isNullOrUndefined(e.target) && e.target.classList.contains(classes.CLS_RTE_SOURCE_CODE_TXTAREA)
-                && document.activeElement === e.target) {
-                return 'sourceCode';
-            }
-            return 'outside';
-        };
-        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');
-                    }
-                }
-            }
-        };
-        RichTextEditor.prototype.getRenderedQuickToolbarElem = function () {
-            if (!ej2_base_4.isNullOrUndefined(this.quickToolbarModule)) {
-                var quickToolbars = this.quickToolbarModule.getQuickToolbarInstance();
-                for (var i = 0; i < quickToolbars.length; i++) {
-                    if (quickToolbars[i] && quickToolbars[i].isRendered) {
-                        return quickToolbars[i].element;
-                    }
-                }
-            }
-            return null;
-        };
-        RichTextEditor.prototype.iframeLoadHandler = function () {
-            this.autoResize();
-        };
-        RichTextEditor.prototype.iframeEditableElemLoad = function () {
-            this.autoResize();
-        };
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.ToolbarSettings)
-        ], RichTextEditor.prototype, "toolbarSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({ enable: false, items: ['Paragraph', 'Heading 1', 'Heading 2', 'Heading 3', 'Heading 4', 'OrderedList', 'UnorderedList', 'CodeBlock', 'Blockquote'], popupWidth: '300px', popupHeight: '320px' }, slash_menu_settings_1.SlashMenuSettings)
-        ], RichTextEditor.prototype, "slashMenuSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.QuickToolbarSettings)
-        ], RichTextEditor.prototype, "quickToolbarSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_3.PasteCleanupSettings)
-        ], RichTextEditor.prototype, "pasteCleanupSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.FormatPainterSettings)
-        ], RichTextEditor.prototype, "formatPainterSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.EmojiSettings)
-        ], RichTextEditor.prototype, "emojiPickerSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, iframe_settings_1.IFrameSettings)
-        ], RichTextEditor.prototype, "iframeSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.ImageSettings)
-        ], RichTextEditor.prototype, "insertImageSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.ImportWord)
-        ], RichTextEditor.prototype, "importWord", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.ExportWord)
-        ], RichTextEditor.prototype, "exportWord", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.ExportPdf)
-        ], RichTextEditor.prototype, "exportPdf", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.AudioSettings)
-        ], RichTextEditor.prototype, "insertAudioSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.VideoSettings)
-        ], RichTextEditor.prototype, "insertVideoSettings", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_3.TableSettings)
-        ], RichTextEditor.prototype, "tableSettings", void 0);
-        __decorate([
-            ej2_base_2.Property(0)
-        ], RichTextEditor.prototype, "floatingToolbarOffset", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, inline_mode_1.InlineMode)
-        ], RichTextEditor.prototype, "inlineMode", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_2.FileManagerSettings)
-        ], RichTextEditor.prototype, "fileManagerSettings", void 0);
-        __decorate([
-            ej2_base_2.Property('100%')
-        ], RichTextEditor.prototype, "width", void 0);
-        __decorate([
-            ej2_base_2.Property(false)
-        ], RichTextEditor.prototype, "enablePersistence", void 0);
-        __decorate([
-            ej2_base_2.Property(true)
-        ], RichTextEditor.prototype, "showTooltip", void 0);
-        __decorate([
-            ej2_base_2.Property(false)
-        ], RichTextEditor.prototype, "enableResize", void 0);
-        __decorate([
-            ej2_base_2.Property({})
-        ], RichTextEditor.prototype, "htmlAttributes", void 0);
-        __decorate([
-            ej2_base_2.Property(null)
-        ], RichTextEditor.prototype, "placeholder", void 0);
-        __decorate([
-            ej2_base_2.Property(false)
-        ], RichTextEditor.prototype, "autoSaveOnIdle", void 0);
-        __decorate([
-            ej2_base_2.Property(false)
-        ], RichTextEditor.prototype, "readonly", void 0);
-        __decorate([
-            ej2_base_2.Property(true)
-        ], RichTextEditor.prototype, "enabled", void 0);
-        __decorate([
-            ej2_base_2.Property(true)
-        ], RichTextEditor.prototype, "enableHtmlSanitizer", void 0);
-        __decorate([
-            ej2_base_2.Property(false)
-        ], RichTextEditor.prototype, "enableHtmlEncode", void 0);
-        __decorate([
-            ej2_base_2.Property(false)
-        ], RichTextEditor.prototype, "enableXhtml", void 0);
-        __decorate([
-            ej2_base_2.Property('auto')
-        ], RichTextEditor.prototype, "height", void 0);
-        __decorate([
-            ej2_base_2.Property(null)
-        ], RichTextEditor.prototype, "cssClass", void 0);
-        __decorate([
-            ej2_base_2.Property(null)
-        ], RichTextEditor.prototype, "value", void 0);
-        __decorate([
-            ej2_base_2.Property('P')
-        ], RichTextEditor.prototype, "enterKey", void 0);
-        __decorate([
-            ej2_base_2.Property('BR')
-        ], RichTextEditor.prototype, "shiftEnterKey", void 0);
-        __decorate([
-            ej2_base_2.Property(30)
-        ], RichTextEditor.prototype, "undoRedoSteps", void 0);
-        __decorate([
-            ej2_base_2.Property(300)
-        ], RichTextEditor.prototype, "undoRedoTimer", void 0);
-        __decorate([
-            ej2_base_2.Property('HTML')
-        ], RichTextEditor.prototype, "editorMode", void 0);
-        __decorate([
-            ej2_base_2.Property(null)
-        ], RichTextEditor.prototype, "keyConfig", void 0);
-        __decorate([
-            ej2_base_2.Property(false)
-        ], RichTextEditor.prototype, "showCharCount", void 0);
-        __decorate([
-            ej2_base_2.Property(false)
-        ], RichTextEditor.prototype, "enableTabKey", void 0);
-        __decorate([
-            ej2_base_2.Property(false)
-        ], RichTextEditor.prototype, "enableAutoUrl", void 0);
-        __decorate([
-            ej2_base_2.Property(-1)
-        ], RichTextEditor.prototype, "maxLength", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.Format)
-        ], RichTextEditor.prototype, "format", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.NumberFormatList)
-        ], RichTextEditor.prototype, "numberFormatList", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.BulletFormatList)
-        ], RichTextEditor.prototype, "bulletFormatList", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.FontFamily)
-        ], RichTextEditor.prototype, "fontFamily", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_1.FontSize)
-        ], RichTextEditor.prototype, "fontSize", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_4.FontColor)
-        ], RichTextEditor.prototype, "fontColor", void 0);
-        __decorate([
-            ej2_base_1.Complex({}, toolbar_settings_4.BackgroundColor)
-        ], RichTextEditor.prototype, "backgroundColor", void 0);
-        __decorate([
-            ej2_base_2.Property(null)
-        ], RichTextEditor.prototype, "valueTemplate", void 0);
-        __decorate([
-            ej2_base_2.Property(10000)
-        ], RichTextEditor.prototype, "saveInterval", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "actionBegin", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "actionComplete", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "beforeDialogOpen", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "dialogOpen", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "beforeDialogClose", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "dialogClose", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "beforeQuickToolbarOpen", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "quickToolbarOpen", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "quickToolbarClose", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "toolbarStatusUpdate", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "updatedToolbarStatus", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "imageSelected", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "beforeImageUpload", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "imageUploading", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "imageUploadSuccess", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "imageUploadFailed", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "imageRemoving", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "afterImageDelete", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "fileSelected", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "beforeFileUpload", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "fileUploading", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "fileUploadSuccess", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "fileUploadFailed", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "fileRemoving", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "afterMediaDelete", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "created", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "destroyed", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "beforeSanitizeHtml", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "blur", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "toolbarClick", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "focus", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "change", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "resizing", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "resizeStart", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "resizeStop", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "beforePasteCleanup", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "afterPasteCleanup", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "beforeImageDrop", void 0);
-        __decorate([
-            ej2_base_2.Property(null)
-        ], RichTextEditor.prototype, "formatter", void 0);
-        __decorate([
-            ej2_base_3.Event()
-        ], RichTextEditor.prototype, "slashMenuItemSelect", void 0);
-        RichTextEditor = __decorate([
-            ej2_base_2.NotifyPropertyChanges
-        ], RichTextEditor);
-        return RichTextEditor;
-    }(ej2_base_1.Component));
-    exports.RichTextEditor = RichTextEditor;
-});