@syncfusion/ej2-richtexteditor 20.1.55 → 20.1.58

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

@@ -609,6 +609,16 @@ var showTableDialog = 'showTableDialog';
  * @deprecated
  */
 var closeTableDialog = 'closeTableDialog';
+/**
+ * @hidden
+ * @deprecated
+ */
+var bindCssClass = 'closeTableDialog';
+/**
+ * @hidden
+ * @deprecated
+ */
+var blockInlineEmptyNodes = "address:empty, article:empty, aside:empty, blockquote:empty,\ndetails:empty, dd:empty, div:empty, dl:empty, dt:empty, fieldset:empty, footer:empty,form:empty, h1:empty,\nh2:empty, h3:empty, h4:empty, h5:empty, h6:empty, header:empty, hgroup:empty, hr:empty, li:empty, main:empty, nav:empty,\nnoscript:empty, output:empty, p:empty, pre:empty, section:empty, td:empty, th:empty,\na:empty, abbr:empty, acronym:empty, b:empty, bdi:empty, bdo:empty, big:empty, button:empty,\ncanvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn:empty, em:empty, font:empty, i:empty, iframe:empty,\nins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,\nq:empty, ruby:empty, s:empty, samp:empty, script:empty, select:empty, slot:empty, small:empty, span:empty, strong:empty, strike:empty, sub:empty, sup:empty, svg:empty,\ntemplate:empty, textarea:empty, time:empty, u:empty, tt:empty, var:empty, wbr:empty";
 
 /**
  * Rich Text Editor classes defined here.
@@ -2535,6 +2545,10 @@ function updateTextNode(value, rteObj) {
         var previousParent = void 0;
         var insertElem = void 0;
         while (tempNode.firstChild) {
+            var emptyElem = tempNode.querySelectorAll(blockInlineEmptyNodes);
+            for (var i = 0; i < emptyElem.length; i++) {
+                emptyElem[i].innerHTML = '<br>';
+            }
             if (rteObj.enterKey !== 'BR' && ((tempNode.firstChild.nodeName === '#text' &&
                 (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
                 inlineNode.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
@@ -2799,7 +2813,8 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
             created: this.toolbarCreated.bind(this),
             clicked: this.toolbarClicked.bind(this),
             enablePersistence: args.enablePersistence,
-            enableRtl: args.enableRtl
+            enableRtl: args.enableRtl,
+            cssClass: args.cssClass
         });
         args.rteToolbarObj.toolbarObj.isStringTemplate = true;
         args.rteToolbarObj.toolbarObj.createElement = this.parent.createElement;
@@ -3259,12 +3274,24 @@ var BaseToolbar = /** @__PURE__ @class */ (function () {
     }
     BaseToolbar.prototype.addEventListener = function () {
         this.parent.on(rtlMode, this.setRtl, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.removeEventListener, this);
     };
     BaseToolbar.prototype.removeEventListener = function () {
         this.parent.off(rtlMode, this.setRtl);
+        this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.removeEventListener);
     };
