@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41

package/dist/es6/ej2-richtexteditor.es5.js

@@ -738,12 +738,17 @@ var emojiPicker = 'emojiPicker';
  * @hidden
  * @deprecated
  */
-var maximizeMinimizeClick = 'maximizeMinimizeClick';
+var destroyTooltip = 'destroyTooltip';
 /**
  * @hidden
  * @deprecated
  */
 var hidePopup = 'hidePopup';
+/**
+ * @hidden
+ * @deprecated
+ */
+var cleanupResizeElements = 'cleanupResizeElements';
 /**
  * @hidden
  * @deprecated
@@ -833,6 +838,11 @@ var CLS_FULL_SCREEN = 'e-rte-full-screen';
  * @deprecated
  */
 var CLS_QUICK_TB = 'e-rte-quick-toolbar';
+/**
+ * @hidden
+ * @deprecated
+ */
+var CLS_TEXT_QUICK_TB = 'e-rte-text-quicktoolbar';
 /**
  * @hidden
  * @deprecated
@@ -2210,7 +2220,7 @@ var windowKeys = {
     'Number Format List': 'Ctrl+Shift+O',
     'Bullet Format List': 'Ctrl+Alt+O',
     'Insert Audio': 'Ctrl+Shift+A',
-    'Insert Video': 'Ctrl+Shift+V',
+    'Insert Video': 'Ctrl+Alt+V',
     'Increase Indent': 'Ctrl+]',
     'Decrease Indent': 'Ctrl+[',
     'Decrease Fontsize': 'Ctrl+Shift+<',
@@ -2631,6 +2641,7 @@ var toolsLocale = {
     'bulletformatlist': 'bulletFormatList',
     'undo': 'undo',
     'redo': 'redo',
+    'filemanager': 'fileManager',
     'superscript': 'superscript',
     'subscript': 'subscript',
     'createlink': 'createLink',
@@ -2697,6 +2708,7 @@ var toolsLocale = {
     'emojiPickerTypeToFind': 'Type to find',
     'emojiPickerNoResultFound': 'No results found',
     'emojiPickerTrySomethingElse': 'Try something else',
+    'ImageLinkAriaLabel': 'Open in new window',
 };
 var fontNameLocale = [
     { locale: 'fontNameSegoeUI', value: 'Segoe UI' },
@@ -2993,11 +3005,11 @@ function getTBarItemsIndex(items, toolbarItems) {
                 continue;
             }
             else {
-                if (items[i] === 'OrderedList' && toolbarItems[j].subCommand === 'OL') {
+                if ((items[i] === 'OrderedList' || items[i] === 'NumberFormatList') && toolbarItems[j].subCommand === 'OL') {
                     itemsIndex.push(j);
                     break;
                 }
-                else if (items[i] === 'UnorderedList' && toolbarItems[j].subCommand === 'UL') {
+                else if ((items[i] === 'UnorderedList' || items[i] === 'BulletFormatList') && toolbarItems[j].subCommand === 'UL') {
                     itemsIndex.push(j);
                     break;
                 }
@@ -3150,6 +3162,15 @@ function updateTextNode(value, rteObj) {
             for (var i = 0; i < emptyBlockElem.length; i++) {
                 emptyBlockElem[i].innerHTML = '<br>';
             }
+            // To handle the Empty block node with \n
+            var allPNodes = tempNode.querySelectorAll('p');
+            for (var i = 0; i < allPNodes.length; i++) {
+                if (allPNodes[i].textContent.trim().length === 0 && allPNodes[i].childNodes.length === 1
+                    && allPNodes[i].childNodes[0].nodeName === '#text' &&
+                    isNullOrUndefined(allPNodes[i].childNodes[0].textContent.match(/\u00a0/g))) {
+                    allPNodes[i].innerHTML = '<br>';
+                }
+            }
             var emptyInlineElem = tempNode.querySelectorAll(inlineEmptyNodes);
             for (var i = 0; i < emptyInlineElem.length; i++) {
                 emptyInlineElem[i].innerHTML = '&ZeroWidthSpace;';
@@ -3320,7 +3341,7 @@ function updateDropDownFontFormatLocale(self) {
  * @hidden
  * @deprecated
  */
