@syncfusion/ej2-richtexteditor 22.2.10 → 23.1.36

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

@@ -739,6 +739,11 @@ const emojiPicker = 'emojiPicker';
  * @deprecated
  */
 const maximizeMinimizeClick = 'maximizeMinimizeClick';
+/**
+ * @hidden
+ * @deprecated
+ */
+const hidePopup = 'hidePopup';
 /**
  * @hidden
  * @deprecated
@@ -860,6 +865,11 @@ const CLS_QUICK_DROPDOWN = 'e-quick-dropdown';
  * @deprecated
  */
 const CLS_IMAGE_POP = 'e-rte-image-popup';
+/**
+ * @hidden
+ * @deprecated
+ */
+const CLS_TEXT_POP = 'e-rte-text-popup';
 /**
  * @hidden
  * @deprecated
@@ -2177,29 +2187,41 @@ function updateDropDownLocale(self) {
     });
 }
 let windowKeys = {
-    'Insert Link': 'Ctrl + K',
-    'Insert Image': 'Ctrl + Shift + I',
-    'Create Table': 'Ctrl + Shift + E',
-    'Undo': 'Ctrl + Z',
-    'Redo': 'Ctrl + Y',
-    'Copy': 'Ctrl + C',
-    'Cut': 'Ctrl + X',
-    'Paste': 'Ctrl + V',
-    'Bold': 'Ctrl + B',
-    'Italic': 'Ctrl + I',
-    'Underline': 'Ctrl + U',
-    'Strikethrough': 'Ctrl + Shift + S',
-    'Upper Case': 'Ctrl + Shift + U',
-    'Lower Case': 'Ctrl + Shift + L',
-    'Superscript': 'Ctrl + Shift + =',
-    'Subscript': 'Ctrl + =',
-    'Source Code': 'Ctrl + Shift + H',
-    'Maximize': 'Ctrl + Shift + F',
+    'Insert Link': 'Ctrl+K',
+    'Insert Image': 'Ctrl+Shift+I',
+    'Create Table': 'Ctrl+Shift+E',
+    'Undo': 'Ctrl+Z',
+    'Redo': 'Ctrl+Y',
+    'Copy': 'Ctrl+C',
+    'Cut': 'Ctrl+X',
+    'Paste': 'Ctrl+V',
+    'Bold': 'Ctrl+B',
+    'Italic': 'Ctrl+I',
+    'Underline': 'Ctrl+U',
+    'Strikethrough': 'Ctrl+Shift+S',
+    'Upper Case': 'Ctrl+Shift+U',
+    'Lower Case': 'Ctrl+Shift+L',
+    'Superscript': 'Ctrl+Shift+=',
+    'Subscript': 'Ctrl+=',
+    'Code View': 'Ctrl+Shift+H',
+    'Maximize': 'Ctrl+Shift+F',
     'Minimize': 'Esc',
-    'Clear Format': 'Ctrl + Shift + R',
-    'Numbered List': 'Ctrl + Shift + O',
-    'Bulleted List': 'Ctrl + Alt + O',
-    'Format Painter': 'Alt + Shift + C, Alt + Shift + V'
+    'Clear Format': 'Ctrl+Shift+R',
+    'Numbered List': 'Ctrl+Shift+O',
+    'Bulleted List': 'Ctrl+Alt+O',
+    'Number Format List': 'Ctrl+Shift+O',
+    'Bullet Format List': 'Ctrl+Alt+O',
+    'Insert Audio': 'Ctrl+Shift+A',
+    'Insert Video': 'Ctrl+Shift+V',
+    'Increase Indent': 'Ctrl+]',
+    'Decrease Indent': 'Ctrl+[',
+    'Decrease Fontsize': 'Ctrl+Shift+<',
+    'Increase Fontsize': 'Ctrl+Shift+>',
+    'Justify Center': 'Ctrl+E',
+    'Justify Full': 'Ctrl+J',
+    'Justify Left': 'Ctrl+L',
+    'Justify Right': 'Ctrl+R',
+    'Format Painter': 'Alt+Shift+C, Alt+Shift+V'
 };
 const defaultEmojiIcons = [{
         name: 'Smilies & People', code: '1F600', iconCss: 'e-emoji', icons: [{ code: '1F600', desc: 'Grinning face' },
@@ -2869,7 +2891,7 @@ function setToolbarStatus(e, isPopToolbar, self) {
                     }
                 }
                 else if ((typeof data[`${key}`] === 'string' || data[`${key}`] === null) &&
-                    getIndex(key, e.parent.toolbarSettings.items) > -1) {
+                    getIndex(key, e.parent.toolbarSettings.items) >= -1) {
                     const value = ((data[`${key}`]) ? data[`${key}`] : '');
                     let result = '';
                     switch (key) {
@@ -2934,6 +2956,10 @@ function setToolbarStatus(e, isPopToolbar, self) {
                             dropDown.fontSizeDropDown.dataBind();
                             break;
                         }
+                        case 'bulletFormatList':
+                        case 'numberFormatList': {
+                            removeClass([e.tbElements[j]], [CLS_ACTIVE]);
+                        }
                     }
                 }
             }
@@ -3298,9 +3324,13 @@ class ToolbarRenderer {
      * Constructor for toolbar renderer module
      *
      * @param {IRichTextEditor} parent - specifies the parent element.
+     * @param {ServiceLocator} serviceLocator - specifies the serviceLocator
      */
