@syncfusion/ej2-richtexteditor 24.2.9 → 25.1.37

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

@@ -769,6 +769,11 @@ const documentClickClosedBy = 'documentClickClosedBy';
  * @deprecated
  */
 const showColorPicker = 'showColorPicker';
+/**
+ * @hidden
+ * @deprecated
+ */
+const closeTooltip = 'closeTooltip';
 /**
  * @hidden
  * @deprecated
@@ -1019,11 +1024,6 @@ const CLS_TB_FIXED = 'e-rte-tb-fixed';
  * @deprecated
  */
 const CLS_TB_FLOAT = 'e-rte-tb-float';
-/**
- * @hidden
- * @deprecated
- */
-const CLS_TB_ABS_FLOAT = 'e-rte-tb-abs-float';
 /**
  * @hidden
  * @deprecated
@@ -2694,7 +2694,7 @@ let defaultLocale = {
     'linkTooltipLabel': 'Title',
     'linkWebUrl': 'Web address',
     'linkTitle': 'Enter a title',
-    'linkurl': 'http://example.com',
+    'linkurl': 'https://example.com',
     'linkOpenInNewWindow': 'Open link in new window',
     'linkHeader': 'Insert Link',
     'dialogInsert': 'Insert',
@@ -2717,9 +2717,9 @@ let defaultLocale = {
     'imageAlternateText': 'Alternate Text',
     'alternateHeader': 'Alternative Text',
     'browse': 'Browse',
-    'imageUrl': 'http://example.com/image.png',
-    'audioUrl': 'http://example.com/audio.mp3',
-    'videoUrl': 'http://example.com/video.mp4',
+    'imageUrl': 'https://example.com/image.png',
+    'audioUrl': 'https://example.com/audio.mp3',
+    'videoUrl': 'https://example.com/video.mp4',
     'webUrl': 'Web URL',
     'embedUrl': 'Embed Code',
     'imageCaption': 'Caption',
@@ -2730,7 +2730,7 @@ let defaultLocale = {
     'videoHeight': 'Height',
     'videoWidth': 'Width',
     'textPlaceholder': 'Enter text',
-    'inserttablebtn': 'Insert table',
+    'inserttablebtn': 'Insert Table',
     'tabledialogHeader': 'Insert Table',
     'tableWidth': 'Width',
     'cellpadding': 'Cell Padding',
@@ -2744,7 +2744,7 @@ let defaultLocale = {
     'createTable': 'Create Table',
     'removeTable': 'Remove Table',
     'tableHeader': 'Header Row',
-    'tableRemove': 'Delete',
+    'tableRemove': 'Delete Table',
     'tableCellBackground': 'Table Cell Background',
     'tableEditProperties': 'Table Edit Properties',
     'styles': 'Styles',
@@ -2806,11 +2806,11 @@ let defaultLocale = {
     'fontNameTimesNewRoman': 'Times New Roman',
     'fontNameVerdana': 'Verdana',
     'numberFormatListNumber': 'Number',
-    'numberFormatListLowerAlpha': 'LowerAlpha',
-    'numberFormatListUpperAlpha': 'UpperAlpha',
-    'numberFormatListLowerRoman': 'LowerRoman',
-    'numberFormatListUpperRoman': 'UpperRoman',
-    'numberFormatListLowerGreek': 'LowerGreek',
+    'numberFormatListLowerAlpha': 'Lower Alpha',
+    'numberFormatListUpperAlpha': 'Upper Alpha',
+    'numberFormatListLowerRoman': 'Lower Roman',
+    'numberFormatListUpperRoman': 'Upper Roman',
+    'numberFormatListLowerGreek': 'Lower Greek',
     'bulletFormatListDisc': 'Disc',
     'bulletFormatListCircle': 'Circle',
     'bulletFormatListSquare': 'Square',
@@ -2824,7 +2824,10 @@ let defaultLocale = {
     'emojiPickerNoResultFound': 'No results found',
     'emojiPickerTrySomethingElse': 'Try something else',
     'linkAriaLabel': 'Open in new window',
-    'unsupportedImage': 'Unsupported file format'
+    'unsupportedImage': 'Unsupported file format',
+    'mergecells': 'Merge cells',
+    'verticalsplit': 'Vertical split',
+    'horizontalsplit': 'Horizontal split'
 };
 let toolsLocale = {
     'alignments': 'alignments',
@@ -3215,7 +3218,12 @@ function setToolbarStatus(e, isPopToolbar, self) {
                         }
                         case 'bulletFormatList':
                         case 'numberFormatList': {
-                            removeClass([e.tbElements[j]], [CLS_ACTIVE]);
+                            if (value !== '') {
+                                addClass([e.tbElements[j]], [CLS_ACTIVE]);
+                            }
+                            else {
+                                removeClass([e.tbElements[j]], [CLS_ACTIVE]);
+                            }
                         }
                     }
                 }
@@ -3456,7 +3464,8 @@ function updateTextNode(value, rteObj) {
                 imageElm[i].classList.add(CLS_RTE_IMAGE);
             }
             if (!(imageElm[i].classList.contains(CLS_IMGINLINE) ||
-                imageElm[i].classList.contains(CLS_IMGBREAK))) {
+                imageElm[i].classList.contains(CLS_IMGBREAK)) &&
+                !(imageElm[i].classList.contains('e-imgleft') || imageElm[i].classList.contains('e-imgright') || imageElm[i].classList.contains('e-imgcenter'))) {
                 imageElm[i].classList.add(CLS_IMGINLINE);
             }
         }
@@ -3605,6 +3614,7 @@ class ToolbarRenderer {
     wireEvent() {
         this.parent.on(destroy, this.unWireEvent, this);
         this.parent.on(destroyTooltip, this.destroyTooltip, this);
+        this.parent.on(closeTooltip, this.closeTooltip, this);
     }
     destroyTooltip() {
         const currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
@@ -3617,6 +3627,8 @@ class ToolbarRenderer {
     }
     unWireEvent() {
         this.parent.off(destroy, this.unWireEvent);
+        this.parent.off(destroyTooltip, this.destroyTooltip);
+        this.parent.off(closeTooltip, this.closeTooltip);
     }
     toolbarBeforeCreate(e) {
         if (this.mode === 'Extended') {
@@ -3735,7 +3747,7 @@ class ToolbarRenderer {
                 windowCollision: true,
                 position: 'BottomCenter'
             });
-            this.tooltip.appendTo(args.target);
+            this.tooltip.appendTo(args.target.parentElement);
         }
     }
     /**
@@ -3866,6 +3878,32 @@ class ToolbarRenderer {
         popupElement.setAttribute('aria-owns', this.parent.getID());
         return dropDown;
     }
+    mouseOutHandler() {
+        if (!isNullOrUndefined(this.tooltipTargetEle)) {
+            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
+        }
+        else {
+            const 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);
+    }
+    closeTooltip(args) {
+        const currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+            this.parent.contentModule.getDocument();
+        this.tooltipTargetEle = closest(args.target, '[data-tooltip-id]');
+        if (!isNullOrUndefined(this.tooltipTargetEle) && this.parent.showTooltip && !isNullOrUndefined(currentDocument.querySelector('.e-tooltip-wrap'))) {
+            this.destroyTooltip();
+            if (!this.tooltipTargetEle.closest('.e-rte-quick-popup')) {
+                this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
+                this.tooltipTargetEle.removeAttribute('title');
+                EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
+            }
+        }
+    }
     /**
      * renderListDropDown method
      *
@@ -3890,6 +3928,35 @@ class ToolbarRenderer {
             enableRtl: this.parent.enableRtl,
             select: this.dropDownSelected.bind(this),
             beforeOpen: (args) => {
+                if (proxy.parent.editorMode !== 'Markdown') {
+                    const startNode = proxy.parent.getRange().startContainer.parentElement;
+                    const listElem = startNode.closest('LI');
+                    const currentLiElem = !isNullOrUndefined(listElem) ? listElem.parentElement : null;
+                    if (!isNullOrUndefined(currentLiElem) && (currentLiElem.nodeName === 'OL' || currentLiElem.nodeName === 'UL')) {
+                        if (currentLiElem.nodeName === 'UL' && args.items[0].subCommand === 'NumberFormatList') {
+                            addClass([args.element.childNodes[0]], 'e-active');
+                        }
+                        else if (currentLiElem.nodeName === 'OL' && args.items[0].subCommand === 'BulletFormatList') {
+                            addClass([args.element.childNodes[0]], 'e-active');
+                        }
+                        else {
+                            let currentListStyle = currentLiElem.style.listStyleType.split('-').join('').toLocaleLowerCase();
+                            currentListStyle = currentListStyle === 'decimal' ? 'number' : currentListStyle;
+                            for (let index = 0; index < args.element.childNodes.length; index++) {
+                                if (currentListStyle === args.element.childNodes[index].innerHTML.split(' ').join('').toLocaleLowerCase()) {
+                                    addClass([args.element.childNodes[index]], 'e-active');
+                                }
+                                else if (currentListStyle === '') {
+                                    addClass([args.element.childNodes[index]], 'e-active');
+                                }
+                            }
+                        }
+                    }
+                    else {
+                        addClass([args.element.childNodes[0]], 'e-active');
+                    }
+                }
+                this.closeTooltip({ target: args.event.target });
                 if (proxy.parent.readonly || !proxy.parent.enabled) {
                     args.cancel = true;
                     return;
@@ -3968,8 +4035,6 @@ class ToolbarRenderer {
             target: colorPicker.element.parentElement, cssClass: css,
             enablePersistence: this.parent.enablePersistence, enableRtl: this.parent.enableRtl,
             beforeOpen: (dropDownArgs) => {
-                colorPicker.inline = true;
-                colorPicker.dataBind();
                 if (proxy.parent.readonly || !proxy.parent.enabled) {
                     dropDownArgs.cancel = true;
                     return;
@@ -4107,14 +4172,18 @@ class ToolbarRenderer {
         const colorPicker = new ColorPicker({
             enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
-            inline: false,
-            value: '#fff',
+            inline: true,
+            value: null,
+            cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
             created: () => {
                 const value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                colorPicker.setProperties({ value: value });
+                colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
+                colorPicker.value = value;
             },
             mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
             modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
+            presetColors: (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode : this.parent.fontColor.colorCode,
+            columns: (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns,
             beforeTileRender: (args) => {
                 args.element.classList.add(CLS_COLOR_PALETTE);
                 args.element.classList.add(CLS_CUSTOM_TILE);
@@ -4159,10 +4228,6 @@ class ToolbarRenderer {
             }
         });
         colorPicker.isStringTemplate = true;
-        colorPicker.columns = (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns;
-        colorPicker.presetColors = (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode :
-            this.parent.fontColor.colorCode;
-        colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
         colorPicker.createElement = this.parent.createElement;
         colorPicker.appendTo(document.getElementById(args.target));
         return colorPicker;
@@ -4303,23 +4368,13 @@ class BaseToolbar {
                 case '-':
                     return { type: 'Separator', cssClass: CLS_HR_SEPARATOR };
                 default:
-                    if (this.parent.showTooltip) {
-                        return {
-                            id: this.parent.getID() + '_' + container + '_' + this.tools[itemStr.toLocaleLowerCase()].id,
-                            prefixIcon: this.tools[itemStr.toLocaleLowerCase()].icon,
-                            tooltipText: getTooltipText(itemStr, this.locator),
-                            command: this.tools[itemStr.toLocaleLowerCase()].command,
-                            subCommand: this.tools[itemStr.toLocaleLowerCase()].subCommand
-                        };
-                    }
-                    else {
-                        return {
-                            id: this.parent.getID() + '_' + container + '_' + this.tools[itemStr.toLocaleLowerCase()].id,
-                            prefixIcon: this.tools[itemStr.toLocaleLowerCase()].icon,
-                            command: this.tools[itemStr.toLocaleLowerCase()].command,
-                            subCommand: this.tools[itemStr.toLocaleLowerCase()].subCommand
-                        };
-                    }
+                    return {
+                        id: this.parent.getID() + '_' + container + '_' + this.tools[itemStr.toLocaleLowerCase()].id,
+                        prefixIcon: this.tools[itemStr.toLocaleLowerCase()].icon,
+                        tooltipText: getTooltipText(itemStr, this.locator),
+                        command: this.tools[itemStr.toLocaleLowerCase()].command,
+                        subCommand: this.tools[itemStr.toLocaleLowerCase()].subCommand
+                    };
             }
         }
     }
@@ -4366,17 +4421,21 @@ class BaseToolbar {
                     items.push(item);
             }
         }
-        for (let num = 0; num < items.length; num++) {
-            const tooltipText = items[num].tooltipText;
-            let shortCutKey;
-            if (windowKeys[`${tooltipText}`]) {
-                shortCutKey = Browser.isDevice && isIDevice() ? windowKeys[`${tooltipText}`].replace('Ctrl', 'Cmd') : windowKeys[`${tooltipText}`];
-            }
-            else {
-                shortCutKey = tooltipText;
-            }
-            if (shortCutKey) {
-                items[num].tooltipText = (tooltipText !== shortCutKey) ? tooltipText + ' (' + shortCutKey + ')' : tooltipText;
+        if (this.parent.showTooltip) {
+            for (let num = 0; num < items.length; num++) {
+                const tooltipText = items[num].tooltipText;
+                let shortCutKey;
+                if (windowKeys[`${tooltipText}`]) {
+                    shortCutKey = window.navigator.platform.toLocaleLowerCase().includes('mac') ? windowKeys[`${tooltipText}`].replace('Ctrl', 'Cmd') : windowKeys[`${tooltipText}`];
+                }
+                else {
+                    shortCutKey = tooltipText;
+                }
+                if (shortCutKey) {
+                    if (!(items[num].command === "Images" && items[num].subCommand === "InsertLink")) {
+                        items[num].tooltipText = (tooltipText !== shortCutKey) ? tooltipText + ' (' + shortCutKey + ')' : tooltipText;
+                    }
+                }
             }
         }
         return items;
@@ -4425,7 +4484,7 @@ class DropDownButtons {
             addClass([args.element], item.cssClass);
         }
         if (item.command === 'Images' || item.command === 'Videos' || item.command === 'Audios' || item.command === 'Table') {
-            args.element.setAttribute('title', getQuickToolbarTooltipText(item.text));
+            args.element.setAttribute('title', getQuickToolbarTooltipText(item.text) !== '' ? getQuickToolbarTooltipText(item.text) : item.text);
         }
         if (item.command === 'Alignments' || item.subCommand === 'JustifyLeft'
             || item.subCommand === 'JustifyRight' || item.subCommand === 'JustifyCenter') {
@@ -4435,13 +4494,13 @@ class DropDownButtons {
             args.element.setAttribute('title', getTooltipTextDropdownItems(item.subCommand.toLocaleLowerCase(), this.locator, formatsLocale));
         }
         if (item.command === 'Font') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), this.locator, fontNameLocale));
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, fontNameLocale) !== '' ? getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, fontNameLocale) : item.text);
         }
         if (item.subCommand === 'BulletFormatList') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), this.locator, bulletFormatListLocale));
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, bulletFormatListLocale) !== '' ? getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, bulletFormatListLocale) : item.text);
         }
         if (item.subCommand === 'NumberFormatList') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.text.replace(/\s/g, '').toLocaleLowerCase(), this.locator, numberFormatListLocale));
+            args.element.setAttribute('title', (getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, numberFormatListLocale)) !== '' ? getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, numberFormatListLocale) : item.text);
         }
         if (item.subCommand === 'FontSize') {
             args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), null, null, this.parent));
@@ -5242,72 +5301,14 @@ class Toolbar$2 {
         }
     }
     toggleFloatClass(e) {
-        let topValue;
-        let isBody = false;
-        let isFloat = false;
-        let scrollParent;
         const floatOffset = this.parent.floatingToolbarOffset;
-        if (e && this.parent.iframeSettings.enable && this.parent.inputElement.ownerDocument === e.target) {
-            scrollParent = e.target.body;
-        }
-        else if (e && e.target !== document) {
-            scrollParent = e.target;
-        }
-        else {
-            isBody = true;
-            scrollParent = document.body;
-        }
-        const tbHeight = this.getToolbarHeight() + this.getExpandTBarPopHeight();
-        if (this.isTransformChild) {
-            topValue = 0;
-            let scrollParentRelativeTop = 0;
-            const trgHeight = this.parent.element.offsetHeight;
-            if (isBody) {
-                const bodyStyle = window.getComputedStyle(scrollParent);
-                scrollParentRelativeTop = parseFloat(bodyStyle.marginTop.split('px')[0]) + parseFloat(bodyStyle.paddingTop.split('px')[0]);
-            }
-            const targetTop = this.parent.element.getBoundingClientRect().top;
-            const scrollParentYOffset = (Browser.isMSPointer && isBody) ? window.pageYOffset : scrollParent.parentElement.scrollTop;
-            const scrollParentRect = scrollParent.getBoundingClientRect();
-            const scrollParentTop = (!isBody) ? scrollParentRect.top : (scrollParentRect.top + scrollParentYOffset);
-            const outOfRange = ((targetTop - ((!isBody) ? scrollParentTop : 0))
-                + trgHeight > tbHeight + floatOffset) ? false : true;
-            if (targetTop > (scrollParentTop + floatOffset) || targetTop < -trgHeight || ((targetTop < 0) ? outOfRange : false)) {
-                isFloat = false;
-                removeClass([this.tbElement], [CLS_TB_ABS_FLOAT]);
-            }
-            else if (targetTop < (scrollParentTop + floatOffset)) {
-                if (targetTop < 0) {
-                    topValue = (-targetTop) + scrollParentTop;
-                }
-                else {
-                    topValue = scrollParentTop - targetTop;
-                }
-                topValue = (isBody) ? topValue - scrollParentRelativeTop : topValue;
-                addClass([this.tbElement], [CLS_TB_ABS_FLOAT]);
-                isFloat = true;
-            }
-        }
-        else {
-            const parent = this.parent.element.getBoundingClientRect();
-            if (window.innerHeight < parent.top) {
-                return;
-            }
-            topValue = (e && e.target !== document) ? scrollParent.getBoundingClientRect().top : 0;
-            if ((parent.bottom < (floatOffset + tbHeight + topValue)) || parent.bottom < 0 || parent.top > floatOffset + topValue) {
-                isFloat = false;
-            }
-            else if (parent.top < floatOffset || parent.top < floatOffset + topValue) {
-                isFloat = true;
-            }
-        }
-        if (!isFloat) {
-            removeClass([this.tbElement], [CLS_TB_FLOAT]);
-            setStyleAttribute(this.tbElement, { top: 0 + 'px', width: '100%' });
+        if (this.parent.toolbarSettings.enableFloating) {
+            addClass([this.tbElement.parentElement], [CLS_TB_FLOAT]);
+            setStyleAttribute(this.tbElement.parentElement, { top: (floatOffset) + 'px' });
         }
         else {
-            addClass([this.tbElement], [CLS_TB_FLOAT]);
-            setStyleAttribute(this.tbElement, { width: this.parent.element.offsetWidth + 'px', top: (floatOffset + topValue) + 'px' });
+            removeClass([this.tbElement.parentElement], [CLS_TB_FLOAT]);
+            setStyleAttribute(this.tbElement.parentElement, { top: '' });
         }
     }
     renderToolbar() {
@@ -5613,19 +5614,6 @@ class Toolbar$2 {
         this.toolbarActionModule.parent = null;
         this.dropDownModule.parent = null;
     }
-    scrollHandler(e) {
-        if (!this.parent.inlineMode.enable) {
-            if (this.parent.toolbarSettings.enableFloating && this.getDOMVisibility(this.tbElement)) {
-                this.toggleFloatClass(e.args);
-            }
-        }
-    }
-    getDOMVisibility(el) {
-        if (!el.offsetParent && el.offsetWidth === 0 && el.offsetHeight === 0) {
-            return false;
-        }
-        return true;
-    }
     mouseDownHandler() {
         if (Browser.isDevice && this.parent.inlineMode.enable && !isIDevice()) {
             this.showFixedTBar();
@@ -5662,11 +5650,6 @@ class Toolbar$2 {
     }
     adjustContentHeight(trg, isKeyboard) {
         if (trg && this.parent.toolbarSettings.type === ToolbarType.Expand && !isNullOrUndefined(trg)) {
-            const extendedTbar = this.tbElement.querySelector('.e-toolbar-extended');
-            if (!isNullOrUndefined(extendedTbar)) {
-                setStyleAttribute(extendedTbar, { maxHeight: '', display: 'block' });
-                setStyleAttribute(extendedTbar, { maxHeight: extendedTbar.offsetHeight + 'px', display: '' });
-            }
             const hasActiveClass = trg.classList.contains('e-nav-active');
             const isExpand = isKeyboard ? (hasActiveClass ? false : true) : (hasActiveClass ? true : false);
             if (isExpand) {
@@ -5675,7 +5658,7 @@ class Toolbar$2 {
             else {
                 removeClass([this.tbElement], [CLS_EXPAND_OPEN]);
             }
-            this.parent.setContentHeight('toolbar', isExpand);
+            this.parent.setContentHeight('Toolbar', isExpand);
         }
         else if (Browser.isDevice || this.parent.inlineMode.enable) {
             this.isToolbar = true;
@@ -5700,7 +5683,6 @@ class Toolbar$2 {
         this.dropDownModule = new DropDownButtons(this.parent, this.locator);
         this.toolbarActionModule = new ToolbarAction(this.parent);
         this.parent.on(initialEnd, this.renderToolbar, this);
-        this.parent.on(scroll, this.scrollHandler, this);
         this.parent.on(bindOnEnd, this.toolbarBindEvent, this);
         this.parent.on(toolbarUpdated, this.updateToolbarStatus, this);
         this.parent.on(modelChanged, this.onPropertyChanged, this);
@@ -5725,7 +5707,6 @@ class Toolbar$2 {
             return;
         }
         this.parent.off(initialEnd, this.renderToolbar);
-        this.parent.off(scroll, this.scrollHandler);
         this.parent.off(bindOnEnd, this.toolbarBindEvent);
         this.parent.off(toolbarUpdated, this.updateToolbarStatus);
         this.parent.off(modelChanged, this.onPropertyChanged);
@@ -5760,7 +5741,8 @@ class Toolbar$2 {
         if (!this.parent.inlineMode.enable) {
             this.refreshToolbarOverflow();
         }
-        this.parent.setContentHeight('', true);
+        const isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
+        this.parent.setContentHeight('Refresh', isExpand);
     }
     /**
      * Called internally if any of the property value changed.
@@ -5780,6 +5762,11 @@ class Toolbar$2 {
                 }
             }
         }
+        if (!isNullOrUndefined(e.newProp.toolbarSettings)) {
+            if (!isNullOrUndefined(e.newProp.toolbarSettings.enableFloating)) {
+                this.toggleFloatClass();
+            }
+        }
         if (e.module !== this.getModuleName()) {
             return;
         }
@@ -6279,7 +6266,7 @@ class BaseQuickToolbar {
     constructor(parent, locator) {
         this.parent = parent;
         this.locator = locator;
-        this.isDOMElement = false;
+        this.isRendered = false;
         this.renderFactory = this.locator.getService('rendererFactory');
         this.contentRenderer = this.renderFactory.getRenderer(RenderType.Content);
         this.popupRenderer = this.renderFactory.getRenderer(RenderType.Popup);
@@ -6343,7 +6330,18 @@ class BaseQuickToolbar {
             e.target.classList.contains('e-imgbreak')) ? false : true;
         let target = !isNullOrUndefined(imgWrapper) ? imgWrapper : e.target;
         addClass([this.toolbarElement], [CLS_RM_WHITE_SPACE]);
-        const targetOffsetTop = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetTop : target.offsetTop;
+        let targetOffsetTop;
+        if (!isNullOrUndefined(closest(target, 'table'))) {
+            targetOffsetTop = target.offsetTop;
+            let parentTable = closest(target, 'table');
+            while (!isNullOrUndefined(parentTable)) {
+                targetOffsetTop += parentTable.offsetTop;
+                parentTable = closest(parentTable.parentElement, 'table');
+            }
+        }
+        else {
+            targetOffsetTop = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetTop : target.offsetTop;
+        }
         const parentOffsetTop = window.pageYOffset + e.parentData.top;
         if ((targetOffsetTop - e.editTop) > e.popHeight) {
             y = parentOffsetTop + e.tBarElementHeight + (targetOffsetTop - e.editTop) - e.popHeight - 5;
@@ -6355,11 +6353,30 @@ class BaseQuickToolbar {
             y = e.y;
         }
         target = isAligned ? e.target : target;
-        if (target.offsetWidth > e.popWidth) {
-            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + ((target.classList.contains("e-rte-audio")) ? target.parentElement.offsetLeft : target.offsetLeft);
+        let targetOffsetLeft;
+        let currentOffsetWidth;
+        if (!isNullOrUndefined(closest(target, 'table'))) {
+            targetOffsetLeft = target.offsetLeft;
+            let parentTable = closest(target, 'table');
+            let checkOffSetParentWidth = false;
+            if (!isNullOrUndefined(closest(parentTable, 'TD'))) {
+                checkOffSetParentWidth = true;
+            }
+            while (!isNullOrUndefined(parentTable)) {
+                targetOffsetLeft += parentTable.offsetLeft;
+                currentOffsetWidth = checkOffSetParentWidth ? parentTable.offsetWidth : target.offsetWidth;
+                parentTable = closest(parentTable.parentElement, 'table');
+            }
         }
         else {
-            x = e.parentData.left + target.offsetLeft;
+            currentOffsetWidth = target.offsetWidth;
+            targetOffsetLeft = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetLeft : target.offsetLeft;
+        }
+        if (currentOffsetWidth > e.popWidth) {
+            x = (currentOffsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + targetOffsetLeft;
+        }
+        else {
+            x = e.parentData.left + targetOffsetLeft;
         }
         this.popupObj.position.X = ((x + e.popWidth) > e.parentData.right) ? e.parentData.right - e.popWidth : x;
         this.popupObj.position.Y = (y >= 0) ? y : e.y + 5;
@@ -6496,7 +6513,8 @@ class BaseQuickToolbar {
                         openDelay: 400,
                         showTipPointer: true,
                         windowCollision: true,
-                        position: 'BottomCenter'
+                        position: 'BottomCenter',
+                        cssClass: this.parent.getCssClass()
                     });
                     this.tooltip.appendTo(this.element);
                 }
@@ -6530,7 +6548,7 @@ class BaseQuickToolbar {
                     parentData: parent.getBoundingClientRect(),
                     tBarElementHeight: tBarHeight
                 };
-                if ((target.tagName === 'IMG' || target.tagName === 'AUDIO' || target.tagName === 'VIDEO' || target.tagName === 'IFRAME' || (target.classList &&
+                if ((closest(target, 'TABLE') || target.tagName === 'IMG' || target.tagName === 'AUDIO' || target.tagName === 'VIDEO' || target.tagName === 'IFRAME' || (target.classList &&
                     (target.classList.contains(CLS_AUDIOWRAP) || target.classList.contains(CLS_CLICKELEM) ||
                         target.classList.contains(CLS_VID_CLICK_ELEM)))) && (x == beforeQuickToolbarArgs.positionX || y == beforeQuickToolbarArgs.positionY)) {
                     this.setPosition(showPopupData);
@@ -6550,7 +6568,7 @@ class BaseQuickToolbar {
                     maxWidth: window.outerWidth + 'px'
                 });
                 addClass([this.element], [CLS_POP]);
-                this.isDOMElement = true;
+                this.isRendered = true;
             }
         });
     }
@@ -6590,7 +6608,7 @@ class BaseQuickToolbar {
             this.parent.notify(destroyTooltip, { args: event });
         }
         this.removeEleFromDOM();
-        this.isDOMElement = false;
+        this.isRendered = false;
     }
     /**
      * @param {string} item - specifies the string value
@@ -6613,7 +6631,7 @@ class BaseQuickToolbar {
     }
     removeEleFromDOM() {
         const element = this.popupObj.element;
-        if (this.isDOMElement) {
+        if (this.isRendered) {
             this.dropDownButtons.destroyDropDowns();
             this.colorPickerObj.destroyColorPicker();
             removeClass([this.element], [CLS_POP]);
@@ -7024,6 +7042,9 @@ class QuickToolbar {
             }
         }
         if (!isNullOrUndefined(this.textQTBar) && !isNullOrUndefined(this.parent.quickToolbarSettings.text) && !this.parent.inlineMode.enable) {
+            if (!isNullOrUndefined(e) && !isNullOrUndefined(e.name) && e.name === 'sourceCodeMouseDown') {
+                return;
+            }
             const args = e.args.touches ?
                 e.args.changedTouches[0] : e.args;
             const target = e.args.target;
@@ -7034,7 +7055,7 @@ class QuickToolbar {
             this.offsetY = pageYOffset(args, this.parent.element, this.parent.iframeSettings.enable);
             const range = this.parent.getRange();
             if ((range.endContainer.parentElement.tagName === range.startContainer.parentElement.tagName && (range.startContainer.parentElement.tagName === 'A' && range.endContainer.parentElement.tagName === 'A')) ||
-                (target.tagName === 'IMG') || (target.tagName === 'VIDEO') || (target.tagName === 'AUDIO') || (target.childNodes[0].nodeType === 1 && target.childNodes[0].classList.contains('e-rte-audio')) ||
+                (target.tagName === 'IMG') || (target.tagName === 'VIDEO') || (target.tagName === 'AUDIO') || (target.childNodes[0] && target.childNodes[0].nodeType === 1 && target.childNodes[0].classList.contains('e-rte-audio')) ||
                 (this.parent.getRange().startOffset === this.parent.getRange().endOffset)) {
                 return;
             }
@@ -7042,13 +7063,16 @@ class QuickToolbar {
             this.textQTBar.showPopup(this.offsetX, this.offsetY, target, 'text');
         }
     }
-    keyDownHandler() {
-        if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
-            && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
-            this.hideInlineQTBar();
-        }
-        if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
-            this.textQTBar.hidePopup();
+    keyDownHandler(e) {
+        const preventHide = e.args.altKey;
+        if (!preventHide) {
+            if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
+                && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
+                this.hideInlineQTBar();
+            }
+            if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
+                this.textQTBar.hidePopup();
+            }
         }
     }
     inlineQTBarMouseDownHandler() {
@@ -7374,6 +7398,15 @@ class QuickToolbar {
     getModuleName() {
         return 'quickToolbar';
     }
+    /**
+     *
+     * @returns {BaseQuickToolbar[]} - specifies the quick toolbar instance.
+     * @hidden
+     * @private
+     */
+    getQuickToolbarInstance() {
+        return [this.linkQTBar, this.imageQTBar, this.audioQTBar, this.videoQTBar, this.tableQTBar, this.textQTBar, this.inlineQTBar];
+    }
 }
 
 /**
@@ -9645,6 +9678,17 @@ const selfClosingTags = [
     'BR',
     'IMG'
 ];
+/**
+ * Resize factor for image.
+ * @hidden
+ *
+ */
+const imageResizeFactor = {
+    topLeft: [-1, -1],
+    topRight: [1, -1],
+    botRight: [1, 1],
+    botLeft: [-1, 1]
+};
 
 /**
  * `Undo` module is used to handle undo actions.
@@ -10578,7 +10622,9 @@ class MarkdownEditor {
     onToolbarClick(args) {
         const item = args.item;
         const textArea = this.parent.contentModule.getEditPanel();
-        textArea.focus();
+        if (item.command !== 'Formats') {
+            textArea.focus();
+        }
         const startOffset = textArea.selectionStart;
         const endOffset = textArea.selectionEnd;
         const text = textArea.value.substring(startOffset, endOffset);
@@ -11809,7 +11855,8 @@ class DOMNode {
             }
         }
         else {
-            if (start.tagName === 'IMG') {
+            let tagName = !isNullOrUndefined(start.parentElement) ? start.parentElement.tagName.toLocaleLowerCase() : '';
+            if (start.tagName === 'IMG' && tagName !== 'p' && tagName !== 'div') {
                 const parNode = document.createElement('p');
                 start.parentElement.insertBefore(parNode, start);
                 parNode.appendChild(start);
@@ -11899,11 +11946,12 @@ class DOMNode {
     /**
      * blockNodes method
      *
+     * @param {boolean} action - Optional Boolean that specifies the action is whether performed.
      * @returns {Node[]} - returns the node array values
      * @hidden
      * @deprecated
      */