+    BaseToolbar.prototype.setCssClass = function (e) {
+        if (!isNullOrUndefined(this.toolbarObj)) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                this.toolbarObj.setProperties({ cssClass: (this.toolbarObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                this.toolbarObj.setProperties({ cssClass: (this.toolbarObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
+    };
     BaseToolbar.prototype.setRtl = function (args) {
         if (!isNullOrUndefined(this.toolbarObj)) {
             this.toolbarObj.setProperties({ enableRtl: args.enableRtl });
@@ -3394,7 +3421,8 @@ var BaseToolbar = /** @__PURE__ @class */ (function () {
             items: this.getItems(args.items, args.container),
             overflowMode: args.mode,
             enablePersistence: this.parent.enablePersistence,
-            enableRtl: this.parent.enableRtl
+            enableRtl: this.parent.enableRtl,
+            cssClass: args.cssClass,
         };
     };
     /**
@@ -3593,6 +3621,9 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
                 }
             }
         });
+        if (this.parent.inlineMode.enable) {
+            this.setCssClass({ cssClass: this.parent.cssClass });
+        }
     };
     DropDownButtons.prototype.getUpdateItems = function (items, value) {
         var dropDownItems = items.slice();
@@ -3880,6 +3911,26 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
             this.bulletFormatListDropDown.setProperties({ enableRtl: args.enableRtl });
         }
     };
+    DropDownButtons.prototype.updateCss = function (dropDownObj, e) {
+        if (dropDownObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                dropDownObj.setProperties({ cssClass: (dropDownObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                dropDownObj.setProperties({ cssClass: (dropDownObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
+    };
+    DropDownButtons.prototype.setCssClass = function (e) {
+        var dropDownObj = [
+            this.formatDropDown, this.fontNameDropDown, this.fontSizeDropDown, this.alignDropDown, this.imageAlignDropDown,
+            this.displayDropDown, this.numberFormatListDropDown, this.bulletFormatListDropDown, this.tableRowsDropDown,
+            this.tableColumnsDropDown, this.tableCellVerticalAlignDropDown
+        ];
+        for (var i = 0; i < dropDownObj.length; i++) {
+            this.updateCss(dropDownObj[i], e);
+        }
+    };
     DropDownButtons.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
@@ -3889,6 +3940,7 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
         this.parent.on(rtlMode, this.setRtl, this);
         this.parent.on(destroy, this.removeEventListener, this);
         this.parent.on(modelChanged, this.onPropertyChanged, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
     };
     DropDownButtons.prototype.onIframeMouseDown = function () {
         dispatchEvent(document, 'mousedown');
@@ -3902,6 +3954,7 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
         this.parent.off(beforeDropDownItemRender, this.beforeRender);
         this.parent.off(destroy, this.removeEventListener);
         this.parent.off(modelChanged, this.onPropertyChanged);
+        this.parent.off(bindCssClass, this.setCssClass);
     };
     return DropDownButtons;
 }());
@@ -4651,6 +4704,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         this.parent.on(focusChange, this.focusChangeHandler, this);
         this.parent.on(mouseDown, this.mouseDownHandler, this);
         this.parent.on(sourceCodeMouseDown, this.mouseDownHandler, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
         if (!this.parent.inlineMode.enable && !isIDevice()) {
             this.parent.on(toolbarClick, this.toolbarClickHandler, this);
         }
@@ -4674,12 +4728,25 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         this.parent.off(focusChange, this.focusChangeHandler);
         this.parent.off(mouseDown, this.mouseDownHandler);
         this.parent.off(sourceCodeMouseDown, this.mouseDownHandler);
+        this.parent.off(bindCssClass, this.setCssClass);
         if (!this.parent.inlineMode.enable && !isIDevice()) {
             this.parent.off(toolbarClick, this.toolbarClickHandler);
         }
     };
+    Toolbar$$1.prototype.setCssClass = function (e) {
+        if (this.toolbarObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                this.toolbarObj.setProperties({ cssClass: (this.toolbarObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                this.toolbarObj.setProperties({ cssClass: (this.toolbarObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
+    };
     Toolbar$$1.prototype.onRefresh = function () {
-        this.refreshToolbarOverflow();
+        if (!this.parent.inlineMode.enable) {
+            this.refreshToolbarOverflow();
+        }
         this.parent.setContentHeight('', true);
     };
     /**
@@ -5042,6 +5109,9 @@ var ColorPickerInput = /** @__PURE__ @class */ (function () {
                 }
             }
         });
+        if (this.parent.inlineMode.enable) {
+            this.setCssClass({ cssClass: this.parent.cssClass });
+        }
     };
     ColorPickerInput.prototype.destroy = function () {
         this.removeEventListener();
@@ -5087,12 +5157,29 @@ var ColorPickerInput = /** @__PURE__ @class */ (function () {
             this.backgroundColorDropDown.setProperties({ enableRtl: args.enableRtl });
         }
     };
+    ColorPickerInput.prototype.setCssClass = function (e) {
+        this.updateCss(this.fontColorPicker, this.fontColorDropDown, e);
+        this.updateCss(this.backgroundColorPicker, this.backgroundColorDropDown, e);
+    };
+    ColorPickerInput.prototype.updateCss = function (colorPickerObj, dropDownObj, e) {
+        if (colorPickerObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                colorPickerObj.setProperties({ cssClass: (colorPickerObj.cssClass + ' ' + e.cssClass).trim() });
+                dropDownObj.setProperties({ cssClass: (dropDownObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                colorPickerObj.setProperties({ cssClass: (colorPickerObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+                dropDownObj.setProperties({ cssClass: (dropDownObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
+    };
     ColorPickerInput.prototype.addEventListener = function () {
         this.parent.on(toolbarRenderComplete, this.renderColorPickerInput, this);
         this.parent.on(rtlMode, this.setRtl, this);
         this.parent.on(destroy, this.destroy, this);
         this.parent.on(destroyColorPicker, this.destroyColorPicker, this);
         this.parent.on(modelChanged, this.onPropertyChanged, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
     };
     ColorPickerInput.prototype.onPropertyChanged = function (model) {
         var newProp = model.newProp;
@@ -5165,6 +5252,7 @@ var ColorPickerInput = /** @__PURE__ @class */ (function () {
         this.parent.off(rtlMode, this.setRtl);
         this.parent.off(destroyColorPicker, this.destroyColorPicker);
         this.parent.off(modelChanged, this.onPropertyChanged);
+        this.parent.off(bindCssClass, this.setCssClass);
     };
     return ColorPickerInput;
 }());
@@ -5211,17 +5299,18 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
         this.element = this.parent.createElement('div', { id: popupId, className: className + ' ' + CLS_RTE_ELEMENTS });
         this.element.setAttribute('aria-owns', this.parent.getID());
         this.appendPopupContent();
-        this.createToolbar(args.toolbarItems, args.mode);
+        this.createToolbar(args.toolbarItems, args.mode, args.cssClass);
         this.popupRenderer.renderPopup(this);
         this.addEventListener();
     };
-    BaseQuickToolbar.prototype.createToolbar = function (items, mode) {
+    BaseQuickToolbar.prototype.createToolbar = function (items, mode, cssClass) {
         this.quickTBarObj = new BaseToolbar(this.parent, this.locator);
         this.quickTBarObj.render({
             container: 'quick',
             target: this.toolbarElement,
             items: items,
-            mode: mode
+            mode: mode,
+            cssClass: cssClass
         });
         this.quickTBarObj.toolbarObj.refresh();
     };
@@ -5413,6 +5502,10 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
                 _this.popupObj.element.classList.remove('e-popup-open');
                 removeClass([_this.element], [CLS_HIDE]);
                 _this.popupObj.show({ name: 'ZoomIn', duration: (Browser.isIE ? 250 : 400) });
+                if (_this.popupObj && _this.parent.cssClass) {
+                    removeClass([_this.popupObj.element], _this.parent.cssClass);
+                    addClass([_this.popupObj.element], _this.parent.cssClass);
+                }
                 setStyleAttribute(_this.element, {
                     maxWidth: window.outerWidth + 'px'
                 });
@@ -5674,7 +5767,8 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
             popupType: popType,
             toolbarItems: items,
             mode: mode,
-            renderType: type
+            renderType: type,
+            cssClass: this.parent.cssClass
         };
     };
     /**
@@ -5985,6 +6079,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         this.parent.on(destroy, this.destroy, this);
         this.parent.on(keyDown, this.onKeyDown, this);
         this.parent.on(rtlMode, this.setRtl, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
     };
     QuickToolbar.prototype.onKeyDown = function (e) {
         var args = e.args;
@@ -5998,6 +6093,24 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         this.hideQuickToolbars();
         this.hideInlineQTBar();
     };
+    QuickToolbar.prototype.updateCss = function (baseQTObj, e) {
+        if (baseQTObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass && baseQTObj.quickTBarObj.toolbarObj.cssClass !== e.cssClass)) {
+                baseQTObj.quickTBarObj.toolbarObj.setProperties({ cssClass: (baseQTObj.quickTBarObj.toolbarObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                baseQTObj.quickTBarObj.toolbarObj.setProperties({ cssClass: (baseQTObj.quickTBarObj.toolbarObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
+    };
+    QuickToolbar.prototype.setCssClass = function (e) {
+        var baseQuickToolbarObj = [
+            this.inlineQTBar, this.imageQTBar, this.linkQTBar, this.textQTBar, this.tableQTBar
+        ];
+        for (var i = 0; i < baseQuickToolbarObj.length; i++) {
+            this.updateCss(baseQuickToolbarObj[i], e);
+        }
+    };
     QuickToolbar.prototype.setRtl = function (args) {
         if (this.inlineQTBar) {
             this.inlineQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
@@ -6006,7 +6119,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
             this.imageQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
         }
         if (this.linkQTBar) {
-            this.imageQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
+            this.linkQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
         }
     };
     /**
@@ -6035,6 +6148,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         this.parent.off(iframeMouseDown, this.onIframeMouseDown);
         this.parent.off(keyDown, this.onKeyDown);
         this.parent.off(rtlMode, this.setRtl);
+        this.parent.off(bindCssClass, this.setCssClass);
     };
     /**
      * Called internally if any of the property value changed.
@@ -6869,6 +6983,21 @@ var Formatter = /** @__PURE__ @class */ (function () {
                 || self.contentModule.getPanel() === range.commonAncestorContainer)) {
             return;
         }
+        if (!isNullOrUndefined(args) && self.maxLength !== -1 && !isNullOrUndefined(args.item.command)) {
+            var currentInsertContentLength = 0;
+            if (args.item.command === 'Links') {
+                currentInsertContentLength = value.text.length === 0 ? value.url.length : value.text.length;
+            }
+            if (args.item.command === 'Images' || args.item.command === 'Table' || args.item.command === 'Files') {
+                currentInsertContentLength = 1;
+            }
+            var currentLength = self.getText().trim().length;
+            var selectionLength = self.getSelection().length;
+            var totalLength = (currentLength - selectionLength) + currentInsertContentLength;
+            if (!(self.maxLength === -1 || totalLength <= self.maxLength)) {
+                return;
+            }
+        }
         if (isNullOrUndefined(args)) {
             var action_1 = event.action;
             if (action_1 !== 'tab' && action_1 !== 'enter' && action_1 !== 'space' && action_1 !== 'escape') {
@@ -10303,7 +10432,13 @@ var DOMNode = /** @__PURE__ @class */ (function () {
                 markerStart.appendChild(start);
             }
             else {
-                this.replaceWith(start, this.marker(markerClassName.startSelection, this.encode(start.textContent)));
+                if (start.nodeType != 3 && start.nodeName != '#text') {
+                    var marker = this.marker(markerClassName.startSelection, '');
+                    append([this.parseHTMLFragment(marker)], start);
+                }
+                else {
+                    this.replaceWith(start, this.marker(markerClassName.startSelection, this.encode(start.textContent)));
+                }
             }
             if (end.nodeType !== Node.TEXT_NODE && end.tagName === 'BR' &&
                 IGNORE_BLOCK_TAGS.indexOf(end.parentNode.tagName.toLocaleLowerCase()) >= 0) {
@@ -10709,6 +10844,29 @@ var Lists = /** @__PURE__ @class */ (function () {
                 parentList.parentElement.insertBefore(startNode.children[1], parentList);
             }
         }
+        this.removeList(range, e);
+    };
+    Lists.prototype.removeList = function (range, e) {
+        var startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
+        var endNode = this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
+        startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
+        endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
+        if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
+            isNullOrUndefined(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
+            isNullOrUndefined(startNode.previousElementSibling) && range.startOffset === 0) ||
+            (Browser.userAgent.indexOf('Firefox') != -1 && range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement &&
+                range.startOffset === 0 && range.endOffset === 1)) {
+            if (Browser.userAgent.indexOf('Firefox') != -1) {
+                detach(range.commonAncestorContainer.childNodes[0]);
+            }
+            else if (range.commonAncestorContainer.nodeName === 'LI') {
+                detach(range.commonAncestorContainer.parentElement);
+            }
+            else {
+                detach(range.commonAncestorContainer);
+            }
+            e.event.preventDefault();
+        }
     };
     Lists.prototype.keyDownHandler = function (e) {
         if (e.event.which === 13) {
@@ -10733,6 +10891,7 @@ var Lists = /** @__PURE__ @class */ (function () {
                 && (commonAncestor.lastElementChild === closest(endNode, 'li')) && !range.collapsed) {
                 detach(commonAncestor);
             }
+            this.removeList(range, e);
         }
         if (e.event.which === 9) {
             var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
@@ -10948,6 +11107,19 @@ var Lists = /** @__PURE__ @class */ (function () {
     };
     Lists.prototype.applyListsHandler = function (e) {
         var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        if (Browser.userAgent.indexOf('Firefox') != -1 && range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement) {
+            var startChildNodes = range.startContainer.childNodes;
+            var startNode = ((startChildNodes[(range.startOffset > 0) ? (range.startOffset - 1) : range.startOffset]) || range.startContainer);
+            var endNode = (range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset] || range.endContainer);
+            var lastSelectionNode = endNode.lastChild.nodeName === 'BR' ? (isNullOrUndefined(endNode.lastChild.previousSibling) ? endNode
+                : endNode.lastChild.previousSibling) : endNode.lastChild;
+            while (!isNullOrUndefined(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
+                lastSelectionNode.nodeName !== 'BR' && lastSelectionNode.nodeName !== 'HR') {
+                lastSelectionNode = lastSelectionNode.lastChild;
+            }
+            this.parent.nodeSelection.setSelectionText(this.parent.currentDocument, startNode, lastSelectionNode, 0, lastSelectionNode.textContent.length);
+            range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        }
         if (range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement &&
             range.startOffset === range.endOffset && range.startOffset === 0 &&
             this.parent.editableElement.textContent.length === 0 && (this.parent.editableElement.childNodes[0].nodeName != 'TABLE' &&
@@ -14740,8 +14912,16 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
             for (; nodeTraverse && nodeTraverse.parentElement && nodeTraverse.parentElement !== endNode; 
             // eslint-disable-next-line
             nodeTraverse = nodeTraverse) {
-                if (nodeTraverse.parentElement && nodeTraverse.parentElement.tagName.toLocaleLowerCase()
-                    === formatNode.tagName.toLocaleLowerCase() &&
+                var nodeTraverseCondition = void 0;
+                if (formatNode.nodeName === 'SPAN') {
+                    nodeTraverseCondition = nodeTraverse.parentElement.tagName.toLocaleLowerCase()
+                        === formatNode.tagName.toLocaleLowerCase() && nodeTraverse.parentElement.getAttribute('style') === formatNodeStyles;
+                }
+                else {
+                    nodeTraverseCondition = nodeTraverse.parentElement.tagName.toLocaleLowerCase()
+                        === formatNode.tagName.toLocaleLowerCase();
+                }
+                if (nodeTraverse.parentElement && nodeTraverseCondition &&
                     (nodeTraverse.parentElement.childElementCount > 1 || range.startOffset > 1)) {
                     if (textNode.parentElement && textNode.parentElement.tagName.toLocaleLowerCase()
                         === formatNode.tagName.toLocaleLowerCase()) {
@@ -16984,7 +17164,8 @@ var ContentRender = /** @__PURE__ @class */ (function () {
      * @returns {string} - specifies the string element.
      */
     ContentRender.prototype.getText = function () {
-        return this.getEditPanel().innerText;
+        var textString = this.getEditPanel().innerText;
+        return textString === '\n' ? '' : textString;
     };
     /**
      * Set the content div element of RichTextEditor
@@ -17418,7 +17599,17 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
             e.args.keyCode === 13) {
             this.spaceLink(e.args);
             if (this.parent.editorMode === 'HTML' && !this.parent.readonly) {
-                this.parent.notify(enterHandler, { args: e.args });
+                var currentLength = this.parent.getText().trim().length;
+                var selectionLength = this.parent.getSelection().length;
+                var totalLength = (currentLength - selectionLength) + 1;
+                if (!(this.parent.maxLength === -1 || totalLength <= this.parent.maxLength) &&
+                    e.args.keyCode === 13) {
+                    e.args.preventDefault();
+                    return;
+                }
+                else {
+                    this.parent.notify(enterHandler, { args: e.args });
+                }
             }
         }
         if (e.args.action === 'space') {
@@ -18008,6 +18199,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             return;
         }
         this.parent.on(pasteClean, this.pasteClean, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.destroy, this);
     };
     PasteCleanup.prototype.destroy = function () {
@@ -18018,6 +18210,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             return;
         }
         this.parent.off(pasteClean, this.pasteClean);
+        this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
     };
     PasteCleanup.prototype.pasteClean = function (e) {
@@ -18197,7 +18390,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             id: this.parent.element.id + '_upload', attrs: { type: 'File', name: 'UploadFiles' }
         });
         var offsetY = this.parent.iframeSettings.enable ? -50 : -90;
-        var popupObj = new Popup(popupEle, {
+        this.popupObj = new Popup(popupEle, {
             relateTo: imgElem,
             height: '85px',
             width: '300px',
@@ -18210,19 +18403,22 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             // eslint-disable-next-line
             close: function (event) {
                 _this.parent.isBlur = false;
-                popupObj.destroy();
-                detach(popupObj.element);
+                _this.popupObj.destroy();
+                detach(_this.popupObj.element);
             }
         });
-        popupObj.element.style.display = 'none';
-        addClass([popupObj.element], [CLS_POPUP_OPEN, CLS_RTE_UPLOAD_POPUP]);
+        this.popupObj.element.style.display = 'none';
+        addClass([this.popupObj.element], [CLS_POPUP_OPEN, CLS_RTE_UPLOAD_POPUP]);
+        if (!isNullOrUndefined(this.parent.cssClass)) {
+            addClass([this.popupObj.element], this.parent.cssClass);
+        }
         var timeOut = fileList.size > 1000000 ? 300 : 100;
         setTimeout(function () {
-            _this.refreshPopup(imgElem, popupObj);
+            _this.refreshPopup(imgElem, _this.popupObj);
         }, timeOut);
         var rawFile;
         var beforeUploadArgs;
-        var uploadObj = new Uploader({
+        this.uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
                 removeUrl: this.parent.insertImageSettings.removeUrl
@@ -18232,7 +18428,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             allowedExtensions: this.parent.insertImageSettings.allowedTypes.toString(),
             success: function (e) {
                 setTimeout(function () {
-                    _this.popupClose(popupObj, uploadObj, imgElem, e);
+                    _this.popupClose(_this.popupObj, _this.uploadObj, imgElem, e);
                 }, 900);
             },
             uploading: function (e) {
@@ -18242,8 +18438,8 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
                             if (!isNullOrUndefined(imgElem)) {
                                 detach(imgElem);
                             }
-                            if (!isNullOrUndefined(popupObj.element)) {
-                                detach(popupObj.element);
+                            if (!isNullOrUndefined(_this.popupObj.element)) {
+                                detach(_this.popupObj.element);
                             }
                         }
                         else {
@@ -18263,11 +18459,11 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
                         }
                         _this.toolbarEnableDisable(true);
                         /* eslint-disable */
-                        uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : uploadObj.currentRequestHeader;
-                        uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : uploadObj.customFormDatas;
-                        uploadObj.uploadFiles(rawFile, null);
+                        _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 */
                     });
                 }
@@ -18279,7 +18475,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             // eslint-disable-next-line
             failure: function (e) {
                 setTimeout(function () {
-                    _this.uploadFailure(imgElem, uploadObj, popupObj, e);
+                    _this.uploadFailure(imgElem, _this.uploadObj, _this.popupObj, e);
                 }, 900);
             },
             canceling: function () {
@@ -18288,7 +18484,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
                     detach(imgElem.nextSibling);
                 }
                 detach(imgElem);
-                popupObj.close();
+                _this.popupObj.close();
             },
             selected: function (e) {
                 e.cancel = true;
@@ -18302,10 +18498,10 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
                     detach(imgElem.nextSibling);
                 }
                 detach(imgElem);
-                popupObj.close();
+                _this.popupObj.close();
             }
         });
-        uploadObj.appendTo(popupObj.element.childNodes[0]);
+        this.uploadObj.appendTo(this.popupObj.element.childNodes[0]);
         /* eslint-disable */
         var fileData = [{
                 name: fileList.name,
@@ -18315,13 +18511,13 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
                 validationMessages: { minSize: "", maxSize: "" },
                 statusCode: '1'
             }];
-        uploadObj.createFileList(fileData);
-        uploadObj.filesData.push(fileData[0]);
+        this.uploadObj.createFileList(fileData);
+        this.uploadObj.filesData.push(fileData[0]);
         /* eslint-enable */
         rawFile = fileData;
-        uploadObj.upload(fileData);
-        popupObj.element.getElementsByClassName('e-file-select-wrap')[0].style.display = 'none';
-        detach(popupObj.element.querySelector('.e-rte-dialog-upload .e-file-select-wrap'));
+        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'));
     };
     PasteCleanup.prototype.uploadFailure = function (imgElem, uploadObj, popupObj, e) {
         this.parent.inputElement.contentEditable = 'true';
@@ -18414,19 +18610,19 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
         }
     };
     PasteCleanup.prototype.radioRender = function () {
-        var keepRadioButton = new RadioButton({ label: this.i10n.getConstant('keepFormat'),
+        this.keepRadioButton = new RadioButton({ label: this.i10n.getConstant('keepFormat'),
             name: 'pasteOption', checked: true });
-        keepRadioButton.isStringTemplate = true;
+        this.keepRadioButton.isStringTemplate = true;
         var keepFormatElement = this.parent.element.querySelector('#keepFormating');
-        keepRadioButton.appendTo(keepFormatElement);
-        var cleanRadioButton = new RadioButton({ label: this.i10n.getConstant('cleanFormat'), name: 'pasteOption' });
-        cleanRadioButton.isStringTemplate = true;
+        this.keepRadioButton.appendTo(keepFormatElement);
+        this.cleanRadioButton = new RadioButton({ label: this.i10n.getConstant('cleanFormat'), name: 'pasteOption' });
+        this.cleanRadioButton.isStringTemplate = true;
         var cleanFormatElement = this.parent.element.querySelector('#cleanFormat');
-        cleanRadioButton.appendTo(cleanFormatElement);
-        var plainTextRadioButton = new RadioButton({ label: this.i10n.getConstant('plainText'), name: 'pasteOption' });
-        plainTextRadioButton.isStringTemplate = true;
+        this.cleanRadioButton.appendTo(cleanFormatElement);
+        this.plainTextRadioButton = new RadioButton({ label: this.i10n.getConstant('plainText'), name: 'pasteOption' });
+        this.plainTextRadioButton.isStringTemplate = true;
         var plainTextElement = this.parent.element.querySelector('#plainTextFormat');
-        plainTextRadioButton.appendTo(plainTextElement);
+        this.plainTextRadioButton.appendTo(plainTextElement);
     };
     PasteCleanup.prototype.selectFormatting = function (value, args, keepChecked, cleanChecked) {
         if (keepChecked) {
@@ -18447,15 +18643,15 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             buttons: [
                 {
                     click: function () {
-                        if (!dialog.isDestroyed) {
+                        if (!_this.dialogObj.isDestroyed) {
                             var keepChecked = _this.parent.element.querySelector('#keepFormating').checked;
                             var cleanChecked = _this.parent.element.querySelector('#cleanFormat').checked;
-                            dialog.hide();
+                            _this.dialogObj.hide();
                             _this.parent.height = isHeight ? preRTEHeight : _this.parent.height;
                             isHeight = false;
-                            var argument = dialog;
+                            var argument = _this.dialogObj;
                             _this.dialogRenderObj.close(argument);
-                            dialog.destroy();
+                            _this.dialogObj.destroy();
                             _this.selectFormatting(value, args, keepChecked, cleanChecked);
                         }
                     },
@@ -18467,13 +18663,13 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
                 },
                 {
                     click: function () {
-                        if (!dialog.isDestroyed) {
-                            dialog.hide();
+                        if (!_this.dialogObj.isDestroyed) {
+                            _this.dialogObj.hide();
                             _this.parent.height = isHeight ? preRTEHeight : _this.parent.height;
                             isHeight = false;
-                            var args_1 = dialog;
+                            var args_1 = _this.dialogObj;
                             _this.dialogRenderObj.close(args_1);
-                            dialog.destroy();
+                            _this.dialogObj.destroy();
                         }
                     },
                     buttonModel: {
@@ -18496,7 +18692,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             isModal: true,
             visible: false
         };
-        var dialog = this.dialogRenderObj.render(dialogModel);
+        this.dialogObj = this.dialogRenderObj.render(dialogModel);
         var rteDialogWrapper = this.parent.element.querySelector('#' + this.parent.getID()
             + '_pasteCleanupDialog');
         if (rteDialogWrapper !== null && rteDialogWrapper.innerHTML !== '') {
@@ -18508,15 +18704,42 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             });
             this.parent.element.appendChild(rteDialogWrapper);
         }
-        dialog.appendTo(rteDialogWrapper);
+        this.dialogObj.appendTo(rteDialogWrapper);
         this.radioRender();
         /* eslint-disable */
-        if (this.parent.element.offsetHeight < parseInt(dialog.height.split('px')[0], null)) {
-            this.parent.height = parseInt(dialog.height.split('px')[0], null) + 40;
+        if (this.parent.element.offsetHeight < parseInt(this.dialogObj.height.split('px')[0], null)) {
+            this.parent.height = parseInt(this.dialogObj.height.split('px')[0], null) + 40;
             /* eslint-enable */
             isHeight = true;
         }
-        dialog.show();
+        this.dialogObj.show();
+        this.setCssClass({ cssClass: this.parent.cssClass });
+    };
+    PasteCleanup.prototype.updateCss = function (currentObj, e) {
+        if (currentObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                currentObj.setProperties({ cssClass: (currentObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                currentObj.setProperties({ cssClass: (currentObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
+    };
+    PasteCleanup.prototype.setCssClass = function (e) {
+        if (this.popupObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                addClass([this.popupObj.element], e.cssClass);
+            }
+            else {
+                removeClass([this.popupObj.element], e.oldCssClass);
+                addClass([this.popupObj.element], e.cssClass);
+            }
+        }
+        this.updateCss(this.dialogObj, e);
+        this.updateCss(this.uploadObj, e);
+        this.updateCss(this.plainTextRadioButton, e);
+        this.updateCss(this.cleanRadioButton, e);
+        this.updateCss(this.keepRadioButton, e);
     };
     PasteCleanup.prototype.destroyDialog = function (rteDialogWrapper) {
         var rteDialogContainer = this.parent.element.querySelector('.e-dlg-container');
@@ -19062,6 +19285,17 @@ var FileManager$1 = /** @__PURE__ @class */ (function () {
         this.dialogObj.createElement = this.parent.createElement;
         this.dialogObj.appendTo(dlgTarget);
         this.dialogObj.show(Browser.isDevice ? true : false);
+        this.setCssClass({ cssClass: this.parent.cssClass });
+    };
+    FileManager$$1.prototype.setCssClass = function (e) {
+        if (this.dialogObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                this.dialogObj.setProperties({ cssClass: (this.dialogObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                this.dialogObj.setProperties({ cssClass: (this.dialogObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
     };
     FileManager$$1.prototype.renderFileManager = function () {
         var _this = this;
@@ -19186,12 +19420,14 @@ var FileManager$1 = /** @__PURE__ @class */ (function () {
     FileManager$$1.prototype.addEventListener = function () {
         this.parent.on(initialEnd, this.initialize, this);
         this.parent.on(renderFileManager, this.render, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.destroy, this);
     };
     FileManager$$1.prototype.removeEventListener = function () {
         EventHandler.remove(this.parent.element.ownerDocument, 'mousedown', this.onDocumentClick);
         this.parent.off(initialEnd, this.initialize);
         this.parent.off(renderFileManager, this.render);
+        this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
     };
     FileManager$$1.prototype.destroyComponents = function () {
@@ -19571,6 +19807,7 @@ var Link = /** @__PURE__ @class */ (function () {
         this.parent.on(editLink, this.editLink, this);
         this.parent.on(openLink, this.openLink, this);
         this.parent.on(editAreaClick, this.editAreaClickHandler, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.destroy, this);
     };
     Link.prototype.onToolbarAction = function (args) {
@@ -19603,6 +19840,7 @@ var Link = /** @__PURE__ @class */ (function () {
         this.parent.off(editLink, this.editLink);
         this.parent.off(openLink, this.openLink);
         this.parent.off(editAreaClick, this.editAreaClickHandler);
+        this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
     };
     Link.prototype.onIframeMouseDown = function () {
@@ -19610,6 +19848,20 @@ var Link = /** @__PURE__ @class */ (function () {
             this.dialogObj.hide({ returnValue: true });
         }
     };
+    Link.prototype.updateCss = function (currentObj, e) {
+        if (currentObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                currentObj.setProperties({ cssClass: (currentObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                currentObj.setProperties({ cssClass: (currentObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
+    };
+    Link.prototype.setCssClass = function (e) {
+        this.updateCss(this.checkBoxObj, e);
+        this.updateCss(this.dialogObj, e);
+    };
     Link.prototype.showLinkQuickToolbar = function (e) {
         if (!isNullOrUndefined(e.args) && e.args.action !== 'enter' &&
             e.args.action !== 'space') {
@@ -19738,6 +19990,7 @@ var Link = /** @__PURE__ @class */ (function () {
     };
     Link.prototype.showDialog = function () {
         this.openDialog(false);
+        this.setCssClass({ cssClass: this.parent.cssClass });
     };
     Link.prototype.closeDialog = function () {
         if (this.dialogObj) {
@@ -19793,7 +20046,7 @@ var Link = /** @__PURE__ @class */ (function () {
         var linkText = linkContent.querySelector('.e-rte-linkText');
         var linkTitle = linkContent.querySelector('.e-rte-linkTitle');
         var linkOpenLabel = this.i10n.getConstant('linkOpenInNewWindow');
-        this.checkBoxObj = new CheckBox({ label: linkOpenLabel, checked: true, enableRtl: this.parent.enableRtl });
+        this.checkBoxObj = new CheckBox({ label: linkOpenLabel, checked: true, enableRtl: this.parent.enableRtl, cssClass: this.parent.cssClass });
         this.checkBoxObj.isStringTemplate = true;
         this.checkBoxObj.createElement = this.parent.createElement;
         this.checkBoxObj.appendTo(linkTarget);
@@ -19806,7 +20059,7 @@ var Link = /** @__PURE__ @class */ (function () {
         var dialogModel = {
             header: this.i10n.getConstant('linkHeader'),
             content: linkContent,
-            cssClass: CLS_RTE_ELEMENTS,
+            cssClass: CLS_RTE_ELEMENTS + ' ' + this.parent.cssClass,
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '310px', height: 'inherit',
@@ -20089,6 +20342,7 @@ var Image = /** @__PURE__ @class */ (function () {
         this.parent.on(initialEnd, this.afterRender, this);
         this.parent.on(dynamicModule, this.afterRender, this);
         this.parent.on(paste, this.imagePaste, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.removeEventListener, this);
     };
     Image.prototype.removeEventListener = function () {
@@ -20115,6 +20369,7 @@ var Image = /** @__PURE__ @class */ (function () {
         this.parent.off(initialEnd, this.afterRender);
         this.parent.off(dynamicModule, this.afterRender);
         this.parent.off(paste, this.imagePaste);
+        this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.removeEventListener);
         var dropElement = this.parent.iframeSettings.enable ? this.parent.inputElement.ownerDocument
             : this.parent.inputElement;
@@ -20132,6 +20387,32 @@ var Image = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    Image.prototype.updateCss = function (currentObj, e) {
+        if (currentObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                currentObj.setProperties({ cssClass: (currentObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                currentObj.setProperties({ cssClass: (currentObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
+    };
+    Image.prototype.setCssClass = function (e) {
+        if (this.popupObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                addClass([this.popupObj.element], e.cssClass);
+            }
+            else {
+                removeClass([this.popupObj.element], e.oldCssClass);
+                addClass([this.popupObj.element], e.cssClass);
+            }
+        }
+        this.updateCss(this.checkBoxObj, e);
+        this.updateCss(this.widthNum, e);
+        this.updateCss(this.heightNum, e);
+        this.updateCss(this.uploadObj, e);
+        this.updateCss(this.dialogObj, e);
+    };
     Image.prototype.onIframeMouseDown = function () {
         if (this.dialogObj) {
             this.dialogObj.hide({ returnValue: true });
@@ -20735,6 +21016,7 @@ var Image = /** @__PURE__ @class */ (function () {
     };
     Image.prototype.showDialog = function () {
         this.openDialog(false);
+        this.setCssClass({ cssClass: this.parent.cssClass });
     };
     Image.prototype.closeDialog = function () {
         if (this.dialogObj) {
@@ -20954,7 +21236,8 @@ var Image = /** @__PURE__ @class */ (function () {
             var inputLink = linkWrap.querySelector('.e-img-link');
             var linkOpenLabel = this.i10n.getConstant('linkOpenInNewWindow');
             this.checkBoxObj = new CheckBox({
-                label: linkOpenLabel, checked: true, enableRtl: this.parent.enableRtl, change: function (e) {
+                label: linkOpenLabel, checked: true, enableRtl: this.parent.enableRtl, cssClass: this.parent.cssClass,
+                change: function (e) {
                     if (e.checked) {
                         target_1 = '_blank';
                     }
@@ -20989,6 +21272,9 @@ var Image = /** @__PURE__ @class */ (function () {
                         }
                     }]
             });
+            if (!isNullOrUndefined(this.parent.cssClass)) {
+                this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
+            }
             if (!isNullOrUndefined(inputDetails)) {
                 inputLink.value = inputDetails.url;
                 // eslint-disable-next-line
@@ -21034,6 +21320,9 @@ var Image = /** @__PURE__ @class */ (function () {
                         }
                     }]
             });
+            if (!isNullOrUndefined(this.parent.cssClass)) {
+                this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
+            }
             this.dialogObj.element.style.maxHeight = 'inherit';
             this.dialogObj.content.querySelector('input').focus();
         }
@@ -21254,6 +21543,9 @@ var Image = /** @__PURE__ @class */ (function () {
                         }
                     }]
             });
+            if (!isNullOrUndefined(this.parent.cssClass)) {
+                this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
+            }
             this.dialogObj.element.style.maxHeight = 'inherit';
             this.dialogObj.content.querySelector('input').focus();
         }
@@ -21531,24 +21823,26 @@ var Image = /** @__PURE__ @class */ (function () {
             + ' /></div>';
         var contentElem = parseHtml(content);
         imgSizeWrap.appendChild(contentElem);
-        var widthNum = new TextBox({
+        this.widthNum = new TextBox({
             value: formatUnit(widthVal),
             enableRtl: this.parent.enableRtl,
+            cssClass: this.parent.cssClass,
             input: function (e) {
                 _this.inputWidthValue = formatUnit(_this.inputValue(e.value));
             }
         });
-        widthNum.createElement = this.parent.createElement;
-        widthNum.appendTo(imgSizeWrap.querySelector('#imgwidth'));
-        var heightNum = new TextBox({
+        this.widthNum.createElement = this.parent.createElement;
+        this.widthNum.appendTo(imgSizeWrap.querySelector('#imgwidth'));
+        this.heightNum = new TextBox({
             value: formatUnit(heightVal),
             enableRtl: this.parent.enableRtl,
+            cssClass: this.parent.cssClass,
             input: function (e) {
                 _this.inputHeightValue = formatUnit(_this.inputValue(e.value));
             }
         });
-        heightNum.createElement = this.parent.createElement;
-        heightNum.appendTo(imgSizeWrap.querySelector('#imgheight'));
+        this.heightNum.createElement = this.parent.createElement;
+        this.heightNum.appendTo(imgSizeWrap.querySelector('#imgheight'));
         return imgSizeWrap;
     };
     Image.prototype.inputValue = function (value) {
@@ -21628,10 +21922,10 @@ var Image = /** @__PURE__ @class */ (function () {
         span.appendChild(btnEle);
         uploadParentEle.appendChild(span);
         var browserMsg = this.i10n.getConstant('browse');
-        var button = new Button({ content: browserMsg, enableRtl: this.parent.enableRtl });
-        button.isStringTemplate = true;
-        button.createElement = this.parent.createElement;
-        button.appendTo(btnEle);
+        this.browseButton = new Button({ content: browserMsg, enableRtl: this.parent.enableRtl });
+        this.browseButton.isStringTemplate = true;
+        this.browseButton.createElement = this.parent.createElement;
+        this.browseButton.appendTo(btnEle);
         var btnClick = (Browser.isDevice) ? span : btnEle;
         EventHandler.add(btnClick, 'click', this.fileSelect, this);
         var uploadEle = this.parent.createElement('input', {
@@ -21645,7 +21939,7 @@ var Image = /** @__PURE__ @class */ (function () {
         var beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertImageSettings.saveUrl, removeUrl: this.parent.insertImageSettings.removeUrl },
-            dropArea: span, multiple: false, enableRtl: this.parent.enableRtl,
+            dropArea: span, multiple: false, enableRtl: this.parent.enableRtl, cssClass: this.parent.cssClass,
             allowedExtensions: this.parent.insertImageSettings.allowedTypes.toString(),
             selected: function (e) {
                 proxy.isImgUploaded = true;
@@ -22025,6 +22319,9 @@ var Image = /** @__PURE__ @class */ (function () {
         this.popupObj.element.style.display = 'none';
         addClass([this.popupObj.element], CLS_POPUP_OPEN);
         addClass([this.popupObj.element], CLS_RTE_UPLOAD_POPUP);
+        if (!isNullOrUndefined(this.parent.cssClass)) {
+            addClass([this.popupObj.element], this.parent.cssClass);
+        }
         var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
         var timeOut = dragEvent.dataTransfer.files[0].size > 1000000 ? 300 : 100;
         setTimeout(function () {
@@ -22037,7 +22334,7 @@ var Image = /** @__PURE__ @class */ (function () {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
                 removeUrl: this.parent.insertImageSettings.removeUrl
             },
-            cssClass: CLS_RTE_DIALOG_UPLOAD,
+            cssClass: CLS_RTE_DIALOG_UPLOAD + ' ' + this.parent.cssClass,
             dropArea: this.parent.element,
             allowedExtensions: this.parent.insertImageSettings.allowedTypes.toString(),
             removing: function () {
@@ -22577,6 +22874,7 @@ var Table = /** @__PURE__ @class */ (function () {
         this.parent.on(dropDownSelect, this.dropdownSelect, this);
         this.parent.on(keyDown, this.keyDown, this);
         this.parent.on(mouseUp, this.selectionTable, this);
+        this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.destroy, this);
     };
     Table.prototype.removeEventListener = function () {
@@ -22597,8 +22895,38 @@ var Table = /** @__PURE__ @class */ (function () {
         this.parent.off(tableColorPickerChanged, this.setBGColor);
         this.parent.off(keyDown, this.keyDown);
         this.parent.off(mouseUp, this.selectionTable);
+        this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
     };
+    Table.prototype.updateCss = function (currentObj, e) {
+        if (currentObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                currentObj.setProperties({ cssClass: (currentObj.cssClass + ' ' + e.cssClass).trim() });
+            }
+            else {
+                currentObj.setProperties({ cssClass: (currentObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
+            }
+        }
+    };
+    Table.prototype.setCssClass = function (e) {
+        if (this.popupObj && e.cssClass) {
+            if (isNullOrUndefined(e.oldCssClass)) {
+                addClass([this.popupObj.element], e.cssClass);
+            }
+            else {
+                removeClass([this.popupObj.element], e.oldCssClass);
+                addClass([this.popupObj.element], e.cssClass);
+            }
+        }
+        this.updateCss(this.createTableButton, e);
+        this.updateCss(this.editdlgObj, e);
+        var numericTextBoxObj = [
+            this.columnTextBox, this.rowTextBox, this.tableWidthNum, this.tableCellPadding, this.tableCellSpacing
+        ];
+        for (var i = 0; i < numericTextBoxObj.length; i++) {
+            this.updateCss(numericTextBoxObj[i], e);
+        }
+    };
     Table.prototype.selectionTable = function (e) {
         var target = e.args.target;
         if (Browser.info.name === 'mozilla' && !isNullOrUndefined(closest(target, 'table')) && closest(target, 'table').tagName === 'TABLE') {
@@ -22731,6 +23059,7 @@ var Table = /** @__PURE__ @class */ (function () {
     };
     Table.prototype.showDialog = function () {
         this.openDialog(false);
+        this.setCssClass({ cssClass: this.parent.cssClass });
     };
     Table.prototype.closeDialog = function () {
         if (this.editdlgObj) {
@@ -23452,12 +23781,12 @@ var Table = /** @__PURE__ @class */ (function () {
             this.parent.getToolbarElement().querySelector('.e-expended-nav').setAttribute('tabindex', '1');
         }
         this.dlgDiv.appendChild(btnEle);
-        var button = new Button({
-            iconCss: 'e-icons e-create-table', content: insertbtn, cssClass: 'e-flat',
+        this.createTableButton = new Button({
+            iconCss: 'e-icons e-create-table', content: insertbtn, cssClass: 'e-flat' + ' ' + this.parent.cssClass,
             enableRtl: this.parent.enableRtl, locale: this.parent.locale
         });
-        button.isStringTemplate = true;
-        button.appendTo(btnEle);
+        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);
         var target = args.args.originalEvent.target;
@@ -23480,6 +23809,9 @@ var Table = /** @__PURE__ @class */ (function () {
             }
         });
         addClass([this.popupObj.element], 'e-popup-open');
+        if (!isNullOrUndefined(this.parent.cssClass)) {
+            addClass([this.popupObj.element], this.parent.cssClass);
+        }
         this.popupObj.refreshPosition(target);
     };
     Table.prototype.docClick = function (e) {
@@ -23552,7 +23884,8 @@ var Table = /** @__PURE__ @class */ (function () {
                         _this.cancelDialog(e);
                     },
                     buttonModel: { cssClass: 'e-flat e-cancel', content: cancel }
-                }]
+                }],
+            cssClass: this.parent.cssClass
         });
         this.editdlgObj.element.style.maxHeight = 'none';
         this.editdlgObj.content.querySelector('input').focus();
@@ -23583,6 +23916,9 @@ var Table = /** @__PURE__ @class */ (function () {
                     buttonModel: { cssClass: 'e-flat e-cancel', content: cancel }
                 }]
         });
+        if (!isNullOrUndefined(proxy.parent.cssClass)) {
+            proxy.editdlgObj.setProperties({ cssClass: proxy.parent.cssClass });
+        }
         proxy.editdlgObj.element.style.maxHeight = 'none';
         proxy.editdlgObj.content.querySelector('input').focus();
     };
@@ -23602,7 +23938,8 @@ var Table = /** @__PURE__ @class */ (function () {
             placeholder: tableColumn,
             floatLabelType: 'Auto',
             max: 50,
-            enableRtl: this.parent.enableRtl, locale: this.parent.locale
+            enableRtl: this.parent.enableRtl, locale: this.parent.locale,
+            cssClass: this.parent.cssClass
         });
         this.columnTextBox.isStringTemplate = true;
         this.columnTextBox.appendTo(tableWrap.querySelector('#tableColumn'));
@@ -23613,7 +23950,8 @@ var Table = /** @__PURE__ @class */ (function () {
             placeholder: tableRow,
             floatLabelType: 'Auto',
             max: 50,
-            enableRtl: this.parent.enableRtl, locale: this.parent.locale
+            enableRtl: this.parent.enableRtl, locale: this.parent.locale,
+            cssClass: this.parent.cssClass
         });
         this.rowTextBox.isStringTemplate = true;
         this.rowTextBox.appendTo(tableWrap.querySelector('#tableRow'));
@@ -23642,7 +23980,7 @@ var Table = /** @__PURE__ @class */ (function () {
         var header = this.l10n.getConstant('tabledialogHeader');
         var dialogModel = {
             header: header,
-            cssClass: CLS_RTE_ELEMENTS,
+            cssClass: CLS_RTE_ELEMENTS + ' ' + this.parent.cssClass,
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px', height: 'initial',
@@ -23732,7 +24070,7 @@ var Table = /** @__PURE__ @class */ (function () {
             + ' </div><div class="e-rte-field"><input type="text" data-role ="none" id="cellSpacing" class="e-cell-spacing" /></div>';
         var contentElem = parseHtml(content);
         tableWrap.appendChild(contentElem);
-        var widthNum = new NumericTextBox({
+        this.tableWidthNum = new NumericTextBox({
             format: 'n0',
             min: 0,
             value: widthVal,
@@ -23740,9 +24078,9 @@ var Table = /** @__PURE__ @class */ (function () {
             floatLabelType: 'Auto',
             enableRtl: this.parent.enableRtl, locale: this.parent.locale
         });
-        widthNum.isStringTemplate = true;
-        widthNum.appendTo(tableWrap.querySelector('#tableWidth'));
-        var padding = new NumericTextBox({
+        this.tableWidthNum.isStringTemplate = true;
+        this.tableWidthNum.appendTo(tableWrap.querySelector('#tableWidth'));
+        this.tableCellPadding = new NumericTextBox({
             format: 'n0',
             min: 0,
             // eslint-disable-next-line
@@ -23751,9 +24089,9 @@ var Table = /** @__PURE__ @class */ (function () {
             floatLabelType: 'Auto',
             enableRtl: this.parent.enableRtl, locale: this.parent.locale
         });
-        padding.isStringTemplate = true;
-        padding.appendTo(tableWrap.querySelector('#cellPadding'));
-        var spacing = new NumericTextBox({
+        this.tableCellPadding.isStringTemplate = true;
+        this.tableCellPadding.appendTo(tableWrap.querySelector('#cellPadding'));
+        this.tableCellSpacing = new NumericTextBox({
             format: 'n0',
             min: 0,
             // eslint-disable-next-line
@@ -23762,8 +24100,8 @@ var Table = /** @__PURE__ @class */ (function () {
             floatLabelType: 'Auto',
             enableRtl: this.parent.enableRtl, locale: this.parent.locale
         });
-        spacing.isStringTemplate = true;
-        spacing.appendTo(tableWrap.querySelector('#cellSpacing'));
+        this.tableCellSpacing.isStringTemplate = true;
+        this.tableCellSpacing.appendTo(tableWrap.querySelector('#cellSpacing'));
         return tableWrap;
     };
     /**
@@ -25143,6 +25481,35 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 this.formatter.saveData();
             }
         }
+        if (this.maxLength !== -1 && !isNullOrUndefined(tool.command)) {
+            var currentInsertContentLength = 0;
+            if (tool.command === 'Links') {
+                currentInsertContentLength = value.text.length === 0 ?
+                    value.url.length : value.text.length;
+            }
+            if (tool.command === 'Images' || tool.command === 'Table' || tool.command === 'Files') {
+                currentInsertContentLength = 1;
+            }
+            if (tool.command === 'InsertHTML') {
+                if (!isNullOrUndefined(value)) {
+                    var tempElem = this.createElement('div');
+                    tempElem.innerHTML = value;
+                    currentInsertContentLength = tempElem.textContent.length;
+                }
+                else if (!isNullOrUndefined(tool.value) && (tool.value === '<hr/>' || tool.value === '<br/>')) {
+                    currentInsertContentLength = 1;
+                }
+            }
+            if (tool.command === 'InsertText') {
+                currentInsertContentLength = value.length;
+            }
+            var currentLength = this.getText().trim().length;
+            var selectionLength = this.getSelection().length;
+            var totalLength = (currentLength - selectionLength) + currentInsertContentLength;
+            if (!(this.maxLength === -1 || totalLength <= this.maxLength)) {
+                return;
+            }
+        }
         this.formatter.editorManager.execCommand(tool.command, tool.subCommand ? tool.subCommand : (value ? value : tool.value), null, null, (value ? value : tool.value), (value ? value : tool.value));
         if (option && option.undo) {
             this.formatter.saveData();
@@ -25254,6 +25621,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         }
         // eslint-disable-next-line
         (!this.enabled) ? this.unWireEvents() : this.eventInitializer();
+        this.notify(bindCssClass, { cssClass: this.cssClass });
         this.renderComplete();
     };
     /**
@@ -25374,6 +25742,17 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         this.autoResize();
     };
     RichTextEditor.prototype.keyUp = function (e) {
+        if (this.editorMode === "HTML") {
+            var range = this.getRange();
+            if (Browser.userAgent.indexOf('Firefox') != -1 && range.startContainer.nodeName === '#text' &&
+                range.startContainer.parentElement === this.inputElement && this.enterKey !== 'BR') {
+                var range_1 = this.getRange();
+                var tempElem = this.createElement(this.enterKey);
+                range_1.startContainer.parentElement.insertBefore(tempElem, range_1.startContainer);
+                tempElem.appendChild(range_1.startContainer);
+                this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), tempElem.childNodes[0], tempElem.childNodes[0], tempElem.childNodes[0].textContent.length, tempElem.childNodes[0].textContent.length);
+            }
+        }
         this.notify(keyUp, { member: 'keyup', args: e });
         if (e.code === 'KeyX' && e.which === 88 && e.keyCode === 88 && e.ctrlKey && (this.inputElement.innerHTML === '' ||
             this.inputElement.innerHTML === '<br>')) {
@@ -25526,7 +25905,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             requestType: 'Paste'
         };
         this.trigger(actionBegin, evenArgs, function (pasteArgs) {
-            var currentLength = _this.getText().trim().length;
+            var currentLength = _this.inputElement.textContent.length;
             var selectionLength = _this.getSelection().length;
             var pastedContentLength = (isNullOrUndefined(e) || isNullOrUndefined(e.clipboardData))
                 ? 0 : e.clipboardData.getData('text/plain').length;
@@ -25836,6 +26215,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 case 'cssClass':
                     this.element.classList.remove(oldProp[prop]);
                     this.setCssClass(newProp[prop]);
+                    this.notify(bindCssClass, { cssClass: newProp[prop], oldCssClass: oldProp[prop] });
                     break;
                 case 'enabled':
                     this.setEnable();
@@ -27217,5 +27597,5 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
  * Rich Text Editor component exported items
  */
 
-export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, 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, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, beforeImageUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, closeImageDialog, showTableDialog, closeTableDialog, 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_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, 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_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, 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, 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_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, 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 };
+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, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, 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, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, beforeImageUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, closeImageDialog, showTableDialog, closeTableDialog, bindCssClass, blockInlineEmptyNodes, 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_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, 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_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, 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, 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_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, 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 };
 //# sourceMappingURL=ej2-richtexteditor.es5.js.map