-    constructor(parent) {
+    constructor(parent, serviceLocator) {
         this.parent = parent;
+        if (serviceLocator) {
+            this.l10n = serviceLocator.getService('rteLocale');
+        }
         this.wireEvent();
     }
     wireEvent() {
@@ -3308,7 +3338,11 @@ class ToolbarRenderer {
         this.parent.on(maximizeMinimizeClick, this.destroyTooltip, this);
     }
     destroyTooltip() {
-        this.tooltip.close();
+        if (!isNullOrUndefined(document.querySelector('.e-tooltip-wrap')) && !isNullOrUndefined(document.querySelector(' [data-tooltip-id]'))) {
+            const tooltipTargetEle = document.querySelector('#' + (this.parent.element).id + ' [data-tooltip-id]');
+            const event = new MouseEvent('mouseleave', { bubbles: true, cancelable: true });
+            tooltipTargetEle.dispatchEvent(event);
+        }
     }
     unWireEvent() {
         this.parent.off(destroy, this.unWireEvent);
@@ -3344,6 +3378,22 @@ class ToolbarRenderer {
         }
         this.parent.notify(beforeDropDownItemRender, args);
     }
+    tooltipBeforeRender(args) {
+        if (!isNullOrUndefined(args.target.getAttribute('title'))) {
+            const tooltipTarget = args.target.getAttribute('title');
+            let tooltipText;
+            switch (tooltipTarget) {
+                case 'Minimize':
+                    tooltipText = this.l10n.getConstant('minimize');
+                    args.target.setAttribute('title', tooltipText + ' (Esc)');
+                    break;
+                case 'Maximize':
+                    tooltipText = this.l10n.getConstant('maximize');
+                    args.target.setAttribute('title', tooltipText + ' (Ctrl+Shift+F)');
+                    break;
+            }
+        }
+    }
     dropDownOpen(args) {
         if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1 && !isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-merge')) &&
             (!isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-horizontal-split')) || !isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-vertical-split')))) {
@@ -3409,6 +3459,8 @@ class ToolbarRenderer {
                 target: '#' + this.parent.getID() + '_toolbar_wrapper [title]',
                 showTipPointer: true,
                 openDelay: 400,
+                opensOn: 'Hover',
+                beforeRender: this.tooltipBeforeRender.bind(this),
                 cssClass: this.parent.cssClass,
                 windowCollision: true,
                 position: 'BottomCenter'
@@ -4754,7 +4806,7 @@ class Toolbar$2 {
         this.renderFactory = this.locator.getService('rendererFactory');
         updateDropDownLocale(this.parent);
         updateDropDownFontFormatLocale(this.parent);
-        this.renderFactory.addRenderer(RenderType.Toolbar, new ToolbarRenderer(this.parent));
+        this.renderFactory.addRenderer(RenderType.Toolbar, new ToolbarRenderer(this.parent, this.locator));
         this.toolbarRenderer = this.renderFactory.getRenderer(RenderType.Toolbar);
         this.baseToolbar = new BaseToolbar(this.parent, this.locator);
         this.addEventListener();
@@ -5926,6 +5978,9 @@ class BaseQuickToolbar {
         else if (args.popupType === 'Inline') {
             className = CLS_INLINE_POP;
         }
+        else if (args.popupType === 'Text') {
+            className = CLS_TEXT_POP;
+        }
         else {
             className = '';
         }
@@ -6005,7 +6060,7 @@ class BaseQuickToolbar {
                 case 'bottom': {
                     let posY;
                     if (viewPort === 'document') {
-                        if (type === 'inline') {
+                        if (type === 'inline' || type === 'text') {
                             posY = (e.y - e.popHeight - 10);
                         }
                         else {
@@ -6034,7 +6089,7 @@ class BaseQuickToolbar {
                     break;
                 }
                 case 'right':
-                    if (type === 'inline') {
+                    if (type === 'inline' || type === 'text') {
                         x = window.pageXOffset + (e.windowWidth - (e.popWidth + e.bodyRightSpace + 10));
                     }
                     else {
@@ -6042,7 +6097,7 @@ class BaseQuickToolbar {
                     }
                     break;
                 case 'left':
-                    if (type === 'inline') {
+                    if (type === 'inline' || type === 'text') {
                         x = 0;
                     }
                     else {
@@ -6061,11 +6116,12 @@ class BaseQuickToolbar {
      * @param {number} x - specifies the x value
      * @param {number} y - specifies the y value
      * @param {Element} target - specifies the element
+     * @param {string} type - specifies the type
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    showPopup(x, y, target) {
+    showPopup(x, y, target, type) {
         const eventArgs = { popup: this.popupObj, cancel: false, targetElement: target,
             positionX: x, positionY: y };
         this.parent.trigger(beforeQuickToolbarOpen, eventArgs, (beforeQuickToolbarArgs) => {
@@ -6095,7 +6151,7 @@ class BaseQuickToolbar {
                     editPanelTop = (cntEle) ? cntEle.scrollTop : 0;
                     editPanelHeight = (cntEle) ? cntEle.offsetHeight : 0;
                 }
-                if (!this.parent.inlineMode.enable && !closest(target, 'table')) {
+                if (!this.parent.inlineMode.enable && !closest(target, 'table') && type !== 'text') {
                     this.parent.disableToolbarItem(this.parent.toolbarSettings.items);
                     this.parent.enableToolbarItem(['Undo', 'Redo']);
                 }
@@ -6148,7 +6204,7 @@ class BaseQuickToolbar {
                 if (!this.parent.inlineMode.enable) {
                     this.checkCollision(showPopupData, 'parent', '');
                 }
-                this.checkCollision(showPopupData, 'document', ((this.parent.inlineMode.enable) ? 'inline' : ''));
+                this.checkCollision(showPopupData, 'document', ((this.parent.inlineMode.enable) ? 'inline' : (type === 'text') ? 'text' : ''));
                 this.popupObj.element.classList.remove('e-popup-open');
                 removeClass([this.element], [CLS_HIDE]);
                 this.popupObj.show({ name: 'ZoomIn', duration: (Browser.isIE ? 250 : 400) });
@@ -6475,8 +6531,10 @@ class QuickToolbar {
         }
         this.linkQTBar = this.createQTBar('Link', 'Scrollable', this.parent.quickToolbarSettings.link, RenderType.LinkToolbar);
         this.renderFactory.addRenderer(RenderType.LinkToolbar, this.linkQTBar);
-        this.textQTBar = this.createQTBar('Text', 'Scrollable', this.parent.quickToolbarSettings.text, RenderType.TextToolbar);
-        this.renderFactory.addRenderer(RenderType.TextToolbar, this.textQTBar);
+        if (!isNullOrUndefined(this.parent.quickToolbarSettings.text) && !this.parent.inlineMode.enable) {
+            this.textQTBar = this.createQTBar('Text', 'MultiRow', this.parent.quickToolbarSettings.text, RenderType.TextToolbar);
+            this.renderFactory.addRenderer(RenderType.TextToolbar, this.textQTBar);
+        }
         this.imageQTBar = this.createQTBar('Image', 'MultiRow', this.parent.quickToolbarSettings.image, RenderType.ImageToolbar);
         this.renderFactory.addRenderer(RenderType.ImageToolbar, this.imageQTBar);
         this.audioQTBar = this.createQTBar('Audio', 'MultiRow', this.parent.quickToolbarSettings.audio, RenderType.AudioToolbar);
@@ -6617,6 +6675,24 @@ class QuickToolbar {
                 }
             }
         }
+        if (!isNullOrUndefined(this.textQTBar) && !isNullOrUndefined(this.parent.quickToolbarSettings.text) && !this.parent.inlineMode.enable) {
+            const args = e.args.touches ?
+                e.args.changedTouches[0] : e.args;
+            const target = e.args.target;
+            this.hideQuickToolbars();
+            const parentLeft = this.parent.element.getBoundingClientRect().left;
+            this.offsetX = this.parent.iframeSettings.enable ? this.parent.element.ownerDocument.documentElement.scrollLeft
+                + parentLeft + args.clientX : args.pageX;
+            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')) ||
+                (this.parent.getRange().startOffset === this.parent.getRange().endOffset)) {
+                return;
+            }
+            this.target = target;
+            this.textQTBar.showPopup(this.offsetX, this.offsetY, target, 'text');
+        }
     }
     keyDownHandler() {
         if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
@@ -6629,6 +6705,11 @@ class QuickToolbar {
             && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
             this.hideInlineQTBar();
         }
+        if (!isNullOrUndefined(this.parent.quickToolbarSettings.text)) {
+            if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close') && document.body.contains(this.textQTBar.element)) {
+                this.textQTBar.hidePopup();
+            }
+        }
     }
     keyUpHandler(e) {
         if (this.parent.inlineMode.enable && !Browser.isDevice) {
@@ -6786,6 +6867,7 @@ class QuickToolbar {
         this.parent.on(keyDown, this.onKeyDown, this);
         this.parent.on(rtlMode, this.setRtl, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
+        this.parent.on(hidePopup, this.hideQuickToolbars, this);
     }
     onKeyDown(e) {
         const args = e.args;
@@ -6839,6 +6921,9 @@ class QuickToolbar {
         if (this.linkQTBar) {
             this.linkQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
         }
+        if (this.textQTBar) {
+            this.textQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
+        }
     }
     /**
      * removeEventListener
@@ -6867,6 +6952,7 @@ class QuickToolbar {
         this.parent.off(keyDown, this.onKeyDown);
         this.parent.off(rtlMode, this.setRtl);
         this.parent.off(bindCssClass, this.setCssClass);
+        this.parent.off(hidePopup, this.hideQuickToolbars);
     }
     /**
      * Called internally if any of the property value changed.
@@ -11150,11 +11236,12 @@ class DOMNode {
         let startTextNode;
         let endTextNode;
         if (start.textContent === '' && isNullOrUndefined(end) && action !== 'tab') {
-            if (isNullOrUndefined(action) && save.range.startContainer.nodeType === 1 &&
-                save.range.startContainer.querySelectorAll('audio,video,image').length === 0) {
-                start.innerHTML = '<br>';
-            }
-            else if (start.childNodes.length === 1 && start.childNodes[0].nodeName === 'BR') {
+            // To Do Apply Heading and Back space press in empty content.
+            // if (isNOU(action) && save.range.startContainer.nodeType === 1 &&
+            //     (save.range.startContainer as HTMLElement).querySelectorAll('audio,video,image').length === 0)  {
+            //     start.innerHTML = '<br>';
+            // }
+            if (start.childNodes.length === 1 && start.childNodes[0].nodeName === 'BR') {
                 start.innerHTML = '&#65279;&#65279;<br>';
             }
             else {
@@ -14887,7 +14974,7 @@ class TableCommand {
     calculateStyleValue(value) {
         let styleValue;
         if (typeof (value) === 'string') {
-            if (value.indexOf('px') || value.indexOf('%') || value.indexOf('auto')) {
+            if (value.indexOf('px') >= 0 || value.indexOf('%') >= 0 || value.indexOf('auto') >= 0) {
                 styleValue = value;
             }
             else {
@@ -17371,6 +17458,7 @@ class MsWordPaste {
             'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
         this.removableElements = ['o:p', 'style'];
         this.listContents = [];
+        this.cropImageDimensions = [];
         this.parent = parent;
         this.addEventListener();
     }
@@ -17420,20 +17508,20 @@ class MsWordPaste {
                     }
                 }
             }
-            e.callBack(elm.innerHTML);
+            e.callBack(elm.innerHTML, this.cropImageDimensions);
         }
         else {
             e.callBack(elm.innerHTML);
         }
     }
     cleanList(elm, listTag) {
-        let replacableElem = elm.querySelectorAll(listTag + ' div');
+        const replacableElem = elm.querySelectorAll(listTag + ' div');
         for (let j = replacableElem.length - 1; j >= 0; j--) {
             const parentElem = replacableElem[j].parentNode;
             while (replacableElem[j].firstChild) {
                 parentElem.insertBefore(replacableElem[j].firstChild, replacableElem[j]);
             }
-            let closestListElem = this.findClosestListElem(replacableElem[j]);
+            const closestListElem = this.findClosestListElem(replacableElem[j]);
             if (closestListElem) {
                 this.insertAfter(replacableElem[j], closestListElem);
             }
@@ -17488,7 +17576,8 @@ class MsWordPaste {
                 imgElem[i].getAttribute('v:shapes').indexOf('Grafik') < 0 &&
                 imgElem[i].getAttribute('v:shapes').toLowerCase().indexOf('image') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0 &&
-                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0) {
+                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0 &&
+                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_i') < 0) {
                 detach(imgElem[i]);
             }
         }
@@ -17505,14 +17594,36 @@ class MsWordPaste {
             }
             const hexValue = this.hexConversion(rtfData);
             for (let i = 0; i < hexValue.length; i++) {
-                base64Src.push(this.convertToBase64(hexValue[i]));
+                base64Src.push({
+                    base64Data: !isNullOrUndefined(hexValue[i].hex) ? this.convertToBase64(hexValue[i]) : null,
+                    isCroppedImage: hexValue[i].isCroppedImage
+                });
+                if (hexValue[i].isCroppedImage) {
+                    this.cropImageDimensions.push({
+                        goalWidth: hexValue[i].goalWidth,
+                        goalHeight: hexValue[i].goalHeight,
+                        cropLength: hexValue[i].cropLength,
+                        cropTop: hexValue[i].cropTop,
+                        cropR: hexValue[i].cropR,
+                        cropB: hexValue[i].cropB
+                    });
+                }
             }
             for (let i = 0; i < imgElem.length; i++) {
                 if (imgSrc[i].match(linkRegex)) {
                     imgElem[i].setAttribute('src', imgSrc[i]);
                 }
                 else {
-                    imgElem[i].setAttribute('src', base64Src[i]);
+                    if (!isNullOrUndefined(base64Src[i]) && !isNullOrUndefined(base64Src[i].base64Data)) {
+                        imgElem[i].setAttribute('src', base64Src[i].base64Data);
+                    }
+                    else {
+                        imgElem[i].removeAttribute('src');
+                        imgElem[i].setAttribute('alt', 'Unsupported file format');
+                    }
+                    if (!isNullOrUndefined(base64Src[i]) && base64Src[i].isCroppedImage) {
+                        imgElem[i].classList.add('e-img-cropped');
+                    }
                 }
                 imgElem[i].setAttribute('id', 'msWordImg-' + imgName[i]);
             }
@@ -17589,6 +17700,13 @@ class MsWordPaste {
         const result = [];
         if (!isNullOrUndefined(fullImg)) {
             for (let i = 0; i < fullImg.length; i++) {
+                let isCroppedImage = false;
+                let goalWidth = 0;
+                let goalHeight = 0;
+                let cropLength = 0;
+                let cropTop = 0;
+                let cropR = 0;
+                let cropB = 0;
                 if (picHead.test(fullImg[i])) {
                     if (fullImg[i].indexOf('\\pngblip') !== -1) {
                         imgType = 'image/png';
@@ -17596,20 +17714,45 @@ class MsWordPaste {
                     else if (fullImg[i].indexOf('\\jpegblip') !== -1) {
                         imgType = 'image/jpeg';
                     }
+                    else if (fullImg[i].indexOf('\\picprop') !== -1) {
+                        imgType = null;
+                    }
                     else {
                         continue;
                     }
+                    isCroppedImage = this.extractCropValue('cropl', fullImg[i]) > 0 &&
+                        this.extractCropValue('cropt', fullImg[i]) > 0 ? true : false;
+                    if (isCroppedImage) {
+                        goalWidth = this.extractCropValue('wgoal', fullImg[i]);
+                        goalHeight = this.extractCropValue('hgoal', fullImg[i]);
+                        cropLength = this.extractCropValue('cropl', fullImg[i]);
+                        cropTop = this.extractCropValue('cropt', fullImg[i]);
+                        cropR = this.extractCropValue('cropr', fullImg[i]);
+                        cropB = this.extractCropValue('cropb', fullImg[i]);
+                    }
                     result.push({
                         hex: imgType ? fullImg[i].replace(picHead, '').replace(/[^\da-fA-F]/g, '') : null,
-                        type: imgType
+                        type: imgType,
+                        isCroppedImage: isCroppedImage,
+                        goalWidth: goalWidth,
+                        goalHeight: goalHeight,
+                        cropLength: cropLength,
+                        cropTop: cropTop,
+                        cropR: cropR,
+                        cropB: cropB
                     });
                 }
             }
         }
         return result;
     }
+    extractCropValue(crop, rtfData) {
+        // eslint-disable-next-line security/detect-non-literal-regexp
+        const result = new RegExp('\\\\pic' + crop + '(\\-?\\d+)\\\\').exec(rtfData.replace('\r\n\\', '\\'))[1];
+        return parseInt(result, 10);
+    }
     removeClassName(elm) {
-        const elmWithClass = elm.querySelectorAll('*[class]');
+        const elmWithClass = elm.querySelectorAll('*[class]:not(.e-img-cropped)');
         for (let i = 0; i < elmWithClass.length; i++) {
             elmWithClass[i].removeAttribute('class');
         }
@@ -17946,8 +18089,10 @@ class MsWordPaste {
                         currentListStyle = listNodes[i].getAttribute('style');
                     }
                 }
-                collection.push({ listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
-                    listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr, styleMarginLeft: styleMarginLeft });
+                collection.push({
+                    listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
+                    listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr, styleMarginLeft: styleMarginLeft
+                });
             }
         }
         stNode = listNodes.shift();
@@ -18075,8 +18220,7 @@ class MsWordPaste {
                 }
                 else {
                     if (collection[index].nestedLevel > pLevel && isNormalList) {
-                        let initialNode;
-                        initialNode = createElement(collection[index].listType);
+                        const initialNode = createElement(collection[index].listType);
                         prevList = createElement('li');
                         initialNode.appendChild(prevList);
                         initialNode.style.listStyleType = 'none';
@@ -18163,11 +18307,11 @@ class MsWordPaste {
         else {
             //Add to support separate list which looks like same list and also to add all tags as it is inside list
             if (firstChild.childNodes.length > 0) {
-                let listIgnoreTag = firstChild.querySelectorAll('[style*="mso-list"]');
+                const listIgnoreTag = firstChild.querySelectorAll('[style*="mso-list"]');
                 for (let i = 0; i < listIgnoreTag.length; i++) {
-                    listIgnoreTag[i].setAttribute('style', listIgnoreTag[i].getAttribute('style').replace(/\n/g, ""));
+                    listIgnoreTag[i].setAttribute('style', listIgnoreTag[i].getAttribute('style').replace(/\n/g, ''));
                 }
-                let listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
+                const listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
                 if (!isNullOrUndefined(listOrder)) {
                     this.listContents.push(listOrder.textContent.trim());
                     detach(listOrder);
@@ -19829,7 +19973,7 @@ class XhtmlValidation {
      */
     selfEncloseValidation(currentValue, valueLength) {
         if (valueLength === 0 && currentValue.indexOf('table') < 0 && currentValue.indexOf('img') < 0 &&
-            currentValue !== '<p><br></p>' && currentValue !== '<div><br></div>' && currentValue !== '<br>') {
+            currentValue.includes('&nbsp;')) {
             const arrayValue = currentValue.split('&nbsp;');
             arrayValue[arrayValue.length - 1] = '&#8203;' + arrayValue[arrayValue.length - 1];
             currentValue = arrayValue.join('');
@@ -20070,11 +20214,24 @@ class HtmlEditor {
             const currentLength = this.parent.inputElement.innerHTML.replace(regEx, '').length;
             let focusNode = range.startContainer;
             if (previousLength > currentLength && !isRootParent) {
+                if (focusNode.textContent.trim().length !== 0 && focusNode.previousSibling) {
+                    const tempSpan = document.createElement('span');
+                    tempSpan.className = 'tempSpan';
+                    range.insertNode(tempSpan);
+                }
                 let currentChild = this.parent.inputElement.firstChild;
                 while (!isNullOrUndefined(currentChild) && currentChild.textContent.replace(regEx, '').trim().length > 0) {
                     currentChild.innerHTML = currentChild.innerHTML.replace(regEx, '');
                     currentChild = currentChild.nextElementSibling;
                 }
+                let tempSpanToRemove = this.parent.inputElement.querySelector('.tempSpan');
+                if (tempSpanToRemove && tempSpanToRemove.previousSibling && focusNode.textContent.trim().length !== 0) {
+                    focusNode = tempSpanToRemove.previousSibling;
+                    pointer = tempSpanToRemove.previousSibling.textContent.length;
+                    const parentElement = tempSpanToRemove.parentNode;
+                    parentElement.removeChild(tempSpanToRemove);
+                    tempSpanToRemove = null;
+                }
                 const currentChildNode = this.parent.inputElement.querySelector('.currentStartMark').childNodes;
                 if (currentChildNode.length > 1) {
                     for (let i = 0; i < currentChildNode.length; i++) {
@@ -20527,7 +20684,7 @@ class HtmlEditor {
         const item = args.item;
         const closestElement = closest(args.originalEvent.target, '.e-rte-quick-popup');
         if (item.command !== 'FormatPainter') {
-            if (closestElement && !closestElement.classList.contains('e-rte-inline-popup')) {
+            if (closestElement && !closestElement.classList.contains('e-rte-inline-popup') && !closestElement.classList.contains('e-rte-text-popup')) {
                 if (!(item.subCommand === 'SourceCode' || item.subCommand === 'Preview' ||
                     item.subCommand === 'FontColor' || item.subCommand === 'BackgroundColor')) {
                     if (isIDevice$1() && item.command === 'Images') {
@@ -20798,6 +20955,7 @@ class PasteCleanup {
             'header', 'article', 'nav', 'footer', 'section', 'aside', 'main', 'figure', 'figcaption'];
         this.isNotFromHtml = false;
         this.containsHtml = false;
+        this.cropImageData = [];
         this.parent = parent;
         this.locator = serviceLocator;
         this.renderFactory = this.locator.getService('rendererFactory');
@@ -20877,8 +21035,9 @@ class PasteCleanup {
                     args: e.args,
                     text: e.text,
                     allowedStylePropertiesArray: this.parent.pasteCleanupSettings.allowedStyleProps,
-                    callBack: (a) => {
+                    callBack: (a, cropImageData) => {
                         value = a.trim();
+                        this.cropImageData = cropImageData;
                     }
                 });
             }
@@ -20926,7 +21085,9 @@ class PasteCleanup {
                     currentFocusNode = currentFocusNode.childNodes[this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()).startOffset];
                 }
                 if (currentFocusNode.previousSibling.nodeName === 'IMG') {
-                    currentFocusNode.previousSibling.classList.add('pasteContent_Img');
+                    if (!isNullOrUndefined(currentFocusNode.previousSibling.getAttribute('src'))) {
+                        currentFocusNode.previousSibling.classList.add('pasteContent_Img');
+                    }
                     currentFocusNode.previousSibling.classList.add(CLS_RTE_IMAGE);
                     if (this.parent.insertImageSettings.display === 'inline') {
                         currentFocusNode.previousSibling.classList.add(CLS_IMGINLINE);
@@ -20958,6 +21119,7 @@ class PasteCleanup {
     makeSpace(enterSplitText) {
         let contentWithSpace = '';
         let spaceBetweenContent = true;
+        enterSplitText = enterSplitText.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
         const spaceSplit = enterSplitText.split(' ');
         for (let j = 0; j < spaceSplit.length; j++) {
             if (spaceSplit[j].trim() === '') {
@@ -20977,7 +21139,8 @@ class PasteCleanup {
             const imgName = [];
             const uploadImg = [];
             for (let i = 0; i < allImgElm.length; i++) {
-                if (allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
+                if (!isNullOrUndefined(allImgElm[i].getAttribute('src')) &&
+                    allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
                     base64Src.push(allImgElm[i].getAttribute('src'));
                     imgName.push(getUniqueID('rte_image'));
                     uploadImg.push(allImgElm[i]);
@@ -21057,8 +21220,6 @@ class PasteCleanup {
         setTimeout(() => {
             this.refreshPopup(imgElem, this.popupObj);
         }, timeOut);
-        let rawFile;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
@@ -21090,28 +21251,8 @@ class PasteCleanup {
                 }
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = rawFile;
-                    args.cancel = true;
-                    this.parent.trigger(imageUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        this.toolbarEnableDisable(true);
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeImageUpload, args);
-                    this.toolbarEnableDisable(true);
-                }
+                this.parent.trigger(beforeImageUpload, args);
+                this.toolbarEnableDisable(true);
             },
             // eslint-disable-next-line
             failure: (e) => {
@@ -21129,9 +21270,6 @@ class PasteCleanup {
             },
             selected: (e) => {
                 e.cancel = true;
-                if (this.parent.isServerRendered) {
-                    rawFile = e.filesData;
-                }
             },
             removing: () => {
                 this.parent.inputElement.contentEditable = 'true';
@@ -21153,8 +21291,6 @@ class PasteCleanup {
                 statusCode: '1'
             }];
         this.uploadObj.createFileList(fileData);
-        /* eslint-enable */
-        rawFile = fileData;
         this.uploadObj.upload(fileData);
         this.popupObj.element.getElementsByClassName('e-file-select-wrap')[0].style.display = 'none';
         detach(this.popupObj.element.querySelector('.e-rte-dialog-upload .e-file-select-wrap'));
@@ -21228,7 +21364,9 @@ class PasteCleanup {
      * @deprecated
      */
     imageFormatting(pasteArgs, imgElement) {
-        imgElement.elements[0].classList.add('pasteContent_Img');
+        if (!isNullOrUndefined(imgElement.elements[0].getAttribute('src'))) {
+            imgElement.elements[0].classList.add('pasteContent_Img');
+        }
         const imageElement = this.parent.createElement('span');
         imageElement.appendChild(imgElement.elements[0]);
         const imageValue = imageElement.innerHTML;
@@ -21419,7 +21557,9 @@ class PasteCleanup {
         clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
         const allImg = clipBoardElem.querySelectorAll('img');
         for (let i = 0; i < allImg.length; i++) {
-            allImg[i].classList.add('pasteContent_Img');
+            if (!isNullOrUndefined(allImg[i].getAttribute('src'))) {
+                allImg[i].classList.add('pasteContent_Img');
+            }
             this.setImageProperties(allImg[i]);
         }
         this.addTempClass(clipBoardElem);
@@ -21462,6 +21602,47 @@ class PasteCleanup {
             }, clipBoardElem, null, null, this.parent.enterKey);
             this.removeTempClass();
             this.parent.notify(toolbarRefresh, {});
+            this.cropImageHandler(this.parent.inputElement);
+        }
+    }
+    cropImageHandler(element) {
+        const allImgElm = element.querySelectorAll('.e-img-cropped');
+        if (allImgElm.length > 0) {
+            for (let i = 0; i < allImgElm.length; i++) {
+                if (allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
+                    const image = new Image();
+                    image.src = allImgElm[i].getAttribute('src');
+                    const canvas = document.createElement('canvas');
+                    const ctx = canvas.getContext('2d');
+                    image.onload = () => {
+                        const wGoalWidth = this.cropImageData[i].goalWidth / image.naturalWidth;
+                        const hGoalHeight = this.cropImageData[i].goalHeight / image.naturalHeight;
+                        const cropLength = this.cropImageData[i].cropLength / wGoalWidth;
+                        const cropTop = this.cropImageData[i].cropTop / hGoalHeight;
+                        const cropWidth = (this.cropImageData[i].goalWidth -
+                            this.cropImageData[i].cropLength -
+                            this.cropImageData[i].cropR) / wGoalWidth;
+                        const cropHeight = (this.cropImageData[i].goalHeight -
+                            this.cropImageData[i].cropTop -
+                            this.cropImageData[i].cropB) / hGoalHeight;
+                        canvas.width = cropWidth;
+                        canvas.height = cropHeight;
+                        // Draw the cropped portion of the image onto the canvas
+                        ctx.drawImage(image, cropLength, cropTop, cropWidth, cropHeight, 0, 0, cropWidth, cropHeight);
+                        // Convert the cropped canvas to a base64 encoded image
+                        const croppedBase64 = canvas.toDataURL('image/png');
+                        // Call the provided callback with the cropped base64 data
+                        allImgElm[i].setAttribute('src', croppedBase64);
+                        allImgElm[i].classList.remove('e-img-cropped');
+                        this.imgUploading(this.parent.inputElement);
+                        if (this.parent.iframeSettings.enable) {
+                            this.parent.updateValue();
+                        }
+                    };
+                }
+            }
+        }
+        else {
             this.imgUploading(this.parent.inputElement);
             if (this.parent.iframeSettings.enable) {
                 this.parent.updateValue();
@@ -22403,6 +22584,10 @@ class FormatPainter {
             clickargs.args.action = 'escape';
             this.actionHandler(clickargs, 'keyBoard');
         }
+        if (this.parent.quickToolbarModule && !isNullOrUndefined(this.parent.quickToolbarSettings.text) &&
+            this.parent.element.ownerDocument.contains(this.parent.quickToolbarModule.textQTBar.element)) {
+            this.parent.quickToolbarModule.textQTBar.hidePopup();
+        }
     }
     toolbarDoubleClick(args) {
         this.isActive = true;
@@ -22481,12 +22666,14 @@ class FormatPainter {
         }
     }
     updateToolbarBtn(enable) {
-        const toolbarBtn = this.parent.element.querySelector('.e-rte-format-painter').parentElement.parentElement;
-        if (enable) {
-            addClass([toolbarBtn], 'e-active');
-        }
-        else if (!this.isSticky) {
-            removeClass([toolbarBtn], 'e-active');
+        if (!isNullOrUndefined(this.parent.element.querySelector('.e-rte-format-painter'))) {
+            const toolbarBtn = this.parent.element.querySelector('.e-rte-format-painter').parentElement.parentElement;
+            if (enable) {
+                addClass([toolbarBtn], 'e-active');
+            }
+            else if (!this.isSticky) {
+                removeClass([toolbarBtn], 'e-active');
+            }
         }
     }
     editAreaClick(args) {
@@ -22556,7 +22743,13 @@ class EmojiPicker {
     }
     // eslint-disable-next-line
     toolbarClick(args) {
-        const spanElement = this.parent.element.querySelector('.e-emoji');
+        let spanElement;
+        if (!isNullOrUndefined(this.parent.element.querySelector('.e-emoji'))) {
+            spanElement = this.parent.element.querySelector('.e-emoji');
+        }
+        else if (this.parent.inlineMode.enable) {
+            spanElement = this.parent.element.ownerDocument.querySelector('.e-emoji');
+        }
         this.divElement = spanElement.closest('div');
         const range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
         this.save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
@@ -22571,7 +22764,12 @@ class EmojiPicker {
             this.popupObj.hide();
         }
         this.popDiv = this.parent.createElement('div', { className: 'e-rte-emojipicker-popup', id: this.parent.getID() + '_emojiPicker' });
-        this.parent.getToolbar().appendChild(this.popDiv);
+        if (!isNullOrUndefined(this.parent.getToolbar()) && !this.parent.inlineMode.enable) {
+            this.parent.getToolbar().appendChild(this.popDiv);
+        }
+        else if (this.parent.inlineMode.enable) {
+            this.parent.inputElement.appendChild(this.popDiv);
+        }
         EventHandler.add(this.popDiv, 'keydown', this.onKeyDown, this);
         EventHandler.add(this.popDiv, 'keyup', this.searchFilter, this);
         const extendEle = this.parent.element.querySelector('.e-toolbar-extended');
@@ -22586,13 +22784,14 @@ class EmojiPicker {
         let target;
         let xValue;
         let yValue;
-        if (!isNullOrUndefined(args.args)) {
+        if (!isNullOrUndefined(args.args) && !this.parent.inlineMode.enable &&
+            isNullOrUndefined(this.parent.quickToolbarSettings.text)) {
             target = args.args.originalEvent.target;
             target = target.classList.contains('e-toolbar-item') ? target.firstChild : target.parentElement;
             xValue = 'left';
             yValue = 'bottom';
         }
-        else if (isNullOrUndefined(args.x) && isNullOrUndefined(args.y)) {
+        else if (isNullOrUndefined(args.x) && isNullOrUndefined(args.y) && !this.parent.inlineMode.enable && isNullOrUndefined(this.parent.quickToolbarSettings.text)) {
             target = this.parent.inputElement;
             if (window.getSelection().rangeCount > 0) {
                 const coordinates = this.getCoordinates();
@@ -22600,6 +22799,14 @@ class EmojiPicker {
                 yValue = coordinates.top;
             }
         }
+        else if (isNullOrUndefined(args.x) && isNullOrUndefined(args.y) && (this.parent.inlineMode.enable || !isNullOrUndefined(this.parent.quickToolbarSettings.text))) {
+            this.parent.notify(hidePopup, {});
+            if (window.getSelection().rangeCount > 0) {
+                const coordinates = this.getCoordinates();
+                xValue = coordinates.left;
+                yValue = coordinates.top;
+            }
+        }
         else {
             target = this.parent.inputElement;
             xValue = args.x;
@@ -22626,7 +22833,8 @@ class EmojiPicker {
         addClass([this.popupObj.element], 'e-popup-open');
         this.popupObj.refreshPosition(target);
         // header search element
-        if ((!isNullOrUndefined(args.args) || (isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) && this.parent.emojiPickerSettings.showSearchBox) {
+        if ((!isNullOrUndefined(args.args) || (isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) &&
+            this.parent.emojiPickerSettings.showSearchBox) {
             const inputEle = createElement('input', { id: 'e-rte-emoji-search', className: 'e-rte-emoji-search' });
             this.popDiv.append(inputEle);
             const inputobj = new TextBox({
@@ -22662,7 +22870,8 @@ class EmojiPicker {
         this.popDiv.appendChild(emojiBtnDiv);
         let height;
         const popupBorder = window.getComputedStyle(this.popDiv);
-        if ((isNullOrUndefined(args.args) && !(isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) || !this.parent.emojiPickerSettings.showSearchBox) {
+        if ((isNullOrUndefined(args.args) && !(isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) ||
+            !this.parent.emojiPickerSettings.showSearchBox) {
             height = (this.popDiv.getBoundingClientRect().height - emojiToolBar.getBoundingClientRect().height - (2 * parseFloat(popupBorder.borderWidth))) + 'px';
             emojiBtnDiv.style.setProperty('height', height, 'important');
         }
@@ -22708,13 +22917,6 @@ class EmojiPicker {
         if (!isNullOrUndefined(popup)) {
             scrollTop = Math.round(popup.scrollTop);
         }
-        for (let i = 0; i < toolbarName.length; i++) {
-            /* eslint-disable */
-            if (toolbarName[i].classList.contains('e-selected')) {
-                removeClass([toolbarName[i]], 'e-selected');
-            }
-            /* eslint-enable */
-        }
         if (scrollTop < toolbarName[0].offsetHeight) {
             addClass([toolbarName[0]], 'e-selected');
         }
@@ -23169,7 +23371,7 @@ class EmojiPicker {
         const startOffset = this.save.startOffset;
         const textContent = this.save.range.startContainer.textContent;
         const previousText = textContent.substring(startOffset, startOffset + 1);
-        // When toolbar action is clicked then only restore the range. 
+        // When toolbar action is clicked then only restore the range.
         if (!isNullOrUndefined(this.clickEvent) || previousText !== ':') {
             this.save.restore();
         }
@@ -23747,6 +23949,9 @@ class Link {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     }
     // eslint-disable-next-line
@@ -23938,7 +24143,7 @@ class Link {
 /**
  * `Image` module is used to handle image actions.
  */
-class Image {
+class Image$1 {
     constructor(parent, serviceLocator) {
         this.isImgUploaded = false;
         this.isAllowedTypes = true;
@@ -24021,6 +24226,7 @@ class Image {
                 EventHandler.remove(this.parent.contentModule.getEditPanel(), Browser.touchStartEvent, this.resizeStart);
                 EventHandler.remove(this.parent.element.ownerDocument, 'mousedown', this.onDocumentClick);
                 EventHandler.remove(this.contentModule.getEditPanel(), 'cut', this.onCutHandler);
+                EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
             }
         }
     }
@@ -25343,6 +25549,9 @@ class Image {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     }
     // eslint-disable-next-line
@@ -25608,10 +25817,8 @@ class Image {
         });
         uploadParentEle.appendChild(uploadEle);
         let altText;
-        let rawFile;
         let selectArgs;
         let filesData;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertImageSettings.saveUrl, removeUrl: this.parent.insertImageSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl, cssClass: this.parent.cssClass,
@@ -25619,13 +25826,8 @@ class Image {
             selected: (e) => {
                 proxy.isImgUploaded = true;
                 selectArgs = e;
+                // eslint-disable-next-line
                 filesData = e.filesData;
-                if (this.parent.isServerRendered) {
-                    selectArgs = JSON.parse(JSON.stringify(e));
-                    e.cancel = true;
-                    rawFile = e.filesData;
-                    selectArgs.filesData = rawFile;
-                }
                 this.parent.trigger(imageSelected, selectArgs, (selectArgs) => {
                     if (!selectArgs.cancel) {
                         this.checkExtension(selectArgs.filesData[0]);
@@ -25656,35 +25858,11 @@ class Image {
                             });
                             reader.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    this.parent.trigger(imageUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeImageUpload, args);
-                }
+                this.parent.trigger(beforeImageUpload, args);
             },
             uploading: (e) => {
                 if (!this.parent.isServerRendered) {
@@ -25998,8 +26176,6 @@ class Image {
         setTimeout(() => {
             proxy.refreshPopup(imageElement);
         }, timeOut);
-        let rawFile;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
@@ -26025,33 +26201,9 @@ class Image {
                 }, 900);
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = rawFile;
-                    isUploading = true;
-                    args.cancel = true;
-                    this.parent.trigger(imageUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        if (!this.parent.inlineMode.enable) {
-                            this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
-                        }
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        this.parent.inputElement.contentEditable = 'false';
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeImageUpload, args);
-                    if (!this.parent.inlineMode.enable) {
-                        this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
-                    }
+                this.parent.trigger(beforeImageUpload, args);
+                if (!this.parent.inlineMode.enable) {
+                    this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
                 }
             },
             uploading: (e) => {
@@ -26076,9 +26228,6 @@ class Image {
                 if (isUploading) {
                     e.cancel = true;
                 }
-                if (this.parent.isServerRendered) {
-                    rawFile = e.filesData;
-                }
             },
             failure: (e) => {
                 isUploading = false;
@@ -26859,6 +27008,9 @@ class Audio {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     }
     // eslint-disable-next-line
@@ -26926,10 +27078,8 @@ class Audio {
         });
         uploadParentEle.appendChild(uploadEle);
         let fileName;
-        let rawFile;
         let selectArgs;
         let filesData;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertAudioSettings.saveUrl, removeUrl: this.parent.insertAudioSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl,
@@ -26937,13 +27087,8 @@ class Audio {
             selected: (e) => {
                 proxy.isAudioUploaded = true;
                 selectArgs = e;
+                // eslint-disable-next-line
                 filesData = e.filesData;
-                if (this.parent.isServerRendered) {
-                    selectArgs = JSON.parse(JSON.stringify(e));
-                    e.cancel = true;
-                    rawFile = e.filesData;
-                    selectArgs.filesData = rawFile;
-                }
                 this.parent.trigger(fileSelected, selectArgs, (selectArgs) => {
                     if (!selectArgs.cancel) {
                         this.checkExtension(selectArgs.filesData[0]);
@@ -26966,35 +27111,11 @@ class Audio {
                             });
                             reader.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    this.parent.trigger(fileUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeFileUpload, args);
-                }
+                this.parent.trigger(beforeFileUpload, args);
             },
             uploading: (e) => {
                 if (!this.parent.isServerRendered) {
@@ -27183,6 +27304,7 @@ class Video {
                 EventHandler.remove(this.parent.contentModule.getEditPanel(), Browser.touchStartEvent, this.resizeStart);
                 EventHandler.remove(this.parent.element.ownerDocument, 'mousedown', this.onDocumentClick);
                 EventHandler.remove(this.contentModule.getEditPanel(), 'cut', this.onCutHandler);
+                EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
             }
         }
     }
@@ -28221,6 +28343,9 @@ class Video {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     }
     // eslint-disable-next-line
@@ -28330,10 +28455,8 @@ class Video {
         });
         uploadParentEle.appendChild(uploadEle);
         let fileName;
-        let rawFile;
         let selectArgs;
         let filesData;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertVideoSettings.saveUrl, removeUrl: this.parent.insertVideoSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl,
@@ -28341,13 +28464,8 @@ class Video {
             selected: (e) => {
                 proxy.isVideoUploaded = true;
                 selectArgs = e;
+                // eslint-disable-next-line
                 filesData = e.filesData;
-                if (this.parent.isServerRendered) {
-                    selectArgs = JSON.parse(JSON.stringify(e));
-                    e.cancel = true;
-                    rawFile = e.filesData;
-                    selectArgs.filesData = rawFile;
-                }
                 this.parent.trigger(fileSelected, selectArgs, (selectArgs) => {
                     if (!selectArgs.cancel) {
                         this.checkExtension(selectArgs.filesData[0]);
@@ -28371,35 +28489,11 @@ class Video {
                             });
                             reader.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    this.parent.trigger(fileUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeFileUpload, args);
-                }
+                this.parent.trigger(beforeFileUpload, args);
             },
             uploading: (e) => {
                 if (!this.parent.isServerRendered) {
@@ -28645,6 +28739,7 @@ class ViewSource {
      * @deprecated
      */
     sourceCode(args) {
+        this.parent.notify(hidePopup, {});
         this.parent.isBlur = false;
         this.parent.trigger(actionBegin, { requestType: 'SourceCode', targetItem: 'SourceCode', args: args });
         const tbItems = selectAll('.' + CLS_TB_ITEM, this.parent.element);
@@ -29276,14 +29371,17 @@ class Table {
                 let pageX;
                 let pageY;
                 if (Browser.isDevice && e.args.touches) {
-                    pageX = e.args.changedTouches[0].pageX;
-                    pageY = e.args.changedTouches[0].pageY;
+                    pageX = (this.parent.iframeSettings.enable) ? window.pageXOffset + this.parent.element.getBoundingClientRect().left +
+                        e.args.changedTouches[0].clientX : e.args.changedTouches[0].pageX;
+                    pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset + this.parent.element.getBoundingClientRect().top +
+                        (!this.parent.inlineMode.enable ? this.parent.toolbarModule.getToolbarHeight() : 0)
+                        + e.args.changedTouches[0].clientY : e.args.changedTouches[0].pageY;
                 }
                 else {
                     pageX = (this.parent.iframeSettings.enable) ? window.pageXOffset
                         + this.parent.element.getBoundingClientRect().left + args.clientX : args.pageX;
-                    pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset +
-                        this.parent.element.getBoundingClientRect().top + args.clientY : args.pageY;
+                    pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset + this.parent.element.getBoundingClientRect().top +
+                        this.parent.toolbarModule.getToolbarHeight() + args.clientY : args.pageY;
                 }
                 this.quickToolObj.tableQTBar.showPopup(pageX, pageY, target);
                 this.parent.formatter.editorManager.nodeSelection.restore();
@@ -29682,7 +29780,7 @@ class Table {
                     const width = parseFloat(this.columnEle.offsetWidth.toString());
                     const cellRow = this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
                     let currentTableWidth;
-                    if (this.curTable.style.width != '') {
+                    if (this.curTable.style.width !== '') {
                         currentTableWidth = parseFloat(this.curTable.style.width.split('%')[0]);
                     }
                     else {
@@ -29745,6 +29843,7 @@ class Table {
                                 let isMergedEleResize = false;
                                 let leftTableCell;
                                 let rightTableCell;
+                                /* eslint-disable */
                                 for (let j = 0; j < currentRow.cells.length; j++) {
                                     if (currentRow.cells[j].hasAttribute('rowspan') && j <= this.colIndex) {
                                         isRowCellsMerged = true;
@@ -29803,6 +29902,7 @@ class Table {
                                             this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
                                     }
                                 }
+                                /* eslint-enable */
                             }
                         }
                     }
@@ -29937,7 +30037,8 @@ class Table {
         this.hideTableQuickToolbar();
     }
     renderDlgContent(args) {
-        if (Browser.isDevice || this.parent.inlineMode.enable) {
+        const argsTarget = args.args.originalEvent.target;
+        if (Browser.isDevice || this.parent.inlineMode.enable || !isNullOrUndefined(closest(argsTarget, '.e-rte-text-popup'))) {
             this.insertTableDialog(args);
             return;
         }
@@ -30191,6 +30292,10 @@ class Table {
         if (this.quickToolObj && this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
             this.quickToolObj.inlineQTBar.hidePopup();
         }
+        if (this.quickToolObj && this.quickToolObj.textQTBar &&
+            this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+            this.quickToolObj.textQTBar.hidePopup();
+        }
     }
     customTable(args, e) {
         const proxy = (this.self) ? this.self : this;
@@ -30198,7 +30303,8 @@ class Table {
             const argument = ((Browser.isDevice || (!isNullOrUndefined(args.args)
                 && !isNullOrUndefined(args.args.originalEvent) &&
                 args.args.originalEvent.action === 'insert-table')
-                || proxy.parent.inlineMode.enable) ? args : this);
+                || proxy.parent.inlineMode.enable || !isNullOrUndefined(proxy.parent.quickToolbarSettings.text)) ? args :
+                this);
             proxy.tableInsert(proxy.rowTextBox.value, proxy.columnTextBox.value, e, argument);
         }
     }
@@ -30353,8 +30459,20 @@ class DialogRenderer {
         return dlgObj;
     }
     beforeOpen(args) {
+        if (args.element.classList.contains('e-dialog')) {
+            const formEle = closest(args.target, 'form');
+            if (!isNullOrUndefined(formEle)) {
+                this.dialogEle = args.element;
+                this.dialogEle.addEventListener('keydown', this.handleEnterKeyDown);
+            }
+        }
         this.parent.trigger(beforeDialogOpen, args, this.beforeOpenCallback.bind(this, args));
     }
+    handleEnterKeyDown(args) {
+        if (args.code === 'Enter') {
+            args.preventDefault();
+        }
+    }
     beforeOpenCallback(args) {
         if (args.cancel) {
             this.parent.notify(clearDialogObj, null);
@@ -30364,6 +30482,9 @@ class DialogRenderer {
         this.parent.trigger(dialogOpen, args);
     }
     beforeClose(args) {
+        if (this.dialogEle) {
+            this.dialogEle.removeEventListener('keydown', this.handleEnterKeyDown);
+        }
         this.parent.trigger(beforeDialogClose, args, (closeArgs) => {
             if (!closeArgs.cancel) {
                 if (closeArgs.container.classList.contains('e-popup-close')) {
@@ -30828,7 +30949,7 @@ __decorate$2([
     Property(['VideoReplace', 'VideoAlign', 'VideoRemove', 'VideoLayoutOption', 'VideoDimension'])
 ], QuickToolbarSettings.prototype, "video", void 0);
 __decorate$2([
-    Property(['Cut', 'Copy', 'Paste'])
+    Property(null)
 ], QuickToolbarSettings.prototype, "text", void 0);
 __decorate$2([
     Property(['TableHeader', 'TableRows', 'TableColumns', 'BackgroundColor', '-', 'TableRemove', 'Alignments', 'TableCellVerticalAlign', 'Styles'])
@@ -31199,8 +31320,12 @@ class EnterKeyAction {
                                         (this.range.startContainer.previousSibling.nodeName === 'IMG' || this.range.startContainer.previousSibling.nodeName === 'BR'))) {
                                     let isNearBlockLengthZero;
                                     let newElem;
-                                    if (!isNullOrUndefined(this.range.startContainer.childNodes) && this.range.startContainer.textContent.length === 0
-                                        && (this.range.startContainer.querySelectorAll('img, audio, video').length > 0 ||
+                                    if (!isNullOrUndefined(this.range.startContainer.childNodes) &&
+                                        (this.range.startContainer.textContent.length === 0 ||
+                                            (this.range.startContainer.nodeName !== '#text' && !isNullOrUndefined(this.range.startContainer.querySelector('.e-video-clickelem')) &&
+                                                this.range.startContainer.querySelector('.e-video-clickelem').textContent.length === 0)) &&
+                                        (this.range.startContainer.querySelectorAll('img, audio, video').length > 0 ||
+                                            !isNullOrUndefined(this.range.startContainer.querySelector('.e-video-clickelem')) ||
                                             this.range.startContainer.nodeName === 'IMG' || this.range.startContainer.nodeName === 'TABLE')) {
                                         newElem = this.createInsertElement(shiftKey);
                                         isMediaNode = true;
@@ -32557,9 +32682,6 @@ let RichTextEditor = class RichTextEditor extends Component {
         this.removeAttributes();
         super.destroy();
         this.isRendered = false;
-        if (this.enablePersistence) {
-            window.localStorage.removeItem(this.getModuleName() + this.element.id);
-        }
     }
     removeHtmlAttributes() {
         if (this.htmlAttributes) {
@@ -32688,9 +32810,10 @@ let RichTextEditor = class RichTextEditor extends Component {
                     else {
                         nVal = newProp[prop];
                     }
+                    nVal = this.serializeValue(nVal);
                     const val = this.editorMode === 'HTML' ? getEditValue(nVal, this) : nVal;
                     if ((!isNullOrUndefined(nVal) && nVal !== '') || prop === 'enterKey') {
-                        this.value = this.serializeValue(((this.enableHtmlEncode) ? this.encode(decode(val)) : val));
+                        this.setProperties({ value: ((this.enableHtmlEncode) ? this.encode(decode(val)) : val) }, true);
                     }
                     this.updatePanelValue();
                     if (this.inputElement) {
@@ -33236,10 +33359,6 @@ let RichTextEditor = class RichTextEditor extends Component {
         // eslint-disable-next-line
         const imgPadding = 12;
         const imgResizeBorder = 2;
-        if (isNullOrUndefined(this.contentModule) || isNullOrUndefined(this.contentModule.getEditPanel())) {
-            EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.imageModule.resizing);
-            return maxWidth;
-        }
         const editEle = this.contentModule.getEditPanel();
         const eleStyle = window.getComputedStyle(editEle);
         const editEleMaxWidth = editEle.offsetWidth - (imgPadding + imgResizeBorder +
@@ -34236,5 +34355,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, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, maximizeMinimizeClick, blockEmptyNodes, inlineEmptyNodes, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_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, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS };
+export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, maximizeMinimizeClick, hidePopup, blockEmptyNodes, inlineEmptyNodes, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map