-    blockNodes() {
+    blockNodes(action) {
         const collectionNodes = [];
         const selection = this.getSelection();
         if (this.isEditorArea() && selection.rangeCount) {
@@ -11917,23 +11965,46 @@ class DOMNode {
                     collectionNodes.push(startNode);
                 }
                 parentNode = this.blockParentNode(startNode);
+                const endParentNode = this.blockParentNode(endNode);
                 if (parentNode && collectionNodes.indexOf(parentNode) < 0) {
-                    if (IGNORE_BLOCK_TAGS.indexOf(parentNode.tagName.toLocaleLowerCase()) >= 0 && (startNode.tagName === 'BR' ||
-                        startNode.nodeType === Node.TEXT_NODE ||
-                        startNode.classList.contains(markerClassName.startSelection) ||
-                        startNode.classList.contains(markerClassName.endSelection))) {
-                        const tempNode = startNode.previousSibling &&
-                            startNode.previousSibling.nodeType === Node.TEXT_NODE ?
-                            startNode.previousSibling : startNode;
-                        if (!startNode.nextSibling && !startNode.previousSibling && startNode.tagName === 'BR') {
-                            collectionNodes.push(tempNode);
+                    if (!isNullOrUndefined(action) && action) {
+                        if (range.commonAncestorContainer.nodeName === 'TD' || parentNode.nodeName === 'TD' || endParentNode.nodeName === 'TD') {
+                            const processedNodes = this.getPreBlockNodeCollection(range);
+                            if (processedNodes.length > 1) {
+                                this.wrapWithBlockNode(processedNodes, collectionNodes);
+                            }
+                            else if (processedNodes.length > 0) {
+                                if (startNode !== endNode && startNode.nodeName !== 'BR') {
+                                    collectionNodes.push(this.createTempNode(startNode));
+                                }
+                                else if (startNode === endNode && startNode.nodeName === 'SPAN' && (startNode.classList.contains(markerClassName.startSelection)
+                                    || startNode.classList.contains(markerClassName.endSelection))) {
+                                    collectionNodes.push(this.createTempNode(startNode));
+                                }
+                            }
                         }
                         else {
-                            collectionNodes.push(this.createTempNode(tempNode));
+                            collectionNodes.push(parentNode);
                         }
                     }
                     else {
-                        collectionNodes.push(parentNode);
+                        if (IGNORE_BLOCK_TAGS.indexOf(parentNode.tagName.toLocaleLowerCase()) >= 0 && (startNode.tagName === 'BR' ||
+                            startNode.nodeType === Node.TEXT_NODE ||
+                            startNode.classList.contains(markerClassName.startSelection) ||
+                            startNode.classList.contains(markerClassName.endSelection))) {
+                            const tempNode = startNode.previousSibling &&
+                                startNode.previousSibling.nodeType === Node.TEXT_NODE ?
+                                startNode.previousSibling : startNode;
+                            if (!startNode.nextSibling && !startNode.previousSibling && startNode.tagName === 'BR') {
+                                collectionNodes.push(tempNode);
+                            }
+                            else {
+                                collectionNodes.push(this.createTempNode(tempNode));
+                            }
+                        }
+                        else {
+                            collectionNodes.push(parentNode);
+                        }
                     }
                 }
                 const nodes = [];
@@ -12002,6 +12073,131 @@ class DOMNode {
     ignoreTableTag(element) {
         return !(TABLE_BLOCK_TAGS.indexOf(element.tagName.toLocaleLowerCase()) >= 0);
     }
+    getPreBlockNodeCollection(range) {
+        const startNode = this.getSelectedNode(range.startContainer, range.startOffset);
+        const endNode = this.getSelectedNode(range.endContainer, range.endOffset);
+        const nodes = [];
+        const rootNode = startNode.closest('td, th');
+        if (isNullOrUndefined(rootNode)) {
+            return nodes;
+        }
+        const rootChildNode = Array.from(rootNode.childNodes);
+        let isContinue = true;
+        const processedStart = this.getClosestInlineParent(startNode, rootNode, true);
+        const processedEnd = this.getClosestInlineParent(endNode, rootNode, false);
+        for (let i = 0; i < rootChildNode.length; i++) {
+            const child = rootChildNode[i];
+            if (processedStart === processedEnd && child === processedStart) {
+                nodes.push(child);
+                isContinue = true;
+            }
+            else if (child === processedStart) {
+                isContinue = false;
+            }
+            else if (child === processedEnd) {
+                nodes.push(child); // Early Exit so Push the end node.
+                isContinue = true;
+            }
+            if (isContinue) {
+                continue;
+            }
+            else {
+                nodes.push(child);
+            }
+        }
+        return nodes;
+    }
+    getClosestInlineParent(node, rootNode, isStart) {
+        // 1. If the node is a text node, return the node
+        // 2. If the node is a block node return block node
+        // 3. If the node is a inline node,
+        //      Traverse back untill the TD or TH node
+        //      Check if the the previous sibling , next sibling is a block node.
+        //      If yes return the inline node that is closest to the block node.
+        if (node.nodeType === Node.TEXT_NODE) {
+            return node;
+        }
+        if (this.isBlockNode(node)) {
+            return node;
+        }
+        let currentNode = node;
+        let rootFlag = false;
+        while (currentNode) {
+            const previousNode = currentNode;
+            if (rootFlag) {
+                if (this.isBlockNode(currentNode)) {
+                    return previousNode;
+                }
+                if (isStart && currentNode.previousSibling) {
+                    if (this.isBlockNode(currentNode.previousSibling) || currentNode.previousSibling.nodeName === 'BR') {
+                        return previousNode;
+                    }
+                    else {
+                        currentNode = currentNode.previousSibling;
+                    }
+                }
+                else if (!isStart && currentNode.nextSibling) {
+                    if (this.isBlockNode(currentNode.nextSibling) || currentNode.nextSibling.nodeName === 'BR') {
+                        return previousNode;
+                    }
+                    else {
+                        currentNode = currentNode.nextSibling;
+                    }
+                }
+                else {
+                    return currentNode;
+                }
+            }
+            else {
+                currentNode = currentNode.parentElement;
+                if (currentNode === rootNode) {
+                    currentNode = previousNode;
+                    rootFlag = true;
+                }
+            }
+        }
+        return null;
+    }
+    wrapWithBlockNode(nodes, collectionNodes) {
+        let wrapperElement = createElement('p');
+        for (let i = 0; i < nodes.length; i++) {
+            const child = nodes[i];
+            if (child.nodeName === 'BR') {
+                child.parentNode.insertBefore(wrapperElement, child);
+                wrapperElement.appendChild(child);
+                if (wrapperElement.childNodes.length > 0) {
+                    collectionNodes.push(wrapperElement);
+                }
+                wrapperElement = createElement('p');
+            }
+            else {
+                if (!this.isBlockNode(child)) {
+                    if (child.nodeName === '#text' && child.textContent.trim() === '') {
+                        continue;
+                    }
+                    if (wrapperElement.childElementCount === 0) {
+                        child.parentNode.insertBefore(wrapperElement, child);
+                        wrapperElement.appendChild(child);
+                    }
+                    else {
+                        wrapperElement.appendChild(child);
+                    }
+                }
+                else {
+                    collectionNodes.push(child);
+                }
+                // Use case when the BR is next sibling but the BR is not the part of selection.
+                if ((i === nodes.length - 1) && wrapperElement.nextElementSibling &&
+                    wrapperElement.querySelectorAll('br').length === 0 &&
+                    wrapperElement.nextElementSibling.nodeName === 'BR') {
+                    wrapperElement.appendChild(wrapperElement.nextElementSibling);
+                }
+            }
+        }
+        if (wrapperElement.childNodes.length > 0 && collectionNodes.indexOf(wrapperElement) < 0) {
+            collectionNodes.push(wrapperElement);
+        }
+    }
 }
 
 /**
@@ -12113,7 +12309,8 @@ class Lists {
                 startNode.textContent = '';
             }
             const startNodeParent = startNode.parentElement;
-            if (isNullOrUndefined(startNodeParent.parentElement.closest('UL')) && isNullOrUndefined(startNodeParent.parentElement.closest('OL'))) {
+            const parentOfCurrentOLUL = startNodeParent.parentElement;
+            if (isNullOrUndefined(parentOfCurrentOLUL.closest('UL')) && isNullOrUndefined(parentOfCurrentOLUL.closest('OL'))) {
                 if (!isNullOrUndefined(startNode.nextElementSibling)) {
                     const nearBlockNode = this.parent.domNode.blockParentNode(startNode);
                     this.parent.nodeCutter.GetSpliceNode(range, nearBlockNode);
@@ -12140,6 +12337,15 @@ class Lists {
                     detach(startNode);
                 }
             }
+            // To handle the nested enter key press in the list for the first LI element
+            if (!isNullOrUndefined(parentOfCurrentOLUL) && (!isNullOrUndefined(parentOfCurrentOLUL.closest('UL')) || !isNullOrUndefined(parentOfCurrentOLUL.closest('OL'))) &&
+                parentOfCurrentOLUL.nodeName === 'LI' && parentOfCurrentOLUL.style.listStyleType === 'none' &&
+                parentOfCurrentOLUL.textContent === '' && startNode.textContent === '' && startNode === startNodeParent.firstElementChild &&
+                isNullOrUndefined(startNode.nextSibling)) {
+                detach(startNodeParent);
+                parentOfCurrentOLUL.style.removeProperty('list-style-type');
+                e.event.preventDefault();
+            }
         }
     }
     backspaceList(e) {
@@ -12513,7 +12719,7 @@ class Lists {
         this.currentAction = e.subCommand;
         this.currentAction = e.subCommand = this.currentAction === 'NumberFormatList' ? 'OL' : this.currentAction === 'BulletFormatList' ? 'UL' : this.currentAction;
         this.domNode.setMarker(this.saveSelection);
-        let listsNodes = this.domNode.blockNodes();
+        let listsNodes = this.domNode.blockNodes(true);
         if (e.enterAction === 'BR') {
             this.setSelectionBRConfig();
             const allSelectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument);
@@ -12627,6 +12833,17 @@ class Lists {
                     listEle.innerHTML = '<li><br/></li>';
                     elements[i].appendChild(listEle);
                 }
+                else if ('LI' !== elements[i].tagName && isNullOrUndefined(item) &&
+                    elements[i].nodeName === 'BLOCKQUOTE') {
+                    const elemAtt = this.domNode.attributes(elements[i]);
+                    const openTag = '<' + type + '>';
+                    const closeTag = '</' + type + '>';
+                    const newTag = 'li' + elemAtt;
+                    const replaceHTML = elements[i].innerHTML;
+                    const innerHTML = this.domNode.createTagString(newTag, null, replaceHTML);
+                    const collectionString = openTag + innerHTML + closeTag;
+                    elements[i].innerHTML = collectionString;
+                }
                 else if ('LI' !== elements[i].tagName && isNullOrUndefined(item)) {
                     const elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
                     const openTag = '<' + type + '>';
@@ -12717,8 +12934,17 @@ class Lists {
     }
     cleanNode() {
         const liParents = this.parent.editableElement.querySelectorAll('ol + ol, ul + ul');
+        let listStyleType;
+        let firstNodeOL;
         for (let c = 0; c < liParents.length; c++) {
             const node = liParents[c];
+            let toFindtopOlUl = true;
+            if (toFindtopOlUl && (liParents[c].parentElement.parentElement.nodeName === 'OL' || liParents[c].parentElement.parentElement.nodeName === 'UL')) {
+                toFindtopOlUl = false;
+                const preElement = liParents[c].parentElement.parentElement;
+                listStyleType = preElement.style.listStyleType;
+                firstNodeOL = node.previousElementSibling;
+            }
             if (this.domNode.isList(node.previousElementSibling) &&
                 this.domNode.openTagString(node) === this.domNode.openTagString(node.previousElementSibling)) {
                 const contentNodes = this.domNode.contents(node);
@@ -12733,6 +12959,9 @@ class Lists {
                 }
             }
         }
+        if (firstNodeOL) {
+            firstNodeOL.style.listStyleType = listStyleType;
+        }
     }
     findUnSelected(temp, elements) {
         temp = temp.slice().reverse();
@@ -13413,7 +13642,7 @@ class Formats {
         }
         let save = this.parent.nodeSelection.save(range, this.parent.currentDocument);
         this.parent.domNode.setMarker(save);
-        let formatsNodes = this.parent.domNode.blockNodes();
+        let formatsNodes = this.parent.domNode.blockNodes(true);
         if (e.enterAction === 'BR') {
             this.setSelectionBRConfig();
             const allSelectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument);
@@ -13630,6 +13859,10 @@ class InsertHtml {
         const isCollapsed = range.collapsed;
         const nodes = this.getNodeCollection(range, nodeSelection, node);
         const closestParentNode = (node.nodeName.toLowerCase() === 'table') ? this.closestEle(nodes[0].parentNode, editNode) : nodes[0];
+        if (closestParentNode && closestParentNode.nodeName === 'LI' && node.nodeName.toLowerCase() === 'table') {
+            this.insertTableInList(range, node, closestParentNode, nodes[0], nodeCutter);
+            return;
+        }
         if (isExternal || (!isNullOrUndefined(node) && !isNullOrUndefined(node.classList) &&
             node.classList.contains('pasteContent'))) {
             this.pasteInsertHTML(nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction);
@@ -14125,6 +14358,9 @@ class InsertHtml {
     }
     static closestEle(element, editNode) {
         let el = element;
+        if (closest(el, 'li')) {
+            return closest(el, 'li');
+        }
         while (el && el.nodeType === 1) {
             if (el.parentNode === editNode ||
                 (!isNullOrUndefined(el.parentNode.tagName) &&
@@ -14135,6 +14371,30 @@ class InsertHtml {
         }
         return null;
     }
+    static insertTableInList(range, insertNode, parentNode, currentNode, nodeCutter) {
+        if (range.collapsed) {
+            const isStart = range.startOffset === 0;
+            const isEnd = range.startContainer.textContent.trimEnd().length === range.startOffset;
+            if (isStart || isEnd) {
+                if (isStart) {
+                    InsertMethods.AppendBefore(insertNode, currentNode, false);
+                }
+                else {
+                    InsertMethods.AppendBefore(insertNode, currentNode, true);
+                }
+            }
+            else {
+                const preNode = nodeCutter.SplitNode(range, parentNode, true);
+                const sibNode = preNode.previousSibling;
+                sibNode.appendChild(insertNode);
+            }
+        }
+        else {
+            range.deleteContents();
+            parentNode.appendChild(insertNode);
+        }
+        insertNode.classList.add('ignore-table');
+    }
 }
 /**
  * Insert method
@@ -14340,7 +14600,7 @@ class LinkCommand {
         for (let i = 0, j = 0, k = 0; i <= finalinlineNodes.length; i++) {
             if (i === 0) {
                 finalinlineNodes[i].parentNode.insertBefore(anchorNodes[j], finalinlineNodes[i].nextSibling);
-                if (this.parent.domNode.blockNodes().length === 1) {
+                if (this.parent.domNode.blockNodes().length === 1 && anchorNodes.length === 1) {
                     this.parent.nodeSelection.setSelectionNode(this.parent.currentDocument, anchorNodes[j]);
                 }
                 removeNodes[k] = finalinlineNodes[i];
@@ -14797,21 +15057,18 @@ class ImageCommand {
             const selectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0];
             const imgElm = (e.value === 'Replace' || isReplaced) ? e.item.selectParent[0] :
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
-            imgElm.addEventListener('load', () => {
-                if (e.value !== 'Replace' || !isReplaced) {
-                    e.callBack({
-                        requestType: 'Images',
-                        editorMode: 'HTML',
-                        event: e.event,
-                        range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
-                        elements: [imgElm]
-                    });
-                }
-            });
-        }
-        if (e.value === 'Replace') {
-            e.item.subCommand = 'Replace';
-            this.callBack(e);
+            let imageInstance = this;
+            const onImageLoadEvent = () => {
+                e.callBack({
+                    requestType: (e.value === 'Replace') ? (e.item.subCommand = 'Replace', "Replace") : 'Images',
+                    editorMode: 'HTML',
+                    event: e.event,
+                    range: imageInstance.parent.nodeSelection.getRange(imageInstance.parent.currentDocument),
+                    elements: [imgElm]
+                });
+                imgElm.removeEventListener('load', onImageLoadEvent);
+            };
+            imgElm.addEventListener('load', onImageLoadEvent);
         }
     }
     setStyle(imgElement, e, imgReplace) {
@@ -15523,7 +15780,7 @@ class TableCommand {
         e.item.selection.restore();
         InsertHtml.Insert(this.parent.currentDocument, table, this.parent.editableElement);
         e.item.selection.setSelectionText(this.parent.currentDocument, table.querySelector('td'), table.querySelector('td'), 0, 0);
-        if (table.nextElementSibling === null) {
+        if (table.nextElementSibling === null && !table.classList.contains('ignore-table')) {
             let insertElem;
             if (e.enterAction === 'DIV') {
                 insertElem = createElement('div');
@@ -15538,6 +15795,9 @@ class TableCommand {
             }
             this.insertAfter(insertElem, table);
         }
+        if (table.classList.contains('ignore-table')) {
+            table.classList.remove('ignore-table');
+        }
         table.querySelector('td').classList.add('e-cell-select');
         if (e.callBack) {
             e.callBack({
@@ -15957,10 +16217,22 @@ class TableCommand {
             firstCell.setAttribute('rowspan', (minMaxIndexes.endRow - minMaxIndexes.startRow + 1).toString());
         }
         let totalWidth = 0;
+        let unit;
         for (let j = rowSelectedCells.length - 1; j >= 0; j--) {
-            totalWidth = totalWidth + parseFloat(rowSelectedCells[j].style.width);
+            if (!isNullOrUndefined(rowSelectedCells[j].style.width)
+                && rowSelectedCells[j].style.width !== '') {
+                if (!unit) {
+                    const match = rowSelectedCells[j].style.width.match(/^([\d.]+)([a-z%]+)$/i);
+                    unit = match ? match[2] : '%';
+                }
+                totalWidth = totalWidth + parseFloat(rowSelectedCells[j].style.width);
+            }
+            else {
+                totalWidth = totalWidth + ((rowSelectedCells[j].offsetWidth / this.curTable.offsetWidth) * 100);
+                unit = '%';
+            }
         }
-        firstCell.style.width = totalWidth + '%';
+        firstCell.style.width = totalWidth + unit;
         for (let i = 1; i <= selectedCells.length - 1; i++) {
             detach(selectedCells[i]);
         }
@@ -16886,11 +17158,15 @@ class SelectionCommands {
             && range.endOffset === range.startContainer.length)) {
             const nodeIndex = [];
             let cloneNode = nodes[index];
+            const clonedElement = cloneNode;
             do {
                 nodeIndex.push(domSelection.getIndex(cloneNode));
                 cloneNode = cloneNode.parentNode;
             } while (cloneNode && (cloneNode !== formatNode));
             if (nodes[index].nodeName !== 'BR') {
+                if (clonedElement.nodeName === '#text' && clonedElement.textContent.includes('\u200B')) {
+                    clonedElement.remove();
+                }
                 cloneNode = splitNode = (isCursor && (formatNode.textContent.length - 1) === range.startOffset) ?
                     nodeCutter.SplitNode(range, formatNode, true)
                     : nodeCutter.GetSpliceNode(range, formatNode);
@@ -16968,6 +17244,30 @@ class SelectionCommands {
             formatNode.style.textDecoration = 'none';
             child = [formatNode];
         }
+        else if (IsFormatted.inlineTags.indexOf(formatNodeTagName.toLowerCase()) !== -1 && isFontStyle && formatNodeTagName.toLocaleLowerCase() !== 'span') {
+            let fontNodeStyle = formatNode.style;
+            if (fontNodeStyle.color && format === 'fontcolor') {
+                if (formatNode.nodeName === 'A') {
+                    fontNodeStyle.color = value;
+                }
+                else {
+                    fontNodeStyle.color = '';
+                }
+            }
+            else if (fontNodeStyle.backgroundColor && format === 'backgroundcolor') {
+                fontNodeStyle.backgroundColor = '';
+            }
+            else if (fontNodeStyle.fontSize && format === 'fontsize') {
+                fontNodeStyle.fontSize = '';
+            }
+            else if (fontNodeStyle.fontFamily && format === 'fontname') {
+                fontNodeStyle.fontFamily = '';
+            }
+            if (formatNode.getAttribute("style") === '') {
+                formatNode.removeAttribute("style");
+            }
+            child = [formatNode];
+        }
         else {
             child = InsertMethods.unwrap(formatNode);
             let liElement = nodes[index].parentElement;
@@ -17148,19 +17448,44 @@ class SelectionCommands {
                             parentElement = parentElement.parentElement;
                             liElement = parentElement;
                         }
-                        if (format === 'fontcolor') {
+                        if (format === 'fontcolor' || format === 'fontname') {
                             const parentElem = nodes[index].parentElement;
                             if (!isNullOrUndefined(parentElem) && parentElem.childNodes) {
                                 for (let i = 0; i < parentElem.childNodes.length; i++) {
                                     if (this.concatenateTextExcludingList(nodes, index) === nodes[index].textContent) {
+                                        let liElement;
                                         if (parentElem.tagName === 'LI') {
-                                            parentElem.style.color = value;
+                                            liElement = parentElem;
+                                        }
+                                        else if (parentElem.closest('li')) {
+                                            liElement = parentElem.closest('li');
+                                        }
+                                        if (!isNullOrUndefined(liElement)) {
+                                            switch (format) {
+                                                case 'fontcolor':
+                                                    liElement.style.color = value;
+                                                    break;
+                                                case 'fontname':
+                                                    liElement.style.fontFamily = value;
+                                                    break;
+                                                default:
+                                                    break;
+                                            }
                                         }
                                     }
                                     // eslint-disable-next-line
                                     const childElement = parentElem.childNodes[i];
                                     if (childElement.tagName === 'OL' || childElement.tagName === 'UL') {
-                                        childElement.style.color = 'initial';
+                                        switch (format) {
+                                            case 'fontcolor':
+                                                childElement.style.color = 'initial';
+                                                break;
+                                            case 'fontname':
+                                                childElement.style.fontFamily = 'initial';
+                                                break;
+                                            default:
+                                                break;
+                                        }
                                     }
                                 }
                             }
@@ -18160,7 +18485,7 @@ class MsWordPaste {
             'x', 'xi', 'xii', 'xiii', 'xiv', 'xv', 'xvi', 'xvii', 'xviii', 'xix', 'xx'];
         this.lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
             'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
-        this.removableElements = ['o:p', 'style'];
+        this.removableElements = ['o:p', 'style', 'w:sdt'];
         this.listContents = [];
         this.cropImageDimensions = [];
         this.parent = parent;
@@ -18525,7 +18850,7 @@ class MsWordPaste {
         let innerElement = elm.innerHTML;
         for (let i = 0; i < this.removableElements.length; i++) {
             // eslint-disable-next-line security/detect-non-literal-regexp
-            const regExpStartElem = new RegExp('<' + this.removableElements[i] + '>', 'g');
+            const regExpStartElem = new RegExp('<' + this.removableElements[i] + '\\s*[^>]*>', 'g');
             // eslint-disable-next-line security/detect-non-literal-regexp
             const regExpEndElem = new RegExp('</' + this.removableElements[i] + '>', 'g');
             innerElement = innerElement.replace(regExpStartElem, '');
@@ -18588,72 +18913,80 @@ class MsWordPaste {
     }
     styleCorrection(elm, wordPasteStyleConfig) {
         const styleElement = elm.querySelectorAll('style');
+        let styles = [];
         if (styleElement.length > 0) {
-            const styles = styleElement[0].innerHTML.match(/[\S ]+\s+{[\s\S]+?}/gi);
+            if (!isNullOrUndefined(styleElement[0].innerHTML.match(/[\S ]+\s+{[\s\S]+?}/gi))) {
+                styles = styleElement[0].innerHTML.match(/[\S ]+\s+{[\s\S]+?}/gi);
+            }
+            else if (styleElement.length > 1) {
+                styles = styleElement[1].innerHTML.match(/[\S ]+\s+{[\s\S]+?}/gi);
+            }
             const styleClassObject = !isNullOrUndefined(styles) ? this.findStyleObject(styles) : null;
-            const keys = Object.keys(styleClassObject);
-            let values = keys.map((key) => {
-                return styleClassObject[`${key}`];
-            });
-            values = this.removeUnwantedStyle(values, wordPasteStyleConfig);
-            this.filterStyles(elm, wordPasteStyleConfig);
-            let resultElem;
-            let fromClass = false;
-            for (let i = 0; i < keys.length; i++) {
-                if (keys[i].split('.')[0] === '') {
-                    resultElem = elm.getElementsByClassName(keys[i].split('.')[1]);
-                    fromClass = true;
-                }
-                else if (keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') >= 0) {
-                    continue;
-                }
-                else if (keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') < 0) {
-                    resultElem = elm.getElementsByTagName(keys[i]);
-                }
-                else {
-                    resultElem = elm.querySelectorAll(keys[i]);
-                }
-                for (let j = 0; j < resultElem.length; j++) {
-                    if (resultElem[j].closest('li') && keys[i] === 'p') {
+            if (!isNullOrUndefined(styleClassObject)) {
+                const keys = Object.keys(styleClassObject);
+                let values = keys.map((key) => {
+                    return styleClassObject[`${key}`];
+                });
+                values = this.removeUnwantedStyle(values, wordPasteStyleConfig);
+                this.filterStyles(elm, wordPasteStyleConfig);
+                let resultElem;
+                let fromClass = false;
+                for (let i = 0; i < keys.length; i++) {
+                    if (keys[i].split('.')[0] === '') {
+                        resultElem = elm.getElementsByClassName(keys[i].split('.')[1]);
+                        fromClass = true;
+                    }
+                    else if (keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') >= 0) {
                         continue;
                     }
-                    const styleProperty = resultElem[j].getAttribute('style');
-                    if (!isNullOrUndefined(styleProperty) && styleProperty.trim() !== '') {
-                        const valueSplit = values[i].split(';');
-                        if (!fromClass) {
-                            for (let k = 0; k < valueSplit.length; k++) {
-                                if (styleProperty.indexOf(valueSplit[k].split(':')[0]) >= 0) {
-                                    valueSplit.splice(k, 1);
-                                    k--;
+                    else if (keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') < 0) {
+                        resultElem = elm.getElementsByTagName(keys[i]);
+                    }
+                    else {
+                        resultElem = elm.querySelectorAll(keys[i]);
+                    }
+                    for (let j = 0; j < resultElem.length; j++) {
+                        if (resultElem[j].closest('li') && keys[i] === 'p') {
+                            continue;
+                        }
+                        const styleProperty = resultElem[j].getAttribute('style');
+                        if (!isNullOrUndefined(styleProperty) && styleProperty.trim() !== '') {
+                            const valueSplit = values[i].split(';');
+                            if (!fromClass) {
+                                for (let k = 0; k < valueSplit.length; k++) {
+                                    if (styleProperty.indexOf(valueSplit[k].split(':')[0]) >= 0) {
+                                        valueSplit.splice(k, 1);
+                                        k--;
+                                    }
                                 }
                             }
+                            const changedValue = styleProperty + valueSplit.join(';') + ';';
+                            resultElem[j].setAttribute('style', changedValue);
+                        }
+                        else {
+                            values[i] = values[i].replace(/text-indent:-(.*?)(?=;|$)/gm, '');
+                            resultElem[j].setAttribute('style', values[i]);
                         }
-                        const changedValue = styleProperty + valueSplit.join(';') + ';';
-                        resultElem[j].setAttribute('style', changedValue);
-                    }
-                    else {
-                        values[i] = values[i].replace(/text-indent:-(.*?)(?=;|$)/gm, '');
-                        resultElem[j].setAttribute('style', values[i]);
                     }
-                }
-                fromClass = false;
-            }
-            const listClass = ['MsoListParagraphCxSpFirst', 'MsoListParagraphCxSpMiddle', 'MsoListParagraphCxSpLast'];
-            for (let i = 0; i < listClass.length; i++) {
-                if (keys.indexOf('li.' + listClass[i]) > -1) {
-                    const olULElems = elm.querySelectorAll('ol.' + listClass[i] + ', ul.' + listClass[i]);
-                    for (let j = 0; j < olULElems.length; j++) {
-                        const styleProperty = olULElems[j].getAttribute('style');
-                        if (!isNullOrUndefined(styleProperty) && styleProperty.trim() !== '' && olULElems[j].style.marginLeft !== '') {
-                            const valueSplit = values[keys.indexOf('li.' + listClass[i])].split(';');
-                            for (let k = 0; k < valueSplit.length; k++) {
-                                if ('margin-left'.indexOf(valueSplit[k].split(':')[0]) >= 0) {
-                                    if (!isNullOrUndefined(valueSplit[k].split(':')[1]) &&
-                                        valueSplit[k].split(':')[1].indexOf('in') >= 0 &&
-                                        olULElems[j].style.marginLeft.indexOf('in') >= 0) {
-                                        const classStyle = parseFloat(valueSplit[k].split(':')[1].split('in')[0]);
-                                        const inlineStyle = parseFloat(olULElems[j].style.marginLeft.split('in')[0]);
-                                        olULElems[j].style.marginLeft = (inlineStyle - classStyle) + 'in';
+                    fromClass = false;
+                }
+                const listClass = ['MsoListParagraphCxSpFirst', 'MsoListParagraphCxSpMiddle', 'MsoListParagraphCxSpLast'];
+                for (let i = 0; i < listClass.length; i++) {
+                    if (keys.indexOf('li.' + listClass[i]) > -1) {
+                        const olULElems = elm.querySelectorAll('ol.' + listClass[i] + ', ul.' + listClass[i]);
+                        for (let j = 0; j < olULElems.length; j++) {
+                            const styleProperty = olULElems[j].getAttribute('style');
+                            if (!isNullOrUndefined(styleProperty) && styleProperty.trim() !== '' && olULElems[j].style.marginLeft !== '') {
+                                const valueSplit = values[keys.indexOf('li.' + listClass[i])].split(';');
+                                for (let k = 0; k < valueSplit.length; k++) {
+                                    if ('margin-left'.indexOf(valueSplit[k].split(':')[0]) >= 0) {
+                                        if (!isNullOrUndefined(valueSplit[k].split(':')[1]) &&
+                                            valueSplit[k].split(':')[1].indexOf('in') >= 0 &&
+                                            olULElems[j].style.marginLeft.indexOf('in') >= 0) {
+                                            const classStyle = parseFloat(valueSplit[k].split(':')[1].split('in')[0]);
+                                            const inlineStyle = parseFloat(olULElems[j].style.marginLeft.split('in')[0]);
+                                            olULElems[j].style.marginLeft = (inlineStyle - classStyle) + 'in';
+                                        }
                                     }
                                 }
                             }
@@ -19224,7 +19557,7 @@ class ToolbarStatus {
      * get method
      *
      * @param {Document} docElement - specifies the document element
-     * @param {Node} targetNode - specifies the target node
+     * @param {Node} rootNode - specifies the content editable element
      * @param {string[]} formatNode - specifies the format node
      * @param {string[]} fontSize - specifies the font size
      * @param {string[]} fontName - specifies the font name.
@@ -19233,7 +19566,7 @@ class ToolbarStatus {
      * @hidden
      * @deprecated
      */
-    static get(docElement, targetNode, formatNode, fontSize, fontName, documentNode) {
+    static get(docElement, rootNode, formatNode, fontSize, fontName, documentNode) {
         let formatCollection = JSON.parse(JSON.stringify(statusCollection));
         const nodeCollection = JSON.parse(JSON.stringify(statusCollection));
         const nodeSelection = new NodeSelection();
@@ -19263,7 +19596,7 @@ class ToolbarStatus {
         }
         for (let index = 0; index < nodes.length; index++) {
             // eslint-disable-next-line max-len
-            formatCollection = this.getFormatParent(docElement, formatCollection, nodes[index], targetNode, formatNode, fontSize, fontName);
+            formatCollection = this.getFormatParent(docElement, formatCollection, nodes[index], rootNode, formatNode, fontSize, fontName);
             if ((index === 0 && formatCollection.bold) || !formatCollection.bold) {
                 nodeCollection.bold = formatCollection.bold;
             }
@@ -19338,16 +19671,24 @@ class ToolbarStatus {
         return node;
     }
     static getFormatParent(docElement, formatCollection, node, targetNode, formatNode, fontSize, fontName) {
+        let isListUpdated = false;
+        let isComplexListUpdated = false;
         if (targetNode.contains(node) ||
             (node.nodeType === 3 && targetNode.nodeType !== 3 && targetNode.contains(node.parentNode))) {
             do {
-                formatCollection = this.isFormattedNode(docElement, formatCollection, node, formatNode, fontSize, fontName);
+                formatCollection = this.isFormattedNode(docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName);
+                if (formatCollection.orderedlist || formatCollection.unorderedlist) {
+                    isListUpdated = true;
+                }
+                if (formatCollection.bulletFormatList || formatCollection.numberFormatList) {
+                    isComplexListUpdated = true;
+                }
                 node = node.parentNode;
             } while (node && (node !== targetNode));
         }
         return formatCollection;
     }
-    static isFormattedNode(docElement, formatCollection, node, formatNode, fontSize, fontName) {
+    static isFormattedNode(docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName) {
         if (!formatCollection.bold) {
             formatCollection.bold = IsFormatted.isBold(node);
         }
@@ -19378,10 +19719,10 @@ class ToolbarStatus {
         if (!formatCollection.backgroundcolor) {
             formatCollection.backgroundcolor = this.isBackgroundColor(node);
         }
-        if (!formatCollection.orderedlist) {
+        if (!formatCollection.orderedlist && !isListUpdated) {
             formatCollection.orderedlist = this.isOrderedList(node);
         }
-        if (!formatCollection.unorderedlist) {
+        if (!formatCollection.unorderedlist && !isListUpdated) {
             formatCollection.unorderedlist = this.isUnorderedList(node);
         }
         if (!formatCollection.alignments) {
@@ -19396,10 +19737,10 @@ class ToolbarStatus {
         if (!formatCollection.createlink) {
             formatCollection.createlink = this.isLink(node);
         }
-        if (!formatCollection.numberFormatList) {
+        if (!formatCollection.numberFormatList && !isComplexListUpdated) {
             formatCollection.numberFormatList = this.isNumberFormatList(node);
         }
-        if (!formatCollection.bulletFormatList) {
+        if (!formatCollection.bulletFormatList && !isComplexListUpdated) {
             formatCollection.bulletFormatList = this.isBulletFormatList(node);
         }
         return formatCollection;
@@ -20486,12 +20827,12 @@ class EditorManager {
         }
     }
     getParentBlockNode(node) {
-        let treeWalker = this.currentDocument.createTreeWalker(this.editableElement, // root
+        const treeWalker = this.currentDocument.createTreeWalker(this.editableElement, // root
         NodeFilter.SHOW_ELEMENT, // whatToShow
         {
             acceptNode: function (currentNode) {
                 // Check if the node is a block element
-                let displayStyle = window.getComputedStyle(currentNode).display;
+                const displayStyle = window.getComputedStyle(currentNode).display;
                 if (displayStyle.indexOf('inline') < 0) {
                     return NodeFilter.FILTER_ACCEPT;
                 }
@@ -20501,11 +20842,11 @@ class EditorManager {
             }
         });
         treeWalker.currentNode = node;
-        let blockParent = treeWalker.parentNode();
+        const blockParent = treeWalker.parentNode();
         return blockParent;
     }
     getLastTextNode(node) {
-        let treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
+        const treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
         let lastTextNode = null;
         let currentNode = treeWalker.nextNode();
         while (currentNode) {
@@ -20515,8 +20856,8 @@ class EditorManager {
         return lastTextNode;
     }
     getFirstTextNode(node) {
-        let treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
-        let firstTextNode = treeWalker.nextNode();
+        const treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
+        const firstTextNode = treeWalker.nextNode();
         return firstTextNode;
     }
 }
@@ -20752,8 +21093,12 @@ const IFRAMEHEADER = `
                 .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }
                 .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }
                 .e-img-caption .e-img-inner { outline: 0; }
+                .e-rte-img-caption.e-imgleft .e-img-inner { float: left; text-align: left; }
+                .e-rte-img-caption.e-imgright .e-img-inner { float: right; text-align: right; }
+                .e-rte-img-caption.e-imgleft .e-img-wrap, .e-rte-img-caption.e-imgright .e-img-wrap { display: contents; }
                 .e-img-caption a:focus-visible { outline: none; }
-                .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}
+                .e-rte-img-caption .e-rte-image.e-imgright { margin-left: auto; margin-right: 0; }
+                .e-rte-img-caption .e-rte-image.e-imgleft { margin: 0; }
                 body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;
                     overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}
                 p{margin: 0 0 10px;margin-bottom: 10px;}
@@ -20801,6 +21146,7 @@ const IFRAMEHEADER = `
                 .e-table-rhelper { background-color: #4a90e2;}
                 .e-rtl { direction: rtl; }
                 .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; }
+                li ol, li ul { margin-block-start: 10px;}
             </style>
         </head>`;
 /**
@@ -20828,6 +21174,7 @@ class IframeContentRender extends ContentRender {
             styles: 'display:block;',
             attrs: { 'srcdoc': iFrameContent }
         });
+        iframe.setAttribute("role", "none");
         this.setPanel(iframe);
         rteObj.element.appendChild(iframe);
         iframe.contentDocument.body.id = this.parent.getID() + '_rte-edit-view';
@@ -21528,7 +21875,11 @@ class HtmlEditor {
                 (!isNullOrUndefined(this.deleteRangeElement.nextElementSibling) && this.deleteRangeElement.nextElementSibling.tagName === 'TABLE'))) {
                 return;
             }
-            if (this.getCaretIndex(currentRange, this.deleteRangeElement) === this.deleteRangeElement.textContent.length) {
+            let isImgWithEmptyBlockNode = false;
+            if (this.deleteRangeElement.querySelectorAll('img').length > 0 && this.deleteRangeElement.textContent.trim() === '') {
+                isImgWithEmptyBlockNode = true;
+            }
+            if (this.getCaretIndex(currentRange, this.deleteRangeElement) === this.deleteRangeElement.textContent.length && !isImgWithEmptyBlockNode) {
                 if (!isNullOrUndefined(liElement)) {
                     if (isLiElement || !isNullOrUndefined(liElement.nextElementSibling)) {
                         this.deleteOldRangeElement = this.getRangeElement(liElement.nextElementSibling);
@@ -21720,36 +22071,14 @@ class HtmlEditor {
             }, e, value);
         }
     }
-    mouseOutHandler() {
-        if (!isNullOrUndefined(this.tooltipTargetEle)) {
-            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
-        }
-        else {
-            const 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);
-    }
     onToolbarClick(args) {
         let save;
         let selectNodeEle;
         let selectParentEle;
         const item = args.item;
         const closestElement = closest(args.originalEvent.target, '.e-rte-quick-popup');
-        const 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 });
-            if (!this.tooltipTargetEle.closest('.e-rte-quick-popup')) {
-                this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
-                this.tooltipTargetEle.removeAttribute('title');
-                EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
-            }
-        }
+        let target = args.originalEvent.target;
+        this.parent.notify(closeTooltip, { target: target });
         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' ||
@@ -22665,6 +22994,9 @@ class PasteCleanup {
             this.setImageProperties(allImg[i]);
         }
         this.addTempClass(clipBoardElem);
+        if (clipBoardElem.querySelectorAll('picture').length > 0) {
+            this.processPictureElement(clipBoardElem);
+        }
         if (clipBoardElem.textContent !== '' || !isNullOrUndefined(clipBoardElem.querySelector('img')) ||
             !isNullOrUndefined(clipBoardElem.querySelector('table'))) {
             const tempWrapperElem = this.parent.createElement('div');
@@ -23122,6 +23454,26 @@ class PasteCleanup {
         }
         return null;
     }
+    processPictureElement(clipBoardElem) {
+        const pictureElems = clipBoardElem.querySelectorAll('picture');
+        for (let i = 0; i < pictureElems.length; i++) {
+            const imgElem = pictureElems[i].querySelector('img');
+            const sourceElems = pictureElems[i].querySelectorAll('source');
+            if (imgElem && imgElem.getAttribute('src')) {
+                const srcValue = imgElem.getAttribute('src');
+                const url = new URL(srcValue);
+                for (let j = 0; j < sourceElems.length; j++) {
+                    let srcset = sourceElems[j].getAttribute('srcset');
+                    if (srcset) {
+                        if (srcset.indexOf('http') === -1) {
+                            const fullPath = url.origin + srcset;
+                            sourceElems[j].setAttribute('srcset', fullPath);
+                        }
+                    }
+                }
+            }
+        }
+    }
     /**
      * For internal use only - Get the module name.
      *
@@ -23201,7 +23553,8 @@ class Resize {
             this.parent.element.style.width = (!this.parent.enableRtl) ? eventType.clientX - boundRect.left + 'px' : boundRect.right - eventType.clientX + 'px';
         }
         if (!this.parent.toolbarSettings.enable) {
-            this.parent.setContentHeight('', false);
+            const isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
+            this.parent.setContentHeight('Resize', isExpand);
         }
         this.parent.refreshUI();
     }
@@ -23552,7 +23905,7 @@ class FullScreen {
                     this.parent.element.classList.add(CLS_FULL_SCREEN);
                     this.toggleParentOverflow(true);
                     const isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
-                    this.parent.setContentHeight(null, isExpand);
+                    this.parent.setContentHeight('Maximize', isExpand);
                     if (this.parent.toolbarModule) {
                         if (!this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
                             this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);
@@ -23603,7 +23956,7 @@ class FullScreen {
                         removeClass([elem[i]], ['e-rte-overflow']);
                     }
                     const isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
-                    this.parent.setContentHeight(null, isExpand);
+                    this.parent.setContentHeight('Minimize', isExpand);
                     if (this.parent.toolbarModule) {
                         if (!this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
                             this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);
@@ -23949,7 +24302,7 @@ class EmojiPicker {
         }
         this.popDiv = this.parent.createElement('div', { className: 'e-rte-emojipicker-popup', id: this.parent.getID() + '_emojiPicker' });
         if (!isNullOrUndefined(this.parent.getToolbar()) && !this.parent.inlineMode.enable) {
-            this.parent.getToolbar().appendChild(this.popDiv);
+            this.parent.getToolbar().parentElement.appendChild(this.popDiv);
         }
         else if (this.parent.inlineMode.enable) {
             this.parent.element.appendChild(this.popDiv);
@@ -25378,7 +25731,6 @@ class Image$1 {
         this.isAllowedTypes = true;
         this.pageX = null;
         this.pageY = null;
-        this.mouseX = null;
         this.deletedImg = [];
         this.parent = parent;
         this.rteID = parent.element.id;
@@ -25536,11 +25888,6 @@ class Image$1 {
         }
         const args = { event: e, requestType: 'images' };
         this.parent.trigger(resizeStop, args);
-        /* eslint-disable */
-        let pageX = this.getPointX(e);
-        let pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset +
-            this.parent.element.getBoundingClientRect().top + e.clientY : e.pageY;
-        /* eslint-enable */
         this.parent.formatter.editorManager.observer.on(checkUndo, this.undoStack, this);
         this.parent.formatter.saveData();
     }
@@ -25570,17 +25917,15 @@ class Image$1 {
             if (this.quickToolObj) {
                 this.quickToolObj.imageQTBar.hidePopup();
             }
-            if (target.classList.contains('e-rte-topLeft')) {
-                this.resizeBtnStat.topLeft = true;
-            }
-            if (target.classList.contains('e-rte-topRight')) {
-                this.resizeBtnStat.topRight = true;
-            }
-            if (target.classList.contains('e-rte-botLeft')) {
-                this.resizeBtnStat.botLeft = true;
-            }
-            if (target.classList.contains('e-rte-botRight')) {
-                this.resizeBtnStat.botRight = true;
+            const handlers = ['topLeft', 'topRight', 'botLeft', 'botRight'];
+            for (let i = 0; i < handlers.length; i++) {
+                const handler = handlers[i];
+                if (target.classList.contains('e-rte-' + handler)) {
+                    this.resizeBtnStat[handler] = true;
+                    this.currentResizeHandler = handler;
+                    this.aspectRatio = this.findAspectRatio(this.imgEle);
+                    break; // Exit the loop once a match is found
+                }
             }
             if (Browser.isDevice && this.contentModule.getEditPanel().contains(this.imgResizeDiv) &&
                 !this.imgResizeDiv.classList.contains('e-mob-span')) {
@@ -25711,89 +26056,80 @@ class Image$1 {
             };
         }
     }
-    setAspectRatio(img, expectedX, expectedY, e) {
+    setAspectRatio(img, expectedX, expectedY) {
         if (isNullOrUndefined(img.width)) {
             return;
         }
-        // eslint-disable-next-line security/detect-unsafe-regex
-        const width = img.style.width !== '' ? img.style.width.match(/^\d+(\.\d*)?%$/g) ? parseFloat(img.style.width) :
-            parseInt(img.style.width, 10) : img.width;
-        const height = img.style.height !== '' ? parseInt(img.style.height, 10) : img.height;
-        if (width > height) {
-            img.style.minWidth = this.parent.insertImageSettings.minWidth === 0 ? '20px' : formatUnit(this.parent.insertImageSettings.minWidth);
-            if (this.parent.insertImageSettings.resizeByPercent) {
-                if (parseInt('' + img.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
-                    const original = img.offsetWidth + this.mouseX;
-                    const finalWidthByPerc = (original / img.offsetWidth) * (parseFloat(img.style.width).toString() === 'NaN' ? (img.offsetWidth / (parseFloat(getComputedStyle(this.parent.element).width)) * 100) : parseFloat(img.style.width));
-                    img.style.width = ((finalWidthByPerc > 3) ? finalWidthByPerc : 3) + '%';
+        const width = img.width;
+        const height = img.height;
+        const sameHeightWidth = (width === height);
+        const factor = this.parent.insertImageSettings.resizeByPercent ? '%' : 'px';
+        const emptyStyleDimension = (img.style.width === '' && img.style.height === '');
+        if (!sameHeightWidth && !emptyStyleDimension) {
+            if (img.style.width !== '' && img.style.height !== '') {
+                if (this.parent.insertImageSettings.resizeByPercent) {
+                    this.setImageWidth(img, expectedX, factor);
+                    this.removeImageHeight(img);
                 }
                 else {
-                    img.style.width = this.pixToPerc((width / height * expectedY), (img.previousElementSibling || img.parentElement)) + '%';
+                    this.setImageWidth(img, expectedX, factor);
+                    this.setImageHeight(img, expectedY, factor);
                 }
-                img.style.height = null;
-                img.removeAttribute('height');
-            }
-            else if (img.style.width === '' && img.style.height !== '') {
-                img.style.height = expectedY + 'px';
-            }
-            else if (img.style.width !== '' && img.style.height === '') {
-                const currentWidth = ((width / height * expectedY) + width / height) <
-                    (this.parent.inputElement.getBoundingClientRect().right - 32) ?
-                    ((width / height * expectedY) + width / height) : (this.parent.inputElement.getBoundingClientRect().right - 32);
-                img.style.width = currentWidth.toString() + 'px';
-                img.style.height = expectedY + 'px';
             }
             else if (img.style.width !== '') {
-                const currentWidth = (width / height * expectedY) < (this.parent.inputElement.getBoundingClientRect().right - 32) ?
-                    (width / height * expectedY) : (this.parent.inputElement.getBoundingClientRect().right - 32);
-                img.style.width = currentWidth + 'px';
-                img.style.height = expectedY + 'px';
-            }
-            else {
-                if (this.parent.iframeSettings.enable) {
-                    img.setAttribute('width', (img.width + this.mouseX).toString());
+                if (this.parent.insertImageSettings.resizeByPercent) {
+                    this.setImageWidth(img, expectedX, factor);
+                    this.removeImageHeight(img);
                 }
                 else {
-                    const currentWidth = img.offsetWidth === 0 ? img.width + this.mouseX + parseInt(img.style.outlineWidth.split('p')[0], 10) : img.offsetWidth + this.mouseX;
-                    img.setAttribute('width', (currentWidth).toString());
+                    this.setImageWidth(img, expectedX, factor);
                 }
             }
-        }
-        else if (height > width) {
-            if (this.parent.insertImageSettings.resizeByPercent) {
-                if (parseInt('' + img.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
-                    const original = img.offsetWidth + this.mouseX;
-                    const finalWidthByPerc = (original / img.offsetWidth) * (parseFloat(img.style.width).toString() === 'NaN' ?
-                        (img.offsetWidth / (parseFloat(getComputedStyle(this.parent.element).width)) * 100) :
-                        parseFloat(img.style.width));
-                    img.style.width = ((finalWidthByPerc > 3) ? finalWidthByPerc : 3) + '%';
+            else if (img.style.height !== '') {
+                if (this.parent.insertImageSettings.resizeByPercent) {
+                    this.setImageWidth(img, expectedX, factor);
+                    this.removeImageHeight(img);
                 }
                 else {
-                    img.style.width = this.pixToPerc((expectedX / height * expectedY), (img.previousElementSibling || img.parentElement)) + '%';
+                    this.setImageHeight(img, expectedY, factor);
                 }
-                img.style.height = null;
-                img.removeAttribute('height');
-            }
-            else if (img.style.width !== '') {
-                img.style.width = expectedX + 'px';
-                img.style.height = (height / width * expectedX) + 'px';
-            }
-            else {
-                img.setAttribute('width', this.resizeBtnStat.botRight ? (this.getPointX(e.event) - img.getBoundingClientRect().left).toString() : expectedX.toString());
             }
         }
         else {
+            this.setImageWidth(img, expectedX, factor);
             if (this.parent.insertImageSettings.resizeByPercent) {
-                img.style.width = this.pixToPerc(expectedX, (img.previousElementSibling || img.parentElement)) + '%';
-                img.style.height = null;
-                img.removeAttribute('height');
+                this.removeImageHeight(img);
             }
             else {
-                img.style.width = ((expectedX >= 15) ? expectedX : 15) + 'px';
-                img.style.height = ((expectedX >= 15) ? expectedX : 15) + 'px';
+                this.setImageHeight(img, expectedY, factor);
             }
         }
     }
+    setImageWidth(img, value, suffix) {
+        img.style.width = this.getImageDimension(value, img) + suffix;
+        if (!this.parent.insertImageSettings.resizeByPercent) {
+            img.setAttribute('width', value.toString());
+        }
+    }
+    setImageHeight(img, value, suffix) {
+        img.style.height = this.getImageDimension(value, img) + suffix;
+        if (!this.parent.insertImageSettings.resizeByPercent) {
+            img.setAttribute('height', value.toString());
+        }
+    }
+    removeImageHeight(img) {
+        img.style.height = '';
+        img.removeAttribute('height');
+    }
+    getImageDimension(value, img) {
+        if (this.parent.insertImageSettings.resizeByPercent) {
+            const rootElem = img.parentElement || img.previousElementSibling;
+            return this.pixToPerc(value, rootElem);
+        }
+        else {
+            return value;
+        }
+    }
     pixToPerc(expected, parentEle) {
         return expected / parseFloat(getComputedStyle(parentEle).width) * 100;
     }
@@ -25815,7 +26151,7 @@ class Image$1 {
                     return;
                 }
                 this.imgEle.parentElement.style.cursor = 'pointer';
-                this.setAspectRatio(this.imgEle, parseInt(width, 10), parseInt(height, 10), args);
+                this.setAspectRatio(this.imgEle, parseInt(width, 10), parseInt(height, 10));
                 this.resizeImgDupPos(this.imgEle);
                 this.imgResizePos(this.imgEle, this.imgResizeDiv);
             }
@@ -25826,35 +26162,37 @@ class Image$1 {
             this.cancelResizeAction();
             return;
         }
-        if (this.imgEle.offsetWidth >= this.parent.getInsertImgMaxWidth()) {
-            this.imgEle.style.maxHeight = this.imgEle.offsetHeight + 'px';
-        }
-        else if (isNullOrUndefined(this.parent.insertImageSettings.maxHeight)) {
-            this.imgEle.style.maxHeight = '';
-        }
-        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';
-        const pageX = this.getPointX(e);
-        const pageY = this.getPointY(e);
-        const mouseX = (this.resizeBtnStat.botLeft || this.resizeBtnStat.topLeft) ? -(pageX - this.pageX) : (pageX - this.pageX);
-        const mouseY = (this.resizeBtnStat.botLeft || this.resizeBtnStat.topLeft) ? -(pageY - this.pageY) : (pageY - this.pageY);
-        const width = parseInt(this.imgDupPos.width, 10) + mouseX;
-        const height = parseInt(this.imgDupPos.height, 10) + mouseY;
-        this.mouseX = mouseX;
-        this.pageX = pageX;
-        this.pageY = pageY;
-        if (this.resizeBtnStat.botRight) {
-            this.imgDupMouseMove(width + 'px', height + 'px', e);
-        }
-        else if (this.resizeBtnStat.botLeft) {
-            this.imgDupMouseMove(width + 'px', height + 'px', e);
-        }
-        else if (this.resizeBtnStat.topRight) {
-            this.imgDupMouseMove(width + 'px', height + 'px', e);
-        }
-        else if (this.resizeBtnStat.topLeft) {
+        if (this.resizeBtnStat.botRight || this.resizeBtnStat.botLeft || this.resizeBtnStat.topRight || this.resizeBtnStat.topLeft) {
+            const pageX = this.getPointX(e);
+            const pageY = this.getPointY(e);
+            const resizeFactor = this.getResizeFactor(this.currentResizeHandler);
+            const diffX = (pageX - this.pageX);
+            const diffY = (pageY - this.pageY);
+            const currentWidth = this.imgEle.clientWidth;
+            const currentHeight = this.imgEle.clientHeight;
+            let width = diffX * resizeFactor[0] + currentWidth;
+            let height = diffY * resizeFactor[1] + currentHeight;
+            width = (width < 16) ? 16 : width;
+            height = (height < 16) ? 16 : height;
+            if (Math.abs(diffX) > Math.abs(diffY)) {
+                height = Math.round(width / this.aspectRatio);
+                width = Math.round(height * this.aspectRatio);
+            }
+            else {
+                width = Math.round(height * this.aspectRatio);
+                height = Math.round(width / this.aspectRatio);
+            }
+            this.pageX = pageX;
+            this.pageY = pageY;
             this.imgDupMouseMove(width + 'px', height + 'px', e);
         }
     }
+    getResizeFactor(value) {
+        return imageResizeFactor[value];
+    }
+    findAspectRatio(image) {
+        return image.clientWidth / image.clientHeight;
+    }
     cancelResizeAction() {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchEndEvent, this.resizeEnd);
@@ -25864,6 +26202,8 @@ class Image$1 {
             this.imgResizeDiv = null;
             this.pageX = null;
             this.pageY = null;
+            this.currentResizeHandler = null;
+            this.aspectRatio = null;
         }
     }
     resizeImgDupPos(e) {
@@ -25874,6 +26214,8 @@ class Image$1 {
         };
     }
     resizeBtnInit() {
+        this.aspectRatio = null;
+        this.currentResizeHandler = null;
         return this.resizeBtnStat = { botLeft: false, botRight: false, topRight: false, topLeft: false };
     }
     onToolbarAction(args) {
@@ -26373,7 +26715,7 @@ class Image$1 {
             this.checkBoxObj.createElement = this.parent.createElement;
             this.checkBoxObj.appendTo(linkTarget);
             let target = this.checkBoxObj.checked ? '_blank' : null;
-            let imageLabel = this.checkBoxObj.checked ? this.i10n.getConstant('imageLinkAriaLabel') : null;
+            const imageLabel = this.checkBoxObj.checked ? this.i10n.getConstant('imageLinkAriaLabel') : null;
             const linkUpdate = this.i10n.getConstant('dialogUpdate');
             const linkargs = {
                 args: e.args,
@@ -26381,7 +26723,6 @@ class Image$1 {
                 selectNode: e.selectNode, selectParent: e.selectParent, link: inputLink, target: target, ariaLabel: imageLabel
             };
             this.dialogObj.setProperties({
-                height: 'inherit',
                 width: '290px',
                 header: this.parent.localeObj.getConstant('imageInsertLinkHeader'),
                 content: linkWrap,
@@ -26433,7 +26774,7 @@ class Image$1 {
                 alt: inputAlt
             };
             this.dialogObj.setProperties({
-                height: 'inherit', width: '290px', header: altHeader, content: altWrap,
+                width: '290px', header: altHeader, content: altWrap,
                 buttons: [{
                         // eslint-disable-next-line
                         click: (e) => {
@@ -26681,7 +27022,7 @@ class Image$1 {
             const dialogContent = this.imgsizeInput(e);
             const selectObj = { args: e.args, selfImage: this, selection: e.selection, selectNode: e.selectNode };
             this.dialogObj.setProperties({
-                height: (Browser.isDevice) ? '300px' : 'inherit', width: '290px', header: imgSizeHeader, content: dialogContent,
+                width: '290px', header: imgSizeHeader, content: dialogContent,
                 buttons: [{
                         // eslint-disable-next-line
                         click: (e) => {
@@ -26881,7 +27222,6 @@ class Image$1 {
             for (let i = 0; i < items.length; i++) {
                 removeClass([items[i]], 'e-img-focus');
                 removeClass([items[i]], 'e-resize');
-                items[i].style.maxWidth = '';
             }
         }
     }
@@ -26895,7 +27235,6 @@ class Image$1 {
             this.cancelResizeAction();
         }
     }
-    // eslint-disable-next-line
     imageUrlPopup(e) {
         const imgUrl = this.parent.createElement('div', { className: 'imgUrl' + this.parent.getCssClass(true) });
         const placeUrl = this.i10n.getConstant('imageUrl');
@@ -26974,12 +27313,18 @@ class Image$1 {
         const imgHeight = this.i10n.getConstant('imageHeight');
         const imgWidth = this.i10n.getConstant('imageWidth');
         const imgSizeWrap = this.parent.createElement('div', { className: 'e-img-sizewrap' + this.parent.getCssClass(true) });
-        const widthVal = isNullOrUndefined(this.changedWidthValue) && (selectNode.style.width.toString() === 'auto' ||
+        let 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();
-        const heightVal = isNullOrUndefined(this.changedHeightValue) && (selectNode.style.height.toString() === 'auto' ||
+        let heightVal = isNullOrUndefined(this.changedHeightValue) && (selectNode.style.height.toString() === 'auto' ||
             selectNode.style.height !== '') ? selectNode.style.height : !isNullOrUndefined(this.changedHeightValue) ?
             this.changedHeightValue : (parseInt(selectNode.getClientRects()[0].height.toString(), 10)).toString();
+        if (selectNode.style.width === '') {
+            widthVal = 'auto';
+        }
+        if (selectNode.style.height === '') {
+            heightVal = 'auto';
+        }
         this.changedWidthValue = null;
         this.changedHeightValue = null;
         const content = '<div class="e-rte-label' + this.parent.getCssClass(true) + '"><label>' + imgWidth +
@@ -27113,7 +27458,7 @@ class Image$1 {
                 this.parent.trigger(imageSelected, selectArgs, (selectArgs) => {
                     if (!selectArgs.cancel) {
                         this.checkExtension(selectArgs.filesData[0]);
-                        altText = selectArgs.filesData[0].name;
+                        altText = selectArgs.filesData[0].name.replace(/\.[a-zA-Z0-9]+$/, '');
                         if (this.parent.editorMode === 'HTML' && isNullOrUndefined(this.parent.insertImageSettings.path)) {
                             const reader = new FileReader();
                             // eslint-disable-next-line
@@ -28673,7 +29018,7 @@ class Video {
             const dialogContent = this.vidsizeInput(e);
             const selectObj = { args: e.args, selfVideo: this, selection: e.selection, selectNode: e.selectNode };
             this.dialogObj.setProperties({
-                height: 'inherit', width: '290px', header: vidSizeHeader, content: dialogContent,
+                width: '290px', header: vidSizeHeader, content: dialogContent,
                 buttons: [{
                         // eslint-disable-next-line
                         click: (e) => {
@@ -29042,7 +29387,6 @@ class Video {
                 this.setAspectRatio(this.videoEle, parseInt(width, 10), parseInt(height, 10), args);
                 this.resizeVidDupPos(this.videoEle);
                 this.vidResizePos(this.videoEle, this.vidResizeDiv);
-                this.parent.setContentHeight('', false);
             }
         });
     }
@@ -29851,8 +30195,12 @@ class Video {
                 this.parent.trigger(fileRemoving, e, (e) => {
                     proxy.isVideoUploaded = false;
                     this.dialogObj.getButtons(0).element.disabled = true;
-                    //proxy.inputUrl.removeAttribute('disabled');
-                    proxy.embedInputUrl.removeAttribute('disabled');
+                    if (proxy.inputUrl.getAttribute('disabled')) {
+                        proxy.inputUrl.removeAttribute('disabled');
+                    }
+                    if (proxy.embedInputUrl.getAttribute('disabled')) {
+                        proxy.embedInputUrl.removeAttribute('disabled');
+                    }
                     if (proxy.uploadUrl) {
                         proxy.uploadUrl.url = '';
                     }
@@ -30086,7 +30434,6 @@ class ViewSource {
             rteContent.appendChild(this.previewElement);
             this.parent.element.appendChild(rteContent);
             rteContent.style.height = this.contentModule.getPanel().style.height;
-            rteContent.style.marginTop = this.contentModule.getPanel().style.marginTop;
             this.getPanel().value = this.getTextAreaValue();
             this.contentModule.getPanel().style.display = 'none';
             rteContent.style.display = 'block';
@@ -30107,14 +30454,17 @@ class ViewSource {
             removeClass([this.parent.getToolbar()], [CLS_EXPAND_OPEN]);
         }
         removeClass(tbItems, [CLS_ACTIVE]);
-        this.parent.setContentHeight('sourceCode', true);
+        const isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
+        this.parent.setContentHeight('SourceCode', isExpand);
         this.wireEvent(this.previewElement);
         this.unWireBaseKeyDown();
         this.previewElement.focus();
         this.parent.updateValue();
         if (!isNullOrUndefined(this.parent.placeholder) && !this.parent.iframeSettings.enable) {
             const placeHolderWrapper = this.parent.element.querySelector('.rte-placeholder.e-rte-placeholder');
-            placeHolderWrapper.style.display = 'none';
+            if (placeHolderWrapper) {
+                placeHolderWrapper.style.display = 'none';
+            }
         }
         this.parent.trigger(actionComplete, { requestType: 'SourceCode', targetItem: 'SourceCode', args: args });
         this.parent.invokeChangeEvent();
@@ -30170,7 +30520,8 @@ class ViewSource {
         if (this.parent.getToolbar()) {
             removeClass([this.parent.getToolbar()], [CLS_EXPAND_OPEN]);
         }
-        this.parent.setContentHeight('preview', true);
+        const isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
+        this.parent.setContentHeight('Preview', isExpand);
         this.unWireEvent();
         this.wireBaseKeyDown();
         this.contentModule.getEditPanel().focus();
@@ -30244,6 +30595,7 @@ class Table {
         this.pageY = null;
         this.moveEle = null;
         this.currentColumnResize = '';
+        this.resizeEndTime = 0;
         this.parent = parent;
         this.rteID = parent.element.id;
         this.l10n = serviceLocator.getService('rteLocale');
@@ -30401,7 +30753,15 @@ class Table {
     keyUp(e) {
         const target = e.args.target;
         if (e.args.key.toLocaleLowerCase() === 'escape' && target && target.classList && (this.popupObj && !closest(target, '[id=' + "'" + this.popupObj.element.id + "'" + ']')) && this.popupObj) {
+            let createTableToolbarBtn = this.popupObj.relateTo;
+            if (createTableToolbarBtn.nodeName !== 'BUTTON') {
+                createTableToolbarBtn = createTableToolbarBtn.querySelector('span.e-create-table');
+                createTableToolbarBtn = createTableToolbarBtn.parentElement;
+            }
             this.popupObj.hide();
+            if (createTableToolbarBtn) {
+                createTableToolbarBtn.focus();
+            }
         }
     }
     keyDown(e) {
@@ -30581,7 +30941,20 @@ class Table {
             return false;
         }
     }
+    removeEmptyTextNodes(element) {
+        const children = element.childNodes;
+        for (let i = children.length - 1; i >= 0; i--) {
+            const node = children[i];
+            if (node.nodeType === Node.TEXT_NODE && node.nodeValue.trim() === '') {
+                element.removeChild(node);
+            }
+        }
+    }
     tabSelection(event, selection, ele) {
+        let allHeadBodyTRElements = ele.closest('table').querySelectorAll('thead, tbody, tr');
+        for (let i = 0; i < allHeadBodyTRElements.length; i++) {
+            this.removeEmptyTextNodes(allHeadBodyTRElements[i]);
+        }
         this.previousTableElement = ele;
         const insideList = this.insideList(selection.range);
         if ((event.keyCode === 37 || event.keyCode === 39) && selection.range.startContainer.nodeType === 3 ||
@@ -30718,10 +31091,12 @@ class Table {
             const startNode = this.parent.getRange().startContainer.parentElement;
             const endNode = this.parent.getRange().endContainer.parentElement;
             const isAnchorEle = this.getAnchorNode(target);
+            const currentTime = new Date().getTime();
             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)) {
+                && !(range.startContainer.nodeType === 3 && !range.collapsed) &&
+                currentTime - this.resizeEndTime > 100) {
                 const range = this.parent.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
                 this.parent.formatter.editorManager.nodeSelection.save(range, this.contentModule.getDocument());
                 this.parent.formatter.editorManager.nodeSelection.Clear(this.contentModule.getDocument());
@@ -30817,7 +31192,10 @@ class Table {
         const tdNode = closest(target, 'td,th');
         target = (target.nodeName !== 'TD' && tdNode && this.parent.contentModule.getEditPanel().contains(tdNode)) ?
             tdNode : target;
-        removeClass(this.contentModule.getEditPanel().querySelectorAll('table td, table th'), CLS_TABLE_SEL);
+        if (!(this.parent.quickToolbarSettings.showOnRightClick && e.args.which === 3 &&
+            target.classList.contains(CLS_TABLE_SEL))) {
+            removeClass(this.contentModule.getEditPanel().querySelectorAll('table td, table th'), CLS_TABLE_SEL);
+        }
         if (target && (target.tagName === 'TD' || target.tagName === 'TH')) {
             addClass([target], CLS_TABLE_SEL);
             this.activeCell = target;
@@ -31204,6 +31582,9 @@ class Table {
                     widthCompare = rteWidth;
                 }
                 if (this.resizeBtnStat.column) {
+                    if (this.curTable.closest('li')) {
+                        widthCompare = this.curTable.closest('li').offsetWidth;
+                    }
                     const colGroup = this.curTable.querySelectorAll('colgroup > col');
                     let currentTableWidth;
                     if (this.curTable.style.width !== '' && this.curTable.style.width.includes('%')) {
@@ -31229,6 +31610,15 @@ class Table {
                                 (this.convertPixelToPercentage(tableWidth - mouseX, widthCompare) + '%');
                             const differenceWidth = currentTableWidth - this.convertPixelToPercentage(tableWidth - mouseX, widthCompare);
                             let preMarginLeft = 0;
+                            const widthType = this.curTable.style.width.indexOf('%') > -1;
+                            if (!widthType && this.curTable.offsetWidth > this.contentModule.getEditPanel().offsetWidth) {
+                                this.curTable.style.width = rteWidth + 'px';
+                                return;
+                            }
+                            if (widthType && parseFloat(this.curTable.style.width.split('%')[0]) > 100) {
+                                this.curTable.style.width = '100%';
+                                return;
+                            }
                             if (!isNullOrUndefined(this.curTable.style.marginLeft) && this.curTable.style.marginLeft !== '') {
                                 const regex = /[-+]?\d*\.\d+|\d+/;
                                 const value = this.curTable.style.marginLeft.match(regex);
@@ -31236,7 +31626,16 @@ class Table {
                                     preMarginLeft = parseFloat(value[0]);
                                 }
                             }
-                            const currentMarginLeft = preMarginLeft + differenceWidth;
+                            let currentMarginLeft = preMarginLeft + differenceWidth;
+                            if (currentMarginLeft && currentMarginLeft > 100) {
+                                const width = parseFloat(this.curTable.style.width);
+                                currentMarginLeft = 100 - width;
+                            }
+                            if (currentMarginLeft && currentMarginLeft < 1) {
+                                this.curTable.style.marginLeft = null;
+                                this.curTable.style.width = '100%';
+                                return;
+                            }
                             this.curTable.style.marginLeft = 'calc(' + (this.curTable.style.width === '100%' ? 0 : currentMarginLeft) + '%)';
                             for (let i = 0; i < firstColumnsCell.length; i++) {
                                 const currentColumnCellWidth = this.getCurrentColWidth(firstColumnsCell[i], tableWidth);
@@ -31307,15 +31706,26 @@ class Table {
                         maxiumWidth = Math.abs(tableBoxPosition - currentTdElement.getBoundingClientRect().width) - 5;
                         this.curTable.style.maxWidth = maxiumWidth + 'px';
                     }
-                    const widthType = this.curTable.style.width.indexOf('%') > -1;
-                    this.curTable.style.width = widthType ? this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%'
-                        : tableWidth + mouseX + 'px';
                     this.curTable.style.height = tableHeight + mouseY + 'px';
                     if (!isNullOrUndefined(tableReBox)) {
                         tableReBox.classList.add('e-rbox-select');
                         tableReBox.style.cssText = 'top: ' + (this.calcPos(this.curTable).top + tableHeight - 4) +
                             'px; left:' + (this.calcPos(this.curTable).left + tableWidth - 4) + 'px;';
                     }
+                    if (this.curTable.closest('li')) {
+                        widthCompare = this.curTable.closest('li').offsetWidth;
+                    }
+                    const widthType = this.curTable.style.width.indexOf('%') > -1;
+                    if (widthType && parseFloat(this.curTable.style.width.split('%')[0]) > 100) {
+                        this.curTable.style.width = '100%';
+                        return;
+                    }
+                    if (!widthType && this.curTable.offsetWidth > this.contentModule.getEditPanel().offsetWidth) {
+                        this.curTable.style.width = rteWidth + 'px';
+                        return;
+                    }
+                    this.curTable.style.width = widthType ? this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%'
+                        : tableWidth + mouseX + 'px';
                 }
             }
         });
@@ -31389,6 +31799,7 @@ class Table {
         const args = { event: e, requestType: 'table' };
         this.parent.trigger(resizeStop, args);
         this.parent.formatter.saveData();
+        this.resizeEndTime = new Date().getTime();
     }
     resetResizeHelper(curTable) {
         const colHelper = this.parent.element.querySelectorAll('.e-table-rhelper.e-column-helper');
@@ -31403,6 +31814,9 @@ class Table {
                 element.parentNode.removeChild(element);
             }
         });
+        if (!curTable.style.width) {
+            curTable.style.width = curTable.offsetWidth + 'px';
+        }
         const colGroup = curTable.querySelector('colgroup');
         if (colGroup) {
             for (let i = 0; i < curTable.rows.length; i++) {
@@ -31498,7 +31912,7 @@ class Table {
         this.createTableButton.isStringTemplate = true;
         this.createTableButton.appendTo(btnEle);
         EventHandler.add(btnEle, 'click', this.insertTableDialog, { self: this, args: args.args, selection: args.selection });
-        this.parent.getToolbar().appendChild(this.dlgDiv);
+        this.parent.getToolbar().parentElement.appendChild(this.dlgDiv);
         let target = args.args.originalEvent.target;
         target = target.classList.contains('e-toolbar-item') ? target.firstChild : target.parentElement;
         this.popupObj = new Popup(this.dlgDiv, {
@@ -32470,7 +32884,7 @@ __decorate$2([
     Property(null)
 ], PasteCleanupSettings.prototype, "deniedAttrs", void 0);
 __decorate$2([
-    Property(['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius', 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor', 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style', 'height', 'left', 'line-height', 'list-style-type', 'margin', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width', 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent', 'top', 'vertical-align', 'visibility', 'white-space', 'width'])
+    Property(['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius', 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor', 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style', 'height', 'left', 'line-height', 'list-style-type', 'margin', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width', 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-transform', 'text-indent', 'top', 'vertical-align', 'visibility', 'white-space', 'width'])
 ], PasteCleanupSettings.prototype, "allowedStyleProps", void 0);
 __decorate$2([
     Property(null)
@@ -32679,7 +33093,8 @@ class EnterKeyAction {
             isTableEnter = blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
         }
         if (e.args.which === 13 && !e.args.ctrlKey && (!Browser.isDevice ? e.args.code === 'Enter' : e.args.key === 'Enter')) {
-            if (isNullOrUndefined(this.startNode.closest('LI, UL, OL')) && isNullOrUndefined(this.endNode.closest('LI, UL, OL')) && isTableEnter &&
+            if (isNullOrUndefined(this.startNode.closest('LI, UL, OL')) && isNullOrUndefined(this.endNode.closest('LI, UL, OL')) &&
+                isNullOrUndefined(this.startNode.closest('.e-img-inner')) && isTableEnter &&
                 isNullOrUndefined(this.startNode.closest('PRE')) && isNullOrUndefined(this.endNode.closest('PRE'))) {
                 const shiftKey = e.args.shiftKey;
                 const actionBeginArgs = {
@@ -33167,6 +33582,14 @@ let RichTextEditor = class RichTextEditor extends Component {
                 member: 'image',
                 args: [this, this.serviceLocator]
             });
+            modules.push({
+                member: 'audio',
+                args: [this, this.serviceLocator]
+            });
+            modules.push({
+                member: 'video',
+                args: [this, this.serviceLocator]
+            });
             if (this.quickToolbarSettings.enable) {
                 modules.push({ member: 'quickToolbar', args: [this, this.serviceLocator] });
             }
@@ -33180,14 +33603,6 @@ let RichTextEditor = class RichTextEditor extends Component {
         if (this.editorMode === 'HTML') {
             modules.push({ member: 'htmlEditor', args: [this, this.serviceLocator] });
             modules.push({ member: 'pasteCleanup', args: [this, this.serviceLocator] });
-            modules.push({
-                member: 'audio',
-                args: [this, this.serviceLocator]
-            });
-            modules.push({
-                member: 'video',
-                args: [this, this.serviceLocator]
-            });
             modules.push({
                 member: 'formatPainter',
                 args: [this]
@@ -33219,7 +33634,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         else {
             if (this.getToolbar()) {
                 removeClass(this.getToolbar().querySelectorAll('.' + CLS_ACTIVE), CLS_ACTIVE);
-                removeClass([this.getToolbar()], [CLS_TB_FLOAT, CLS_TB_ABS_FLOAT]);
+                removeClass([this.getToolbar().parentElement], [CLS_TB_FLOAT]);
             }
             addClass([this.element], CLS_DISABLED);
             this.element.tabIndex = -1;
@@ -33640,7 +34055,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             (this.toolbarSettings.items.indexOf('Undo') > -1 && this.toolbarSettings.items.indexOf('Redo') > -1)) {
             this.disableToolbarItem(['Undo', 'Redo']);
         }
-        this.setContentHeight();
+        this.setContentHeight('Init');
         if (this.value !== null) {
             this.valueContainer.defaultValue = this.value;
         }
@@ -33844,9 +34259,16 @@ let RichTextEditor = class RichTextEditor extends Component {
             switch (e.action) {
                 case 'toolbar-focus':
                     if (this.toolbarSettings.enable && this.getToolbarElement()) {
-                        const firstActiveItem = this.getToolbarElement().querySelector('.e-toolbar-item:not(.e-overlay)[title]');
-                        firstActiveItem.firstElementChild.removeAttribute('tabindex');
-                        firstActiveItem.firstElementChild.focus();
+                        let firstActiveItem = this.getToolbarElement().querySelector('.e-toolbar-item:not(.e-overlay)[title]');
+                        const quickToolbarElem = this.getRenderedQuickToolbarElem();
+                        if (quickToolbarElem) {
+                            firstActiveItem = quickToolbarElem.querySelector('.e-toolbar-item:not(.e-overlay)[title]');
+                        }
+                        if (firstActiveItem) {
+                            const firstChild = firstActiveItem.firstElementChild;
+                            firstChild.removeAttribute('tabindex');
+                            firstChild.focus();
+                        }
                     }
                     break;
                 case 'escape':
@@ -34062,6 +34484,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                     this.notify(pasteClean, { args: e });
                 }
                 else {
+                    console.warn('[WARNING] :: Module "pasteCleanup" is not available in RichTextEditor component! You either misspelled the module name or forgot to load it.');
                     const args = { requestType: 'Paste', editorMode: this.editorMode, event: e };
                     let value = null;
                     let htmlValue = false;
@@ -34355,7 +34778,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                     break;
                 case 'height':
                     this.setHeight(newProp[prop]);
-                    this.setContentHeight();
+                    this.setContentHeight('Init');
                     this.autoResize();
                     break;
                 case 'readonly':
@@ -34402,11 +34825,11 @@ let RichTextEditor = class RichTextEditor extends Component {
                     break;
                 case 'inlineMode':
                     this.notify(modelChanged, { module: 'quickToolbar', newProp: newProp, oldProp: oldProp });
-                    this.setContentHeight();
+                    this.setContentHeight('Init');
                     break;
                 case 'toolbarSettings':
                     this.notify(modelChanged, { module: 'toolbar', newProp: newProp, oldProp: oldProp });
-                    this.setContentHeight();
+                    this.setContentHeight('Init');
                     break;
                 case 'maxLength':
                     if (this.showCharCount) {
@@ -34565,7 +34988,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                 this.inputElement.setAttribute('placeholder', this.placeholder);
             }
         }
-        if (this.placeholder && this.iframeSettings.enable) {
+        if (this.placeholder && this.iframeSettings.enable && this.inputElement) {
             if (this.inputElement.textContent.length === 0 && this.inputElement.childNodes.length < 2 && !isNullOrUndefined(this.inputElement.firstChild) && (this.inputElement.firstChild.nodeName === 'BR' ||
                 ((this.inputElement.firstChild.nodeName === 'P' || this.inputElement.firstChild.nodeName === 'DIV') && !isNullOrUndefined(this.inputElement.firstChild.firstChild) &&
                     this.inputElement.firstChild.firstChild.nodeName === 'BR'))) {
@@ -34910,12 +35333,9 @@ let RichTextEditor = class RichTextEditor extends Component {
      */
     setContentHeight(target, isExpand) {
         let heightValue;
-        let topValue = 0;
         let rteHeightPercent;
         const heightPercent = typeof (this.height) === 'string' && this.height.indexOf('%') > -1;
-        const cntEle = (this.sourceCodeModule.getPanel() &&
-            this.sourceCodeModule.getPanel().parentElement.style.display === 'block') ? this.sourceCodeModule.getPanel().parentElement :
-            this.contentModule.getPanel();
+        const cntEle = this.contentModule.getPanel();
         let rteHeight = this.element.offsetHeight;
         if (rteHeight === 0 && this.height !== 'auto' && !this.getToolbar()) {
             rteHeight = parseInt(this.height, 10);
@@ -34923,43 +35343,40 @@ let RichTextEditor = class RichTextEditor extends Component {
                 rteHeightPercent = this.height;
             }
         }
-        const tbHeight = this.getToolbar() ? this.toolbarModule.getToolbarHeight() : 0;
+        let tbHeight = this.getToolbar() ? this.toolbarModule.getToolbarHeight() : 0;
         const rzHandle = this.element.querySelector('.' + CLS_RTE_RES_HANDLE);
         const rzHeight = this.enableResize ? (!isNullOrUndefined(rzHandle) ? (rzHandle.offsetHeight + 8) : 0) : 0;
         const expandPopHeight = this.getToolbar() ? this.toolbarModule.getExpandTBarPopHeight() : 0;
-        if (this.toolbarSettings.type === ToolbarType.Expand && isExpand) {
-            heightValue = (this.height === 'auto' && rzHeight === 0) ? 'auto' : rteHeight - (tbHeight + expandPopHeight + rzHeight) + 'px';
-            topValue = (!this.toolbarSettings.enableFloating) ? expandPopHeight : 0;
+        if (target && target !== 'Toolbar' && expandPopHeight && this.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0) {
+            tbHeight = tbHeight - expandPopHeight;
         }
-        else {
-            if (this.height === 'auto' && !(this.element.classList.contains('e-rte-full-screen')) && !this.isResizeInitialized) {
-                heightValue = 'auto';
+        if (this.toolbarSettings.type === ToolbarType.Expand) {
+            if (isExpand) {
+                heightValue = (this.height === 'auto' && this.element.style.height === 'auto') ? 'auto' : rteHeight - (tbHeight + expandPopHeight + rzHeight) + 'px';
             }
             else {
-                heightValue = heightPercent && rteHeightPercent ? rteHeightPercent : rteHeight - (tbHeight + rzHeight) + 'px';
+                heightValue = (this.height === 'auto' && this.element.style.height === 'auto') ? 'auto' : rteHeight - (tbHeight - expandPopHeight + rzHeight) + 'px';
             }
         }
-        if (target !== 'windowResize' || heightPercent) {
-            if (this.iframeSettings.enable) {
-                if (heightValue !== 'auto') {
-                    setStyleAttribute(cntEle, { height: heightValue, marginTop: topValue + 'px' });
+        else {
+            heightValue = (this.height === 'auto' && this.element.style.height === 'auto') ? 'auto' : rteHeight - tbHeight + 'px';
+        }
+        const finalHeight = heightPercent && rteHeightPercent ? rteHeightPercent : heightValue;
+        switch (target) {
+            case 'Init':
+            case 'Toolbar':
+            case 'WindowResize':
+            case 'Refresh':
+                if (this.element.querySelectorAll('.e-source-content').length > 0 && this.element.querySelector('.e-source-content').style.display === 'block') {
+                    setStyleAttribute(this.element.querySelector('.e-source-content'), { height: finalHeight });
                 }
-            }
-            else {
-                if (target === 'windowResize' && heightPercent) {
-                    //cntEle hide the borderBottom of RichTextEditor. so removed the 2px of cntEle height.
-                    heightValue = parseInt(heightValue, 10) - 2 + 'px';
+                else {
+                    setStyleAttribute(cntEle, { height: finalHeight });
                 }
-                setStyleAttribute(cntEle, { height: heightValue, marginTop: topValue + 'px' });
-            }
-        }
-        if (this.iframeSettings.enable && target === 'sourceCode') {
-            const codeElement = select('.' + CLS_RTE_CONTENT, this.element);
-            setStyleAttribute(codeElement, { height: heightValue, marginTop: topValue + 'px' });
-        }
-        if (this.toolbarSettings.enableFloating && this.getToolbar() && !this.inlineMode.enable) {
-            const tbWrapHeight = (isExpand ? (tbHeight + expandPopHeight) : tbHeight) + 'px';
-            setStyleAttribute(this.getToolbar().parentElement, { height: tbWrapHeight });
+                break;
+            case 'Resize':
+                setStyleAttribute(cntEle, { height: finalHeight });
+                break;
         }
         if (rzHeight === 0) {
             this.autoResize();
@@ -35162,18 +35579,14 @@ let RichTextEditor = class RichTextEditor extends Component {
     resizeHandler() {
         let isExpand = false;
         if (!document.body.contains(this.element)) {
-            document.defaultView.removeEventListener('resize', this.onResizeHandler, true);
+            document.defaultView.removeEventListener('resize', debounce(this.onResizeHandler, 10), true);
             return;
         }
         if (this.toolbarSettings.enable && !this.inlineMode.enable) {
             this.toolbarModule.refreshToolbarOverflow();
             isExpand = this.toolbarModule.baseToolbar.toolbarObj.element.classList.contains(CLS_EXPAND_OPEN);
         }
-        if (this.iframeSettings.enable !== true) {
-            // When resize the window,border bottom of cntEle and this.element border visible separatly.so none the cntEle borderBottom.
-            this.contentModule.getPanel().style.borderBottom = 'none';
-        }
-        this.setContentHeight('windowResize', isExpand);
+        this.setContentHeight('WindowResize', isExpand);
         this.notify(windowResize, null);
     }
     scrollHandler(e) {
@@ -35309,6 +35722,10 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.isRTE = false;
         }
         this.notify(docClick, { args: e });
+        const hideQuickToolbarChecker = this.quickToolbarModule && !this.inlineMode.enable && isNullOrUndefined(this.quickToolbarModule.inlineQTBar);
+        if ((hideQuickToolbarChecker && !isNullOrUndefined(closest(target, '.' + 'e-toolbar-wrapper'))) || (hideQuickToolbarChecker && (!isNullOrUndefined(closest(target, '.e-rte-table-resize')) || !isNullOrUndefined(closest(target, '.e-table-box'))))) {
+            this.quickToolbarModule.hideQuickToolbars();
+        }
         if (Browser.info.name !== 'msie' && e.detail > 3) {
             e.preventDefault();
         }
@@ -35456,9 +35873,10 @@ let RichTextEditor = class RichTextEditor extends Component {
         this.triggerEditArea(e.originalEvent);
     }
     contextHandler(e) {
-        const closestElem = closest(e.target, 'a, table, img');
+        const closestElem = closest(e.target, 'a, table, img, video, audio');
         if (this.inlineMode.onSelection === false || (!isNullOrUndefined(closestElem) && this.inputElement.contains(closestElem)
-            && (closestElem.tagName === 'IMG' || closestElem.tagName === 'TABLE' || closestElem.tagName === 'A'))) {
+            && (closestElem.tagName === 'IMG' || closestElem.tagName === 'TABLE' || closestElem.tagName === 'A' ||
+                closestElem.tagName.toLowerCase() === 'video' || closestElem.tagName.toLowerCase() === 'audio'))) {
             e.preventDefault();
         }
     }
@@ -35480,9 +35898,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             }
             else if (this.iframeSettings.enable) {
                 const iframeElement = this.element.querySelector('#' + this.getID() + '_rte-view');
-                setTimeout(() => {
-                    this.setAutoHeight(iframeElement);
-                }, 100);
+                this.setAutoHeight(iframeElement);
                 this.inputElement.style.overflow = 'hidden';
             }
         }
@@ -35491,10 +35907,21 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
     }
     setAutoHeight(element) {
-        if (!isNullOrUndefined(element)) {
+        if (!isNullOrUndefined(element) && !this.iframeSettings.enable) {
             element.style.height = this.inputElement.scrollHeight + 'px';
             element.style.overflow = 'hidden';
         }
+        else if (!isNullOrUndefined(element) && !isNullOrUndefined(element.parentElement) && this.iframeSettings.enable) {
+            const newRange = this.getRange();
+            element.style.height = 'auto';
+            const newHeight = element.contentDocument.body.scrollHeight + 'px';
+            element.style.height = newHeight;
+            element.style.overflow = 'hidden';
+            // 16 px added for padding doesn't affect the editor height
+            if (newRange.startContainer.nodeName !== '#text' && newRange.startContainer.nodeName !== 'BODY' && window.innerHeight < newRange.startContainer.getBoundingClientRect().top + element.getBoundingClientRect().top + 16) {
+                newRange.startContainer.scrollIntoView(false);
+            }
+        }
     }
     wireEvents() {
         this.element.addEventListener('focusin', this.onFocusHandler, true);
@@ -35549,7 +35976,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         EventHandler.add(this.inputElement, Browser.touchStartEvent, this.mouseDownHandler, this);
         this.wireContextEvent();
         this.formatter.editorManager.observer.on(KEY_DOWN_HANDLER, this.editorKeyDown, this);
-        this.element.ownerDocument.defaultView.addEventListener('resize', this.onResizeHandler, true);
+        this.element.ownerDocument.defaultView.addEventListener('resize', debounce(this.onResizeHandler, 10), true);
         if (this.iframeSettings.enable) {
             EventHandler.add(this.inputElement, 'focusin', this.focusHandler, this);
             EventHandler.add(this.inputElement, 'focusout', this.blurHandler, this);
@@ -35615,7 +36042,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         if (this.formatter) {
             this.formatter.editorManager.observer.off(KEY_DOWN_HANDLER, this.editorKeyDown);
         }
-        this.element.ownerDocument.defaultView.removeEventListener('resize', this.onResizeHandler, true);
+        this.element.ownerDocument.defaultView.removeEventListener('resize', debounce(this.onResizeHandler, 10), true);
         if (this.iframeSettings.enable) {
             EventHandler.remove(this.inputElement, 'focusin', this.focusHandler);
             EventHandler.remove(this.inputElement, 'focusout', this.blurHandler);
@@ -35680,6 +36107,15 @@ let RichTextEditor = class RichTextEditor extends Component {
             }
         }
     }
+    getRenderedQuickToolbarElem() {
+        const quickToolbars = this.quickToolbarModule.getQuickToolbarInstance();
+        for (let i = 0; i < quickToolbars.length; i++) {
+            if (quickToolbars[i] && quickToolbars[i].isRendered) {
+                return quickToolbars[i].element;
+            }
+        }
+        return null;
+    }
 };
 __decorate$1([
     Complex({}, ToolbarSettings$1)
@@ -35983,5 +36419,5 @@ RichTextEditor = __decorate$1([
  * 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, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, showColorPicker, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, 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, getTooltipTextDropdownItems, getQuickToolbarTooltipText, 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, PASTE_SOURCE, 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, MOUSE_DOWN };
+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, afterKeyDown, updateValueOnIdle, documentClickClosedBy, showColorPicker, closeTooltip, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_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, getTooltipTextDropdownItems, getQuickToolbarTooltipText, 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, PASTE_SOURCE, 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, imageResizeFactor, 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, MOUSE_DOWN };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map