-var ToolbarRenderer = /** @class */ (function () {
+var ToolbarRenderer = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for toolbar renderer module
      *
@@ -3336,21 +3357,19 @@ var ToolbarRenderer = /** @class */ (function () {
     }
     ToolbarRenderer.prototype.wireEvent = function () {
         this.parent.on(destroy, this.unWireEvent, this);
-        this.parent.on(maximizeMinimizeClick, this.destroyTooltip, this);
+        this.parent.on(destroyTooltip, this.destroyTooltip, this);
     };
     ToolbarRenderer.prototype.destroyTooltip = function () {
-        if (!isNullOrUndefined(document.querySelector('.e-tooltip-wrap')) && !isNullOrUndefined(document.querySelector(' [data-tooltip-id]'))) {
-            var tooltipTargetEle = this.parent.element.querySelector('[data-tooltip-id]');
+        var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+            this.parent.contentModule.getDocument();
+        if (!isNullOrUndefined(currentDocument.querySelector('.e-tooltip-wrap')) && !isNullOrUndefined(currentDocument.querySelector('[data-tooltip-id]'))) {
+            var tooltipTargetEle = currentDocument.querySelector('[data-tooltip-id]');
             var event_1 = new MouseEvent('mouseleave', { bubbles: true, cancelable: true });
             tooltipTargetEle.dispatchEvent(event_1);
         }
     };
     ToolbarRenderer.prototype.unWireEvent = function () {
         this.parent.off(destroy, this.unWireEvent);
-        if (this.popupOverlay) {
-            EventHandler.remove(this.popupOverlay, 'click touchmove', this.onPopupOverlay);
-        }
-        this.removePopupContainer();
     };
     ToolbarRenderer.prototype.toolbarBeforeCreate = function (e) {
         if (this.mode === 'Extended') {
@@ -3371,7 +3390,6 @@ var ToolbarRenderer = /** @class */ (function () {
     };
     ToolbarRenderer.prototype.dropDownSelected = function (args) {
         this.parent.notify(dropDownSelect, args);
-        this.onPopupOverlay();
     };
     ToolbarRenderer.prototype.beforeDropDownItemRender = function (args) {
         if (this.parent.readonly || !this.parent.enabled) {
@@ -3408,27 +3426,11 @@ var ToolbarRenderer = /** @class */ (function () {
                 addClass([listEle[1], listEle[2]], 'e-disabled');
             }
         }
-        if (Browser.isDevice && !args.element.parentElement.classList.contains(CLS_QUICK_DROPDOWN)) {
-            this.popupModal(args.element.parentElement);
-        }
         this.parent.notify(selectionSave, args);
     };
     ToolbarRenderer.prototype.dropDownClose = function (args) {
-        this.removePopupContainer();
         this.parent.notify(selectionRestore, args);
     };
-    ToolbarRenderer.prototype.removePopupContainer = function () {
-        if (Browser.isDevice && !isNullOrUndefined(this.popupContainer)) {
-            var popupEle = this.popupContainer.querySelector('.e-dropdown-popup.e-tbar-btn.e-control');
-            if (popupEle) {
-                this.popupContainer.parentNode.insertBefore(popupEle, this.popupContainer.nextSibling);
-                popupEle.style.removeProperty('position');
-                removeClass([popupEle], 'e-popup-modal');
-            }
-            detach(this.popupContainer);
-            this.popupContainer = undefined;
-        }
-    };
     /**
      * renderToolbar method
      *
@@ -3462,7 +3464,7 @@ var ToolbarRenderer = /** @class */ (function () {
                 openDelay: 400,
                 opensOn: 'Hover',
                 beforeRender: this.tooltipBeforeRender.bind(this),
-                cssClass: this.parent.cssClass,
+                cssClass: this.parent.getCssClass(),
                 windowCollision: true,
                 position: 'BottomCenter'
             });
@@ -3522,7 +3524,7 @@ var ToolbarRenderer = /** @class */ (function () {
                     }
                     //Alignments preselect
                     var alignEle = proxy.parent.getRange().startContainer;
-                    while (alignEle !== proxy.parent.element.querySelector('.e-content') && !isNullOrUndefined(alignEle.parentElement)) {
+                    while (alignEle !== proxy.parent.inputElement && !isNullOrUndefined(alignEle.parentElement)) {
                         if (alignEle.nodeName === '#text') {
                             alignEle = alignEle.parentElement;
                         }
@@ -3548,7 +3550,8 @@ var ToolbarRenderer = /** @class */ (function () {
                         alignEle = alignEle.parentElement;
                     }
                     //image preselect
-                    var imageEle = startNode.closest('img') ? startNode.closest('img') : startNode.querySelector('img');
+                    var closestNode = startNode.closest('img');
+                    var imageEle = closestNode ? closestNode : startNode.querySelector('img');
                     if (args.items[0].command === 'Images') {
                         if (!isNullOrUndefined(imageEle)) {
                             var index = void 0;
@@ -3660,39 +3663,6 @@ var ToolbarRenderer = /** @class */ (function () {
         };
         return dropDown;
     };
-    // eslint-disable-next-line
-    ToolbarRenderer.prototype.onPopupOverlay = function (args) {
-        if (!isNullOrUndefined(this.popupOverlay)) {
-            closest(this.popupOverlay, '.e-popup-container').style.display = 'none';
-            this.popupOverlay.style.display = 'none';
-            removeClass([this.popupOverlay], 'e-popup-overlay');
-        }
-    };
-    ToolbarRenderer.prototype.setIsModel = function (element) {
-        if (!closest(element, '.e-popup-container')) {
-            this.popupContainer = this.parent.createElement('div', {
-                className: 'e-rte-modal-popup e-popup-container e-center'
-            });
-            element.parentNode.insertBefore(this.popupContainer, element);
-            this.popupContainer.appendChild(element);
-            this.popupContainer.style.zIndex = element.style.zIndex;
-            this.popupContainer.style.display = 'flex';
-            element.style.position = 'relative';
-            addClass([element], 'e-popup-modal');
-            this.popupOverlay = this.parent.createElement('div', { className: 'e-popup-overlay' });
-            // eslint-disable-next-line
-            this.popupOverlay.style.zIndex = (parseInt(element.style.zIndex, null) - 1).toString();
-            this.popupOverlay.style.display = 'block';
-            this.popupContainer.appendChild(this.popupOverlay);
-            EventHandler.add(this.popupOverlay, 'click touchmove', this.onPopupOverlay, this);
-        }
-        else {
-            element.parentElement.style.display = 'flex';
-            this.popupOverlay = element.nextElementSibling;
-            this.popupOverlay.style.display = 'block';
-            addClass([this.popupOverlay], 'e-popup-overlay');
-        }
-    };
     ToolbarRenderer.prototype.paletteSelection = function (dropDownArgs, currentElement) {
         var ele = dropDownArgs.element.querySelector('.e-control.e-colorpicker');
         var colorbox = [].slice.call(selectAll('.e-tile', ele.parentElement));
@@ -3721,7 +3691,7 @@ var ToolbarRenderer = /** @class */ (function () {
         var proxy = this;
         var css = CLS_RTE_ELEMENTS + ' ' + CLS_TB_BTN + ((this.parent.inlineMode) ? (' ' + CLS_INLINE_DROPDOWN) : '');
         css += (' ' + ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_DROPDOWN : CLS_FONT_COLOR_DROPDOWN));
-        css += ' ' + this.parent.cssClass;
+        css += this.parent.getCssClass(true);
         var content = proxy.parent.createElement('span', { className: CLS_COLOR_CONTENT });
         var inlineEle = proxy.parent.createElement('span', { className: args.cssClass });
         var range;
@@ -3793,9 +3763,6 @@ var ToolbarRenderer = /** @class */ (function () {
                 if (focusEle) {
                     focusEle.focus();
                 }
-                if (Browser.isDevice) {
-                    _this.popupModal(dropDownArgs.element.parentElement);
-                }
                 _this.pickerRefresh(dropDownArgs);
             },
             beforeClose: function (dropDownArgs) {
@@ -3823,22 +3790,6 @@ var ToolbarRenderer = /** @class */ (function () {
             },
             close: function (dropDownArgs) {
                 proxy.parent.notify(selectionRestore, {});
-                var dropElement = closest(dropDownArgs.element.parentElement, '.e-popup-container');
-                if (dropElement) {
-                    dropElement.style.display = 'none';
-                    dropElement.lastElementChild.style.display = 'none';
-                    removeClass([dropElement.lastElementChild], 'e-popup-overlay');
-                }
-                if (Browser.isDevice && !isNullOrUndefined(dropElement)) {
-                    var popupEle = dropElement.querySelector('.e-dropdown-popup.e-tbar-btn.e-control');
-                    if (popupEle) {
-                        dropElement.parentNode.insertBefore(popupEle, dropElement.nextSibling);
-                        popupEle.style.removeProperty('position');
-                        removeClass([popupEle], 'e-popup-modal');
-                    }
-                    detach(dropElement);
-                    proxy.popupContainer = undefined;
-                }
             }
         });
         dropDown.isStringTemplate = true;
@@ -3866,16 +3817,6 @@ var ToolbarRenderer = /** @class */ (function () {
             popupElem.style.width = (popupElem.offsetWidth - 5).toString() + 'px';
         }
     };
-    ToolbarRenderer.prototype.popupModal = function (element) {
-        var popupInst = getInstance(element, Popup);
-        popupInst.relateTo = document.body;
-        popupInst.position = { X: 0, Y: 0 };
-        popupInst.targetType = 'container';
-        popupInst.collision = { X: 'fit', Y: 'fit' };
-        popupInst.offsetY = 4;
-        popupInst.dataBind();
-        this.setIsModel(element);
-    };
     ToolbarRenderer.prototype.setColorPickerContentWidth = function (colorPicker) {
         var colorPickerContent = colorPicker.element.nextSibling;
         if (colorPickerContent.style.width === '0px') {
@@ -3914,7 +3855,7 @@ var ToolbarRenderer = /** @class */ (function () {
                 args.element.classList.add(CLS_COLOR_PALETTE);
                 args.element.classList.add(CLS_CUSTOM_TILE);
                 if (!isNullOrUndefined(_this.parent.cssClass)) {
-                    var allClassName = _this.parent.cssClass.split(' ');
+                    var allClassName = _this.parent.getCssClass().split(' ');
                     for (var i = 0; i < allClassName.length; i++) {
                         if (allClassName[i].trim() !== '') {
                             args.element.classList.add(allClassName[i]);
@@ -3999,7 +3940,7 @@ var ToolbarRenderer = /** @class */ (function () {
 /**
  * `Toolbar` module is used to handle Toolbar actions.
  */
-var BaseToolbar = /** @class */ (function () {
+var BaseToolbar = /** @__PURE__ @class */ (function () {
     function BaseToolbar(parent, serviceLocator) {
         this.tools = {};
         this.parent = parent;
@@ -4208,7 +4149,7 @@ var BaseToolbar = /** @class */ (function () {
 /**
  * `Toolbar` module is used to handle Toolbar actions.
  */
-var DropDownButtons = /** @class */ (function () {
+var DropDownButtons = /** @__PURE__ @class */ (function () {
     function DropDownButtons(parent, serviceLocator) {
         this.parent = parent;
         this.locator = serviceLocator;
@@ -4390,7 +4331,7 @@ var DropDownButtons = /** @class */ (function () {
             }
         });
         if (this.parent.inlineMode.enable) {
-            this.setCssClass({ cssClass: this.parent.cssClass });
+            this.setCssClass({ cssClass: this.parent.getCssClass() });
         }
     };
     DropDownButtons.prototype.getUpdateItems = function (items, value) {
@@ -4711,7 +4652,9 @@ var DropDownButtons = /** @class */ (function () {
         this.parent.on(bindCssClass, this.setCssClass, this);
     };
     DropDownButtons.prototype.onIframeMouseDown = function () {
-        dispatchEvent(document, 'mousedown');
+        if (this.parent.getToolbarElement().querySelectorAll('.e-rte-dropdown-btn[aria-expanded="true"]').length > 0) {
+            dispatchEvent(document, 'mousedown');
+        }
     };
     DropDownButtons.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -4733,7 +4676,7 @@ var DropDownButtons = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ServiceLocator = /** @class */ (function () {
+var ServiceLocator = /** @__PURE__ @class */ (function () {
     function ServiceLocator() {
         this.services = {};
     }
@@ -4777,7 +4720,7 @@ var ServiceLocator = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var RendererFactory = /** @class */ (function () {
+var RendererFactory = /** @__PURE__ @class */ (function () {
     function RendererFactory() {
         this.rendererMap = {};
     }
@@ -4820,7 +4763,7 @@ var RendererFactory = /** @class */ (function () {
 /**
  * `ToolbarAction` module is used to toolbar click action
  */
-var ToolbarAction = /** @class */ (function () {
+var ToolbarAction = /** @__PURE__ @class */ (function () {
     function ToolbarAction(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -4894,7 +4837,7 @@ var ToolbarAction = /** @class */ (function () {
 /**
  * `Toolbar` module is used to handle Toolbar actions.
  */
-var Toolbar$2 = /** @class */ (function () {
+var Toolbar$2 = /** @__PURE__ @class */ (function () {
     function Toolbar$$1(parent, serviceLocator) {
         this.tools = {};
         this.parent = parent;
@@ -4932,6 +4875,10 @@ var Toolbar$2 = /** @class */ (function () {
             case 'escape':
                 this.parent.contentModule.getEditPanel().focus();
                 break;
+            case 'enter':
+                if (e.target.classList.contains('e-hor-nav')) {
+                    this.adjustContentHeight(e.target, true);
+                }
         }
     };
     Toolbar$$1.prototype.createToolbarElement = function () {
@@ -4987,7 +4934,7 @@ var Toolbar$2 = /** @class */ (function () {
             items: this.parent.toolbarSettings.items,
             mode: tBarMode,
             target: ele,
-            cssClass: this.parent.cssClass
+            cssClass: this.parent.getCssClass()
         });
         if (this.parent.toolbarSettings.type === ToolbarType.Expand) {
             addClass([ele], ['e-rte-tb-mobile']);
@@ -5106,7 +5053,7 @@ var Toolbar$2 = /** @class */ (function () {
                 items: this.parent.toolbarSettings.items,
                 mode: this.getToolbarMode(),
                 target: this.tbElement,
-                cssClass: this.parent.cssClass
+                cssClass: this.parent.getCssClass()
             });
             if (!this.parent.inlineMode.enable) {
                 if (this.parent.toolbarSettings.enableFloating) {
@@ -5136,7 +5083,7 @@ var Toolbar$2 = /** @class */ (function () {
             });
             this.refreshToolbarOverflow();
         }
-        var divEle = this.parent.element.querySelector('.e-rte-srctextarea');
+        var divEle = this.parent.element.querySelector('.' + CLS_RTE_SOURCE_CODE_TXTAREA);
         var iframeEle = this.parent.element.querySelector('.e-source-content');
         if ((!this.parent.iframeSettings.enable && (!isNullOrUndefined(divEle) && divEle.style.display === 'block')) ||
             (this.parent.iframeSettings.enable && (!isNullOrUndefined(iframeEle) && iframeEle.style.display === 'block'))) {
@@ -5266,7 +5213,7 @@ var Toolbar$2 = /** @class */ (function () {
                 baseToolbar.toolbarObj.enableItems(item, isEnable);
             }
         }
-        if (!select('.e-rte-srctextarea', this.parent.element) && !muteToolbarUpdate) {
+        if (!select('.' + CLS_RTE_SOURCE_CODE_TXTAREA, this.parent.element) && !muteToolbarUpdate) {
             updateUndoRedoStatus(baseToolbar, this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
         }
     };
@@ -5439,20 +5386,24 @@ var Toolbar$2 = /** @class */ (function () {
     };
     Toolbar$$1.prototype.toolbarClickHandler = function (e) {
         var trg = closest(e.originalEvent.target, '.e-hor-nav');
+        this.adjustContentHeight(trg, false);
+    };
+    Toolbar$$1.prototype.adjustContentHeight = function (trg, isKeyboard) {
         if (trg && this.parent.toolbarSettings.type === ToolbarType.Expand && !isNullOrUndefined(trg)) {
             var extendedTbar = this.tbElement.querySelector('.e-toolbar-extended');
             if (!isNullOrUndefined(extendedTbar)) {
                 setStyleAttribute(extendedTbar, { maxHeight: '', display: 'block' });
                 setStyleAttribute(extendedTbar, { maxHeight: extendedTbar.offsetHeight + 'px', display: '' });
             }
-            if (!trg.classList.contains('e-nav-active')) {
-                removeClass([this.tbElement], [CLS_EXPAND_OPEN]);
-                this.parent.setContentHeight('toolbar', false);
+            var hasActiveClass = trg.classList.contains('e-nav-active');
+            var isExpand = isKeyboard ? (hasActiveClass ? false : true) : (hasActiveClass ? true : false);
+            if (isExpand) {
+                addClass([this.tbElement], [CLS_EXPAND_OPEN]);
             }
             else {
-                addClass([this.tbElement], [CLS_EXPAND_OPEN]);
-                this.parent.setContentHeight('toolbar', true);
+                removeClass([this.tbElement], [CLS_EXPAND_OPEN]);
             }
+            this.parent.setContentHeight('toolbar', isExpand);
         }
         else if (Browser.isDevice || this.parent.inlineMode.enable) {
             this.isToolbar = true;
@@ -5576,7 +5527,7 @@ var Toolbar$2 = /** @class */ (function () {
             this.addEventListener();
             this.renderToolbar();
             this.parent.wireScrollElementsEvents();
-            if (!select('.e-rte-srctextarea', this.parent.element)) {
+            if (!select('.' + CLS_RTE_SOURCE_CODE_TXTAREA, this.parent.element)) {
                 updateUndoRedoStatus(this.baseToolbar, this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
             }
             this.parent.notify(dynamicModule, {});
@@ -5594,25 +5545,25 @@ var Toolbar$2 = /** @class */ (function () {
     return Toolbar$$1;
 }());
 
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var keyCode = {
     'backspace': 8,
     'tab': 9,
@@ -5680,7 +5631,7 @@ var keyCode = {
  * @hidden
  * @deprecated
  */
-var KeyboardEvents$1 = /** @class */ (function (_super) {
+var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
     __extends(KeyboardEvents$$1, _super);
     /**
      * Initializes the KeyboardEvents
@@ -5823,7 +5774,7 @@ var KeyboardEvents$1 = /** @class */ (function (_super) {
 /**
  * `Color Picker` module is used to handle ColorPicker actions.
  */
-var ColorPickerInput = /** @class */ (function () {
+var ColorPickerInput = /** @__PURE__ @class */ (function () {
     function ColorPickerInput(parent, serviceLocator) {
         this.tools = {};
         this.parent = parent;
@@ -5874,7 +5825,7 @@ var ColorPickerInput = /** @class */ (function () {
                         document.body.appendChild(fontNode);
                         options = {
                             cssClass: _this.tools[item.toLocaleLowerCase()].icon
-                                + ' ' + CLS_RTE_ELEMENTS + ' ' + CLS_ICONS + ' ' + _this.parent.cssClass,
+                                + ' ' + CLS_RTE_ELEMENTS + ' ' + CLS_ICONS + _this.parent.getCssClass(true),
                             value: _this.tools[item.toLocaleLowerCase()].value,
                             command: _this.tools[item.toLocaleLowerCase()].command,
                             subCommand: _this.tools[item.toLocaleLowerCase()].subCommand,
@@ -5901,7 +5852,7 @@ var ColorPickerInput = /** @class */ (function () {
                         document.body.appendChild(backNode);
                         options = {
                             cssClass: _this.tools[item.toLocaleLowerCase()].icon
-                                + ' ' + CLS_RTE_ELEMENTS + ' ' + CLS_ICONS + ' ' + _this.parent.cssClass,
+                                + ' ' + CLS_RTE_ELEMENTS + ' ' + CLS_ICONS + _this.parent.getCssClass(true),
                             value: _this.tools[item.toLocaleLowerCase()].value,
                             command: _this.tools[item.toLocaleLowerCase()].command,
                             subCommand: _this.tools[item.toLocaleLowerCase()].subCommand,
@@ -5916,7 +5867,7 @@ var ColorPickerInput = /** @class */ (function () {
             }
         });
         if (this.parent.inlineMode.enable) {
-            this.setCssClass({ cssClass: this.parent.cssClass });
+            this.setCssClass({ cssClass: this.parent.getCssClass() });
         }
     };
     ColorPickerInput.prototype.destroy = function () {
@@ -6066,7 +6017,7 @@ var ColorPickerInput = /** @class */ (function () {
 /**
  * `Quick toolbar` module is used to handle Quick toolbar actions.
  */
-var BaseQuickToolbar = /** @class */ (function () {
+var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
     function BaseQuickToolbar(parent, locator) {
         this.parent = parent;
         this.locator = locator;
@@ -6079,6 +6030,9 @@ var BaseQuickToolbar = /** @class */ (function () {
     }
     BaseQuickToolbar.prototype.appendPopupContent = function () {
         this.toolbarElement = this.parent.createElement('div', { className: CLS_QUICK_TB });
+        if (this.element.classList.contains(CLS_TEXT_POP)) {
+            this.toolbarElement.classList.add(CLS_TEXT_QUICK_TB);
+        }
         this.element.appendChild(this.toolbarElement);
     };
     /**
@@ -6271,7 +6225,7 @@ var BaseQuickToolbar = /** @class */ (function () {
                     editPanelTop = (cntEle) ? cntEle.scrollTop : 0;
                     editPanelHeight = (cntEle) ? cntEle.offsetHeight : 0;
                 }
-                if (!_this.parent.inlineMode.enable && !closest(target, 'table') && type !== 'text') {
+                if ((!_this.parent.inlineMode.enable && !closest(target, 'table') && type !== 'text' && type !== 'link') || target.tagName === 'IMG') {
                     _this.parent.disableToolbarItem(_this.parent.toolbarSettings.items);
                     _this.parent.enableToolbarItem(['Undo', 'Redo']);
                 }
@@ -6414,7 +6368,18 @@ var BaseQuickToolbar = /** @class */ (function () {
             tbItems: this.quickTBarObj.toolbarObj.items
         };
         setToolbarStatus(options, true, this.parent);
-        if (!select('.e-rte-srctextarea', this.parent.element)) {
+        if (this.parent.quickToolbarSettings.text && this.parent.quickToolbarModule.textQTBar) {
+            var options_1 = {
+                args: args,
+                dropDownModule: this.parent.quickToolbarModule.textQTBar.dropDownButtons,
+                parent: this.parent,
+                tbElements: selectAll('.' + CLS_TB_ITEM, this.parent.quickToolbarModule.textQTBar.element),
+                tbItems: this.parent.quickToolbarModule.textQTBar.quickTBarObj.toolbarObj.items
+            };
+            setToolbarStatus(options_1, true, this.parent);
+            updateUndoRedoStatus(this.parent.quickToolbarModule.textQTBar.quickTBarObj, this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
+        }
+        if (!select('.' + CLS_RTE_SOURCE_CODE_TXTAREA, this.parent.element)) {
             updateUndoRedoStatus(this.parent.getBaseToolbarObject(), this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
         }
     };
@@ -6446,7 +6411,7 @@ var BaseQuickToolbar = /** @class */ (function () {
         }
         this.parent.on(destroy, this.destroy, this);
         this.parent.on(modelChanged, this.onPropertyChanged, this);
-        if (this.parent.inlineMode.enable) {
+        if (this.parent.inlineMode.enable || this.parent.quickToolbarSettings.text) {
             this.parent.on(toolbarUpdated, this.updateStatus, this);
         }
     };
@@ -6488,7 +6453,7 @@ var BaseQuickToolbar = /** @class */ (function () {
         }
         this.parent.off(destroy, this.destroy);
         this.parent.off(modelChanged, this.onPropertyChanged);
-        if (this.parent.inlineMode.enable) {
+        if (this.parent.inlineMode.enable || this.parent.quickToolbarSettings.text) {
             this.parent.off(toolbarUpdated, this.updateStatus);
         }
     };
@@ -6501,7 +6466,7 @@ var BaseQuickToolbar = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var PopupRenderer = /** @class */ (function () {
+var PopupRenderer = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for popup renderer module
      *
@@ -6570,7 +6535,7 @@ var PopupRenderer = /** @class */ (function () {
 /**
  * `Quick toolbar` module is used to handle Quick toolbar actions.
  */
-var QuickToolbar = /** @class */ (function () {
+var QuickToolbar = /** @__PURE__ @class */ (function () {
     function QuickToolbar(parent, locator) {
         this.parent = parent;
         this.locator = locator;
@@ -6609,7 +6574,7 @@ var QuickToolbar = /** @class */ (function () {
             toolbarItems: items,
             mode: mode,
             renderType: type,
-            cssClass: this.parent.cssClass
+            cssClass: this.parent.getCssClass()
         };
     };
     /**
@@ -6823,6 +6788,9 @@ var QuickToolbar = /** @class */ (function () {
             && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
             this.hideInlineQTBar();
         }
+        if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
+            this.textQTBar.hidePopup();
+        }
     };
     QuickToolbar.prototype.inlineQTBarMouseDownHandler = function () {
         if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
@@ -6836,8 +6804,8 @@ var QuickToolbar = /** @class */ (function () {
         }
     };
     QuickToolbar.prototype.keyUpHandler = function (e) {
+        var args = e.args;
         if (this.parent.inlineMode.enable && !Browser.isDevice) {
-            var args = e.args;
             if (this.parent.inlineMode.onSelection) {
                 if (this.parent.getSelection().length > 0) {
                     if ((args.ctrlKey && args.keyCode === 65) || (args.shiftKey && (args.keyCode === 33 || args.keyCode === 34 ||
@@ -6850,6 +6818,13 @@ var QuickToolbar = /** @class */ (function () {
             }
             this.deBounce(this.offsetX, this.offsetY, args.target);
         }
+        if (this.parent.quickToolbarSettings.text && !Browser.isDevice) {
+            if ((args.ctrlKey && args.keyCode === 65) || (args.shiftKey && (args.keyCode === 33 || args.keyCode === 34 ||
+                args.keyCode === 35 || args.keyCode === 36 || args.keyCode === 37 || args.keyCode === 38 ||
+                args.keyCode === 39 || args.keyCode === 40))) {
+                this.textQTBar.showPopup(this.offsetX, this.offsetY, args.target, 'text');
+            }
+        }
     };
     QuickToolbar.prototype.selectionChangeHandler = function (e) {
         var _this = this;
@@ -7009,6 +6984,15 @@ var QuickToolbar = /** @class */ (function () {
             if (this.videoQTBar && !hasClass(this.videoQTBar.element, 'e-popup-close')) {
                 this.videoQTBar.hidePopup();
             }
+            if (this.tableQTBar && !hasClass(this.tableQTBar.element, 'e-popup-close')) {
+                this.tableQTBar.hidePopup();
+            }
+            if (this.linkQTBar && !hasClass(this.linkQTBar.element, 'e-popup-close')) {
+                this.linkQTBar.hidePopup();
+            }
+            if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
+                this.textQTBar.hidePopup();
+            }
         }
     };
     QuickToolbar.prototype.onIframeMouseDown = function () {
@@ -7061,6 +7045,9 @@ var QuickToolbar = /** @class */ (function () {
      * @deprecated
      */
     QuickToolbar.prototype.removeEventListener = function () {
+        if (this.deBouncer) {
+            clearTimeout(this.deBouncer);
+        }
         if (this.parent.isDestroyed) {
             return;
         }
@@ -7081,9 +7068,6 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.off(rtlMode, this.setRtl);
         this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(hidePopup, this.hideQuickToolbars);
-        if (this.deBouncer) {
-            clearTimeout(this.deBouncer);
-        }
     };
     /**
      * Called internally if any of the property value changed.
@@ -7139,7 +7123,7 @@ var QuickToolbar = /** @class */ (function () {
 /**
  * `Count` module is used to handle Count actions.
  */
-var Count = /** @class */ (function () {
+var Count = /** @__PURE__ @class */ (function () {
     function Count(parent, serviceLocator) {
         this.parent = parent;
         this.locator = serviceLocator;
@@ -7267,7 +7251,7 @@ var Count = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MarkdownSelection = /** @class */ (function () {
+var MarkdownSelection = /** @__PURE__ @class */ (function () {
     function MarkdownSelection() {
     }
     /**
@@ -7664,7 +7648,7 @@ function getDefaultMDTbStatus() {
 /**
  * MarkdownToolbarStatus module for refresh the toolbar status
  */
-var MarkdownToolbarStatus = /** @class */ (function () {
+var MarkdownToolbarStatus = /** @__PURE__ @class */ (function () {
     function MarkdownToolbarStatus(parent) {
         this.toolbarStatus = this.prevToolbarStatus = getDefaultMDTbStatus();
         this.selection = new MarkdownSelection();
@@ -7787,7 +7771,7 @@ var MarkdownToolbarStatus = /** @class */ (function () {
 /**
  * `ExecCommandCallBack` module is used to run the editor manager command
  */
-var ExecCommandCallBack = /** @class */ (function () {
+var ExecCommandCallBack = /** @__PURE__ @class */ (function () {
     function ExecCommandCallBack(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -7911,7 +7895,7 @@ var EMOJI_PICKER_ACTIONS = 'emoji_picker_actions';
  * @hidden
  * @deprecated
  */
-var Formatter = /** @class */ (function () {
+var Formatter = /** @__PURE__ @class */ (function () {
     function Formatter() {
     }
     /**
@@ -7963,7 +7947,7 @@ var Formatter = /** @class */ (function () {
             if (args.item.command === 'Images' || args.item.command === 'Videos' || args.item.command === 'Table' || args.item.command === 'Files') {
                 currentInsertContentLength = 1;
             }
-            var currentLength = self.getText().trim().length;
+            var currentLength = self.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
             var selectionLength = self.getSelection().length;
             var totalLength = (currentLength - selectionLength) + currentInsertContentLength;
             if (!(self.maxLength === -1 || totalLength <= self.maxLength)) {
@@ -8207,7 +8191,7 @@ var INSERT_TEXT_COMMAND = 'insert-text';
  *
  * @hidden
  */
-var MDLists = /** @class */ (function () {
+var MDLists = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Lists plugin
      *
@@ -8678,7 +8662,7 @@ var MDLists = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDFormats = /** @class */ (function () {
+var MDFormats = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -8906,7 +8890,7 @@ var MDFormats = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDSelectionFormats = /** @class */ (function () {
+var MDSelectionFormats = /** @__PURE__ @class */ (function () {
     function MDSelectionFormats(parent) {
         extend(this, this, parent, true);
         this.selection = this.parent.markdownSelection;
@@ -9274,7 +9258,7 @@ var htmlKeyConfig = {
     'insert-link': 'ctrl+k',
     'insert-image': 'ctrl+shift+i',
     'insert-audio': 'ctrl+shift+a',
-    'insert-video': 'ctrl+shift+v',
+    'insert-video': 'ctrl+alt+v',
     'insert-table': 'ctrl+shift+e',
     'undo': 'ctrl+z',
     'redo': 'ctrl+y',
@@ -9365,7 +9349,7 @@ var selfClosingTags = [
 /**
  * `Undo` module is used to handle undo actions.
  */
-var UndoRedoCommands = /** @class */ (function () {
+var UndoRedoCommands = /** @__PURE__ @class */ (function () {
     function UndoRedoCommands(parent, options) {
         this.undoRedoStack = [];
         this.parent = parent;
@@ -9560,7 +9544,7 @@ var UndoRedoCommands = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDLink = /** @class */ (function () {
+var MDLink = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -9611,7 +9595,7 @@ var MDLink = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDTable = /** @class */ (function () {
+var MDTable = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -9840,7 +9824,7 @@ var MDTable = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ClearFormat = /** @class */ (function () {
+var ClearFormat = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the clear format plugin
      *
@@ -9958,7 +9942,7 @@ var ClearFormat = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MDInsertText = /** @class */ (function () {
+var MDInsertText = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the insert text plugin
      *
@@ -10008,7 +9992,7 @@ var MDInsertText = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MarkdownParser = /** @class */ (function () {
+var MarkdownParser = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the component
      *
@@ -10104,26 +10088,26 @@ var MarkdownParser = /** @class */ (function () {
     return MarkdownParser;
 }());
 
-var __extends$1 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends$1 = (undefined && undefined.__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 __());
+    };
+})();
 /**
  * Markdown adapter
  *
  * @hidden
  * @deprecated
  */
-var MarkdownFormatter = /** @class */ (function (_super) {
+var MarkdownFormatter = /** @__PURE__ @class */ (function (_super) {
     __extends$1(MarkdownFormatter, _super);
     function MarkdownFormatter(options) {
         var _this = _super.call(this) || this;
@@ -10170,7 +10154,7 @@ var MarkdownFormatter = /** @class */ (function (_super) {
  * @hidden
  * @deprecated
  */
-var MarkdownRender = /** @class */ (function () {
+var MarkdownRender = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for content renderer module
      *
@@ -10253,7 +10237,7 @@ var MarkdownRender = /** @class */ (function () {
 /**
  * `MarkdownEditor` module is used to markdown editor
  */
-var MarkdownEditor = /** @class */ (function () {
+var MarkdownEditor = /** @__PURE__ @class */ (function () {
     function MarkdownEditor(parent, serviceLocator) {
         this.parent = parent;
         this.locator = serviceLocator;
@@ -10525,7 +10509,7 @@ var SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'p
 /**
  * `Selection` module is used to handle RTE Selections.
  */
-var NodeSelection = /** @class */ (function () {
+var NodeSelection = /** @__PURE__ @class */ (function () {
     function NodeSelection() {
         this.startNodeName = [];
         this.endNodeName = [];
@@ -10975,7 +10959,7 @@ var markerClassName = {
  * @hidden
  * @deprecated
  */
-var DOMNode = /** @class */ (function () {
+var DOMNode = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the DOMNode plugin
      *
@@ -11413,19 +11397,6 @@ var DOMNode = /** @class */ (function () {
         var end = this.parent.querySelector('.' + markerClassName.endSelection);
         var startTextNode;
         var endTextNode;
-        if (start.textContent === '' && isNullOrUndefined(end) && action !== 'tab') {
-            // To Do Apply Heading and Back space press in empty content.
-            // if (isNOU(action) && save.range.startContainer.nodeType === 1 &&
-            //     (save.range.startContainer as HTMLElement).querySelectorAll('audio,video,image').length === 0)  {
-            //     start.innerHTML = '<br>';
-            // }
-            if (start.childNodes.length === 1 && start.childNodes[0].nodeName === 'BR') {
-                start.innerHTML = '&#65279;&#65279;<br>';
-            }
-            else {
-                start.innerHTML = '&#65279;&#65279;';
-            }
-        }
         if (this.hasClass(start, markerClassName.startSelection) && start.classList.length > 1) {
             var replace = this.createTagString(DEFAULT_TAG, start, this.encode(start.textContent));
             this.replaceWith(start, replace);
@@ -11548,7 +11519,7 @@ var DOMNode = /** @class */ (function () {
         else if (start.tagName === 'BR') {
             this.replaceWith(start, this.marker(className, this.encode(start.textContent)));
             var markerStart = range.startContainer.querySelector('.' + className);
-            markerStart.appendChild(start);
+            markerStart.parentElement.appendChild(start);
         }
         else {
             if (start.tagName === 'IMG') {
@@ -11753,7 +11724,7 @@ var DOMNode = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Lists = /** @class */ (function () {
+var Lists = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Lists plugin
      *
@@ -12620,7 +12591,7 @@ var Lists = /** @class */ (function () {
  *
  * @hidden
  */
-var InsertMethods = /** @class */ (function () {
+var InsertMethods = /** @__PURE__ @class */ (function () {
     function InsertMethods() {
     }
     /**
@@ -12697,7 +12668,7 @@ var InsertMethods = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var NodeCutter = /** @class */ (function () {
+var NodeCutter = /** @__PURE__ @class */ (function () {
     function NodeCutter() {
         this.enterAction = 'P';
         this.position = -1;
@@ -12861,7 +12832,7 @@ var NodeCutter = /** @class */ (function () {
         if ((indexes.indexOf(range.startOffset) >= 0)
             || ((indexes.indexOf(range.startOffset - 1) >= 0) && (range.startOffset !== 1
                 || (range.startOffset === 1 && new RegExp('\\s').test(str[0])))
-                || ((indexes[indexes.length - 1] - 1) === range.startOffset))) {
+                || (((indexes[indexes.length - 1] - 1) === range.startOffset) && !new RegExp('\\s').test(str[0])))) {
             cursorRange = range;
             this.position = 1;
         }
@@ -12906,7 +12877,7 @@ var NodeCutter = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Formats = /** @class */ (function () {
+var Formats = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -13275,7 +13246,7 @@ var Formats = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var InsertHtml = /** @class */ (function () {
+var InsertHtml = /** @__PURE__ @class */ (function () {
     function InsertHtml() {
     }
     InsertHtml.Insert = function (docElement, insertNode, editNode, isExternal, enterAction) {
@@ -13384,6 +13355,9 @@ var InsertHtml = /** @class */ (function () {
                         InsertMethods.AppendBefore(node, parentNode.firstChild, false);
                     }
                 }
+                else if (isNullOrUndefined(preNode.previousSibling) && insertNode.tagName === 'TABLE') {
+                    parentNode.prepend(node);
+                }
                 else {
                     parentNode.appendChild(node);
                 }
@@ -13561,7 +13535,7 @@ var InsertHtml = /** @class */ (function () {
                         (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0 && isFirstTextNode)) {
                         lastSelectionNode = node.firstChild;
                         if (isNullOrUndefined(node.previousElementSibling)) {
-                            var firstParaElm = createElement('p');
+                            var firstParaElm = enterAction === 'DIV' ? createElement('div') : createElement('p');
                             node.parentElement.insertBefore(firstParaElm, node);
                         }
                         if (node.previousElementSibling.nodeName === 'BR') {
@@ -13576,7 +13550,7 @@ var InsertHtml = /** @class */ (function () {
                         if (node.firstChild.nodeName === '#text' ||
                             (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
                             if (!isPreviousInlineElem) {
-                                paraElm = createElement('p');
+                                paraElm = enterAction === 'DIV' ? createElement('div') : createElement('p');
                                 paraElm.appendChild(node.firstChild);
                                 fragment.appendChild(paraElm);
                             }
@@ -13821,7 +13795,7 @@ var InsertHtml = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var LinkCommand = /** @class */ (function () {
+var LinkCommand = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -14124,7 +14098,7 @@ var LinkCommand = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Alignments = /** @class */ (function () {
+var Alignments = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -14227,7 +14201,7 @@ var Alignments = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Indents = /** @class */ (function () {
+var Indents = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -14363,7 +14337,7 @@ var CLASS_VIDEO_INLINE = 'e-video-inline';
  * @hidden
  * @deprecated
  */
-var ImageCommand = /** @class */ (function () {
+var ImageCommand = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -14439,8 +14413,8 @@ var ImageCommand = /** @class */ (function () {
         e.item.url = isNullOrUndefined(e.item.url) || e.item.url === 'undefined' ? e.item.src : e.item.url;
         if (!isNullOrUndefined(e.item.selectParent) && e.item.selectParent[0].tagName === 'IMG') {
             var imgEle = e.item.selectParent[0];
-            this.setStyle(imgEle, e);
             isReplaced = true;
+            this.setStyle(imgEle, e, isReplaced);
         }
         else {
             var imgElement = createElement('img');
@@ -14476,12 +14450,33 @@ var ImageCommand = /** @class */ (function () {
                 }
             });
         }
+        if (e.value === 'Replace') {
+            e.item.subCommand = 'Replace';
+            this.callBack(e);
+        }
     };
-    ImageCommand.prototype.setStyle = function (imgElement, e) {
+    ImageCommand.prototype.setStyle = function (imgElement, e, imgReplace) {
         if (!isNullOrUndefined(e.item.url)) {
             imgElement.setAttribute('src', e.item.url);
         }
-        imgElement.setAttribute('class', 'e-rte-image' + (isNullOrUndefined(e.item.cssClass) ? '' : ' ' + e.item.cssClass));
+        var alignClassName;
+        if (imgReplace) {
+            var alignClass = {
+                'e-imgcenter': 'e-imgcenter',
+                'e-imgright': 'e-imgright',
+                'e-imgleft': 'e-imgleft'
+            };
+            var imgClassList = imgElement.classList;
+            for (var i = 0; i < imgClassList.length; i++) {
+                // eslint-disable-next-line
+                if (!isNullOrUndefined(alignClass[imgClassList[i]])) {
+                    // eslint-disable-next-line
+                    alignClassName = alignClass[imgClassList[i]];
+                }
+            }
+        }
+        imgElement.setAttribute('class', 'e-rte-image' + (isNullOrUndefined(e.item.cssClass) ? '' : ' ' + e.item.cssClass)
+            + (isNullOrUndefined(alignClassName) ? '' : ' ' + alignClassName));
         if (!isNullOrUndefined(e.item.altText)) {
             imgElement.setAttribute('alt', e.item.altText);
         }
@@ -14533,6 +14528,9 @@ var ImageCommand = /** @class */ (function () {
         if (!isNullOrUndefined(e.item.target)) {
             anchor.setAttribute('target', e.item.target);
         }
+        if (!isNullOrUndefined(e.item.ariaLabel)) {
+            anchor.setAttribute('aria-label', e.item.ariaLabel);
+        }
         InsertHtml.Insert(this.parent.currentDocument, anchor, this.parent.editableElement);
         this.callBack(e);
     };
@@ -14564,9 +14562,11 @@ var ImageCommand = /** @class */ (function () {
         e.item.selectNode[0].parentElement.href = e.item.url;
         if (isNullOrUndefined(e.item.target)) {
             e.item.selectNode[0].parentElement.removeAttribute('target');
+            e.item.selectNode[0].parentElement.removeAttribute('aria-label');
         }
         else {
             e.item.selectNode[0].parentElement.target = e.item.target;
+            e.item.selectNode[0].parentElement.ariaLabel = e.item.ariaLabel;
         }
         this.callBack(e);
     };
@@ -14728,7 +14728,7 @@ var ImageCommand = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var AudioCommand = /** @class */ (function () {
+var AudioCommand = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Audio plugin
      *
@@ -14833,9 +14833,19 @@ var AudioCommand = /** @class */ (function () {
         if (!isNullOrUndefined(e.item.url)) {
             sourceElement.setAttribute('src', e.item.url);
         }
-        sourceElement.type = e.item.fileName && e.item.fileName.split('.').length > 0 ?
-            'audio/' + e.item.fileName.split('.')[e.item.fileName.split('.').length - 1] :
-            e.item.url && e.item.url.split('.').length > 0 ? 'audio/' + e.item.url.split('.')[e.item.url.split('.').length - 1] : '';
+        var fileExtension = e.item.fileName ? e.item.fileName.split('.').pop().toLowerCase() :
+            e.item.url ? e.item.url.split('.').pop().toLowerCase() : '';
+        if (fileExtension === 'opus') {
+            sourceElement.type = 'audio/ogg';
+        }
+        else if (fileExtension === 'm4a') {
+            sourceElement.type = 'audio/mp4';
+        }
+        else {
+            sourceElement.type = e.item.fileName && e.item.fileName.split('.').length > 0 ?
+                'audio/' + e.item.fileName.split('.')[e.item.fileName.split('.').length - 1] :
+                e.item.url && e.item.url.split('.').length > 0 ? 'audio/' + e.item.url.split('.')[e.item.url.split('.').length - 1] : '';
+        }
     };
     AudioCommand.prototype.callBack = function (e) {
         if (e.callBack) {
@@ -14857,7 +14867,7 @@ var AudioCommand = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var VideoCommand = /** @class */ (function () {
+var VideoCommand = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Video plugin
      *
@@ -15105,7 +15115,7 @@ var VideoCommand = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var TableCommand = /** @class */ (function () {
+var TableCommand = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -16040,7 +16050,7 @@ var TableCommand = /** @class */ (function () {
     
     return TableCommand;
 }());
-var MinMax = /** @class */ (function () {
+var MinMax = /** @__PURE__ @class */ (function () {
     function MinMax() {
     }
     return MinMax;
@@ -16052,7 +16062,7 @@ var MinMax = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var IsFormatted = /** @class */ (function () {
+var IsFormatted = /** @__PURE__ @class */ (function () {
     function IsFormatted() {
     }
     /**
@@ -16302,7 +16312,7 @@ var IsFormatted = /** @class */ (function () {
 /**
  * `Selection` module is used to handle RTE Selections.
  */
-var SelectionCommands = /** @class */ (function () {
+var SelectionCommands = /** @__PURE__ @class */ (function () {
     function SelectionCommands() {
     }
     /**
@@ -16589,6 +16599,19 @@ var SelectionCommands = /** @class */ (function () {
         }
         else {
             child = InsertMethods.unwrap(formatNode);
+            var liElement = nodes[index].parentElement;
+            if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() !== 'li') {
+                liElement = closest(liElement, 'li');
+            }
+            if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' &&
+                liElement.textContent.trim() === nodes[index].textContent.trim()) {
+                if (format === 'bold') {
+                    liElement.style.fontWeight = 'normal';
+                }
+                else if (format === "italic") {
+                    liElement.style.fontStyle = 'normal';
+                }
+            }
         }
         if (child[0] && !isFontStyle) {
             var nodeTraverse = child[index] ? child[index] : child[0];
@@ -16637,6 +16660,16 @@ var SelectionCommands = /** @class */ (function () {
                 if (child[num].nodeType !== 3 || (child[num].textContent &&
                     child[num].textContent.trim().length > 0)) {
                     child[num] = InsertMethods.Wrap(child[num], this.GetFormatNode(format, value, formatNodeTagName, formatNodeStyles));
+                    var liElement = nodes[index].parentElement;
+                    if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() !== 'li') {
+                        liElement = closest(liElement, 'li');
+                    }
+                    if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' &&
+                        liElement.textContent.trim() === nodes[index].textContent.trim()) {
+                        if (format === 'fontname') {
+                            liElement.style.fontFamily = value;
+                        }
+                    }
                     if (child[num].textContent === startText) {
                         if (num === 0) {
                             range.setStartBefore(child[num]);
@@ -16750,6 +16783,9 @@ var SelectionCommands = /** @class */ (function () {
                                 liElement.style.color = value;
                                 liElement.style.textDecoration = 'inherit';
                             }
+                            else if (format === 'fontname') {
+                                liElement.style.fontFamily = value;
+                            }
                         }
                         if (value === 'formatPainter') {
                             return this.insertFormatPainterElem(nodes, index, range, nodeCutter, painterValues, domNode);
@@ -16797,6 +16833,19 @@ var SelectionCommands = /** @class */ (function () {
                     }
                     else {
                         nodes[index] = this.applyStyles(nodes, index, element);
+                        var liElement = nodes[index].parentElement;
+                        if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() !== 'li') {
+                            liElement = closest(liElement, 'li');
+                        }
+                        if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' &&
+                            liElement.textContent.trim() === nodes[index].textContent.trim()) {
+                            if (format === 'bold') {
+                                liElement.style.fontWeight = 'bold';
+                            }
+                            else if (format === "italic") {
+                                liElement.style.fontStyle = 'italic';
+                            }
+                        }
                     }
                 }
             }
@@ -17034,7 +17083,7 @@ var SelectionCommands = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var SelectionBasedExec = /** @class */ (function () {
+var SelectionBasedExec = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -17083,7 +17132,7 @@ var SelectionBasedExec = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var InsertHtmlExec = /** @class */ (function () {
+var InsertHtmlExec = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -17130,7 +17179,7 @@ var InsertHtmlExec = /** @class */ (function () {
 /**
  * `Clear Format` module is used to handle Clear Format.
  */
-var ClearFormat$1 = /** @class */ (function () {
+var ClearFormat$1 = /** @__PURE__ @class */ (function () {
     function ClearFormat() {
     }
     /**
@@ -17383,7 +17432,7 @@ var ClearFormat$1 = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ClearFormatExec = /** @class */ (function () {
+var ClearFormatExec = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      *
@@ -17428,7 +17477,7 @@ var ClearFormatExec = /** @class */ (function () {
 /**
  * `Undo` module is used to handle undo actions.
  */
-var UndoRedoManager = /** @class */ (function () {
+var UndoRedoManager = /** @__PURE__ @class */ (function () {
     function UndoRedoManager(parent, options) {
         this.undoRedoStack = [];
         this.parent = parent;
@@ -17660,7 +17709,7 @@ var UndoRedoManager = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var MsWordPaste = /** @class */ (function () {
+var MsWordPaste = /** @__PURE__ @class */ (function () {
     function MsWordPaste(parent) {
         this.olData = [
             'decimal',
@@ -18128,6 +18177,9 @@ var MsWordPaste = /** @class */ (function () {
                     resultElem = elm.querySelectorAll(keys[i]);
                 }
                 for (var j = 0; j < resultElem.length; j++) {
+                    if (resultElem[j].closest('li') && keys[i] === 'p') {
+                        continue;
+                    }
                     var styleProperty = resultElem[j].getAttribute('style');
                     if (!isNullOrUndefined(styleProperty) && styleProperty.trim() !== '') {
                         var valueSplit = values[i].split(';');
@@ -18426,7 +18478,7 @@ var MsWordPaste = /** @class */ (function () {
                 !isNormalList) {
                 prevList = null;
             }
-            var pElement = createElement('p');
+            var pElement = createElement('p', { className: 'MsoNormal' });
             pElement.innerHTML = collection[index].content.join(' ');
             if ((collection[index].nestedLevel === 1) && listCount === 0 && collection[index].content) {
                 root.appendChild(temp = createElement(collection[index].listType, { className: collection[index].class }));
@@ -18599,7 +18651,7 @@ var MsWordPaste = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var InsertTextExec = /** @class */ (function () {
+var InsertTextExec = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the InsertText plugin
      *
@@ -18637,7 +18689,7 @@ var InsertTextExec = /** @class */ (function () {
  * @deprecated
  */
 var statusCollection = getDefaultHtmlTbStatus();
-var ToolbarStatus = /** @class */ (function () {
+var ToolbarStatus = /** @__PURE__ @class */ (function () {
     function ToolbarStatus() {
     }
     /**
@@ -18991,7 +19043,7 @@ var ToolbarStatus = /** @class */ (function () {
     return ToolbarStatus;
 }());
 
-var EmojiPickerAction = /** @class */ (function () {
+var EmojiPickerAction = /** @__PURE__ @class */ (function () {
     function EmojiPickerAction(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -19055,7 +19107,7 @@ var EmojiPickerAction = /** @class */ (function () {
  * Base export
  */
 
-var FormatPainterActions = /** @class */ (function () {
+var FormatPainterActions = /** @__PURE__ @class */ (function () {
     function FormatPainterActions(parent, options) {
         this.INVALID_TAGS = ['A', 'AUDIO', 'IMG', 'VIDEO', 'IFRAME'];
         this.parent = parent;
@@ -19680,7 +19732,7 @@ var FormatPainterActions = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var EditorManager = /** @class */ (function () {
+var EditorManager = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for creating the component
      *
@@ -19867,26 +19919,26 @@ var EditorManager = /** @class */ (function () {
     return EditorManager;
 }());
 
-var __extends$2 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends$2 = (undefined && undefined.__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 __());
+    };
+})();
 /**
  * HTML adapter
  *
  * @hidden
  * @deprecated
  */
-var HTMLFormatter = /** @class */ (function (_super) {
+var HTMLFormatter = /** @__PURE__ @class */ (function (_super) {
     __extends$2(HTMLFormatter, _super);
     function HTMLFormatter(options) {
         var _this = _super.call(this) || this;
@@ -19927,7 +19979,7 @@ var HTMLFormatter = /** @class */ (function (_super) {
 /**
  * HtmlToolbarStatus module for refresh the toolbar status
  */
-var HtmlToolbarStatus = /** @class */ (function () {
+var HtmlToolbarStatus = /** @__PURE__ @class */ (function () {
     function HtmlToolbarStatus(parent) {
         this.parent = parent;
         this.toolbarStatus = this.prevToolbarStatus = getDefaultHtmlTbStatus();
@@ -19974,7 +20026,7 @@ var HtmlToolbarStatus = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ContentRender = /** @class */ (function () {
+var ContentRender = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for content renderer module
      *
@@ -20062,19 +20114,19 @@ var ContentRender = /** @class */ (function () {
     return ContentRender;
 }());
 
-var __extends$3 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends$3 = (undefined && undefined.__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 IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n            <meta charset='utf-8' /> \n            <style>\n                @charset \"UTF-8\";\n                body {\n                    font-family: \"Roboto\", sans-serif;\n                    font-size: 14px;\n                }\n                html, body{height: 100%;margin: 0;}\n                body.e-cursor{cursor:default}\n                span.e-selected-node\t{background-color: #939393;color: white;}\n                span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n                .e-rte-image, .e-rte-audio, .e-rte-video  {border: 0;cursor: pointer;display:\n                    block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n                .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n                .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n                .e-img-caption.e-caption-inline {display: inline-block;float: none;\n                    margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n                    position: relativetext-align: center;vertical-align: bottom;}\n                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n                    margin: auto;opacity: .9;text-align: center;width: 100%;}\n                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n                .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n                .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n                .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n                .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n                    max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n                .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n                    display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n                img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n                span.e-rte-imageboxmark {  width: 10px; height: 10px; position: absolute; display: block;\n                    background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-mob-rte span.e-rte-imageboxmark { background: #fff; border: 1px solid #4a90e2;\n                    border-radius: 15px; height: 20px; width: 20px; }\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n                .e-img-caption .e-img-inner { outline: 0; }\n                .e-img-caption a:focus-visible { outline: none; }\n                .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}\n                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n                    overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n                p{margin: 0 0 10px;margin-bottom: 10px;}\n                li{margin-bottom: 10px;}\n                h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n                h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n                h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n                h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n                h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n                h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n                    font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n                    white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n                strong, b{font-weight: 700;}\n                a{text-decoration: none;user-select: auto;}\n                a:hover{text-decoration: underline;};\n                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n                ul:last-child{margin-bottom: 0;}\n                table { border-collapse: collapse; empty-cells: show;}\n                table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n                table th {background-color: #E0E0E0;}\n                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n                table .e-cell-select {border: 1px double #4a90e2;}\n                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n                span.e-table-box.e-rmob {height: 14px;width: 14px;}\n                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n                    bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n                .e-row-resize { cursor: row-resize; height: 1px;}\n                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n                .e-table-rhelper.e-column-helper { width: 1px; }\n                .e-table-rhelper.e-row-helper {height: 1px;}\n                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block; height: 0;\n                    position: absolute; right: 4px; top: 4px; width: 20px; }\n                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block;\n                    height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n                .e-table-rhelper { background-color: #4a90e2;}\n                .e-rtl { direction: rtl; }\n                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n            </style>\n        </head>";
 /**
  * Content module is used to render Rich Text Editor content
@@ -20082,7 +20134,7 @@ var IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n
  * @hidden
  * @deprecated
  */
-var IframeContentRender = /** @class */ (function (_super) {
+var IframeContentRender = /** @__PURE__ @class */ (function (_super) {
     __extends$3(IframeContentRender, _super);
     function IframeContentRender() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -20154,7 +20206,7 @@ var IframeContentRender = /** @class */ (function (_super) {
 /**
  * XhtmlValidation module called when set enableXhtml as true
  */
-var XhtmlValidation = /** @class */ (function () {
+var XhtmlValidation = /** @__PURE__ @class */ (function () {
     function XhtmlValidation(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -20325,7 +20377,7 @@ var XhtmlValidation = /** @class */ (function () {
 /**
  * `HtmlEditor` module is used to HTML editor
  */
-var HtmlEditor = /** @class */ (function () {
+var HtmlEditor = /** @__PURE__ @class */ (function () {
     function HtmlEditor(parent, serviceLocator) {
         this.rangeCollection = [];
         this.isImageDelete = false;
@@ -20530,7 +20582,7 @@ var HtmlEditor = /** @class */ (function () {
             e.args.keyCode === 13) {
             this.spaceLink(e.args);
             if (this.parent.editorMode === 'HTML' && !this.parent.readonly) {
-                var currentLength = this.parent.getText().trim().length;
+                var currentLength = this.parent.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
                 var selectionLength = this.parent.getSelection().length;
                 var totalLength = (currentLength - selectionLength) + 1;
                 if (!(this.parent.maxLength === -1 || totalLength <= this.parent.maxLength) &&
@@ -20540,6 +20592,10 @@ var HtmlEditor = /** @class */ (function () {
                 }
                 else {
                     this.parent.notify(enterHandler, { args: e.args });
+                    var newRange = this.parent.getRange();
+                    if (!isNullOrUndefined(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text') {
+                        newRange.startContainer.scrollIntoView({ block: "end", inline: "nearest" });
+                    }
                 }
             }
         }
@@ -20688,7 +20744,7 @@ var HtmlEditor = /** @class */ (function () {
         var liElement;
         var rootElement;
         if (e.args.code === 'Delete' && e.args.keyCode === 46 &&
-            this.parent.contentModule.getText().trim().length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
+            this.parent.contentModule.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
             currentRange.startContainer.parentElement.tagName !== 'TH') {
             this.deleteRangeElement = rootElement = this.getRootBlockNode(currentRange.startContainer);
             if (this.deleteRangeElement.tagName === 'OL' || this.deleteRangeElement.tagName === 'UL') {
@@ -20903,6 +20959,19 @@ var HtmlEditor = /** @class */ (function () {
             }, e, value);
         }
     };
+    HtmlEditor.prototype.mouseOutHandler = function () {
+        if (!isNullOrUndefined(this.tooltipTargetEle)) {
+            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
+        }
+        else {
+            var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+                this.parent.contentModule.getDocument();
+            this.tooltipTargetEle = currentDocument.querySelector('[data-title]');
+            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
+        }
+        this.tooltipTargetEle.removeAttribute('data-title');
+        EventHandler.remove(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler);
+    };
     HtmlEditor.prototype.onToolbarClick = function (args) {
         var _this = this;
         var save;
@@ -20910,6 +20979,15 @@ var HtmlEditor = /** @class */ (function () {
         var selectParentEle;
         var item = args.item;
         var closestElement = closest(args.originalEvent.target, '.e-rte-quick-popup');
+        var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+            this.parent.contentModule.getDocument();
+        this.tooltipTargetEle = closest(args.originalEvent.target, '[data-tooltip-id]');
+        if (!isNullOrUndefined(this.tooltipTargetEle) && this.parent.showTooltip && !isNullOrUndefined(currentDocument.querySelector('.e-tooltip-wrap'))) {
+            this.parent.notify(destroyTooltip, { args: event });
+            this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
+            this.tooltipTargetEle.removeAttribute('title');
+            EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
+        }
         if (item.command !== 'FormatPainter') {
             if (closestElement && !closestElement.classList.contains('e-rte-inline-popup') && !closestElement.classList.contains('e-rte-text-popup')) {
                 if (!(item.subCommand === 'SourceCode' || item.subCommand === 'Preview' ||
@@ -21172,7 +21250,7 @@ var HtmlEditor = /** @class */ (function () {
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
  */
-var PasteCleanup = /** @class */ (function () {
+var PasteCleanup = /** @__PURE__ @class */ (function () {
     function PasteCleanup(parent, serviceLocator) {
         this.inlineNode = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
             'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',
@@ -21222,6 +21300,7 @@ var PasteCleanup = /** @class */ (function () {
             event: e
         };
         var value = null;
+        var isClipboardHTMLDataNull = false;
         var imageproperties;
         if (e.args && !isNullOrUndefined(e.args.clipboardData)) {
             value = e.args.clipboardData.getData('text/html');
@@ -21260,6 +21339,7 @@ var PasteCleanup = /** @class */ (function () {
                     var divElement = this.parent.createElement('div');
                     divElement.innerHTML = this.splitBreakLine(value);
                     value = divElement.innerHTML;
+                    isClipboardHTMLDataNull = true;
                 }
             }
             else if (value.length > 0) {
@@ -21281,10 +21361,13 @@ var PasteCleanup = /** @class */ (function () {
             tempDivElem.innerHTML = value;
             var isValueNotEmpty = tempDivElem.textContent !== '' || !isNullOrUndefined(tempDivElem.querySelector('img')) ||
                 !isNullOrUndefined(tempDivElem.querySelector('table'));
+            this.parent.trigger(cleanupResizeElements, { value: value }, function (args) {
+                value = args.value;
+            });
             if (this.parent.pasteCleanupSettings.prompt) {
                 if (isValueNotEmpty) {
                     e.args.preventDefault();
-                    this.pasteDialog(value, args);
+                    this.pasteDialog(value, args, isClipboardHTMLDataNull);
                 }
                 else if (Browser.userAgent.indexOf('Firefox') !== -1 && isNullOrUndefined(file)) {
                     this.fireFoxImageUpload();
@@ -21296,7 +21379,7 @@ var PasteCleanup = /** @class */ (function () {
             }
             else if (this.parent.pasteCleanupSettings.plainText) {
                 e.args.preventDefault();
-                this.plainFormatting(value, args);
+                this.plainFormatting(value, args, isClipboardHTMLDataNull);
             }
             else if (this.parent.pasteCleanupSettings.keepFormat) {
                 e.args.preventDefault();
@@ -21338,13 +21421,17 @@ var PasteCleanup = /** @class */ (function () {
     PasteCleanup.prototype.splitBreakLine = function (value) {
         var enterSplitText = value.split('\n');
         var contentInnerElem = '';
+        var startNode = this.parent.enterKey === 'P' ? '<p>' : (this.parent.enterKey === 'DIV' ? '<div>' : '');
+        var endNode = this.parent.enterKey === 'P' ? '</p>' : (this.parent.enterKey === 'DIV' ? '</div>' : '<br>');
         for (var i = 0; i < enterSplitText.length; i++) {
             if (enterSplitText[i].trim() === '') {
                 contentInnerElem += getDefaultValue(this.parent);
             }
             else {
                 var contentWithSpace = this.makeSpace(enterSplitText[i]);
-                contentInnerElem += (i === 0 ? '<span>' : '<p>') + contentWithSpace.trim() + (i === 0 ? '</span>' : '</p>');
+                contentInnerElem += (i === 0 && this.parent.enterKey !== 'BR' ? '<span>' : startNode) +
+                    (contentWithSpace.trim() === '' ? '<br>' : contentWithSpace.trim()) +
+                    (enterSplitText.length - 1 === i && this.parent.enterKey === 'BR' ? '' : (i === 0 && this.parent.enterKey !== 'BR' ? '</span>' : endNode));
             }
         }
         return contentInnerElem;
@@ -21610,10 +21697,10 @@ var PasteCleanup = /** @class */ (function () {
         var range = this.nodeSelectionObj.getRange(currentDocument);
         this.saveSelection = this.nodeSelectionObj.save(range, currentDocument);
         if (this.parent.pasteCleanupSettings.prompt) {
-            this.pasteDialog(imageValue, pasteArgs);
+            this.pasteDialog(imageValue, pasteArgs, false);
         }
         else if (this.parent.pasteCleanupSettings.plainText) {
-            this.plainFormatting(imageValue, pasteArgs);
+            this.plainFormatting(imageValue, pasteArgs, false);
         }
         else if (this.parent.pasteCleanupSettings.keepFormat) {
             this.formatting(imageValue, false, pasteArgs);
@@ -21637,7 +21724,7 @@ var PasteCleanup = /** @class */ (function () {
         var plainTextElement = this.parent.element.querySelector('#plainTextFormat');
         this.plainTextRadioButton.appendTo(plainTextElement);
     };
-    PasteCleanup.prototype.selectFormatting = function (value, args, keepChecked, cleanChecked) {
+    PasteCleanup.prototype.selectFormatting = function (value, args, keepChecked, cleanChecked, isClipboardHTMLDataNull) {
         if (keepChecked) {
             this.formatting(value, false, args);
         }
@@ -21645,10 +21732,10 @@ var PasteCleanup = /** @class */ (function () {
             this.formatting(value, true, args);
         }
         else {
-            this.plainFormatting(value, args);
+            this.plainFormatting(value, args, isClipboardHTMLDataNull);
         }
     };
-    PasteCleanup.prototype.pasteDialog = function (value, args) {
+    PasteCleanup.prototype.pasteDialog = function (value, args, isClipboardHTMLDataNull) {
         var _this = this;
         var isHeight = false;
         var preRTEHeight = this.parent.height;
@@ -21665,7 +21752,7 @@ var PasteCleanup = /** @class */ (function () {
                             var argument = _this.dialogObj;
                             _this.dialogRenderObj.close(argument);
                             _this.dialogObj.destroy();
-                            _this.selectFormatting(value, args, keepChecked, cleanChecked);
+                            _this.selectFormatting(value, args, keepChecked, cleanChecked, isClipboardHTMLDataNull);
                         }
                     },
                     buttonModel: {
@@ -21726,7 +21813,7 @@ var PasteCleanup = /** @class */ (function () {
             isHeight = true;
         }
         this.dialogObj.show();
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     PasteCleanup.prototype.updateCss = function (currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -21939,7 +22026,7 @@ var PasteCleanup = /** @class */ (function () {
         return value;
     };
     //Plain Formatting
-    PasteCleanup.prototype.plainFormatting = function (value, args) {
+    PasteCleanup.prototype.plainFormatting = function (value, args, isClipboardHTMLDataNull) {
         var _this = this;
         var clipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
         clipBoardElem.innerHTML = value;
@@ -21977,6 +22064,13 @@ var PasteCleanup = /** @class */ (function () {
             this.saveSelection.restore();
             clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
             this.addTempClass(clipBoardElem);
+            this.removingComments(clipBoardElem);
+            if (this.parent.enterKey === 'BR' && !isClipboardHTMLDataNull) {
+                clipBoardElem = this.reframeToBrContent(clipBoardElem);
+            }
+            else if (this.parent.enterKey === 'DIV') {
+                clipBoardElem.innerHTML = clipBoardElem.innerHTML.replace(/<p class="pasteContent_RTE">/g, '<div>').replace(/<\/p>/g, '</div>');
+            }
             this.parent.trigger(afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: null }, function (updatedArgs) { value = updatedArgs.value; });
             clipBoardElem.innerHTML = value;
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
@@ -21991,6 +22085,41 @@ var PasteCleanup = /** @class */ (function () {
             this.parent.formatter.onSuccess(this.parent, args);
         }
     };
+    PasteCleanup.prototype.removingComments = function (elm) {
+        var innerElement = elm.innerHTML;
+        innerElement = innerElement.replace(/<!--[\s\S]*?-->/g, '');
+        elm.innerHTML = innerElement;
+    };
+    PasteCleanup.prototype.reframeToBrContent = function (clipBoardElem) {
+        var newClipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
+        while (!isNullOrUndefined(clipBoardElem.firstChild)) {
+            var brElem = this.parent.createElement('br');
+            var currentFirstChild = clipBoardElem.firstChild;
+            if (currentFirstChild.nodeName === '#text') {
+                var isNextSibPresent = !isNullOrUndefined(currentFirstChild.nextSibling);
+                newClipBoardElem.appendChild(currentFirstChild);
+                if (isNextSibPresent) {
+                    newClipBoardElem.appendChild(brElem);
+                }
+            }
+            else {
+                var isCurrentNodeBRElm = currentFirstChild.nodeName === 'BR';
+                if (isCurrentNodeBRElm) {
+                    newClipBoardElem.appendChild(currentFirstChild);
+                }
+                else {
+                    newClipBoardElem.appendChild(currentFirstChild.childNodes[0]);
+                }
+                if (!isNullOrUndefined(currentFirstChild) && !isNullOrUndefined(currentFirstChild.nextSibling)) {
+                    newClipBoardElem.appendChild(brElem);
+                }
+                if (!isCurrentNodeBRElm && !isNullOrUndefined(currentFirstChild)) {
+                    detach(currentFirstChild);
+                }
+            }
+        }
+        return newClipBoardElem;
+    };
     PasteCleanup.prototype.getTextContent = function (clipBoardElem) {
         for (var i = 0; i < this.blockNode.length; i++) {
             var inElem = clipBoardElem.querySelectorAll(this.blockNode[i]);
@@ -22038,14 +22167,16 @@ var PasteCleanup = /** @class */ (function () {
         for (var i = 0; i < this.inlineNode.length; i++) {
             var inElem = clipBoardElem.querySelectorAll(this.inlineNode[i]);
             for (var j = 0; j < inElem.length; j++) {
-                var parElem = void 0;
-                for (var k = 0; k < inElem[j].childNodes.length; k++) {
-                    parElem = inElem[j].childNodes[k].parentElement;
-                    inElem[j].childNodes[k].parentElement.parentElement.insertBefore(inElem[j].childNodes[k], inElem[j].childNodes[k].parentElement);
-                    k--;
-                }
-                if (!isNullOrUndefined(parElem)) {
-                    detach(parElem);
+                if (!(inElem[j] === clipBoardElem.firstChild && inElem[j].nodeName === 'SPAN')) {
+                    var parElem = void 0;
+                    for (var k = 0; k < inElem[j].childNodes.length; k++) {
+                        parElem = inElem[j].childNodes[k].parentElement;
+                        inElem[j].childNodes[k].parentElement.parentElement.insertBefore(inElem[j].childNodes[k], inElem[j].childNodes[k].parentElement);
+                        k--;
+                    }
+                    if (!isNullOrUndefined(parElem)) {
+                        detach(parElem);
+                    }
                 }
             }
         }
@@ -22201,7 +22332,7 @@ var PasteCleanup = /** @class */ (function () {
 /**
  * `Resize` module is used to resize the editor
  */
-var Resize = /** @class */ (function () {
+var Resize = /** @__PURE__ @class */ (function () {
     function Resize(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -22334,7 +22465,7 @@ var Resize = /** @class */ (function () {
 /**
  * `FileManager` module is used to display the directories and images inside the editor.
  */
-var FileManager$1 = /** @class */ (function () {
+var FileManager$1 = /** @__PURE__ @class */ (function () {
     function FileManager$$1(parent, locator) {
         FileManager.Inject(ContextMenu, DetailsView, NavigationPane, Toolbar$1);
         this.parent = parent;
@@ -22404,7 +22535,7 @@ var FileManager$1 = /** @class */ (function () {
         this.dialogObj.createElement = this.parent.createElement;
         this.dialogObj.appendTo(dlgTarget);
         this.dialogObj.show(Browser.isDevice ? true : false);
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     // eslint-disable-next-line @typescript-eslint/tslint/config
     FileManager$$1.prototype.setCssClass = function (e) {
@@ -22584,7 +22715,7 @@ var FileManager$1 = /** @class */ (function () {
 /**
  * `FullScreen` module is used to maximize and minimize screen
  */
-var FullScreen = /** @class */ (function () {
+var FullScreen = /** @__PURE__ @class */ (function () {
     function FullScreen(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -22604,7 +22735,7 @@ var FullScreen = /** @class */ (function () {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
         if (this.parent.showTooltip && !isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(maximizeMinimizeClick, { args: event });
+            this.parent.notify(destroyTooltip, { args: event });
         }
         this.scrollableParent = getScrollableParent(this.parent.element);
         if (!this.parent.element.classList.contains(CLS_FULL_SCREEN)) {
@@ -22659,7 +22790,7 @@ var FullScreen = /** @class */ (function () {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
         if (this.parent.showTooltip && !isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(maximizeMinimizeClick, { args: event });
+            this.parent.notify(destroyTooltip, { args: event });
         }
         if (this.parent.element.classList.contains(CLS_FULL_SCREEN)) {
             var evenArgs = {
@@ -22814,7 +22945,7 @@ function setAttributes(htmlAttributes, rte, isFrame, initial) {
     }
 }
 
-var FormatPainter = /** @class */ (function () {
+var FormatPainter = /** @__PURE__ @class */ (function () {
     function FormatPainter(parent) {
         this.isSticky = false;
         this.isActive = false;
@@ -22852,7 +22983,7 @@ var FormatPainter = /** @class */ (function () {
     };
     FormatPainter.prototype.onKeyDown = function (event) {
         var originalEvent = event.args;
-        if ((originalEvent.altKey && originalEvent.shiftKey && (originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste'))
+        if (!isNullOrUndefined(originalEvent) && !isNullOrUndefined(originalEvent.action) && (originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')
             || (originalEvent.action === 'escape' && (this.previousAction === 'format-copy' || this.previousAction === 'format-paste'))) {
             if ((originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')) {
                 originalEvent.stopPropagation();
@@ -22969,7 +23100,7 @@ var FormatPainter = /** @class */ (function () {
     return FormatPainter;
 }());
 
-var EmojiPicker = /** @class */ (function () {
+var EmojiPicker = /** @__PURE__ @class */ (function () {
     function EmojiPicker(parent, serviceLocator) {
         this.parent = parent;
         this.locator = serviceLocator;
@@ -23009,6 +23140,9 @@ var EmojiPicker = /** @class */ (function () {
             spanElement = this.parent.element.ownerDocument.querySelector('.e-emoji');
         }
         this.divElement = spanElement.closest('div');
+        if (!(this.parent.inputElement.contains(this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument()).startContainer))) {
+            this.parent.contentModule.getEditPanel().focus();
+        }
         var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
         this.save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
         this.clickEvent = args.args;
@@ -23648,7 +23782,8 @@ var EmojiPicker = /** @class */ (function () {
     };
     EmojiPicker.prototype.onkeyPress = function (e) {
         var originalEvent = e.args;
-        var selection = this.parent.contentModule.getDocument().getSelection();
+        var selection = (this.parent.iframeSettings.enable) ? this.parent.contentModule.getPanel().contentWindow.getSelection() :
+            this.parent.contentModule.getDocument().getSelection();
         if (selection.rangeCount <= 0) {
             return;
         }
@@ -23668,6 +23803,10 @@ var EmojiPicker = /** @class */ (function () {
         }
         if (originalEvent.keyCode === 32 && isPrevColon && this.popupObj) {
             removeClass([this.divElement], 'e-active');
+            var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument : this.parent.contentModule.getDocument();
+            if (this.parent.showTooltip && !isNullOrUndefined(currentDocument.querySelector('.e-tooltip-wrap'))) {
+                this.parent.notify(destroyTooltip, { args: event });
+            }
             this.popupObj.hide();
         }
         if (this.popupObj && (originalEvent.keyCode === 37 || originalEvent.keyCode === 38 || originalEvent.keyCode === 39
@@ -23678,7 +23817,8 @@ var EmojiPicker = /** @class */ (function () {
     };
     EmojiPicker.prototype.onkeyUp = function (e) {
         var originalEvent = e.args;
-        var selection = this.parent.contentModule.getDocument().getSelection();
+        var selection = (this.parent.iframeSettings.enable) ? this.parent.contentModule.getPanel().contentWindow.getSelection() :
+            this.parent.contentModule.getDocument().getSelection();
         if (selection.rangeCount <= 0) {
             return;
         }
@@ -23704,7 +23844,7 @@ var EmojiPicker = /** @class */ (function () {
     };
     EmojiPicker.prototype.getCoordinates = function () {
         var coordinates;
-        var selection = this.parent.contentModule.getDocument().getSelection();
+        var selection = (this.parent.iframeSettings.enable) ? this.parent.contentModule.getPanel().contentWindow.getSelection() : window.getSelection();
         var range = selection.getRangeAt(0);
         var firstChild;
         if (range.startContainer.nodeName === 'P' || range.startContainer.nodeName === 'DIV') {
@@ -23777,7 +23917,7 @@ var EmojiPicker = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var Render = /** @class */ (function () {
+var Render = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for render module
      *
@@ -23876,7 +24016,7 @@ var Render = /** @class */ (function () {
 /**
  * `Link` module is used to handle undo actions.
  */
-var Link = /** @class */ (function () {
+var Link = /** @__PURE__ @class */ (function () {
     function Link(parent, serviceLocator) {
         this.parent = parent;
         this.rteID = parent.element.id;
@@ -23996,7 +24136,7 @@ var Link = /** @class */ (function () {
                 pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset + parentTop + args.clientY : args.pageY;
             }
             if (this.quickToolObj.linkQTBar) {
-                this.quickToolObj.linkQTBar.showPopup(pageX, pageY, range.endContainer);
+                this.quickToolObj.linkQTBar.showPopup(pageX, pageY, range.endContainer, 'link');
             }
         }
     };
@@ -24027,12 +24167,32 @@ var Link = /** @class */ (function () {
                 if (isPopupOpen) {
                     return;
                 }
-                this.showLinkQuickToolbar({
-                    args: args,
-                    isNotify: false,
-                    type: 'Links',
-                    elements: [args.target]
-                });
+                if (e.args.ctrlKey === false) {
+                    this.showLinkQuickToolbar({
+                        args: args,
+                        isNotify: false,
+                        type: 'Links',
+                        elements: [args.target]
+                    });
+                }
+                else {
+                    var selection = this.parent.formatter.editorManager.nodeSelection;
+                    var range = selection.getRange(this.parent.contentModule.getDocument());
+                    var args_1 = {
+                        args: {
+                            item: {
+                                subCommand: 'OpenLink',
+                                command: 'Links',
+                                name: ''
+                            },
+                            originalEvent: e.args
+                        },
+                        selectNode: selection.getNodeCollection(range),
+                        selectParent: selection.getParentNodeCollection(range),
+                        selection: selection.save(range, this.parent.contentModule.getDocument())
+                    };
+                    this.parent.notify(openLink, args_1);
+                }
             }
             else {
                 this.hideLinkQuickToolbar();
@@ -24089,7 +24249,7 @@ var Link = /** @class */ (function () {
     };
     Link.prototype.showDialog = function () {
         this.openDialog(false);
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     Link.prototype.closeDialog = function () {
         if (this.dialogObj) {
@@ -24122,22 +24282,22 @@ var Link = /** @class */ (function () {
         var textPlace = this.i10n.getConstant('textPlaceholder');
         var title = this.i10n.getConstant('linkTitle');
         var linkDialogEle = this.parent.createElement('div', {
-            className: 'e-rte-link-dialog' + ' ' + this.parent.cssClass, id: this.rteID + '_rtelink'
+            className: 'e-rte-link-dialog' + this.parent.getCssClass(true), id: this.rteID + '_rtelink'
         });
         this.parent.element.appendChild(linkDialogEle);
         var linkContent = this.parent.createElement('div', {
-            className: 'e-rte-linkcontent' + ' ' + this.parent.cssClass, id: this.rteID + '_linkContent'
+            className: 'e-rte-linkcontent' + this.parent.getCssClass(true), id: this.rteID + '_linkContent'
         });
         var htmlTextbox = (this.parent.editorMode === 'HTML') ? '<label>' + linkTooltip +
-            '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-            '<input type="text" data-role ="none" spellcheck="false" placeholder = "' + title + '"aria-label="' + this.i10n.getConstant('linkTitle') + '" class="e-input e-rte-linkTitle' + ' ' + this.parent.cssClass + '"></div>' +
-            '<div class="e-rte-label' + ' ' + this.parent.cssClass + '"></div>' + '<div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-            '<input type="checkbox" class="e-rte-linkTarget' + ' ' + this.parent.cssClass + '"  data-role ="none"></div>' : '';
-        var content = '<div class="e-rte-label' + ' ' + this.parent.cssClass + '"><label>' + linkWebAddress + '</label></div>' + '<div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-            '<input type="text" data-role ="none" spellcheck="false" placeholder="' + urlPlace + '"aria-label="' + this.i10n.getConstant('linkWebUrl') + '" class="e-input e-rte-linkurl' + ' ' + this.parent.cssClass + '"/></div>' +
-            '<div class="e-rte-label' + ' ' + this.parent.cssClass + '">' + '<label>' + linkDisplayText + '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '"> ' +
-            '<input type="text" data-role ="none" spellcheck="false" class="e-input e-rte-linkText' + ' ' + this.parent.cssClass + '"aria-label="' + this.i10n.getConstant('linkText') + '" placeholder="' + textPlace + '">' +
-            '</div><div class="e-rte-label' + ' ' + this.parent.cssClass + '">' + htmlTextbox;
+            '</label></div><div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
+            '<input type="text" data-role ="none" spellcheck="false" placeholder = "' + title + '"aria-label="' + this.i10n.getConstant('linkTitle') + '" class="e-input e-rte-linkTitle' + this.parent.getCssClass(true) + '"></div>' +
+            '<div class="e-rte-label' + this.parent.getCssClass(true) + '"></div>' + '<div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
+            '<input type="checkbox" class="e-rte-linkTarget' + this.parent.getCssClass(true) + '"  data-role ="none"></div>' : '';
+        var content = '<div class="e-rte-label' + this.parent.getCssClass(true) + '"><label>' + linkWebAddress + '</label></div>' + '<div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
+            '<input type="text" data-role ="none" spellcheck="false" placeholder="' + urlPlace + '"aria-label="' + this.i10n.getConstant('linkWebUrl') + '" class="e-input e-rte-linkurl' + this.parent.getCssClass(true) + '"/></div>' +
+            '<div class="e-rte-label' + this.parent.getCssClass(true) + '">' + '<label>' + linkDisplayText + '</label></div><div class="e-rte-field' + this.parent.getCssClass(true) + '"> ' +
+            '<input type="text" data-role ="none" spellcheck="false" class="e-input e-rte-linkText' + this.parent.getCssClass(true) + '"aria-label="' + this.i10n.getConstant('linkText') + '" placeholder="' + textPlace + '">' +
+            '</div><div class="e-rte-label' + this.parent.getCssClass(true) + '">' + htmlTextbox;
         var contentElem = parseHtml(content);
         linkContent.appendChild(contentElem);
         var linkTarget = linkContent.querySelector('.e-rte-linkTarget');
@@ -24146,7 +24306,7 @@ var Link = /** @class */ (function () {
         var linkTitle = linkContent.querySelector('.e-rte-linkTitle');
         var linkOpenLabel = this.i10n.getConstant('linkOpenInNewWindow');
         this.checkBoxObj = new CheckBox({ label: linkOpenLabel, checked: true, enableRtl: this.parent.enableRtl,
-            cssClass: this.parent.cssClass });
+            cssClass: this.parent.getCssClass() });
         this.checkBoxObj.isStringTemplate = true;
         this.checkBoxObj.createElement = this.parent.createElement;
         this.checkBoxObj.appendTo(linkTarget);
@@ -24159,16 +24319,16 @@ var Link = /** @class */ (function () {
         var dialogModel = {
             header: this.i10n.getConstant('linkHeader'),
             content: linkContent,
-            cssClass: CLS_RTE_ELEMENTS + ' ' + this.parent.cssClass,
+            cssClass: CLS_RTE_ELEMENTS + this.parent.getCssClass(true),
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '310px',
             isModal: Browser.isDevice,
             buttons: [{
                     click: this.insertlink.bind(selectObj),
-                    buttonModel: { content: linkInsert, cssClass: 'e-flat e-insertLink' + ' ' + this.parent.cssClass, isPrimary: true }
+                    buttonModel: { content: linkInsert, cssClass: 'e-flat e-insertLink' + this.parent.getCssClass(true), isPrimary: true }
                 },
-                { click: this.cancelDialog.bind(selectObj), buttonModel: { cssClass: 'e-flat' + ' ' + this.parent.cssClass, content: linkCancel } }],
+                { click: this.cancelDialog.bind(selectObj), buttonModel: { cssClass: 'e-flat' + this.parent.getCssClass(true), content: linkCancel } }],
             target: (Browser.isDevice) ? document.body : this.parent.element,
             animationSettings: { effect: 'None' },
             close: function (event) {
@@ -24416,7 +24576,7 @@ var Link = /** @class */ (function () {
 /**
  * `Image` module is used to handle image actions.
  */
-var Image$1 = /** @class */ (function () {
+var Image$1 = /** @__PURE__ @class */ (function () {
     function Image(parent, serviceLocator) {
         this.isImgUploaded = false;
         this.isAllowedTypes = true;
@@ -24670,18 +24830,18 @@ var Image$1 = /** @class */ (function () {
         this.resizeBtnInit();
         this.imgEle = e;
         addClass([this.imgEle], 'e-resize');
-        this.imgResizeDiv = this.parent.createElement('span', { className: 'e-img-resize' + ' ' + this.parent.cssClass, id: this.rteID + '_imgResize' });
+        this.imgResizeDiv = this.parent.createElement('span', { className: 'e-img-resize' + this.parent.getCssClass(true), id: this.rteID + '_imgResize' });
         this.imgResizeDiv.appendChild(this.parent.createElement('span', {
-            className: 'e-rte-imageboxmark e-rte-topLeft' + ' ' + this.parent.cssClass, styles: 'cursor: nwse-resize'
+            className: 'e-rte-imageboxmark e-rte-topLeft' + this.parent.getCssClass(true), styles: 'cursor: nwse-resize'
         }));
         this.imgResizeDiv.appendChild(this.parent.createElement('span', {
-            className: 'e-rte-imageboxmark e-rte-topRight' + ' ' + this.parent.cssClass, styles: 'cursor: nesw-resize'
+            className: 'e-rte-imageboxmark e-rte-topRight' + this.parent.getCssClass(true), styles: 'cursor: nesw-resize'
         }));
         this.imgResizeDiv.appendChild(this.parent.createElement('span', {
-            className: 'e-rte-imageboxmark e-rte-botLeft' + ' ' + this.parent.cssClass, styles: 'cursor: nesw-resize'
+            className: 'e-rte-imageboxmark e-rte-botLeft' + this.parent.getCssClass(true), styles: 'cursor: nesw-resize'
         }));
         this.imgResizeDiv.appendChild(this.parent.createElement('span', {
-            className: 'e-rte-imageboxmark e-rte-botRight' + ' ' + this.parent.cssClass, styles: 'cursor: nwse-resize'
+            className: 'e-rte-imageboxmark e-rte-botRight' + this.parent.getCssClass(true), styles: 'cursor: nwse-resize'
         }));
         if (Browser.isDevice) {
             addClass([this.imgResizeDiv], 'e-mob-rte');
@@ -24834,8 +24994,8 @@ var Image$1 = /** @class */ (function () {
                 img.removeAttribute('height');
             }
             else {
-                img.style.width = expectedX + 'px';
-                img.style.height = expectedX + 'px';
+                img.style.width = ((expectedX >= 15) ? expectedX : 15) + 'px';
+                img.style.height = ((expectedX >= 15) ? expectedX : 15) + 'px';
             }
         }
     };
@@ -24864,7 +25024,6 @@ var Image$1 = /** @class */ (function () {
                 _this.setAspectRatio(_this.imgEle, parseInt(width, 10), parseInt(height, 10), args);
                 _this.resizeImgDupPos(_this.imgEle);
                 _this.imgResizePos(_this.imgEle, _this.imgResizeDiv);
-                _this.parent.setContentHeight('', false);
             }
         });
     };
@@ -24879,7 +25038,7 @@ var Image$1 = /** @class */ (function () {
         else if (isNullOrUndefined(this.parent.insertImageSettings.maxHeight)) {
             this.imgEle.style.maxHeight = '';
         }
-        this.imgEle.style.maxWidth = this.parent.getInsertImgMaxWidth() + 'px';
+        this.imgEle.style.maxWidth = (closest(this.imgEle, 'ol,ul') != null ? this.parent.getInsertImgMaxWidth() - parseInt((getComputedStyle(closest(this.imgEle, 'ol,ul')).paddingLeft), 0) : this.parent.getInsertImgMaxWidth()) + 'px';
         var pageX = this.getPointX(e);
         var pageY = this.getPointY(e);
         var mouseX = (this.resizeBtnStat.botLeft || this.resizeBtnStat.topLeft) ? -(pageX - this.pageX) : (pageX - this.pageX);
@@ -25176,7 +25335,7 @@ var Image$1 = /** @class */ (function () {
     };
     Image.prototype.showDialog = function () {
         this.openDialog(false);
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     Image.prototype.closeDialog = function () {
         if (this.dialogObj) {
@@ -25384,19 +25543,19 @@ var Image$1 = /** @class */ (function () {
         }
         this.imagDialog(e);
         if (!isNullOrUndefined(this.dialogObj)) {
-            var linkWrap = this.parent.createElement('div', { className: 'e-img-linkwrap' + ' ' + this.parent.cssClass });
+            var linkWrap = this.parent.createElement('div', { className: 'e-img-linkwrap' + this.parent.getCssClass(true) });
             var linkUrl = this.i10n.getConstant('linkurl');
-            var content = '<div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-                '<input type="text" data-role ="none" class="e-input e-img-link' + ' ' + this.parent.cssClass + '" spellcheck="false" placeholder="' + linkUrl + '"/></div>' +
+            var content = '<div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
+                '<input type="text" data-role ="none" class="e-input e-img-link' + this.parent.getCssClass(true) + '" spellcheck="false" placeholder="' + linkUrl + '"/></div>' +
                 '<div class="e-rte-label"></div>' + '<div class="e-rte-field">' +
-                '<input type="checkbox" class="e-rte-linkTarget' + ' ' + this.parent.cssClass + '"  data-role ="none"></div>';
+                '<input type="checkbox" class="e-rte-linkTarget' + this.parent.getCssClass(true) + '"  data-role ="none"></div>';
             var contentElem = parseHtml(content);
             linkWrap.appendChild(contentElem);
             var linkTarget = linkWrap.querySelector('.e-rte-linkTarget');
             var inputLink = linkWrap.querySelector('.e-img-link');
             var linkOpenLabel = this.i10n.getConstant('linkOpenInNewWindow');
             this.checkBoxObj = new CheckBox({
-                label: linkOpenLabel, checked: true, enableRtl: this.parent.enableRtl, cssClass: this.parent.cssClass,
+                label: linkOpenLabel, checked: true, enableRtl: this.parent.enableRtl, cssClass: this.parent.getCssClass(),
                 change: function (e) {
                     if (e.checked) {
                         target_1 = '_blank';
@@ -25410,11 +25569,12 @@ var Image$1 = /** @class */ (function () {
             this.checkBoxObj.createElement = this.parent.createElement;
             this.checkBoxObj.appendTo(linkTarget);
             var target_1 = this.checkBoxObj.checked ? '_blank' : null;
+            var imageLabel = this.checkBoxObj.checked ? this.i10n.getConstant('ImageLinkAriaLabel') : null;
             var linkUpdate = this.i10n.getConstant('dialogUpdate');
             var linkargs_1 = {
                 args: e.args,
                 selfImage: this, selection: e.selection,
-                selectNode: e.selectNode, selectParent: e.selectParent, link: inputLink, target: target_1
+                selectNode: e.selectNode, selectParent: e.selectParent, link: inputLink, target: target_1, ariaLabel: imageLabel
             };
             this.dialogObj.setProperties({
                 height: 'inherit',
@@ -25427,7 +25587,7 @@ var Image$1 = /** @class */ (function () {
                             _this.insertlink(linkargs_1);
                         },
                         buttonModel: {
-                            content: linkUpdate, cssClass: 'e-flat e-update-link' + ' ' + this.parent.cssClass, isPrimary: true
+                            content: linkUpdate, cssClass: 'e-flat e-update-link' + this.parent.getCssClass(true), isPrimary: true
                         }
                     }],
                 cssClass: this.dialogObj.cssClass + ' e-rte-img-link-dialog'
@@ -25453,13 +25613,13 @@ var Image$1 = /** @class */ (function () {
         this.imagDialog(e);
         var altText = this.i10n.getConstant('altText');
         if (!isNullOrUndefined(this.dialogObj)) {
-            var altWrap = this.parent.createElement('div', { className: 'e-img-altwrap' + ' ' + this.parent.cssClass });
+            var altWrap = this.parent.createElement('div', { className: 'e-img-altwrap' + this.parent.getCssClass(true) });
             var altHeader = this.i10n.getConstant('alternateHeader');
             var linkUpdate = this.i10n.getConstant('dialogUpdate');
             var getAlt = (e.selectNode[0].getAttribute('alt') === null) ? '' :
                 e.selectNode[0].getAttribute('alt');
-            var content = '<div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-                '<input type="text" spellcheck="false"  class="e-input e-img-alt' + ' ' + this.parent.cssClass + '" placeholder="' + altText + '"/>' +
+            var content = '<div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
+                '<input type="text" spellcheck="false"  class="e-input e-img-alt' + this.parent.getCssClass(true) + '" placeholder="' + altText + '"/>' +
                 '</div>';
             var contentElem = parseHtml(content);
             contentElem.querySelector('input').setAttribute('value', getAlt);
@@ -25477,7 +25637,7 @@ var Image$1 = /** @class */ (function () {
                             _this.insertAlt(altArgs_1);
                         },
                         buttonModel: {
-                            content: linkUpdate, cssClass: 'e-flat e-update-alt' + ' ' + this.parent.cssClass, isPrimary: true
+                            content: linkUpdate, cssClass: 'e-flat e-update-alt' + this.parent.getCssClass(true), isPrimary: true
                         }
                     }],
                 cssClass: this.dialogObj.cssClass + ' e-rte-img-alt-dialog'
@@ -25529,14 +25689,14 @@ var Image$1 = /** @class */ (function () {
         }
         if (e.selectNode[0].parentElement.nodeName === 'A') {
             proxy.parent.formatter.process(proxy.parent, e.args, e.args, {
-                url: url, target: proxy.checkBoxObj.checked ? '_blank' : null, selectNode: e.selectNode,
+                url: url, target: proxy.checkBoxObj.checked ? '_blank' : null, ariaLabel: proxy.checkBoxObj.checked ? this.i10n.getConstant('ImageLinkAriaLabel') : null, selectNode: e.selectNode,
                 subCommand: e.args.item.subCommand
             });
             proxy.dialogObj.hide({ returnValue: true });
             return;
         }
         proxy.parent.formatter.process(proxy.parent, e.args, e.args, {
-            url: url, target: proxy.checkBoxObj.checked ? '_blank' : null, selectNode: e.selectNode,
+            url: url, target: proxy.checkBoxObj.checked ? '_blank' : null, ariaLabel: proxy.checkBoxObj.checked ? this.i10n.getConstant('ImageLinkAriaLabel') : null, selectNode: e.selectNode,
             subCommand: e.args.item.subCommand, selection: e.selection
         });
         var captionEle = closest(e.selectNode[0], '.e-img-caption');
@@ -25647,11 +25807,11 @@ var Image$1 = /** @class */ (function () {
         }
         else {
             this.captionEle = this.parent.createElement('span', {
-                className: CLS_CAPTION + ' ' + CLS_RTE_CAPTION + ' ' + this.parent.cssClass,
+                className: CLS_CAPTION + ' ' + CLS_RTE_CAPTION + this.parent.getCssClass(true),
                 attrs: { contenteditable: 'false', draggable: 'false', style: 'width:' + this.parent.insertImageSettings.width }
             });
-            var imgWrap = this.parent.createElement('span', { className: 'e-img-wrap' + ' ' + this.parent.cssClass });
-            var imgInner = this.parent.createElement('span', { className: 'e-img-inner' + ' ' + this.parent.cssClass,
+            var imgWrap = this.parent.createElement('span', { className: 'e-img-wrap' + this.parent.getCssClass(true) });
+            var imgInner = this.parent.createElement('span', { className: 'e-img-inner' + this.parent.getCssClass(true),
                 attrs: { contenteditable: 'true' } });
             var parent_1 = e.selectNode[0].parentElement;
             if (parent_1.tagName === 'A') {
@@ -25704,7 +25864,7 @@ var Image$1 = /** @class */ (function () {
                             _this.insertSize(selectObj_1);
                         },
                         buttonModel: {
-                            content: linkUpdate, cssClass: 'e-flat e-update-size' + ' ' + this.parent.cssClass, isPrimary: true
+                            content: linkUpdate, cssClass: 'e-flat e-update-size' + this.parent.getCssClass(true), isPrimary: true
                         }
                     }],
                 cssClass: this.dialogObj.cssClass + ' e-rte-img-size-dialog'
@@ -25750,7 +25910,7 @@ var Image$1 = /** @class */ (function () {
             this.dialogObj.hide({ returnValue: true });
             return;
         }
-        var imgDialog = this.parent.createElement('div', { className: 'e-rte-img-dialog' + ' ' + this.parent.cssClass, id: this.rteID + '_image' });
+        var imgDialog = this.parent.createElement('div', { className: 'e-rte-img-dialog' + this.parent.getCssClass(true), id: this.rteID + '_image' });
         this.parent.element.appendChild(imgDialog);
         var imgInsert = this.i10n.getConstant('dialogInsert');
         var imglinkCancel = this.i10n.getConstant('dialogCancel');
@@ -25759,20 +25919,20 @@ var Image$1 = /** @class */ (function () {
         var selectObj = { selfImage: this, selection: e.selection, args: e.args, selectParent: e.selectParent };
         var dialogModel = {
             header: imgHeader,
-            cssClass: CLS_RTE_ELEMENTS + ' ' + this.parent.cssClass,
+            cssClass: CLS_RTE_ELEMENTS + this.parent.getCssClass(true),
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px',
             isModal: Browser.isDevice,
             buttons: [{
                     click: this.insertImageUrl.bind(selectObj),
-                    buttonModel: { content: imgInsert, cssClass: 'e-flat e-insertImage' + ' ' + this.parent.cssClass, isPrimary: true, disabled: true }
+                    buttonModel: { content: imgInsert, cssClass: 'e-flat e-insertImage' + this.parent.getCssClass(true), isPrimary: true, disabled: true }
                 },
                 {
                     click: function (e) {
                         _this.cancelDialog(e);
                     },
-                    buttonModel: { cssClass: 'e-flat e-cancel' + ' ' + this.parent.cssClass, content: imglinkCancel }
+                    buttonModel: { cssClass: 'e-flat e-cancel' + this.parent.getCssClass(true), content: imglinkCancel }
                 }],
             target: (Browser.isDevice) ? document.body : this.parent.element,
             animationSettings: { effect: 'None' },
@@ -25795,12 +25955,12 @@ var Image$1 = /** @class */ (function () {
                 _this.dialogObj = null;
             }
         };
-        var dialogContent = this.parent.createElement('div', { className: 'e-img-content' + ' ' + this.parent.cssClass });
+        var dialogContent = this.parent.createElement('div', { className: 'e-img-content' + this.parent.getCssClass(true) });
         if ((!isNullOrUndefined(this.parent.insertImageSettings.path) && this.parent.editorMode === 'Markdown')
             || this.parent.editorMode === 'HTML') {
             dialogContent.appendChild(this.imgUpload(e));
         }
-        var linkHeader = this.parent.createElement('div', { className: 'e-linkheader' + ' ' + this.parent.cssClass });
+        var linkHeader = this.parent.createElement('div', { className: 'e-linkheader' + this.parent.getCssClass(true) });
         var linkHeaderText = this.i10n.getConstant('imageLinkHeader');
         if (this.parent.editorMode === 'HTML') {
             linkHeader.innerHTML = linkHeaderText;
@@ -25917,10 +26077,10 @@ var Image$1 = /** @class */ (function () {
     // eslint-disable-next-line
     Image.prototype.imageUrlPopup = function (e) {
         var _this = this;
-        var imgUrl = this.parent.createElement('div', { className: 'imgUrl' + ' ' + this.parent.cssClass });
+        var imgUrl = this.parent.createElement('div', { className: 'imgUrl' + this.parent.getCssClass(true) });
         var placeUrl = this.i10n.getConstant('imageUrl');
         this.inputUrl = this.parent.createElement('input', {
-            className: 'e-input e-img-url' + ' ' + this.parent.cssClass,
+            className: 'e-input e-img-url' + this.parent.getCssClass(true),
             attrs: { placeholder: placeUrl, spellcheck: 'false', 'aria-label': this.i10n.getConstant('imageLinkHeader') }
         });
         this.inputUrl.addEventListener('input', function () {
@@ -25987,7 +26147,7 @@ var Image$1 = /** @class */ (function () {
         var selectNode = e.selectNode[0];
         var imgHeight = this.i10n.getConstant('imageHeight');
         var imgWidth = this.i10n.getConstant('imageWidth');
-        var imgSizeWrap = this.parent.createElement('div', { className: 'e-img-sizewrap' + ' ' + this.parent.cssClass });
+        var imgSizeWrap = this.parent.createElement('div', { className: 'e-img-sizewrap' + this.parent.getCssClass(true) });
         var widthVal = isNullOrUndefined(this.changedWidthValue) && (selectNode.style.width.toString() === 'auto' ||
             selectNode.style.width !== '') ? selectNode.style.width : !isNullOrUndefined(this.changedWidthValue) ?
             this.changedWidthValue : (parseInt(selectNode.getClientRects()[0].width.toString(), 10)).toString();
@@ -25996,10 +26156,10 @@ var Image$1 = /** @class */ (function () {
             this.changedHeightValue : (parseInt(selectNode.getClientRects()[0].height.toString(), 10)).toString();
         this.changedWidthValue = null;
         this.changedHeightValue = null;
-        var content = '<div class="e-rte-label' + ' ' + this.parent.cssClass + '"><label>' + imgWidth +
-            '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '"><input type="text" id="imgwidth" class="e-img-width' + ' ' + this.parent.cssClass + '/></div>' +
-            '<div class="e-rte-label' + ' ' + this.parent.cssClass + '">' + '<label>' + imgHeight + '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '"> ' +
-            '<input type="text" id="imgheight" class="e-img-height' + ' ' + this.parent.cssClass + '"/></div>';
+        var content = '<div class="e-rte-label' + this.parent.getCssClass(true) + '"><label>' + imgWidth +
+            '</label></div><div class="e-rte-field' + this.parent.getCssClass(true) + '"><input type="text" id="imgwidth" class="e-img-width' + this.parent.getCssClass(true) + '"/></div>' +
+            '<div class="e-rte-label' + this.parent.getCssClass(true) + '">' + '<label>' + imgHeight + '</label></div><div class="e-rte-field' + this.parent.getCssClass(true) + '"> ' +
+            '<input type="text" id="imgheight" class="e-img-height' + this.parent.getCssClass(true) + '"/></div>';
         var contentElem = parseHtml(content);
         contentElem.getElementById('imgwidth').setAttribute('value', widthVal);
         contentElem.getElementById('imgheight').setAttribute('value', heightVal);
@@ -26007,7 +26167,7 @@ var Image$1 = /** @class */ (function () {
         this.widthNum = new TextBox({
             value: formatUnit(widthVal),
             enableRtl: this.parent.enableRtl,
-            cssClass: this.parent.cssClass,
+            cssClass: this.parent.getCssClass(),
             input: function (e) {
                 _this.inputWidthValue = formatUnit(_this.inputValue(e.value));
             }
@@ -26017,7 +26177,7 @@ var Image$1 = /** @class */ (function () {
         this.heightNum = new TextBox({
             value: formatUnit(heightVal),
             enableRtl: this.parent.enableRtl,
-            cssClass: this.parent.cssClass,
+            cssClass: this.parent.getCssClass(),
             input: function (e) {
                 _this.inputHeightValue = formatUnit(_this.inputValue(e.value));
             }
@@ -26089,16 +26249,16 @@ var Image$1 = /** @class */ (function () {
             save = e.selection;
             selectParent = e.selectParent;
         }
-        var uploadParentEle = this.parent.createElement('div', { className: 'e-img-uploadwrap e-droparea' + ' ' + this.parent.cssClass });
+        var uploadParentEle = this.parent.createElement('div', { className: 'e-img-uploadwrap e-droparea' + this.parent.getCssClass(true) });
         var deviceImgUpMsg = this.i10n.getConstant('imageDeviceUploadMessage');
         var imgUpMsg = this.i10n.getConstant('imageUploadMessage');
-        var span = this.parent.createElement('span', { className: 'e-droptext' + ' ' + this.parent.cssClass });
+        var span = this.parent.createElement('span', { className: 'e-droptext' + this.parent.getCssClass(true) });
         var spanMsg = this.parent.createElement('span', {
-            className: 'e-rte-upload-text' + ' ' + this.parent.cssClass, innerHTML: ((Browser.isDevice) ? deviceImgUpMsg : imgUpMsg)
+            className: 'e-rte-upload-text' + this.parent.getCssClass(true), innerHTML: ((Browser.isDevice) ? deviceImgUpMsg : imgUpMsg)
         });
         span.appendChild(spanMsg);
         var btnEle = this.parent.createElement('button', {
-            className: 'e-browsebtn' + ' ' + this.parent.cssClass, id: this.rteID + '_insertImage', attrs: { autofocus: 'true', type: 'button' }
+            className: 'e-browsebtn' + this.parent.getCssClass(true), id: this.rteID + '_insertImage', attrs: { autofocus: 'true', type: 'button' }
         });
         span.appendChild(btnEle);
         uploadParentEle.appendChild(span);
@@ -26110,7 +26270,7 @@ var Image$1 = /** @class */ (function () {
         var btnClick = (Browser.isDevice) ? span : btnEle;
         EventHandler.add(btnClick, 'click', this.fileSelect, this);
         var uploadEle = this.parent.createElement('input', {
-            id: this.rteID + '_upload', attrs: { type: 'File', name: 'UploadFiles' }, className: this.parent.cssClass
+            id: this.rteID + '_upload', attrs: { type: 'File', name: 'UploadFiles' }, className: this.parent.getCssClass()
         });
         uploadParentEle.appendChild(uploadEle);
         var altText;
@@ -26118,7 +26278,7 @@ var Image$1 = /** @class */ (function () {
         var filesData;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertImageSettings.saveUrl, removeUrl: this.parent.insertImageSettings.removeUrl },
-            dropArea: span, multiple: false, enableRtl: this.parent.enableRtl, cssClass: this.parent.cssClass,
+            dropArea: span, multiple: false, enableRtl: this.parent.enableRtl, cssClass: this.parent.getCssClass(),
             allowedExtensions: this.parent.insertImageSettings.allowedTypes.toString(),
             selected: function (e) {
                 proxy.isImgUploaded = true;
@@ -26191,9 +26351,9 @@ var Image$1 = /** @class */ (function () {
             failure: function (e) {
                 _this.parent.trigger(imageUploadFailed, e);
             },
-            removing: function () {
+            removing: function (removeEventArgs) {
                 // eslint-disable-next-line
-                _this.parent.trigger(imageRemoving, e, function (e) {
+                _this.parent.trigger(imageRemoving, removeEventArgs, function (e) {
                     proxy.isImgUploaded = false;
                     _this.dialogObj.getButtons(0).element.disabled = true;
                     proxy.inputUrl.removeAttribute('disabled');
@@ -26482,7 +26642,7 @@ var Image$1 = /** @class */ (function () {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
                 removeUrl: this.parent.insertImageSettings.removeUrl
             },
-            cssClass: CLS_RTE_DIALOG_UPLOAD + ' ' + this.parent.cssClass,
+            cssClass: CLS_RTE_DIALOG_UPLOAD + this.parent.getCssClass(true),
             dropArea: this.parent.element,
             allowedExtensions: this.parent.insertImageSettings.allowedTypes.toString(),
             removing: function () {
@@ -26688,10 +26848,10 @@ var Image$1 = /** @class */ (function () {
      */
     /* eslint-enable */
     Image.prototype.destroy = function () {
-        this.prevSelectedImgEle = undefined;
         if (isNullOrUndefined(this.parent)) {
             return;
         }
+        this.prevSelectedImgEle = undefined;
         this.removeEventListener();
     };
     Image.prototype.moduleDestroy = function () {
@@ -26711,7 +26871,7 @@ var Image$1 = /** @class */ (function () {
 /**
  * `Audio` module is used to handle audio actions.
  */
-var Audio = /** @class */ (function () {
+var Audio = /** @__PURE__ @class */ (function () {
     function Audio(parent, serviceLocator) {
         this.isAudioUploaded = false;
         this.isAllowedTypes = true;
@@ -27552,7 +27712,7 @@ var Audio = /** @class */ (function () {
     return Audio;
 }());
 
-var Video = /** @class */ (function () {
+var Video = /** @__PURE__ @class */ (function () {
     function Video(parent, serviceLocator) {
         this.isVideoUploaded = false;
         this.isAllowedTypes = true;
@@ -28962,7 +29122,7 @@ var Video = /** @class */ (function () {
  * @hidden
  * @deprecated
  */
-var ViewSource = /** @class */ (function () {
+var ViewSource = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for view source module
      *
@@ -28996,7 +29156,7 @@ var ViewSource = /** @class */ (function () {
         this.parent.formatter.editorManager.observer.off(KEY_DOWN_HANDLER, this.onKeyDown);
     };
     ViewSource.prototype.getSourceCode = function () {
-        return this.parent.createElement('textarea', { className: CLS_RTE_SOURCE_CODE_TXTAREA + ' ' + this.parent.cssClass });
+        return this.parent.createElement('textarea', { className: CLS_RTE_SOURCE_CODE_TXTAREA + this.parent.getCssClass(true) });
     };
     ViewSource.prototype.wireEvent = function (element) {
         this.keyboardModule = new KeyboardEvents$1(element, {
@@ -29093,8 +29253,10 @@ var ViewSource = /** @class */ (function () {
             this.getPanel().style.display = 'block';
         }
         else {
+            var height = this.parent.inputElement.offsetHeight;
             this.contentModule.getPanel().appendChild(this.previewElement);
             this.getPanel().value = this.getTextAreaValue();
+            this.previewElement.style.height = height + 'px';
             this.contentModule.getEditPanel().style.display = 'none';
             this.previewElement.style.display = 'block';
         }
@@ -29232,7 +29394,7 @@ var ViewSource = /** @class */ (function () {
 /**
  * `Table` module is used to handle table actions.
  */
-var Table = /** @class */ (function () {
+var Table = /** @__PURE__ @class */ (function () {
     function Table(parent, serviceLocator) {
         this.ensureInsideTableList = true;
         this.pageX = null;
@@ -29257,6 +29419,7 @@ var Table = /** @class */ (function () {
         this.parent.on(showTableDialog, this.showDialog, this);
         this.parent.on(closeTableDialog, this.closeDialog, this);
         this.parent.on(docClick, this.docClick, this);
+        this.parent.on(iframeMouseDown, this.onIframeMouseDown, this);
         this.parent.on(editAreaClick, this.editAreaClickHandler, this);
         this.parent.on(clearDialogObj, this.clearDialogObj, this);
         this.parent.on(tableToolbarAction, this.onToolbarAction, this);
@@ -29277,6 +29440,7 @@ var Table = /** @class */ (function () {
         this.parent.off(initialEnd, this.afterRender);
         this.parent.off(dynamicModule, this.afterRender);
         this.parent.off(docClick, this.docClick);
+        this.parent.off(iframeMouseDown, this.onIframeMouseDown);
         this.parent.off(showTableDialog, this.showDialog);
         this.parent.off(closeTableDialog, this.closeDialog);
         this.parent.off(editAreaClick, this.editAreaClickHandler);
@@ -29285,8 +29449,8 @@ var Table = /** @class */ (function () {
         this.parent.off(dropDownSelect, this.dropdownSelect);
         this.parent.off(mouseDown, this.cellSelect);
         this.parent.off(tableColorPickerChanged, this.setBGColor);
-        this.parent.off(keyUp, this.keyUp);
         this.parent.off(keyDown, this.keyDown);
+        this.parent.off(keyUp, this.keyUp);
         this.parent.off(mouseUp, this.selectionTable);
         this.parent.off(tableModulekeyUp, this.tableModulekeyUp);
         this.parent.off(bindCssClass, this.setCssClass);
@@ -29482,11 +29646,12 @@ var Table = /** @class */ (function () {
                 name: !isInternal ? 'showDialog' : null
             };
             this.insertTableDialog({ self: this, args: args, selection: selection });
+            this.parent.formatter.editorManager.nodeSelection.restore();
         }
     };
     Table.prototype.showDialog = function () {
         this.openDialog(false);
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     Table.prototype.closeDialog = function () {
         if (this.editdlgObj) {
@@ -29676,6 +29841,10 @@ var Table = /** @class */ (function () {
     Table.prototype.tableHeader = function (selection, e) {
         this.parent.formatter.process(this.parent, e, e.originalEvent, { selection: selection, subCommand: e.item.subCommand });
     };
+    Table.prototype.getAnchorNode = function (element) {
+        var selectParent = closest(element, 'a');
+        return (selectParent ? selectParent : element);
+    };
     Table.prototype.editAreaClickHandler = function (e) {
         if (this.parent.readonly || !isNullOrUndefined(closest(e.args.target, '.e-img-caption'))) {
             return;
@@ -29697,7 +29866,8 @@ var Table = /** @class */ (function () {
             var closestTable = closest(target, 'table');
             var startNode = this.parent.getRange().startContainer.parentElement;
             var endNode = this.parent.getRange().endContainer.parentElement;
-            if (target && target.nodeName !== 'A' && target.nodeName !== 'IMG' && target.nodeName !== 'VIDEO' && !target.classList.contains(CLS_CLICKELEM) &&
+            var isAnchorEle = this.getAnchorNode(target);
+            if (target && target.nodeName !== 'A' && isAnchorEle.nodeName !== 'A' && target.nodeName !== 'IMG' && target.nodeName !== 'VIDEO' && !target.classList.contains(CLS_CLICKELEM) &&
                 target.nodeName !== 'AUDIO' && startNode === endNode && (target.nodeName === 'TD' || target.nodeName === 'TH' ||
                 target.nodeName === 'TABLE' || (closestTable && this.parent.contentModule.getEditPanel().contains(closestTable)))
                 && !(range.startContainer.nodeType === 3 && !range.collapsed)) {
@@ -29883,7 +30053,7 @@ var Table = /** @class */ (function () {
             this.contentModule.getEditPanel().appendChild(rowReEle);
         }
         var tableReBox = this.parent.createElement('span', {
-            className: CLS_TB_BOX_RES + ' ' + this.parent.cssClass, attrs: {
+            className: CLS_TB_BOX_RES + this.parent.getCssClass(true), attrs: {
                 'data-col': columns.length.toString(), 'unselectable': 'on', 'contenteditable': 'false'
             }
         });
@@ -30036,7 +30206,7 @@ var Table = /** @class */ (function () {
     };
     Table.prototype.appendHelper = function () {
         this.helper = this.parent.createElement('div', {
-            className: 'e-table-rhelper' + ' ' + this.parent.cssClass
+            className: 'e-table-rhelper' + this.parent.getCssClass(true)
         });
         if (Browser.isDevice) {
             this.helper.classList.add('e-reicon');
@@ -30397,16 +30567,16 @@ var Table = /** @class */ (function () {
         this.hideTableQuickToolbar();
         var header = '1X1';
         var insertbtn = this.l10n.getConstant('inserttablebtn');
-        this.dlgDiv = this.parent.createElement('div', { className: 'e-rte-table-popup' + ' ' + this.parent.cssClass, id: this.rteID + '_table' });
-        this.tblHeader = this.parent.createElement('div', { className: 'e-rte-popup-header' + ' ' + this.parent.cssClass });
+        this.dlgDiv = this.parent.createElement('div', { className: 'e-rte-table-popup' + this.parent.getCssClass(true), id: this.rteID + '_table' });
+        this.tblHeader = this.parent.createElement('div', { className: 'e-rte-popup-header' + this.parent.getCssClass(true) });
         this.tblHeader.innerHTML = header;
         this.dlgDiv.appendChild(this.tblHeader);
-        var tableDiv = this.parent.createElement('div', { className: 'e-rte-table-span' + ' ' + this.parent.cssClass });
+        var tableDiv = this.parent.createElement('div', { className: 'e-rte-table-span' + this.parent.getCssClass(true) });
         this.drawTable(tableDiv, args);
         this.dlgDiv.appendChild(tableDiv);
-        this.dlgDiv.appendChild(this.parent.createElement('span', { className: 'e-span-border' + ' ' + this.parent.cssClass }));
+        this.dlgDiv.appendChild(this.parent.createElement('span', { className: 'e-span-border' + this.parent.getCssClass(true) }));
         var btnEle = this.parent.createElement('button', {
-            className: 'e-insert-table-btn' + ' ' + this.parent.cssClass, id: this.rteID + '_insertTable',
+            className: 'e-insert-table-btn' + this.parent.getCssClass(true), id: this.rteID + '_insertTable',
             attrs: { type: 'button', tabindex: '0' }
         });
         if (!isNullOrUndefined(this.parent.getToolbarElement().querySelector('.e-expended-nav'))) {
@@ -30414,7 +30584,7 @@ var Table = /** @class */ (function () {
         }
         this.dlgDiv.appendChild(btnEle);
         this.createTableButton = new Button({
-            iconCss: 'e-icons e-create-table', content: insertbtn, cssClass: 'e-flat' + ' ' + this.parent.cssClass,
+            iconCss: 'e-icons e-create-table', content: insertbtn, cssClass: 'e-flat' + this.parent.getCssClass(true),
             enableRtl: this.parent.enableRtl, locale: this.parent.locale
         });
         this.createTableButton.isStringTemplate = true;
@@ -30442,10 +30612,15 @@ var Table = /** @class */ (function () {
         });
         addClass([this.popupObj.element], 'e-popup-open');
         if (!isNullOrUndefined(this.parent.cssClass)) {
-            addClass([this.popupObj.element], this.parent.cssClass);
+            addClass([this.popupObj.element], this.parent.getCssClass());
         }
         this.popupObj.refreshPosition(target);
     };
+    Table.prototype.onIframeMouseDown = function () {
+        if (this.popupObj) {
+            this.popupObj.hide();
+        }
+    };
     Table.prototype.docClick = function (e) {
         var target = e.args.target;
         // eslint-disable-next-line
@@ -30482,10 +30657,10 @@ var Table = /** @class */ (function () {
         var rowDiv;
         var tableCell;
         for (var row = 0; row < 3; row++) {
-            rowDiv = this.parent.createElement('div', { className: 'e-rte-table-row' + ' ' + this.parent.cssClass, attrs: { 'data-column': '' + row } });
+            rowDiv = this.parent.createElement('div', { className: 'e-rte-table-row' + this.parent.getCssClass(true), attrs: { 'data-column': '' + row } });
             for (var col = 0; col < 10; col++) {
                 var display = (row > 2) ? 'none' : 'inline-block';
-                tableCell = this.parent.createElement('div', { className: 'e-rte-tablecell e-default' + ' ' + this.parent.cssClass, attrs: { 'data-cell': '' + col } });
+                tableCell = this.parent.createElement('div', { className: 'e-rte-tablecell e-default' + this.parent.getCssClass(true), attrs: { 'data-cell': '' + col } });
                 rowDiv.appendChild(tableCell);
                 tableCell.style.display = display;
                 if (col === 0 && row === 0) {
@@ -30509,13 +30684,13 @@ var Table = /** @class */ (function () {
             height: 'initial', width: '290px', content: editContent, header: editHeader,
             buttons: [{
                     click: this.applyProperties.bind(this, args),
-                    buttonModel: { content: update, cssClass: 'e-flat e-size-update' + ' ' + this.parent.cssClass, isPrimary: true }
+                    buttonModel: { content: update, cssClass: 'e-flat e-size-update' + this.parent.getCssClass(true), isPrimary: true }
                 },
                 {
                     click: function (e) {
                         _this.cancelDialog(e);
                     },
-                    buttonModel: { cssClass: 'e-flat e-cancel' + ' ' + this.parent.cssClass, content: cancel }
+                    buttonModel: { cssClass: 'e-flat e-cancel' + this.parent.getCssClass(true), content: cancel }
                 }],
             cssClass: this.editdlgObj.cssClass + ' e-rte-edit-table-prop-dialog'
         });
@@ -30557,10 +30732,10 @@ var Table = /** @class */ (function () {
     Table.prototype.tableCellDlgContent = function () {
         var tableColumn = this.l10n.getConstant('columns');
         var tableRow = this.l10n.getConstant('rows');
-        var tableWrap = this.parent.createElement('div', { className: 'e-cell-wrap' + ' ' + this.parent.cssClass });
-        var content = '<div class="e-rte-field' + ' ' + this.parent.cssClass + '"><input type="text" '
-            + ' data-role ="none" id="tableColumn" class="e-table-column' + ' ' + this.parent.cssClass + '"/></div>'
-            + '<div class="e-rte-field' + ' ' + this.parent.cssClass + '"><input type="text" data-role ="none" id="tableRow" class="e-table-row' + ' ' + this.parent.cssClass + '" /></div>';
+        var tableWrap = this.parent.createElement('div', { className: 'e-cell-wrap' + this.parent.getCssClass(true) });
+        var content = '<div class="e-rte-field' + this.parent.getCssClass(true) + '"><input type="text" '
+            + ' data-role ="none" id="tableColumn" class="e-table-column' + this.parent.getCssClass(true) + '"/></div>'
+            + '<div class="e-rte-field' + this.parent.getCssClass(true) + '"><input type="text" data-role ="none" id="tableRow" class="e-table-row' + this.parent.getCssClass(true) + '" /></div>';
         var contentElem = parseHtml(content);
         tableWrap.appendChild(contentElem);
         this.columnTextBox = new NumericTextBox({
@@ -30571,7 +30746,7 @@ var Table = /** @class */ (function () {
             floatLabelType: 'Auto',
             max: 50,
             enableRtl: this.parent.enableRtl, locale: this.parent.locale,
-            cssClass: this.parent.cssClass
+            cssClass: this.parent.getCssClass()
         });
         this.columnTextBox.isStringTemplate = true;
         this.columnTextBox.appendTo(tableWrap.querySelector('#tableColumn'));
@@ -30583,7 +30758,7 @@ var Table = /** @class */ (function () {
             floatLabelType: 'Auto',
             max: 1000,
             enableRtl: this.parent.enableRtl, locale: this.parent.locale,
-            cssClass: this.parent.cssClass
+            cssClass: this.parent.getCssClass()
         });
         this.rowTextBox.isStringTemplate = true;
         this.rowTextBox.appendTo(tableWrap.querySelector('#tableRow'));
@@ -30604,7 +30779,7 @@ var Table = /** @class */ (function () {
             return;
         }
         var tableDialog = this.parent.createElement('div', {
-            className: 'e-rte-edit-table' + ' ' + this.parent.cssClass, id: this.rteID + '_tabledialog'
+            className: 'e-rte-edit-table' + this.parent.getCssClass(true), id: this.rteID + '_tabledialog'
         });
         this.parent.element.appendChild(tableDialog);
         var insert = this.l10n.getConstant('dialogInsert');
@@ -30612,20 +30787,20 @@ var Table = /** @class */ (function () {
         var header = this.l10n.getConstant('tabledialogHeader');
         var dialogModel = {
             header: header,
-            cssClass: CLS_RTE_ELEMENTS + ' ' + this.parent.cssClass,
+            cssClass: CLS_RTE_ELEMENTS + this.parent.getCssClass(true),
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px', height: 'initial',
             position: { X: 'center', Y: (Browser.isDevice) ? 'center' : 'top' },
             isModal: Browser.isDevice,
             buttons: [{
-                    buttonModel: { content: insert, cssClass: 'e-flat e-insert-table' + ' ' + this.parent.cssClass, isPrimary: true }
+                    buttonModel: { content: insert, cssClass: 'e-flat e-insert-table' + this.parent.getCssClass(true), isPrimary: true }
                 },
                 {
                     click: function (e) {
                         _this.cancelDialog(e);
                     },
-                    buttonModel: { cssClass: 'e-flat e-cancel' + ' ' + this.parent.cssClass, content: cancel }
+                    buttonModel: { cssClass: 'e-flat e-cancel' + this.parent.getCssClass(true), content: cancel }
                 }],
             target: (Browser.isDevice) ? document.body : this.parent.element,
             animationSettings: { effect: 'None' },
@@ -30698,13 +30873,13 @@ var Table = /** @class */ (function () {
         var tableWidth = this.l10n.getConstant('tableWidth');
         var cellPadding = this.l10n.getConstant('cellpadding');
         var cellSpacing = this.l10n.getConstant('cellspacing');
-        var tableWrap = this.parent.createElement('div', { className: 'e-table-sizewrap' + ' ' + this.parent.cssClass });
+        var tableWrap = this.parent.createElement('div', { className: 'e-table-sizewrap' + this.parent.getCssClass(true) });
         var widthVal = closest(selectNode, 'table').getClientRects()[0].width;
         var padVal = closest(selectNode, 'td').style.padding;
         var brdSpcVal = closest(selectNode, 'table').getAttribute('cellspacing');
-        var content = '<div class="e-rte-field' + ' ' + this.parent.cssClass + '"><input type="text" data-role ="none" id="tableWidth" class="e-table-width' + ' ' + this.parent.cssClass + '" '
-            + ' /></div>' + '<div class="e-rte-field' + ' ' + this.parent.cssClass + '"><input type="text" data-role ="none" id="cellPadding" class="e-cell-padding' + ' ' + this.parent.cssClass + '" />'
-            + ' </div><div class="e-rte-field' + ' ' + this.parent.cssClass + '"><input type="text" data-role ="none" id="cellSpacing" class="e-cell-spacing' + ' ' + this.parent.cssClass + '" /></div>';
+        var content = '<div class="e-rte-field' + this.parent.getCssClass(true) + '"><input type="text" data-role ="none" id="tableWidth" class="e-table-width' + this.parent.getCssClass(true) + '" '
+            + ' /></div>' + '<div class="e-rte-field' + this.parent.getCssClass(true) + '"><input type="text" data-role ="none" id="cellPadding" class="e-cell-padding' + this.parent.getCssClass(true) + '" />'
+            + ' </div><div class="e-rte-field' + this.parent.getCssClass(true) + '"><input type="text" data-role ="none" id="cellSpacing" class="e-cell-spacing' + this.parent.getCssClass(true) + '" /></div>';
         var contentElem = parseHtml(content);
         tableWrap.appendChild(contentElem);
         this.tableWidthNum = new NumericTextBox({
@@ -30772,7 +30947,7 @@ var Table = /** @class */ (function () {
 /**
  * Dialog Renderer
  */
-var DialogRenderer = /** @class */ (function () {
+var DialogRenderer = /** @__PURE__ @class */ (function () {
     function DialogRenderer(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -30851,7 +31026,16 @@ var DialogRenderer = /** @class */ (function () {
     DialogRenderer.prototype.getDialogPosition = function () {
         var distanceFromVisibleTop = this.parent.element.getBoundingClientRect().top;
         if (distanceFromVisibleTop < 0) {
-            distanceFromVisibleTop = Math.abs(distanceFromVisibleTop);
+            var topHeight = 0;
+            var parentElement = this.parent.element;
+            while (parentElement.nodeName !== 'BODY') {
+                var top_1 = parentElement.getBoundingClientRect().top;
+                if (top_1 > 0) {
+                    topHeight = top_1;
+                }
+                parentElement = parentElement.parentElement;
+            }
+            distanceFromVisibleTop = Math.abs(distanceFromVisibleTop) + topHeight;
             return distanceFromVisibleTop.toString();
         }
         else {
@@ -31069,29 +31253,29 @@ var executeGroup = {
     }
 };
 
-var __extends$5 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$5 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$2 = (undefined && undefined.__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;
+};
 /**
  * Configures the toolbar settings of the RichTextEditor.
  */
-var ToolbarSettings$1 = /** @class */ (function (_super) {
+var ToolbarSettings$1 = /** @__PURE__ @class */ (function (_super) {
     __extends$5(ToolbarSettings$$1, _super);
     function ToolbarSettings$$1() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31116,7 +31300,7 @@ var ToolbarSettings$1 = /** @class */ (function (_super) {
 /**
  * Configures the image settings of the RichTextEditor.
  */
-var ImageSettings = /** @class */ (function (_super) {
+var ImageSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$5(ImageSettings, _super);
     function ImageSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31168,7 +31352,7 @@ var ImageSettings = /** @class */ (function (_super) {
 /**
  * Configures the audio settings of the RichTextEditor.
  */
-var AudioSettings = /** @class */ (function (_super) {
+var AudioSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$5(AudioSettings, _super);
     function AudioSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31196,7 +31380,7 @@ var AudioSettings = /** @class */ (function (_super) {
 /**
  * Configures the video settings of the RichTextEditor.
  */
-var VideoSettings = /** @class */ (function (_super) {
+var VideoSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$5(VideoSettings, _super);
     function VideoSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31248,7 +31432,7 @@ var VideoSettings = /** @class */ (function (_super) {
 /**
  * Configures the file manager settings of the RichTextEditor.
  */
-var FileManagerSettings = /** @class */ (function (_super) {
+var FileManagerSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$5(FileManagerSettings, _super);
     function FileManagerSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31309,7 +31493,7 @@ var FileManagerSettings = /** @class */ (function (_super) {
     ], FileManagerSettings.prototype, "view", void 0);
     return FileManagerSettings;
 }(ChildProperty));
-var TableSettings = /** @class */ (function (_super) {
+var TableSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$5(TableSettings, _super);
     function TableSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31334,7 +31518,7 @@ var TableSettings = /** @class */ (function (_super) {
 /**
  * Configures the quick toolbar settings of the RichTextEditor.
  */
-var QuickToolbarSettings = /** @class */ (function (_super) {
+var QuickToolbarSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$5(QuickToolbarSettings, _super);
     function QuickToolbarSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31371,7 +31555,7 @@ var QuickToolbarSettings = /** @class */ (function (_super) {
 /**
  * Configure the format painter settings of the Rich Text Editor.
  */
-var FormatPainterSettings = /** @class */ (function (_super) {
+var FormatPainterSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$5(FormatPainterSettings, _super);
     function FormatPainterSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31387,7 +31571,7 @@ var FormatPainterSettings = /** @class */ (function (_super) {
 /**
  * Specifies the emoji picker options in Rich Text Editor with the following properties.
  */
-var EmojiSettings = /** @class */ (function (_super) {
+var EmojiSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$5(EmojiSettings, _super);
     function EmojiSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31403,7 +31587,7 @@ var EmojiSettings = /** @class */ (function (_super) {
 /**
  * Configures the Paste Cleanup settings of the RichTextEditor.
  */
-var PasteCleanupSettings = /** @class */ (function (_super) {
+var PasteCleanupSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$5(PasteCleanupSettings, _super);
     function PasteCleanupSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31431,7 +31615,7 @@ var PasteCleanupSettings = /** @class */ (function (_super) {
 /**
  * Configures the font family settings of the RichTextEditor.
  */
-var FontFamily = /** @class */ (function (_super) {
+var FontFamily = /** @__PURE__ @class */ (function (_super) {
     __extends$5(FontFamily, _super);
     function FontFamily() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31450,7 +31634,7 @@ var FontFamily = /** @class */ (function (_super) {
 /**
  * Configures the font size settings of the RichTextEditor.
  */
-var FontSize = /** @class */ (function (_super) {
+var FontSize = /** @__PURE__ @class */ (function (_super) {
     __extends$5(FontSize, _super);
     function FontSize() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31469,7 +31653,7 @@ var FontSize = /** @class */ (function (_super) {
 /**
  * Configures the format settings of the RichTextEditor.
  */
-var Format = /** @class */ (function (_super) {
+var Format = /** @__PURE__ @class */ (function (_super) {
     __extends$5(Format, _super);
     function Format() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31488,7 +31672,7 @@ var Format = /** @class */ (function (_super) {
 /**
  * Configures the font Color settings of the RichTextEditor.
  */
-var FontColor = /** @class */ (function (_super) {
+var FontColor = /** @__PURE__ @class */ (function (_super) {
     __extends$5(FontColor, _super);
     function FontColor() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31513,7 +31697,7 @@ var FontColor = /** @class */ (function (_super) {
 /**
  * Configures the background Color settings of the RichTextEditor.
  */
-var BackgroundColor = /** @class */ (function (_super) {
+var BackgroundColor = /** @__PURE__ @class */ (function (_super) {
     __extends$5(BackgroundColor, _super);
     function BackgroundColor() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31538,7 +31722,7 @@ var BackgroundColor = /** @class */ (function (_super) {
 /**
  * Configures the numberFormatList settings of the RichTextEditor.
  */
-var NumberFormatList = /** @class */ (function (_super) {
+var NumberFormatList = /** @__PURE__ @class */ (function (_super) {
     __extends$5(NumberFormatList, _super);
     function NumberFormatList() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31551,7 +31735,7 @@ var NumberFormatList = /** @class */ (function (_super) {
 /**
  * Configures the bulletFormatList settings of the RichTextEditor.
  */
-var BulletFormatList = /** @class */ (function (_super) {
+var BulletFormatList = /** @__PURE__ @class */ (function (_super) {
     __extends$5(BulletFormatList, _super);
     function BulletFormatList() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31562,29 +31746,29 @@ var BulletFormatList = /** @class */ (function (_super) {
     return BulletFormatList;
 }(ChildProperty));
 
-var __extends$6 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$6 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$3 = (undefined && undefined.__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;
+};
 /**
  * Objects used for configuring the iframe resources properties.
  */
-var Resources = /** @class */ (function (_super) {
+var Resources = /** @__PURE__ @class */ (function (_super) {
     __extends$6(Resources, _super);
     function Resources() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31600,7 +31784,7 @@ var Resources = /** @class */ (function (_super) {
 /**
  * Configures the iframe settings of the RTE.
  */
-var IFrameSettings = /** @class */ (function (_super) {
+var IFrameSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$6(IFrameSettings, _super);
     function IFrameSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31617,29 +31801,29 @@ var IFrameSettings = /** @class */ (function (_super) {
     return IFrameSettings;
 }(ChildProperty));
 
-var __extends$7 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$7 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$4 = (undefined && undefined.__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;
+};
 /**
  * Configures the inlineMode property of the RTE.
  */
-var InlineMode = /** @class */ (function (_super) {
+var InlineMode = /** @__PURE__ @class */ (function (_super) {
     __extends$7(InlineMode, _super);
     function InlineMode() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -31656,7 +31840,7 @@ var InlineMode = /** @class */ (function (_super) {
 /**
  * `EnterKey` module is used to handle enter key press actions.
  */
-var EnterKeyAction = /** @class */ (function () {
+var EnterKeyAction = /** @__PURE__ @class */ (function () {
     function EnterKeyAction(parent) {
         this.parent = parent;
         this.addEventListener();
@@ -31889,7 +32073,8 @@ var EnterKeyAction = /** @class */ (function () {
                                     }
                                     _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), insertElem.nextElementSibling, 0);
                                 }
-                                else if (nearBlockNode.textContent.length === 0 && !(!isNullOrUndefined(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG') && !(nearBlockNode.querySelectorAll('img').length > 0)) {
+                                else if (nearBlockNode.textContent.length === 0 && !(!isNullOrUndefined(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG' ||
+                                    (nearBlockNode.querySelectorAll('video').length > 0) || (nearBlockNode.querySelectorAll('audio').length > 0) || (nearBlockNode.querySelectorAll('img').length > 0))) {
                                     if (!isNullOrUndefined(nearBlockNode.children[0]) && nearBlockNode.children[0].tagName !== 'BR') {
                                         var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                         _this.parent.formatter.editorManager.domNode.insertAfter(newElem, nearBlockNode);
@@ -32147,36 +32332,36 @@ var EnterKeyAction = /** @class */ (function () {
     return EnterKeyAction;
 }());
 
-var __extends$4 = (undefined && undefined.__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 = (undefined && undefined.__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$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends$4 = (undefined && undefined.__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 = (undefined && undefined.__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$1 = (undefined && undefined.__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;
+};
 /**
  * Represents the Rich Text Editor component.
  * ```html
@@ -32187,7 +32372,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
  * </script>
  * ```
  */
-var RichTextEditor = /** @class */ (function (_super) {
+var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
     __extends$4(RichTextEditor, _super);
     function RichTextEditor(options, element) {
         var _this = _super.call(this, options, element) || this;
@@ -32510,7 +32695,7 @@ var RichTextEditor = /** @class */ (function (_super) {
             if (tool.command === 'InsertText') {
                 currentInsertContentLength = value.length;
             }
-            var currentLength = this.getText().trim().length;
+            var currentLength = this.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
             var selectionLength = this.getSelection().length;
             var totalLength = (currentLength - selectionLength) + currentInsertContentLength;
             if (!(this.maxLength === -1 || totalLength <= this.maxLength)) {
@@ -32685,7 +32870,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (this.enableXhtml) {
             this.setProperties({ value: this.getXhtml() }, true);
         }
-        if (this.toolbarSettings.enable && this.toolbarSettings.type === 'Expand' && !isNullOrUndefined(this.getToolbar()) &&
+        if (this.toolbarSettings.enable && (this.toolbarSettings.type === 'Expand' || this.toolbarSettings.type === 'MultiRow' || this.toolbarSettings.type === 'Scrollable') && !isNullOrUndefined(this.getToolbar()) &&
             (this.toolbarSettings.items.indexOf('Undo') > -1 && this.toolbarSettings.items.indexOf('Redo') > -1)) {
             this.disableToolbarItem(['Undo', 'Redo']);
         }
@@ -32695,7 +32880,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         // eslint-disable-next-line
         (this.enabled && !this.readonly) ? this.eventInitializer() : this.unWireEvents();
-        this.notify(bindCssClass, { cssClass: this.cssClass });
+        this.notify(bindCssClass, { cssClass: this.getCssClass() });
         this.addAudioVideoWrapper();
         this.notify(tableclass, {});
         this.renderComplete();
@@ -32786,7 +32971,13 @@ var RichTextEditor = /** @class */ (function (_super) {
             range.endContainer;
         var closestLI = closest(endNode, 'LI');
         var isDetached = false;
-        if (!isNullOrUndefined(closestLI) && endNode.textContent.length === range.endOffset &&
+        var currentRangeEndOffset = range.endOffset;
+        if (currentEndContainer.nodeType === Node.TEXT_NODE) {
+            if (currentEndContainer.textContent.charAt(currentRangeEndOffset - 1) === '\uFEFF') {
+                currentRangeEndOffset--;
+            }
+        }
+        if (!isNullOrUndefined(closestLI) && endNode.textContent.trim().length === currentRangeEndOffset &&
             !range.collapsed && isNullOrUndefined(endNode.nextElementSibling)) {
             for (var i = 0; i < closestLI.childNodes.length; i++) {
                 if (closestLI.childNodes[i].nodeName === '#text' && closestLI.childNodes[i].textContent.trim().length === 0) {
@@ -32865,7 +33056,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         var notFormatPainterCopy = isNullOrUndefined(e.action) ? true : (e.action !== 'format-copy' ? true : false);
         if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy &&
-            !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which === 67))) {
+            !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which == 67))) {
             this.formatter.saveData();
         }
         if (e.action !== 'insert-link' &&
@@ -32934,7 +33125,7 @@ var RichTextEditor = /** @class */ (function (_super) {
             this.formatter.onKeyHandler(this, e);
         }
         if (this.inputElement && this.inputElement.textContent.length !== 0
-            || this.element.querySelectorAll('.e-toolbar-item.e-active').length > 0) {
+            || this.element.querySelectorAll('.e-toolbar-item.e-active').length > 0 || this.formatter.getUndoRedoStack().length > 0) {
             this.notify(toolbarRefresh, { args: e });
         }
         if (!isNullOrUndefined(this.placeholder)) {
@@ -33026,20 +33217,61 @@ var RichTextEditor = /** @class */ (function (_super) {
                 return;
             }
         }
-        this.notifyMouseUp(e);
         if (e.detail === 3) {
             var range = this.getRange();
             var selection = this.formatter.editorManager.domNode.getSelection();
-            if (/\s+$/.test(selection.toString())) {
-                if (!isNullOrUndefined(range.startContainer.parentElement) && (!isNullOrUndefined(range.startContainer.parentElement.nextSibling) &&
-                    (range.startContainer.parentElement.nextSibling.nodeType !== 3 ||
-                        /\s+$/.test(range.startContainer.parentElement.nextSibling.textContent)) || range.startOffset === range.endOffset)
-                    || range.startContainer.parentElement.tagName.toLocaleLowerCase() === 'li') {
-                    range.setStart(range.startContainer, range.startOffset);
-                    range.setEnd(range.startContainer, range.startContainer.textContent.length);
+            // To handle the triple click node selection improper range due to browser behavior.
+            if (selection.rangeCount > 0 && !isNullOrUndefined(range.startContainer.parentElement) && (!isNullOrUndefined(range.startContainer.parentElement.nextSibling) &&
+                (range.startContainer.parentElement.nextSibling.nodeType !== 3 ||
+                    /\s+$/.test(range.startContainer.parentElement.nextSibling.textContent)) || range.startOffset === range.endOffset)
+                || range.startContainer.parentElement.tagName.toLocaleLowerCase() === 'li') {
+                var newRange = new Range();
+                var start = range.startContainer;
+                var end = range.endContainer;
+                var isInvalid = false;
+                var isInsideList = range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL'
+                    || range.commonAncestorContainer.nodeName === 'LI';
+                if (!isInsideList && end.nodeType === 1 && end.nodeName === 'LI') {
+                    end = closest(end, 'ol, ul').previousElementSibling.lastElementChild;
+                }
+                else if (isInsideList && end.nodeType === 1 && range.endOffset === 0) {
+                    if (end.previousElementSibling && end.previousElementSibling.lastElementChild) {
+                        end = end.previousElementSibling.lastElementChild;
+                    }
+                    else {
+                        end = closest(end.parentElement, 'li');
+                        if (end && end.nodeName === 'LI') {
+                            end = end.previousElementSibling;
+                        }
+                    }
                 }
+                else {
+                    if (!closest(end, 'li') && end.previousElementSibling && end.previousElementSibling.lastChild &&
+                        end.previousElementSibling.textContent.trim().length > 0) {
+                        end = end.previousElementSibling.lastChild;
+                    }
+                    else if (closest(end, 'li') && end.previousElementSibling && end.previousElementSibling.lastChild) {
+                        end = closest(end, 'li').parentElement.previousElementSibling.lastChild;
+                    }
+                }
+                if (!end || end === this.inputElement) {
+                    end = start;
+                    isInvalid = true;
+                }
+                while (end.nodeName !== '#text' && !isInvalid) {
+                    if (end.lastElementChild) {
+                        end = end.lastElementChild;
+                    }
+                    else {
+                        end = end.lastChild;
+                    }
+                }
+                newRange.setStart(start, 0);
+                newRange.setEnd(end, end.textContent.length);
+                this.formatter.editorManager.nodeSelection.setRange(this.contentModule.getDocument(), newRange);
             }
         }
+        this.notifyMouseUp(e);
     };
     /**
      * @param {Function} module - specifies the module function.
@@ -33083,7 +33315,7 @@ var RichTextEditor = /** @class */ (function (_super) {
             var currentLength = _this.inputElement.textContent.length;
             var selectionLength = _this.getSelection().length;
             var pastedContentLength = (isNullOrUndefined(e) || isNullOrUndefined(e.clipboardData))
-                ? 0 : e.clipboardData.getData('text/plain').length;
+                ? 0 : e.clipboardData.getData('text/plain').replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
             var totalLength = (currentLength - selectionLength) + pastedContentLength;
             if (_this.editorMode === 'Markdown') {
                 var args_1 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
@@ -33515,7 +33747,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     RichTextEditor.prototype.updatePanelValue = function () {
         var value = this.value;
         value = (this.enableHtmlEncode && this.value) ? decode(value) : value;
-        var getTextArea = this.element.querySelector('.e-rte-srctextarea');
+        var getTextArea = this.element.querySelector('.' + CLS_RTE_SOURCE_CODE_TXTAREA);
         if (value) {
             if (getTextArea && getTextArea.style.display === 'block') {
                 getTextArea.value = this.value;
@@ -34146,6 +34378,16 @@ var RichTextEditor = /** @class */ (function (_super) {
     RichTextEditor.prototype.getID = function () {
         return (this.originalElement.tagName === 'TEXTAREA' ? this.valueContainer.id : this.element.id);
     };
+    /**
+   * @returns {void}
+   * getCssClass method
+   *
+   * @hidden
+   * @deprecated
+   */
+    RichTextEditor.prototype.getCssClass = function (isSpace) {
+        return (isNullOrUndefined(this.cssClass) ? '' : isSpace ? ' ' + this.cssClass : this.cssClass);
+    };
     RichTextEditor.prototype.mouseDownHandler = function (e) {
         var touch = (e.touches ? e.changedTouches[0] : e);
         addClass([this.element], [CLS_FOCUS]);
@@ -34257,7 +34499,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     RichTextEditor.prototype.getUpdatedValue = function () {
         var value;
-        var getTextArea = this.element.querySelector('.e-rte-srctextarea');
+        var getTextArea = this.element.querySelector('.' + 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 ?
@@ -34288,6 +34530,10 @@ var RichTextEditor = /** @class */ (function (_super) {
         clearTimeout(this.idleInterval);
         this.idleInterval = setTimeout(this.updateValueOnIdle.bind(this), 0);
     };
+    RichTextEditor.prototype.cleanupResizeElements = function (args) {
+        var value = this.removeResizeElement(args.value);
+        return value;
+    };
     RichTextEditor.prototype.removeResizeElement = function (value) {
         var valueElementWrapper = document.createElement("div");
         valueElementWrapper.innerHTML = value;
@@ -34509,6 +34755,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.on(contentChanged, this.contentChanged, this);
         this.on(resizeInitialized, this.updateResizeFlag, this);
         this.on(updateTbItemsStatus, this.updateStatus, this);
+        this.on(cleanupResizeElements, this.cleanupResizeElements, this);
         if (this.readonly && this.enabled) {
             return;
         }
@@ -34595,6 +34842,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.off(contentChanged, this.contentChanged);
         this.off(resizeInitialized, this.updateResizeFlag);
         this.off(updateTbItemsStatus, this.updateStatus);
+        this.off(cleanupResizeElements, this.cleanupResizeElements);
         if (this.readonly && this.enabled) {
             return;
         }
@@ -34967,5 +35215,5 @@ var RichTextEditor = /** @class */ (function (_super) {
  * Rich Text Editor component exported items
  */
 
-export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, maximizeMinimizeClick, hidePopup, blockEmptyNodes, inlineEmptyNodes, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS };
+export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, blockEmptyNodes, inlineEmptyNodes, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS };
 //# sourceMappingURL=ej2-richtexteditor.es5.js.map