@syncfusion/ej2-richtexteditor 25.1.38 → 25.1.39

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

@@ -3082,40 +3082,6 @@ function getTooltipText(item, serviceLocator) {
     var tooltipText = i10n.getConstant(itemLocale);
     return tooltipText;
 }
-function getTooltipTextDropdownItems(item, serviceLocator, localeItems, rteObj) {
-    if (localeItems) {
-        var i10n = serviceLocator.getService('rteLocale');
-        for (var i = 0; i < localeItems.length; i++) {
-            var itemLocale = localeItems[i].value.toLocaleLowerCase();
-            var numberValue = localeItems[i].locale;
-            var numberLocale = defaultLocale["" + numberValue].toLocaleLowerCase();
-            if (item === itemLocale || item === numberLocale) {
-                var tooltipText = localeItems[i].locale;
-                return i10n.getConstant(tooltipText);
-            }
-        }
-    }
-    else {
-        var fontsize = rteObj.fontSize.items;
-        for (var i = 0; i < fontsize.length; i++) {
-            if (item === rteObj.fontSize.items[i].value) {
-                var fontSize$$1 = rteObj.fontSize.items[i].text;
-                return fontSize$$1;
-            }
-        }
-    }
-    return '';
-}
-function getQuickToolbarTooltipText(item) {
-    var keys = Object.keys(defaultLocale);
-    for (var i = 0; i < keys.length; i++) {
-        var tooltipText = defaultLocale["" + keys[i]];
-        if (item === tooltipText) {
-            return tooltipText;
-        }
-    }
-    return '';
-}
 /**
  * @param {ISetToolbarStatusArgs} e - specifies the e element
  * @param {boolean} isPopToolbar - specifies the boolean value
@@ -3587,86 +3553,1476 @@ function updateDropDownFontFormatLocale(self) {
 }
 
 /**
- * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
+ * Is formatted or not.
  *
  * @hidden
  * @deprecated
  */
-var ToolbarRenderer = /** @__PURE__ @class */ (function () {
+var IsFormatted = /** @__PURE__ @class */ (function () {
+    function IsFormatted() {
+    }
     /**
-     * Constructor for toolbar renderer module
+     * getFormattedNode method
      *
-     * @param {IRichTextEditor} parent - specifies the parent element.
-     * @param {ServiceLocator} serviceLocator - specifies the serviceLocator
+     * @param {Node} node - specifies the node.
+     * @param {string} format - specifies the string value.
+     * @param {Node} endNode - specifies the end node
+     * @returns {Node} - returns the node
+     * @hidden
+     * @deprecated
      */
-    function ToolbarRenderer(parent, serviceLocator) {
-        this.parent = parent;
-        if (serviceLocator) {
-            this.l10n = serviceLocator.getService('rteLocale');
+    IsFormatted.prototype.getFormattedNode = function (node, format, endNode) {
+        var parentNode = this.getFormatParent(node, format, endNode);
+        if (parentNode !== null && parentNode !== endNode) {
+            return parentNode;
         }
-        this.wireEvent();
-    }
-    ToolbarRenderer.prototype.wireEvent = function () {
-        this.parent.on(destroy, this.unWireEvent, this);
-        this.parent.on(destroyTooltip, this.destroyTooltip, this);
-        this.parent.on(closeTooltip, this.closeTooltip, this);
+        return null;
     };
-    ToolbarRenderer.prototype.destroyTooltip = function () {
-        var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
-            this.parent.contentModule.getDocument();
-        if (!isNullOrUndefined(currentDocument.querySelector('.e-tooltip-wrap')) && !isNullOrUndefined(currentDocument.querySelector('[data-tooltip-id]'))) {
-            var tooltipTargetEle = currentDocument.querySelector('[data-tooltip-id]');
-            var event_1 = new MouseEvent('mouseleave', { bubbles: true, cancelable: true });
-            tooltipTargetEle.dispatchEvent(event_1);
+    IsFormatted.prototype.getFormatParent = function (node, format, endNode) {
+        do {
+            node = node.parentNode;
+        } while (node && (node !== endNode) && !this.isFormattedNode(node, format));
+        return node;
+    };
+    IsFormatted.prototype.isFormattedNode = function (node, format) {
+        switch (format) {
+            case 'bold':
+                return IsFormatted.isBold(node);
+            case 'italic':
+                return IsFormatted.isItalic(node);
+            case 'underline':
+                return IsFormatted.isUnderline(node);
+            case 'strikethrough':
+                return IsFormatted.isStrikethrough(node);
+            case 'superscript':
+                return IsFormatted.isSuperscript(node);
+            case 'subscript':
+                return IsFormatted.isSubscript(node);
+            case 'fontcolor':
+                return this.isFontColor(node);
+            case 'fontname':
+                return this.isFontName(node);
+            case 'fontsize':
+                return this.isFontSize(node);
+            case 'backgroundcolor':
+                return this.isBackgroundColor(node);
+            default:
+                return false;
         }
     };
-    ToolbarRenderer.prototype.unWireEvent = function () {
-        this.parent.off(destroy, this.unWireEvent);
-        this.parent.off(destroyTooltip, this.destroyTooltip);
-        this.parent.off(closeTooltip, this.closeTooltip);
+    /**
+     * isBold method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    IsFormatted.isBold = function (node) {
+        var validTags = ['strong', 'b'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+        }
+        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            node.style && node.style.fontWeight === 'bold') {
+            return true;
+        }
+        else {
+            return false;
+        }
     };
-    ToolbarRenderer.prototype.toolbarBeforeCreate = function (e) {
-        if (this.mode === 'Extended') {
-            e.enableCollision = false;
+    /**
+     * isItalic method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    IsFormatted.isItalic = function (node) {
+        var validTags = ['em', 'i'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+        }
+        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            node.style && node.style.fontStyle === 'italic') {
+            return true;
+        }
+        else {
+            return false;
         }
     };
-    ToolbarRenderer.prototype.toolbarCreated = function () {
-        this.parent.notify(toolbarCreated, this);
+    /**
+     * isUnderline method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    IsFormatted.isUnderline = function (node) {
+        var validTags = ['u'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+            /* eslint-disable */
+        }
+        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            node.style && (node.style.textDecoration === 'underline' ||
+            node.style.textDecorationLine === 'underline')) {
+            /* eslint-enable */
+            return true;
+        }
+        else {
+            return false;
+        }
     };
-    ToolbarRenderer.prototype.toolbarClicked = function (args) {
-        if (!this.parent.enabled) {
-            return;
+    /**
+     * isStrikethrough method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    IsFormatted.isStrikethrough = function (node) {
+        var validTags = ['del', 'strike'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+            /* eslint-disable */
         }
-        this.parent.trigger('toolbarClick', args);
-        if (!this.parent.readonly || isNullOrUndefined(args.item)) {
-            this.parent.notify(toolbarClick, args);
+        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            node.style && (node.style.textDecoration === 'line-through' ||
+            node.style.textDecorationLine === 'line-through')) {
+            /* eslint-enable */
+            return true;
+        }
+        else {
+            return false;
         }
     };
-    ToolbarRenderer.prototype.dropDownSelected = function (args) {
-        this.parent.notify(dropDownSelect, args);
-        this.destroyTooltip();
+    /**
+     * isSuperscript method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    IsFormatted.isSuperscript = function (node) {
+        var validTags = ['sup'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+        }
+        else {
+            return false;
+        }
     };
-    ToolbarRenderer.prototype.beforeDropDownItemRender = function (args) {
-        if (this.parent.readonly || !this.parent.enabled) {
-            return;
+    /**
+     * isSubscript method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    IsFormatted.isSubscript = function (node) {
+        var validTags = ['sub'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+        }
+        else {
+            return false;
         }
-        this.parent.notify(beforeDropDownItemRender, args);
     };
-    ToolbarRenderer.prototype.tooltipBeforeRender = function (args) {
-        if (!isNullOrUndefined(args.target.getAttribute('title'))) {
-            var tooltipTarget = args.target.getAttribute('title');
-            var tooltipText = void 0;
-            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;
+    IsFormatted.prototype.isFontColor = function (node) {
+        var color = node.style && node.style.color;
+        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            color !== null && color !== '' && color !== undefined) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    IsFormatted.prototype.isBackgroundColor = function (node) {
+        var backColor = node.style && node.style.backgroundColor;
+        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            backColor !== null && backColor !== '' && backColor !== undefined) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    IsFormatted.prototype.isFontSize = function (node) {
+        var size = node.style && node.style.fontSize;
+        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            size !== null && size !== '' && size !== undefined) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    IsFormatted.prototype.isFontName = function (node) {
+        var name = node.style && node.style.fontFamily;
+        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            name !== null && name !== '' && name !== undefined) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    // Get Formatted Node
+    IsFormatted.inlineTags = [
+        'a',
+        'abbr',
+        'acronym',
+        'b',
+        'bdo',
+        'big',
+        'cite',
+        'code',
+        'dfn',
+        'em',
+        'font',
+        'i',
+        'kbd',
+        'label',
+        'q',
+        'samp',
+        'small',
+        'span',
+        'strong',
+        'sub',
+        'sup',
+        'tt',
+        'u',
+        'var',
+        'del'
+    ];
+    return IsFormatted;
+}());
+
+/**
+ * Constant values for EditorManager
+ */
+/**
+ * Image plugin events
+ *
+ * @hidden
+ */
+var IMAGE = 'INSERT-IMAGE';
+var AUDIO = 'INSERT-AUDIO';
+var VIDEO = 'INSERT-VIDEO';
+var TABLE = 'INSERT-TABLE';
+var LINK = 'INSERT-LINK';
+var INSERT_ROW = 'INSERT-ROW';
+var INSERT_COLUMN = 'INSERT-COLUMN';
+var DELETEROW = 'DELETE-ROW';
+var DELETECOLUMN = 'DELETE-COLUMN';
+var REMOVETABLE = 'REMOVE-TABLE';
+var TABLEHEADER = 'TABLE-HEADER';
+var TABLE_VERTICAL_ALIGN = 'TABLE_VERTICAL_ALIGN';
+var TABLE_MERGE = 'TABLE_MERGE';
+var TABLE_VERTICAL_SPLIT = 'TABLE_VERTICAL_SPLIT';
+var TABLE_HORIZONTAL_SPLIT = 'TABLE_HORIZONTAL_SPLIT';
+var TABLE_MOVE = 'TABLE_MOVE';
+/**
+ * Alignments plugin events
+ *
+ * @hidden
+ */
+var ALIGNMENT_TYPE = 'alignment-type';
+/**
+ * Indents plugin events
+ *
+ * @hidden
+ */
+var INDENT_TYPE = 'indent-type';
+/**
+ * Constant tag names
+ *
+ * @hidden
+ */
+var DEFAULT_TAG = 'p';
+/**
+ * @hidden
+ */
+var BLOCK_TAGS = ['address', 'article', 'aside', 'audio', 'blockquote',
+    'canvas', 'details', 'dd', 'div', 'dl', 'dt', 'fieldset', 'figcaption', 'figure', 'footer',
+    'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup', 'hr', 'li', 'main', 'nav',
+    'noscript', 'ol', 'output', 'p', 'pre', 'section', 'table', 'tbody', 'td', 'tfoot', 'th',
+    'thead', 'tr', 'ul', 'video', 'body'];
+/**
+ * @hidden
+ */
+var IGNORE_BLOCK_TAGS = ['td', 'th'];
+/**
+ * @hidden
+ */
+var TABLE_BLOCK_TAGS = ['table', 'tbody', 'td', 'tfoot', 'th',
+    'thead', 'tr'];
+/**
+ * Selection plugin events
+ *
+ * @hidden
+ */
+var SELECTION_TYPE = 'selection-type';
+/**
+ * Insert HTML plugin events
+ *
+ * @hidden
+ */
+var INSERTHTML_TYPE = 'inserthtml-type';
+/**
+ * Insert Text plugin events
+ *
+ * @hidden
+ */
+var INSERT_TEXT_TYPE = 'insert-text-type';
+/**
+ * Clear Format HTML plugin events
+ *
+ * @hidden
+ */
+var CLEAR_TYPE = 'clear-type';
+/**
+ * Self closing tags
+ *
+ * @hidden
+ */
+var SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];
+/**
+ * Source
+ *
+ * @hidden
+ */
+var PASTE_SOURCE = ['word', 'excel', 'onenote'];
+
+/**
+ * `Selection` module is used to handle RTE Selections.
+ */
+var NodeSelection = /** @__PURE__ @class */ (function () {
+    function NodeSelection() {
+        this.startNodeName = [];
+        this.endNodeName = [];
+    }
+    NodeSelection.prototype.saveInstance = function (range, body) {
+        this.range = range.cloneRange();
+        this.rootNode = this.documentFromRange(range);
+        this.body = body;
+        this.startContainer = this.getNodeArray(range.startContainer, true);
+        this.endContainer = this.getNodeArray(range.endContainer, false);
+        this.startOffset = range.startOffset;
+        this.endOffset = range.endOffset;
+        this.html = this.body.innerHTML;
+        return this;
+    };
+    NodeSelection.prototype.documentFromRange = function (range) {
+        return (9 === range.startContainer.nodeType) ? range.startContainer : range.startContainer.ownerDocument;
+    };
+    NodeSelection.prototype.getRange = function (docElement) {
+        var select$$1 = this.get(docElement);
+        var range = select$$1 && select$$1.rangeCount > 0 ? select$$1.getRangeAt(select$$1.rangeCount - 1) : docElement.createRange();
+        return (range.startContainer !== docElement || range.endContainer !== docElement
+            || range.startOffset || range.endOffset || (range.setStart(docElement.body, 0), range.collapse(!0)), range);
+    };
+    /**
+     * get method
+     *
+     * @param {Document} docElement - specifies the get function
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.get = function (docElement) {
+        return docElement.defaultView.getSelection();
+    };
+    /**
+     * save method
+     *
+     * @param {Range} range - range value.
+     * @param {Document} docElement - specifies the document.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.save = function (range, docElement) {
+        range = (range) ? range.cloneRange() : this.getRange(docElement);
+        return this.saveInstance(range, docElement.body);
+    };
+    /**
+     * getIndex method
+     *
+     * @param {Node} node - specifies the node value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getIndex = function (node) {
+        var index;
+        var num = 0;
+        node = !node.previousSibling && node.tagName === 'BR' ? node : node.previousSibling;
+        if (node) {
+            for (var type = node.nodeType; node; null) {
+                index = node.nodeType;
+                num++;
+                //eslint-disable-next-line
+                type = index;
+                node = node.previousSibling;
+            }
+        }
+        return num;
+    };
+    NodeSelection.prototype.isChildNode = function (nodeCollection, parentNode) {
+        for (var index = 0; index < parentNode.childNodes.length; index++) {
+            if (nodeCollection.indexOf(parentNode.childNodes[index]) > -1) {
+                return true;
             }
         }
+        return false;
+    };
+    NodeSelection.prototype.getNode = function (startNode, endNode, nodeCollection) {
+        if (endNode === startNode &&
+            (startNode.nodeType === 3 || !startNode.firstChild || nodeCollection.indexOf(startNode.firstChild) !== -1
+                || this.isChildNode(nodeCollection, startNode))) {
+            return null;
+        }
+        if (startNode.nodeType === 3 && startNode.previousSibling === endNode && endNode.nodeName === 'IMG') {
+            return null;
+        }
+        if (nodeCollection.indexOf(startNode.firstChild) === -1 && startNode.firstChild && !this.isChildNode(nodeCollection, startNode)) {
+            return startNode.firstChild;
+        }
+        if (startNode.nextSibling) {
+            return startNode.nextSibling;
+        }
+        if (!startNode.parentNode) {
+            return null;
+        }
+        else {
+            return startNode.parentNode;
+        }
+    };
+    /**
+     * getNodeCollection method
+     *
+     * @param {Range} range -specifies the range.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getNodeCollection = function (range) {
+        var startNode = range.startContainer.childNodes[range.startOffset]
+            || range.startContainer;
+        var endNode = range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset]
+            || range.endContainer;
+        if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
+            startNode.childNodes.length === 0) {
+            return [startNode];
+        }
+        if (range.startOffset === range.endOffset && range.startOffset !== 0 && range.startContainer.nodeName === 'PRE') {
+            return [startNode.nodeName === 'BR' || startNode.nodeName === '#text' ? startNode : startNode.childNodes[0]];
+        }
+        var nodeCollection = [];
+        do {
+            if (nodeCollection.indexOf(startNode) === -1) {
+                nodeCollection.push(startNode);
+            }
+            startNode = this.getNode(startNode, endNode, nodeCollection);
+        } while (startNode);
+        return nodeCollection;
+    };
+    /**
+     * getParentNodeCollection method
+     *
+     * @param {Range} range - specifies the range value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getParentNodeCollection = function (range) {
+        return this.getParentNodes(this.getNodeCollection(range), range);
+    };
+    /**
+     * getParentNodes method
+     *
+     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @param {Range} range - specifies the range values.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getParentNodes = function (nodeCollection, range) {
+        nodeCollection = nodeCollection.reverse();
+        for (var index = 0; index < nodeCollection.length; index++) {
+            if ((nodeCollection.indexOf(nodeCollection[index].parentNode) !== -1)
+                || (nodeCollection[index].nodeType === 3 &&
+                    range.startContainer !== range.endContainer &&
+                    range.startContainer.parentNode !== range.endContainer.parentNode)) {
+                nodeCollection.splice(index, 1);
+                index--;
+            }
+            else if (nodeCollection[index].nodeType === 3) {
+                nodeCollection[index] = nodeCollection[index].parentNode;
+            }
+        }
+        return nodeCollection;
+    };
+    /**
+     * getSelectionNodeCollection method
+     *
+     * @param {Range} range - specifies the range value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getSelectionNodeCollection = function (range) {
+        return this.getSelectionNodes(this.getNodeCollection(range));
+    };
+    /**
+     * getSelectionNodeCollection along with BR node method
+     *
+     * @param {Range} range - specifies the range value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getSelectionNodeCollectionBr = function (range) {
+        return this.getSelectionNodesBr(this.getNodeCollection(range));
+    };
+    /**
+     * getParentNodes method
+     *
+     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getSelectionNodes = function (nodeCollection) {
+        nodeCollection = nodeCollection.reverse();
+        // eslint-disable-next-line
+        var regEx = new RegExp(String.fromCharCode(8203), 'g');
+        for (var index = 0; index < nodeCollection.length; index++) {
+            if (nodeCollection[index].nodeType !== 3 || (nodeCollection[index].textContent.trim() === '' ||
+                (nodeCollection[index].textContent.length === 1 && nodeCollection[index].textContent.match(regEx)))) {
+                nodeCollection.splice(index, 1);
+                index--;
+            }
+        }
+        return nodeCollection.reverse();
+    };
+    /**
+     * Get selection text nodes with br method.
+     *
+     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getSelectionNodesBr = function (nodeCollection) {
+        nodeCollection = nodeCollection.reverse();
+        // eslint-disable-next-line
+        var regEx = new RegExp(String.fromCharCode(8203), 'g');
+        for (var index = 0; index < nodeCollection.length; index++) {
+            if (nodeCollection[index].nodeName !== 'BR' &&
+                (nodeCollection[index].nodeType !== 3 || (nodeCollection[index].textContent.trim() === '' ||
+                    (nodeCollection[index].textContent.length === 1 && nodeCollection[index].textContent.match(regEx))))) {
+                nodeCollection.splice(index, 1);
+                index--;
+            }
+        }
+        return nodeCollection.reverse();
+    };
+    /**
+     * getInsertNodeCollection method
+     *
+     * @param {Range} range - specifies the range value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getInsertNodeCollection = function (range) {
+        return this.getInsertNodes(this.getNodeCollection(range));
+    };
+    /**
+     * getInsertNodes method
+     *
+     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getInsertNodes = function (nodeCollection) {
+        nodeCollection = nodeCollection.reverse();
+        for (var index = 0; index < nodeCollection.length; index++) {
+            if ((nodeCollection[index].childNodes.length !== 0 &&
+                nodeCollection[index].nodeType !== 3) ||
+                (nodeCollection[index].nodeType === 3 &&
+                    nodeCollection[index].textContent === '')) {
+                nodeCollection.splice(index, 1);
+                index--;
+            }
+        }
+        return nodeCollection.reverse();
+    };
+    /**
+     * getNodeArray method
+     *
+     * @param {Node} node - specifies the node content.
+     * @param {boolean} isStart - specifies the boolean value.
+     * @param {Document} root - specifies the root document.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getNodeArray = function (node, isStart, root) {
+        var array = [];
+        // eslint-disable-next-line
+        ((isStart) ? (this.startNodeName = []) : (this.endNodeName = []));
+        for (; node !== (root ? root : this.rootNode); null) {
+            if (isNullOrUndefined(node)) {
+                break;
+            }
+            // eslint-disable-next-line
+            (isStart) ? this.startNodeName.push(node.nodeName.toLowerCase()) : this.endNodeName.push(node.nodeName.toLowerCase());
+            array.push(this.getIndex(node));
+            node = node.parentNode;
+        }
+        return array;
+    };
+    NodeSelection.prototype.setRangePoint = function (range, isvalid, num, size) {
+        var node = this.rootNode;
+        var index = num.length;
+        var constant = size;
+        for (; index--; null) {
+            node = node && node.childNodes[num[index]];
+        }
+        if (node && constant >= 0 && node.nodeName !== 'html') {
+            if (node.nodeType === 3 && node.nodeValue.replace(/\u00a0/g, '&nbsp;') === '&nbsp;') {
+                constant = node.textContent.length;
+            }
+            range[isvalid ? 'setStart' : 'setEnd'](node, constant);
+        }
+        return range;
+    };
+    /**
+     * restore method
+     *
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.restore = function () {
+        var range = this.range.cloneRange();
+        range = this.setRangePoint(range, true, this.startContainer, this.startOffset);
+        range = this.setRangePoint(range, false, this.endContainer, this.endOffset);
+        this.selectRange(this.rootNode, range);
+        return range;
+    };
+    NodeSelection.prototype.selectRange = function (docElement, range) {
+        this.setRange(docElement, range);
+        this.save(range, docElement);
+    };
+    /**
+     * setRange method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Range} range - specifies the range.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.setRange = function (docElement, range) {
+        var selection = this.get(docElement);
+        selection.removeAllRanges();
+        selection.addRange(range);
+    };
+    /**
+     * setSelectionText method
+     *
+     * @param {Document} docElement - specifies the documrent
+     * @param {Node} startNode - specifies the starting node.
+     * @param {Node} endNode - specifies the the end node.
+     * @param {number} startIndex - specifies the starting index.
+     * @param {number} endIndex - specifies the end index.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.setSelectionText = function (docElement, startNode, endNode, startIndex, endIndex) {
+        var range = docElement.createRange();
+        range.setStart(startNode, startIndex);
+        range.setEnd(endNode, endIndex);
+        this.setRange(docElement, range);
+    };
+    /**
+     * setSelectionContents method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Node} element - specifies the node.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.setSelectionContents = function (docElement, element) {
+        var range = docElement.createRange();
+        range.selectNode(element);
+        this.setRange(docElement, range);
+    };
+    /**
+     * setSelectionNode method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Node} element - specifies the node.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.setSelectionNode = function (docElement, element) {
+        var range = docElement.createRange();
+        range.selectNodeContents(element);
+        this.setRange(docElement, range);
+    };
+    /**
+     * getSelectedNodes method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.getSelectedNodes = function (docElement) {
+        return this.getNodeCollection(this.getRange(docElement));
+    };
+    /**
+     * Clear method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.Clear = function (docElement) {
+        this.get(docElement).removeAllRanges();
+    };
+    /**
+     * insertParentNode method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Node} newNode - specicfies the new node.
+     * @param {Range} range - specifies the range.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.insertParentNode = function (docElement, newNode, range) {
+        range.surroundContents(newNode);
+        this.selectRange(docElement, range);
+    };
+    /**
+     * setCursorPoint method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Element} element - specifies the element.
+     * @param {number} point - specifies the point.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    NodeSelection.prototype.setCursorPoint = function (docElement, element, point) {
+        var range = docElement.createRange();
+        var selection = docElement.defaultView.getSelection();
+        range.setStart(element, point);
+        range.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(range);
+    };
+    return NodeSelection;
+}());
+
+/**
+ * `Selection` module is used to handle RTE Selections.
+ */
+
+/**
+ * Defines common util methods used by Rich Text Editor.
+ */
+var inlineNode$1 = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
+    'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',
+    'ins', 'kbd', 'label', 'map', 'mark', 'meter', 'noscript', 'object', 'output', 'picture', 'progress',
+    'q', 'ruby', 's', 'samp', 'script', 'select', 'slot', 'small', 'span', 'strong', 'strike', 'sub', 'sup', 'svg',
+    'template', 'textarea', 'time', 'u', 'tt', 'var', 'video', 'wbr'];
+/**
+ * @returns {void}
+ * @hidden
+ */
+function isIDevice$1() {
+    var result = false;
+    if (Browser.isDevice && Browser.isIos) {
+        result = true;
+    }
+    return result;
+}
+/**
+ * @param {Element} editableElement - specifies the editable element.
+ * @param {string} selector - specifies the string values.
+ * @returns {void}
+ * @hidden
+ */
+function setEditFrameFocus(editableElement, selector) {
+    if (editableElement.nodeName === 'BODY' && !isNullOrUndefined(selector)) {
+        var iframe = top.window.document.querySelector(selector);
+        if (!isNullOrUndefined(iframe)) {
+            iframe.contentWindow.focus();
+        }
+    }
+}
+/**
+ * @param {string} value - specifies the string value
+ * @param {string} enterAction - specifies the enter key action API
+ * @returns {void}
+ * @hidden
+ */
+function updateTextNode$1(value, enterAction) {
+    var tempNode = document.createElement('div');
+    tempNode.innerHTML = value;
+    tempNode.setAttribute('class', 'tempDiv');
+    var resultElm = document.createElement('div');
+    var childNodes = tempNode.childNodes;
+    if (childNodes.length > 0) {
+        var isPreviousInlineElem = void 0;
+        var previousParent = void 0;
+        var paraElm = void 0;
+        while (tempNode.firstChild) {
+            if ((tempNode.firstChild.nodeName === '#text' &&
+                (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
+                inlineNode$1.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0) {
+                if (!isPreviousInlineElem) {
+                    if (enterAction === 'BR') {
+                        resultElm.appendChild(tempNode.firstChild);
+                        previousParent = resultElm;
+                    }
+                    else {
+                        paraElm = createElement('p');
+                        resultElm.appendChild(paraElm);
+                        paraElm.appendChild(tempNode.firstChild);
+                        previousParent = paraElm;
+                        isPreviousInlineElem = true;
+                    }
+                }
+                else {
+                    previousParent.appendChild(tempNode.firstChild);
+                    previousParent = paraElm;
+                    isPreviousInlineElem = true;
+                }
+            }
+            else if (tempNode.firstChild.nodeName === '#text' && (tempNode.firstChild.textContent === '\n' ||
+                (tempNode.firstChild.textContent.indexOf('\n') >= 0 && tempNode.firstChild.textContent.trim() === ''))) {
+                detach(tempNode.firstChild);
+            }
+            else {
+                resultElm.appendChild(tempNode.firstChild);
+                isPreviousInlineElem = false;
+            }
+        }
+        var tableElm = resultElm.querySelectorAll('table');
+        for (var i = 0; i < tableElm.length; i++) {
+            if (tableElm[i].classList.length > 0 && !tableElm[i].classList.contains('e-rte-table')) {
+                tableElm[i].classList.add('e-rte-paste-table');
+                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-word-table');
+                    continue; // Skiping the removal of the border if the source is from word.
+                }
+                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-excel-table');
+                    if (tableElm[i].getAttribute('border') === '0') {
+                        tableElm[i].removeAttribute('border');
+                    }
+                    var tdElm = tableElm[i].querySelectorAll('td');
+                    for (var j = 0; j < tdElm.length; j++) {
+                        if (tdElm[j].style.borderLeft === 'none') {
+                            tdElm[j].style.removeProperty('border-left');
+                        }
+                        if (tdElm[j].style.borderRight === 'none') {
+                            tdElm[j].style.removeProperty('border-right');
+                        }
+                        if (tdElm[j].style.borderBottom === 'none') {
+                            tdElm[j].style.removeProperty('border-bottom');
+                        }
+                        if (tdElm[j].style.borderTop === 'none') {
+                            tdElm[j].style.removeProperty('border-top');
+                        }
+                        if (tdElm[j].style.border === 'none') {
+                            tdElm[j].style.removeProperty('border');
+                        }
+                    }
+                }
+                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
+                    continue;
+                }
+            }
+        }
+        var imageElm = resultElm.querySelectorAll('img');
+        for (var i = 0; i < imageElm.length; i++) {
+            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
+                continue; // Should not add the class if the image is Broken.
+            }
+            if (!imageElm[i].classList.contains('e-rte-image')) {
+                imageElm[i].classList.add('e-rte-image');
+            }
+            if (!(imageElm[i].classList.contains('e-imginline') ||
+                imageElm[i].classList.contains('e-imgbreak'))) {
+                imageElm[i].classList.add('e-imginline');
+            }
+        }
+    }
+    return resultElm.innerHTML;
+}
+/**
+ * @param {Node} startChildNodes - specifies the node
+ * @returns {void}
+ * @hidden
+ */
+function getLastTextNode(startChildNodes) {
+    var finalNode = startChildNodes;
+    do {
+        if (finalNode.childNodes.length > 0) {
+            finalNode = finalNode.childNodes[0];
+        }
+    } while (finalNode.childNodes.length > 0);
+    return finalNode;
+}
+/**
+ * @returns {void}
+ * @hidden
+ */
+function getDefaultHtmlTbStatus() {
+    return {
+        bold: false,
+        italic: false,
+        subscript: false,
+        superscript: false,
+        strikethrough: false,
+        orderedlist: false,
+        unorderedlist: false,
+        numberFormatList: false,
+        bulletFormatList: false,
+        underline: false,
+        alignments: null,
+        backgroundcolor: null,
+        fontcolor: null,
+        fontname: null,
+        fontsize: null,
+        formats: null,
+        createlink: false,
+        insertcode: false
+    };
+}
+/**
+ * @returns {void}
+ * @hidden
+ */
+function getDefaultMDTbStatus() {
+    return {
+        bold: false,
+        italic: false,
+        subscript: false,
+        superscript: false,
+        strikethrough: false,
+        orderedlist: false,
+        uppercase: false,
+        lowercase: false,
+        inlinecode: false,
+        unorderedlist: false,
+        formats: null
+    };
+}
+/**
+ * @param {Range} range - specifies the range
+ * @returns {void}
+ * @hidden
+ */
+function nestedListCleanUp(range) {
+    if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
+        range.extractContents();
+        while ((range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty').length > 0 ||
+            (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('ol :empty').length > 0) {
+            var emptyLI = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty');
+            if (emptyLI.length > 0) {
+                emptyLI.forEach(function (item) {
+                    item.remove();
+                });
+            }
+        }
+        var liElem = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll("li");
+        if (liElem.length > 0) {
+            liElem.forEach(function (item) {
+                if (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL") {
+                    item.style.listStyleType = "none";
+                }
+            });
+        }
+    }
+}
+
+/**
+ * Update Toolbar Status
+ *
+ * @hidden
+ * @deprecated
+ */
+var statusCollection = getDefaultHtmlTbStatus();
+var ToolbarStatus = /** @__PURE__ @class */ (function () {
+    function ToolbarStatus() {
+    }
+    /**
+     * get method
+     *
+     * @param {Document} docElement - specifies the document element
+     * @param {Node} rootNode - specifies the content editable element
+     * @param {string[]} formatNode - specifies the format node
+     * @param {string[]} fontSize - specifies the font size
+     * @param {string[]} fontName - specifies the font name.
+     * @param {Node} documentNode - specifies the document node.
+     * @returns {IToolbarStatus} - returns the toolbar status
+     * @hidden
+     * @deprecated
+     */
+    ToolbarStatus.get = function (docElement, rootNode, formatNode, fontSize, fontName, documentNode) {
+        var formatCollection = JSON.parse(JSON.stringify(statusCollection));
+        var nodeCollection = JSON.parse(JSON.stringify(statusCollection));
+        var nodeSelection = new NodeSelection();
+        var range = nodeSelection.getRange(docElement);
+        var nodes = documentNode ? [documentNode] : range.collapsed ? nodeSelection.getNodeCollection(range) :
+            nodeSelection.getSelectionNodeCollectionBr(range);
+        var nodesLength = nodes.length;
+        var isNodeChanged = false;
+        for (var index = 0; index < nodes.length; index++) {
+            while (nodes[index].nodeType === 3 && range.startContainer.nodeType === 3 && nodes[index].parentNode &&
+                nodes[index].parentNode.lastElementChild && nodes[index].parentNode.lastElementChild.nodeName !== 'BR' &&
+                (this.getImmediateBlockNode(nodes[index].parentNode)).textContent.replace(/\u200B/g, '').length === 0 &&
+                range.startContainer.textContent.replace(/\u200B/g, '').length === 0 &&
+                nodeSelection.get(docElement).toString().replace(/\u200B/g, '').length === 0) {
+                nodes[index] = nodes[index].parentNode.lastElementChild.firstChild;
+                isNodeChanged = true;
+            }
+            if (isNodeChanged && nodes[index]) {
+                nodeSelection.setCursorPoint(docElement, nodes[index], nodes[index].textContent.length);
+                isNodeChanged = false;
+            }
+            if ((nodes[index].nodeName !== 'BR' && nodes[index].nodeType !== 3) ||
+                (nodesLength > 1 && nodes[index].nodeType === 3 && nodes[index].textContent.trim() === '')) {
+                nodes.splice(index, 1);
+                index--;
+            }
+        }
+        for (var index = 0; index < nodes.length; index++) {
+            // eslint-disable-next-line max-len
+            formatCollection = this.getFormatParent(docElement, formatCollection, nodes[index], rootNode, formatNode, fontSize, fontName);
+            if ((index === 0 && formatCollection.bold) || !formatCollection.bold) {
+                nodeCollection.bold = formatCollection.bold;
+            }
+            if ((index === 0 && formatCollection.insertcode) || !formatCollection.insertcode) {
+                nodeCollection.insertcode = formatCollection.insertcode;
+            }
+            if ((index === 0 && formatCollection.italic) || !formatCollection.italic) {
+                nodeCollection.italic = formatCollection.italic;
+            }
+            if ((index === 0 && formatCollection.underline) || !formatCollection.underline) {
+                nodeCollection.underline = formatCollection.underline;
+            }
+            if ((index === 0 && formatCollection.strikethrough) || !formatCollection.strikethrough) {
+                nodeCollection.strikethrough = formatCollection.strikethrough;
+            }
+            if ((index === 0 && formatCollection.superscript) || !formatCollection.superscript) {
+                nodeCollection.superscript = formatCollection.superscript;
+            }
+            if ((index === 0 && formatCollection.subscript) || !formatCollection.subscript) {
+                nodeCollection.subscript = formatCollection.subscript;
+            }
+            if ((index === 0 && formatCollection.fontcolor) || !formatCollection.fontcolor) {
+                nodeCollection.fontcolor = formatCollection.fontcolor;
+            }
+            if (index === 0 && formatCollection.fontname) {
+                nodeCollection.fontname = formatCollection.fontname;
+            }
+            else {
+                nodeCollection.fontname = formatCollection.fontname === nodeCollection.fontname ? formatCollection.fontname : 'empty';
+            }
+            if (index === 0 && formatCollection.fontsize) {
+                nodeCollection.fontsize = formatCollection.fontsize;
+            }
+            else {
+                nodeCollection.fontsize = formatCollection.fontsize === nodeCollection.fontsize ? formatCollection.fontsize : 'empty';
+            }
+            if ((index === 0 && formatCollection.backgroundcolor) || !formatCollection.backgroundcolor) {
+                nodeCollection.backgroundcolor = formatCollection.backgroundcolor;
+            }
+            if ((index === 0 && formatCollection.orderedlist) || !formatCollection.orderedlist) {
+                nodeCollection.orderedlist = formatCollection.orderedlist;
+            }
+            if ((index === 0 && formatCollection.unorderedlist) || !formatCollection.unorderedlist) {
+                nodeCollection.unorderedlist = formatCollection.unorderedlist;
+            }
+            if ((index === 0 && formatCollection.alignments) || !formatCollection.alignments) {
+                nodeCollection.alignments = formatCollection.alignments;
+            }
+            if (index === 0 && formatCollection.formats) {
+                nodeCollection.formats = formatCollection.formats;
+            }
+            else {
+                nodeCollection.formats = formatCollection.formats === nodeCollection.formats ? formatCollection.formats : 'empty';
+            }
+            if ((index === 0 && formatCollection.createlink) || !formatCollection.createlink) {
+                nodeCollection.createlink = formatCollection.createlink;
+            }
+            if ((index === 0 && formatCollection.numberFormatList) || !formatCollection.numberFormatList) {
+                nodeCollection.numberFormatList = formatCollection.numberFormatList;
+            }
+            if ((index === 0 && formatCollection.bulletFormatList) || !formatCollection.bulletFormatList) {
+                nodeCollection.bulletFormatList = formatCollection.bulletFormatList;
+            }
+            formatCollection = JSON.parse(JSON.stringify(statusCollection));
+        }
+        return nodeCollection;
+    };
+    ToolbarStatus.getImmediateBlockNode = function (node) {
+        do {
+            node = node.parentNode;
+        } while (node && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0);
+        return node;
+    };
+    ToolbarStatus.getFormatParent = function (docElement, formatCollection, node, targetNode, formatNode, fontSize, fontName) {
+        var isListUpdated = false;
+        var isComplexListUpdated = false;
+        if (targetNode.contains(node) ||
+            (node.nodeType === 3 && targetNode.nodeType !== 3 && targetNode.contains(node.parentNode))) {
+            do {
+                formatCollection = this.isFormattedNode(docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName);
+                if (formatCollection.orderedlist || formatCollection.unorderedlist) {
+                    isListUpdated = true;
+                }
+                if (formatCollection.bulletFormatList || formatCollection.numberFormatList) {
+                    isComplexListUpdated = true;
+                }
+                node = node.parentNode;
+            } while (node && (node !== targetNode));
+        }
+        return formatCollection;
+    };
+    ToolbarStatus.isFormattedNode = function (docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName) {
+        if (!formatCollection.bold) {
+            formatCollection.bold = IsFormatted.isBold(node);
+        }
+        if (!formatCollection.italic) {
+            formatCollection.italic = IsFormatted.isItalic(node);
+        }
+        if (!formatCollection.underline) {
+            formatCollection.underline = IsFormatted.isUnderline(node);
+        }
+        if (!formatCollection.strikethrough) {
+            formatCollection.strikethrough = IsFormatted.isStrikethrough(node);
+        }
+        if (!formatCollection.superscript) {
+            formatCollection.superscript = IsFormatted.isSuperscript(node);
+        }
+        if (!formatCollection.subscript) {
+            formatCollection.subscript = IsFormatted.isSubscript(node);
+        }
+        if (!formatCollection.fontcolor) {
+            formatCollection.fontcolor = this.isFontColor(docElement, node);
+        }
+        if (!formatCollection.fontname) {
+            formatCollection.fontname = this.isFontName(docElement, node, fontName);
+        }
+        if (!formatCollection.fontsize) {
+            formatCollection.fontsize = this.isFontSize(docElement, node, fontSize);
+        }
+        if (!formatCollection.backgroundcolor) {
+            formatCollection.backgroundcolor = this.isBackgroundColor(node);
+        }
+        if (!formatCollection.orderedlist && !isListUpdated) {
+            formatCollection.orderedlist = this.isOrderedList(node);
+        }
+        if (!formatCollection.unorderedlist && !isListUpdated) {
+            formatCollection.unorderedlist = this.isUnorderedList(node);
+        }
+        if (!formatCollection.alignments) {
+            formatCollection.alignments = this.isAlignment(node);
+        }
+        if (!formatCollection.formats) {
+            formatCollection.formats = this.isFormats(node, formatNode);
+            if (formatCollection.formats === 'pre') {
+                formatCollection.insertcode = true;
+            }
+        }
+        if (!formatCollection.createlink) {
+            formatCollection.createlink = this.isLink(node);
+        }
+        if (!formatCollection.numberFormatList && !isComplexListUpdated) {
+            formatCollection.numberFormatList = this.isNumberFormatList(node);
+        }
+        if (!formatCollection.bulletFormatList && !isComplexListUpdated) {
+            formatCollection.bulletFormatList = this.isBulletFormatList(node);
+        }
+        return formatCollection;
+    };
+    ToolbarStatus.isFontColor = function (docElement, node) {
+        var color = node.style && node.style.color;
+        if ((color === null || color === undefined || color === '') && node.nodeType !== 3) {
+            color = this.getComputedStyle(docElement, node, 'color');
+        }
+        if (color !== null && color !== '' && color !== undefined) {
+            return color;
+        }
+        else {
+            return null;
+        }
+    };
+    ToolbarStatus.isLink = function (node) {
+        if (node.nodeName.toLocaleLowerCase() === 'a') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    ToolbarStatus.isBackgroundColor = function (node) {
+        var backColor = node.style && node.style.backgroundColor;
+        if (backColor !== null && backColor !== '' && backColor !== undefined) {
+            return backColor;
+        }
+        else {
+            return null;
+        }
+    };
+    ToolbarStatus.isFontSize = function (docElement, node, fontSize) {
+        var size = node.style && node.style.fontSize;
+        if ((size === null || size === undefined || size === '') && node.nodeType !== 3 &&
+            node.parentElement.classList.contains('e-content')) {
+            size = this.getComputedStyle(docElement, node, 'font-size');
+        }
+        if ((size !== null && size !== '' && size !== undefined)
+            && (fontSize === null || fontSize === undefined || (fontSize.indexOf(size) > -1))) {
+            return size;
+        }
+        else {
+            return null;
+        }
+    };
+    ToolbarStatus.isFontName = function (docElement, node, fontName) {
+        var name = node.style && node.style.fontFamily;
+        if ((name === null || name === undefined || name === '') && node.nodeType !== 3) {
+            name = this.getComputedStyle(docElement, node, 'font-family');
+        }
+        var index = null;
+        if ((name !== null && name !== '' && name !== undefined)
+            && (fontName === null || fontName === undefined || (fontName.filter(function (value, pos) {
+                // eslint-disable-next-line
+                var pattern = new RegExp(name, 'i');
+                if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
+                    (value.split(',')[0] && !isNullOrUndefined(value.split(',')[0].trim().match(pattern)) &&
+                        value.split(',')[0].trim() === value.split(',')[0].trim().match(pattern)[0])) {
+                    index = pos;
+                }
+            }) && (index !== null)))) {
+            // eslint-disable-next-line
+            return (index !== null) ? fontName[index] : name.replace(/"/g, '');
+        }
+        else {
+            return null;
+        }
+    };
+    ToolbarStatus.isOrderedList = function (node) {
+        if (node.nodeName.toLocaleLowerCase() === 'ol') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    ToolbarStatus.isUnorderedList = function (node) {
+        if (node.nodeName.toLocaleLowerCase() === 'ul') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    ToolbarStatus.isAlignment = function (node) {
+        var align = node.style && node.style.textAlign;
+        if (align === 'left') {
+            return 'justifyleft';
+        }
+        else if (align === 'center') {
+            return 'justifycenter';
+        }
+        else if (align === 'right') {
+            return 'justifyright';
+        }
+        else if (align === 'justify') {
+            return 'justifyfull';
+        }
+        else {
+            return null;
+        }
+    };
+    ToolbarStatus.isFormats = function (node, formatNode) {
+        if (((formatNode === undefined || formatNode === null)
+            && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) > -1)
+            || (formatNode !== null && formatNode !== undefined
+                && formatNode.indexOf(node.nodeName.toLocaleLowerCase()) > -1)) {
+            return node.nodeName.toLocaleLowerCase();
+        }
+        else {
+            return null;
+        }
+    };
+    ToolbarStatus.getComputedStyle = function (docElement, node, prop) {
+        return docElement.defaultView.getComputedStyle(node, null).getPropertyValue(prop);
+    };
+    ToolbarStatus.isNumberFormatList = function (node) {
+        var list = node.style && node.style.listStyleType;
+        if (list === 'lower-alpha') {
+            return 'Lower Alpha';
+        }
+        else if (list === 'number') {
+            return 'Number';
+        }
+        else if (list === 'upper-alpha') {
+            return 'Upper Alpha';
+        }
+        else if (list === 'lower-roman') {
+            return 'Lower Roman';
+        }
+        else if (list === 'upper-roman') {
+            return 'Upper Roman';
+        }
+        else if (list === 'lower-greek') {
+            return 'Lower Greek';
+        }
+        else if (list === 'none') {
+            return 'None';
+        }
+        else if (this.isOrderedList(node)) {
+            return true;
+        }
+        else {
+            return null;
+        }
+    };
+    ToolbarStatus.isBulletFormatList = function (node) {
+        var list = node.style && node.style.listStyleType;
+        if (list === 'circle') {
+            return 'Circle';
+        }
+        else if (list === 'square') {
+            return 'Square';
+        }
+        else if (list === 'none') {
+            return 'None';
+        }
+        else if (list === 'disc') {
+            return 'Disc';
+        }
+        else if (this.isUnorderedList(node)) {
+            return true;
+        }
+        else {
+            return null;
+        }
+    };
+    return ToolbarStatus;
+}());
+
+/**
+ * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
+ *
+ * @hidden
+ * @deprecated
+ */
+var ToolbarRenderer = /** @__PURE__ @class */ (function () {
+    /**
+     * Constructor for toolbar renderer module
+     *
+     * @param {IRichTextEditor} parent - specifies the parent element.
+     * @param {ServiceLocator} serviceLocator - specifies the serviceLocator
+     */
+    function ToolbarRenderer(parent, serviceLocator) {
+        this.parent = parent;
+        if (serviceLocator) {
+            this.l10n = serviceLocator.getService('rteLocale');
+        }
+        this.wireEvent();
+    }
+    ToolbarRenderer.prototype.wireEvent = function () {
+        this.parent.on(destroy, this.unWireEvent, this);
+        this.parent.on(destroyTooltip, this.destroyTooltip, this);
+        this.parent.on(closeTooltip, this.closeTooltip, this);
+    };
+    ToolbarRenderer.prototype.destroyTooltip = function () {
+        var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+            this.parent.contentModule.getDocument();
+        if (!isNullOrUndefined(currentDocument.querySelector('.e-tooltip-wrap')) && !isNullOrUndefined(currentDocument.querySelector('[data-tooltip-id]'))) {
+            var tooltipTargetEle = currentDocument.querySelector('[data-tooltip-id]');
+            var event_1 = new MouseEvent('mouseleave', { bubbles: true, cancelable: true });
+            tooltipTargetEle.dispatchEvent(event_1);
+        }
+    };
+    ToolbarRenderer.prototype.unWireEvent = function () {
+        this.parent.off(destroy, this.unWireEvent);
+        this.parent.off(destroyTooltip, this.destroyTooltip);
+        this.parent.off(closeTooltip, this.closeTooltip);
+    };
+    ToolbarRenderer.prototype.toolbarBeforeCreate = function (e) {
+        if (this.mode === 'Extended') {
+            e.enableCollision = false;
+        }
+    };
+    ToolbarRenderer.prototype.toolbarCreated = function () {
+        this.parent.notify(toolbarCreated, this);
+    };
+    ToolbarRenderer.prototype.toolbarClicked = function (args) {
+        if (!this.parent.enabled) {
+            return;
+        }
+        this.parent.trigger('toolbarClick', args);
+        if (!this.parent.readonly || isNullOrUndefined(args.item)) {
+            this.parent.notify(toolbarClick, args);
+        }
+    };
+    ToolbarRenderer.prototype.dropDownSelected = function (args) {
+        this.parent.notify(dropDownSelect, { element: args.element, item: args.item, originalEvent: args.event });
+        this.destroyTooltip();
+    };
+    ToolbarRenderer.prototype.beforeDropDownItemRender = function (args) {
+        if (this.parent.readonly || !this.parent.enabled) {
+            return;
+        }
+        this.parent.notify(beforeDropDownItemRender, args);
+    };
+    ToolbarRenderer.prototype.tooltipBeforeRender = function (args) {
+        if (!isNullOrUndefined(args.target.getAttribute('title'))) {
+            var tooltipTarget = args.target.getAttribute('title');
+            var tooltipText = void 0;
+            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;
+            }
+        }
+        if (args.target.querySelector('.e-active')) {
+            args.cancel = true;
+        }
     };
     ToolbarRenderer.prototype.dropDownOpen = function (args) {
         if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1 && !isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-merge')) &&
@@ -3689,19 +5045,6 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
                 addClass([listEle[1], listEle[2]], 'e-disabled');
             }
         }
-        if (this.parent.showTooltip) {
-            this.dropdownTooltip = new Tooltip({
-                target: '[aria-owns="' + this.parent.getID() + '"].e-rte-elements [title]',
-                showTipPointer: true,
-                openDelay: 400,
-                opensOn: 'Hover',
-                beforeRender: this.tooltipBeforeRender.bind(this),
-                cssClass: this.parent.getCssClass(),
-                windowCollision: true,
-                position: 'BottomCenter'
-            });
-            this.dropdownTooltip.appendTo(args.element);
-        }
         this.parent.notify(selectionSave, args);
     };
     ToolbarRenderer.prototype.dropDownClose = function (args) {
@@ -3847,11 +5190,22 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
                     }
                     //Formats preselect
                     if (args.items[0].command === 'Formats' || args.items[0].command === 'Font') {
+                        var fontName_1 = [];
+                        var formats_1 = [];
+                        _this.parent.format.types.forEach(function (item) {
+                            formats_1.push(item.value.toLocaleLowerCase());
+                        });
+                        _this.parent.fontFamily.items.forEach(function (item) {
+                            fontName_1.push(item.value);
+                        });
+                        var toolbarStatus = ToolbarStatus.get(_this.parent.contentModule.getDocument(), _this.parent.contentModule.getEditPanel(), formats_1, null, fontName_1);
                         for (var index = 0; index < args.element.childNodes.length; index++) {
                             var divNode = _this.parent.createElement('div');
                             divNode.innerHTML = dropDown.content.trim();
-                            if (divNode.textContent.trim() !== ''
-                                && args.element.childNodes[index].textContent.trim() === divNode.textContent.trim()) {
+                            if ((divNode.textContent.trim() !== ''
+                                && args.element.childNodes[index].textContent.trim() === divNode.textContent.trim()) ||
+                                ((args.items[0].command === 'Formats' && !isNullOrUndefined(toolbarStatus.formats) && _this.parent.format.types[index].value.toLowerCase() === toolbarStatus.formats.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.format.types[index].cssClass))
+                                    || (args.items[0].command === 'Font' && !isNullOrUndefined(toolbarStatus.fontname) && _this.parent.fontFamily.items[index].value.toLowerCase() === toolbarStatus.fontname.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.fontFamily.items[index].cssClass)))) {
                                 if (!args.element.childNodes[index].classList.contains('e-active')) {
                                     addClass([args.element.childNodes[index]], 'e-active');
                                 }
@@ -4037,6 +5391,8 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
             target: colorPicker.element.parentElement, cssClass: css,
             enablePersistence: this.parent.enablePersistence, enableRtl: this.parent.enableRtl,
             beforeOpen: function (dropDownArgs) {
+                colorPicker.inline = true;
+                colorPicker.dataBind();
                 if (proxy.parent.readonly || !proxy.parent.enabled) {
                     dropDownArgs.cancel = true;
                     return;
@@ -4175,18 +5531,14 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
         var colorPicker = new ColorPicker({
             enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
-            inline: true,
-            value: null,
-            cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
+            inline: false,
+            value: '#fff',
             created: function () {
                 var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
-                colorPicker.value = value;
+                colorPicker.setProperties({ value: value });
             },
             mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
             modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
-            presetColors: (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode : this.parent.fontColor.colorCode,
-            columns: (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns,
             beforeTileRender: function (args) {
                 args.element.classList.add(CLS_COLOR_PALETTE);
                 args.element.classList.add(CLS_CUSTOM_TILE);
@@ -4231,6 +5583,10 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
             }
         });
         colorPicker.isStringTemplate = true;
+        colorPicker.columns = (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns;
+        colorPicker.presetColors = (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode :
+            this.parent.fontColor.colorCode;
+        colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
         colorPicker.createElement = this.parent.createElement;
         colorPicker.appendTo(document.getElementById(args.target));
         return colorPicker;
@@ -4435,15 +5791,16 @@ var BaseToolbar = /** @__PURE__ @class */ (function () {
             for (var num = 0; num < items.length; num++) {
                 var tooltipText = items[num].tooltipText;
                 var shortCutKey = void 0;
+                var isMacDev = window.navigator.platform.toLocaleLowerCase().includes('mac');
                 if (windowKeys["" + tooltipText]) {
-                    shortCutKey = window.navigator.platform.toLocaleLowerCase().includes('mac') ? windowKeys["" + tooltipText].replace('Ctrl', 'Cmd') : windowKeys["" + tooltipText];
+                    shortCutKey = isMacDev ? windowKeys["" + tooltipText].replace('Ctrl+', '⌘').replace('Shift+', '⇧').replace('Alt+', '⌥') : windowKeys["" + tooltipText];
                 }
                 else {
                     shortCutKey = tooltipText;
                 }
                 if (shortCutKey) {
                     if (!(items[num].command === "Images" && items[num].subCommand === "InsertLink")) {
-                        items[num].tooltipText = (tooltipText !== shortCutKey) ? tooltipText + ' (' + shortCutKey + ')' : tooltipText;
+                        items[num].tooltipText = (tooltipText !== shortCutKey) ? (isMacDev) ? shortCutKey : tooltipText + ' (' + shortCutKey + ')' : tooltipText;
                     }
                 }
             }
@@ -4494,28 +5851,10 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
         if (item.cssClass) {
             addClass([args.element], item.cssClass);
         }
-        if (item.command === 'Images' || item.command === 'Videos' || item.command === 'Audios' || item.command === 'Table') {
-            args.element.setAttribute('title', getQuickToolbarTooltipText(item.text) !== '' ? getQuickToolbarTooltipText(item.text) : item.text);
-        }
         if (item.command === 'Alignments' || item.subCommand === 'JustifyLeft'
             || item.subCommand === 'JustifyRight' || item.subCommand === 'JustifyCenter') {
             args.element.setAttribute('title', getTooltipText(item.subCommand.toLocaleLowerCase(), this.locator));
         }
-        if (item.command === 'Formats') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.subCommand.toLocaleLowerCase(), this.locator, formatsLocale));
-        }
-        if (item.command === 'Font') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, fontNameLocale) !== '' ? getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, fontNameLocale) : item.text);
-        }
-        if (item.subCommand === 'BulletFormatList') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, bulletFormatListLocale) !== '' ? getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, bulletFormatListLocale) : item.text);
-        }
-        if (item.subCommand === 'NumberFormatList') {
-            args.element.setAttribute('title', (getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, numberFormatListLocale)) !== '' ? getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, numberFormatListLocale) : item.text);
-        }
-        if (item.subCommand === 'FontSize') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), null, null, this.parent));
-        }
     };
     DropDownButtons.prototype.dropdownContent = function (width, type, content) {
         return ('<span style="display: inline-flex;' + 'width:' + ((type === 'quick') ? 'auto' : width) + '" >' +
@@ -4821,7 +6160,7 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
         if (targetElement.classList.contains(CLS_DROPDOWN_BTN)) {
             return;
         }
-        this.tableRowsDropDown = this.toolbarRenderer.renderDropDownButton({
+        this.tableCellDropDown = this.toolbarRenderer.renderDropDownButton({
             iconCss: 'e-table-cell e-icons',
             cssClass: CLS_DROPDOWN_POPUP + ' ' + CLS_DROPDOWN_ITEMS + ' ' + CLS_QUICK_DROPDOWN,
             itemName: 'TableCell',
@@ -4929,6 +6268,10 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
             this.removeDropDownClasses(this.tableColumnsDropDown.element);
             this.tableColumnsDropDown.destroy();
         }
+        if (this.tableCellDropDown) {
+            this.removeDropDownClasses(this.tableCellDropDown.element);
+            this.tableCellDropDown.destroy();
+        }
         if (this.tableCellVerticalAlignDropDown) {
             this.removeDropDownClasses(this.tableCellVerticalAlignDropDown.element);
             this.tableCellVerticalAlignDropDown.destroy();
@@ -4982,7 +6325,7 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
         var dropDownObj = [
             this.formatDropDown, this.fontNameDropDown, this.fontSizeDropDown, this.alignDropDown, this.imageAlignDropDown,
             this.displayDropDown, this.numberFormatListDropDown, this.bulletFormatListDropDown, this.tableRowsDropDown,
-            this.tableColumnsDropDown, this.tableCellVerticalAlignDropDown
+            this.tableColumnsDropDown, this.tableCellDropDown, this.tableCellVerticalAlignDropDown
         ];
         for (var i = 0; i < dropDownObj.length; i++) {
             this.updateCss(dropDownObj[i], e);
@@ -5000,7 +6343,7 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
         this.parent.on(bindCssClass, this.setCssClass, this);
     };
     DropDownButtons.prototype.onIframeMouseDown = function () {
-        if (this.parent.getToolbarElement().querySelectorAll('.e-rte-dropdown-btn[aria-expanded="true"]').length > 0) {
+        if (!isNullOrUndefined(this.parent.getToolbarElement()) && (this.parent.getToolbarElement().querySelectorAll('.e-rte-dropdown-btn[aria-expanded="true"]').length > 0 || this.parent.getToolbarElement().querySelectorAll('.e-dropdown-btn.e-rte-inline-dropdown[aria-expanded="true"]').length > 0)) {
             dispatchEvent(document, 'mousedown');
         }
     };
@@ -6400,26 +7743,19 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
         }
         target = isAligned ? e.target : target;
         var targetOffsetLeft;
-        var currentOffsetWidth;
         if (!isNullOrUndefined(closest(target, 'table'))) {
             targetOffsetLeft = target.offsetLeft;
-            var parentTable = closest(target, 'table');
-            var checkOffSetParentWidth = false;
-            if (!isNullOrUndefined(closest(parentTable, 'TD'))) {
-                checkOffSetParentWidth = true;
-            }
+            var parentTable = closest(target.parentElement, 'td');
             while (!isNullOrUndefined(parentTable)) {
                 targetOffsetLeft += parentTable.offsetLeft;
-                currentOffsetWidth = checkOffSetParentWidth ? parentTable.offsetWidth : target.offsetWidth;
                 parentTable = closest(parentTable.parentElement, 'table');
             }
         }
         else {
-            currentOffsetWidth = target.offsetWidth;
             targetOffsetLeft = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetLeft : target.offsetLeft;
         }
-        if (currentOffsetWidth > e.popWidth) {
-            x = (currentOffsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + targetOffsetLeft;
+        if (target.offsetWidth > e.popWidth) {
+            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + targetOffsetLeft;
         }
         else {
             x = e.parentData.left + targetOffsetLeft;
@@ -6559,6 +7895,7 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
                         target: '#' + _this.element.id + ' [title]',
                         openDelay: 400,
                         showTipPointer: true,
+                        beforeRender: _this.tooltipBeforeRender.bind(_this),
                         windowCollision: true,
                         position: 'BottomCenter',
                         cssClass: _this.parent.getCssClass()
@@ -6619,6 +7956,11 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
             }
         });
     };
+    BaseQuickToolbar.prototype.tooltipBeforeRender = function (args) {
+        if (args.target.querySelector('.e-active')) {
+            args.cancel = true;
+        }
+    };
     /**
      * hidePopup method
      *
@@ -6651,9 +7993,6 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
                 this.parent.enableToolbarItem(this.parent.toolbarSettings.items);
             }
         }
-        if (this.parent.showTooltip && !isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(destroyTooltip, { args: event });
-        }
         this.removeEleFromDOM();
         this.isRendered = false;
     };
@@ -6865,6 +8204,7 @@ var PopupRenderer = /** @__PURE__ @class */ (function () {
  */
 var QuickToolbar = /** @__PURE__ @class */ (function () {
     function QuickToolbar(parent, locator) {
+        this.debounceTimeout = 1000;
         this.parent = parent;
         this.locator = locator;
         this.renderFactory = this.locator.getService('rendererFactory');
@@ -7056,7 +8396,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         clearTimeout(this.deBouncer);
         this.deBouncer = window.setTimeout(function () {
             _this.showInlineQTBar(x, y, target);
-        }, 1000);
+        }, this.debounceTimeout);
     };
     QuickToolbar.prototype.mouseUpHandler = function (e) {
         if (this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice())) {
@@ -7106,7 +8446,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
             this.offsetY = pageYOffset(args, this.parent.element, this.parent.iframeSettings.enable);
             var 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] && target.childNodes[0].nodeType === 1 && target.childNodes[0].classList.contains('e-rte-audio')) ||
+                (target.tagName === 'IMG') || (target.tagName === 'VIDEO' || this.isEmbedVidElem(target)) || (target.tagName === 'AUDIO') || (target.childNodes[0] && target.childNodes[0].nodeType === 1 && target.childNodes[0].classList.contains('e-rte-audio')) ||
                 (this.parent.getRange().startOffset === this.parent.getRange().endOffset)) {
                 return;
             }
@@ -7114,6 +8454,15 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
             this.textQTBar.showPopup(this.offsetX, this.offsetY, target, 'text');
         }
     };
+    QuickToolbar.prototype.isEmbedVidElem = function (target) {
+        if ((target && target.nodeType !== 3 && target.nodeName !== 'BR' && (target.classList && target.classList.contains(CLS_VID_CLICK_ELEM))) ||
+            (target && target.nodeName === 'IFRAME')) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
     QuickToolbar.prototype.keyDownHandler = function (e) {
         var preventHide = e.args.altKey;
         if (this.parent.inlineMode.enable && e.args.metaKey && e.args.keyCode === 65) {
@@ -7169,7 +8518,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
         clearTimeout(this.deBouncer);
         this.deBouncer = window.setTimeout(function () {
             _this.onSelectionChange(e);
-        }, 1000);
+        }, this.debounceTimeout);
     };
     QuickToolbar.prototype.onSelectionChange = function (e) {
         if (!isNullOrUndefined(select('.' + CLS_INLINE_POP, document.body))) {
@@ -7811,228 +9160,6 @@ var MarkdownSelection = /** @__PURE__ @class */ (function () {
     return MarkdownSelection;
 }());
 
-/**
- * Defines common util methods used by Rich Text Editor.
- */
-var inlineNode$1 = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
-    'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',
-    'ins', 'kbd', 'label', 'map', 'mark', 'meter', 'noscript', 'object', 'output', 'picture', 'progress',
-    'q', 'ruby', 's', 'samp', 'script', 'select', 'slot', 'small', 'span', 'strong', 'strike', 'sub', 'sup', 'svg',
-    'template', 'textarea', 'time', 'u', 'tt', 'var', 'video', 'wbr'];
-/**
- * @returns {void}
- * @hidden
- */
-function isIDevice$1() {
-    var result = false;
-    if (Browser.isDevice && Browser.isIos) {
-        result = true;
-    }
-    return result;
-}
-/**
- * @param {Element} editableElement - specifies the editable element.
- * @param {string} selector - specifies the string values.
- * @returns {void}
- * @hidden
- */
-function setEditFrameFocus(editableElement, selector) {
-    if (editableElement.nodeName === 'BODY' && !isNullOrUndefined(selector)) {
-        var iframe = top.window.document.querySelector(selector);
-        if (!isNullOrUndefined(iframe)) {
-            iframe.contentWindow.focus();
-        }
-    }
-}
-/**
- * @param {string} value - specifies the string value
- * @param {string} enterAction - specifies the enter key action API
- * @returns {void}
- * @hidden
- */
-function updateTextNode$1(value, enterAction) {
-    var tempNode = document.createElement('div');
-    tempNode.innerHTML = value;
-    tempNode.setAttribute('class', 'tempDiv');
-    var resultElm = document.createElement('div');
-    var childNodes = tempNode.childNodes;
-    if (childNodes.length > 0) {
-        var isPreviousInlineElem = void 0;
-        var previousParent = void 0;
-        var paraElm = void 0;
-        while (tempNode.firstChild) {
-            if ((tempNode.firstChild.nodeName === '#text' &&
-                (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
-                inlineNode$1.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0) {
-                if (!isPreviousInlineElem) {
-                    if (enterAction === 'BR') {
-                        resultElm.appendChild(tempNode.firstChild);
-                        previousParent = resultElm;
-                    }
-                    else {
-                        paraElm = createElement('p');
-                        resultElm.appendChild(paraElm);
-                        paraElm.appendChild(tempNode.firstChild);
-                        previousParent = paraElm;
-                        isPreviousInlineElem = true;
-                    }
-                }
-                else {
-                    previousParent.appendChild(tempNode.firstChild);
-                    previousParent = paraElm;
-                    isPreviousInlineElem = true;
-                }
-            }
-            else if (tempNode.firstChild.nodeName === '#text' && (tempNode.firstChild.textContent === '\n' ||
-                (tempNode.firstChild.textContent.indexOf('\n') >= 0 && tempNode.firstChild.textContent.trim() === ''))) {
-                detach(tempNode.firstChild);
-            }
-            else {
-                resultElm.appendChild(tempNode.firstChild);
-                isPreviousInlineElem = false;
-            }
-        }
-        var tableElm = resultElm.querySelectorAll('table');
-        for (var i = 0; i < tableElm.length; i++) {
-            if (tableElm[i].classList.length > 0 && !tableElm[i].classList.contains('e-rte-table')) {
-                tableElm[i].classList.add('e-rte-paste-table');
-                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-word-table');
-                    continue; // Skiping the removal of the border if the source is from word.
-                }
-                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-excel-table');
-                    if (tableElm[i].getAttribute('border') === '0') {
-                        tableElm[i].removeAttribute('border');
-                    }
-                    var tdElm = tableElm[i].querySelectorAll('td');
-                    for (var j = 0; j < tdElm.length; j++) {
-                        if (tdElm[j].style.borderLeft === 'none') {
-                            tdElm[j].style.removeProperty('border-left');
-                        }
-                        if (tdElm[j].style.borderRight === 'none') {
-                            tdElm[j].style.removeProperty('border-right');
-                        }
-                        if (tdElm[j].style.borderBottom === 'none') {
-                            tdElm[j].style.removeProperty('border-bottom');
-                        }
-                        if (tdElm[j].style.borderTop === 'none') {
-                            tdElm[j].style.removeProperty('border-top');
-                        }
-                        if (tdElm[j].style.border === 'none') {
-                            tdElm[j].style.removeProperty('border');
-                        }
-                    }
-                }
-                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
-                    continue;
-                }
-            }
-        }
-        var imageElm = resultElm.querySelectorAll('img');
-        for (var i = 0; i < imageElm.length; i++) {
-            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
-                continue; // Should not add the class if the image is Broken.
-            }
-            if (!imageElm[i].classList.contains('e-rte-image')) {
-                imageElm[i].classList.add('e-rte-image');
-            }
-            if (!(imageElm[i].classList.contains('e-imginline') ||
-                imageElm[i].classList.contains('e-imgbreak'))) {
-                imageElm[i].classList.add('e-imginline');
-            }
-        }
-    }
-    return resultElm.innerHTML;
-}
-/**
- * @param {Node} startChildNodes - specifies the node
- * @returns {void}
- * @hidden
- */
-function getLastTextNode(startChildNodes) {
-    var finalNode = startChildNodes;
-    do {
-        if (finalNode.childNodes.length > 0) {
-            finalNode = finalNode.childNodes[0];
-        }
-    } while (finalNode.childNodes.length > 0);
-    return finalNode;
-}
-/**
- * @returns {void}
- * @hidden
- */
-function getDefaultHtmlTbStatus() {
-    return {
-        bold: false,
-        italic: false,
-        subscript: false,
-        superscript: false,
-        strikethrough: false,
-        orderedlist: false,
-        unorderedlist: false,
-        numberFormatList: false,
-        bulletFormatList: false,
-        underline: false,
-        alignments: null,
-        backgroundcolor: null,
-        fontcolor: null,
-        fontname: null,
-        fontsize: null,
-        formats: null,
-        createlink: false,
-        insertcode: false
-    };
-}
-/**
- * @returns {void}
- * @hidden
- */
-function getDefaultMDTbStatus() {
-    return {
-        bold: false,
-        italic: false,
-        subscript: false,
-        superscript: false,
-        strikethrough: false,
-        orderedlist: false,
-        uppercase: false,
-        lowercase: false,
-        inlinecode: false,
-        unorderedlist: false,
-        formats: null
-    };
-}
-/**
- * @param {Range} range - specifies the range
- * @returns {void}
- * @hidden
- */
-function nestedListCleanUp(range) {
-    if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
-        range.extractContents();
-        while ((range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty').length > 0 ||
-            (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('ol :empty').length > 0) {
-            var emptyLI = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty');
-            if (emptyLI.length > 0) {
-                emptyLI.forEach(function (item) {
-                    item.remove();
-                });
-            }
-        }
-        var liElem = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll("li");
-        if (liElem.length > 0) {
-            liElem.forEach(function (item) {
-                if (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL") {
-                    item.style.listStyleType = "none";
-                }
-            });
-        }
-    }
-}
-
 /**
  * MarkdownToolbarStatus module for refresh the toolbar status
  */
@@ -8414,7 +9541,8 @@ var Formatter = /** @__PURE__ @class */ (function () {
                         _this.saveData();
                     }
                     self.isBlur = false;
-                    if (isNullOrUndefined(saveSelection) || isNullOrUndefined(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")) {
+                    var quickToolbarAction = !isNullOrUndefined(event) && !isNullOrUndefined(event.target) && (!isNullOrUndefined(closest(event.target, ".e-rte-elements.e-dropdown-popup.e-rte-dropdown-popup.e-quick-dropdown.e-popup-open")) || !isNullOrUndefined(closest(event.target, ".e-rte-elements.e-rte-quick-popup.e-popup-open")));
+                    if (isNullOrUndefined(saveSelection) || (!quickToolbarAction && (isNullOrUndefined(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")))) {
                         self.contentModule.getEditPanel().focus();
                     }
                     if (self.editorMode === 'HTML' && !isKeyboardVideoInsert) {
@@ -10537,845 +11665,303 @@ var MarkdownFormatter = /** @__PURE__ @class */ (function (_super) {
     MarkdownFormatter.prototype.initialize = function () {
         this.keyConfig = markdownKeyConfig;
         this.formatTags = markdownFormatTags;
-        this.listTags = markdownListsTags;
-        this.selectionTags = markdownSelectionTags;
-    };
-    /**
-     * Update the formatter of RichTextEditor
-     *
-     * @param  {Element} editElement - specifies the edit element.
-     * @param  {Document} doc - specifies the document.
-     * @param {number} options - specifies the options
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    MarkdownFormatter.prototype.updateFormatter = function (editElement, doc, options) {
-        if (editElement) {
-            this.editorManager = new MarkdownParser({
-                element: editElement,
-                formatTags: this.formatTags,
-                listTags: this.listTags,
-                selectionTags: this.selectionTags,
-                options: options
-            });
-        }
-    };
-    return MarkdownFormatter;
-}(Formatter));
-
-/**
- * Markdown module is used to render Rich Text Editor as Markdown editor content
- *
- * @hidden
- * @deprecated
- */
-var MarkdownRender = /** @__PURE__ @class */ (function () {
-    /**
-     * Constructor for content renderer module
-     *
-     * @param {IRichTextEditor} parent - specifies the parent.
-     */
-    function MarkdownRender(parent) {
-        this.parent = parent;
-    }
-    /**
-     * The function is used to render Rich Text Editor content div
-     *
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    MarkdownRender.prototype.renderPanel = function () {
-        var rteObj = this.parent;
-        var div = this.parent.createElement('div', { id: this.parent.getID() + '_view', className: 'e-rte-content' });
-        this.editableElement = this.parent.createElement('textarea', {
-            className: 'e-content',
-            id: this.parent.getID() + '_editable-content',
-            attrs: { 'aria-labelledby': this.parent.getID() + '_view' }
-        });
-        div.appendChild(this.editableElement);
-        this.setPanel(div);
-        rteObj.element.appendChild(div);
-    };
-    /**
-     * Get the content div element of RichTextEditor
-     *
-     * @returns {Element} - specifies the element
-     * @hidden
-     * @deprecated
-     */
-    MarkdownRender.prototype.getPanel = function () {
-        return this.contentPanel;
-    };
-    /**
-     * Get the editable element of RichTextEditor
-     *
-     * @returns {Element} - specifies the element
-     * @hidden
-     * @deprecated
-     */
-    MarkdownRender.prototype.getEditPanel = function () {
-        return this.editableElement;
-    };
-    /**
-     * Returns the text content as string.
-     *
-     * @returns {string} - specifies the string values.
-     */
-    MarkdownRender.prototype.getText = function () {
-        return this.getEditPanel().value;
-    };
-    /**
-     * Set the content div element of RichTextEditor
-     *
-     * @param  {Element} panel - specifies the element.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    MarkdownRender.prototype.setPanel = function (panel) {
-        this.contentPanel = panel;
-    };
-    /**
-     * Get the document of RichTextEditor
-     *
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    MarkdownRender.prototype.getDocument = function () {
-        return this.getEditPanel().ownerDocument;
-    };
-    return MarkdownRender;
-}());
-
-/**
- * `MarkdownEditor` module is used to markdown editor
- */
-var MarkdownEditor = /** @__PURE__ @class */ (function () {
-    function MarkdownEditor(parent, serviceLocator) {
-        this.parent = parent;
-        this.locator = serviceLocator;
-        this.renderFactory = this.locator.getService('rendererFactory');
-        this.addEventListener();
-    }
-    /**
-     * Destroys the Markdown.
-     *
-     * @function destroy
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    MarkdownEditor.prototype.destroy = function () {
-        if (isNullOrUndefined(this.parent)) {
-            return;
-        }
-        this.removeEventListener();
-    };
-    MarkdownEditor.prototype.moduleDestroy = function () {
-        this.parent = null;
-        this.toolbarUpdate.parent = null;
-    };
-    MarkdownEditor.prototype.addEventListener = function () {
-        if (this.parent.isDestroyed) {
-            return;
-        }
-        this.saveSelection = new MarkdownSelection();
-        this.parent.on(initialLoad, this.instantiateRenderer, this);
-        this.parent.on(initialEnd, this.render, this);
-        this.parent.on(modelChanged, this.onPropertyChanged, this);
-        this.parent.on(markdownToolbarClick, this.onToolbarClick, this);
-        this.parent.on(destroy, this.destroy, this);
-        this.parent.on(selectAll$1, this.selectAll, this);
-        this.parent.on(getSelectedHtml, this.getSelectedHtml, this);
-        this.parent.on(selectionSave, this.onSelectionSave, this);
-        this.parent.on(selectionRestore, this.onSelectionRestore, this);
-        this.parent.on(readOnlyMode, this.updateReadOnly, this);
-        this.parent.on(moduleDestroy, this.moduleDestroy, this);
-    };
-    MarkdownEditor.prototype.updateReadOnly = function () {
-        if (this.parent.readonly) {
-            this.parent.contentModule.getEditPanel().setAttribute('readonly', 'readonly');
-            addClass([this.parent.element], CLS_RTE_READONLY);
-        }
-        else {
-            this.parent.contentModule.getEditPanel().removeAttribute('readonly');
-            removeClass([this.parent.element], CLS_RTE_READONLY);
-        }
-    };
-    MarkdownEditor.prototype.onSelectionSave = function () {
-        var textArea = this.parent.contentModule.getEditPanel();
-        this.saveSelection.save(textArea.selectionStart, textArea.selectionEnd);
-    };
-    // eslint-disable-next-line
-    MarkdownEditor.prototype.onSelectionRestore = function (e) {
-        this.contentRenderer.getEditPanel().focus();
-        var textArea = this.parent.contentModule.getEditPanel();
-        this.saveSelection.restore(textArea);
-    };
-    MarkdownEditor.prototype.onToolbarClick = function (args) {
-        var item = args.item;
-        var textArea = this.parent.contentModule.getEditPanel();
-        if (item.command !== 'Formats') {
-            textArea.focus();
-        }
-        var startOffset = textArea.selectionStart;
-        var endOffset = textArea.selectionEnd;
-        var text = textArea.value.substring(startOffset, endOffset);
-        switch (item.subCommand) {
-            case 'Maximize':
-                this.parent.notify(enableFullScreen, { args: args });
-                break;
-            case 'Minimize':
-                this.parent.notify(disableFullScreen, { args: args });
-                break;
-            case 'CreateLink':
-                this.parent.notify(insertLink, { member: 'link', args: args, text: text, module: 'Markdown' });
-                break;
-            case 'Image':
-                this.parent.notify(insertImage, { member: 'image', args: args, text: text, module: 'Markdown' });
-                break;
-            case 'CreateTable': {
-                var tableConstant = {
-                    'headingText': this.parent.localeObj.getConstant('TableHeadingText'),
-                    'colText': this.parent.localeObj.getConstant('TableColText')
-                };
-                this.parent.formatter.process(this.parent, args, args.originalEvent, tableConstant);
-                break;
-            }
-            default:
-                this.parent.formatter.process(this.parent, args, args.originalEvent, null);
-                break;
-        }
-    };
-    MarkdownEditor.prototype.instantiateRenderer = function () {
-        this.renderFactory.addRenderer(RenderType.Content, new MarkdownRender(this.parent));
-    };
-    MarkdownEditor.prototype.removeEventListener = function () {
-        if (this.parent.isDestroyed) {
-            return;
-        }
-        this.parent.off(initialEnd, this.render);
-        this.parent.off(modelChanged, this.onPropertyChanged);
-        this.parent.off(destroy, this.destroy);
-        this.parent.off(markdownToolbarClick, this.onToolbarClick);
-        this.parent.off(initialLoad, this.instantiateRenderer);
-        this.parent.off(selectAll$1, this.selectAll);
-        this.parent.off(getSelectedHtml, this.getSelectedHtml);
-        this.parent.off(selectionSave, this.onSelectionSave);
-        this.parent.off(selectionRestore, this.onSelectionRestore);
-        this.parent.off(readOnlyMode, this.updateReadOnly);
-        this.parent.off(moduleDestroy, this.moduleDestroy);
-    };
-    MarkdownEditor.prototype.render = function () {
-        this.contentRenderer = this.renderFactory.getRenderer(RenderType.Content);
-        var editElement = this.contentRenderer.getEditPanel();
-        var option = { undoRedoSteps: this.parent.undoRedoSteps, undoRedoTimer: this.parent.undoRedoTimer };
-        if (isNullOrUndefined(this.parent.formatter)) {
-            this.parent.formatter = new MarkdownFormatter({
-                element: editElement,
-                options: option
-            });
-        }
-        else {
-            this.parent.formatter.updateFormatter(editElement, this.contentRenderer.getDocument(), option);
-        }
-        if (this.parent.toolbarSettings.enable) {
-            this.toolbarUpdate = new MarkdownToolbarStatus(this.parent);
-        }
-        this.parent.notify(bindOnEnd, {});
-    };
-    /**
-     * Called internally if any of the property value changed.
-     *
-     * @param {RichTextEditorModel} e - specifies the editor model
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    MarkdownEditor.prototype.onPropertyChanged = function (e) {
-        // On property code change here
-        if (!isNullOrUndefined(e.newProp.formatter)) {
-            var editElement = this.contentRenderer.getEditPanel();
-            var option = { undoRedoSteps: this.parent.undoRedoSteps,
-                undoRedoTimer: this.parent.undoRedoTimer };
-            this.parent.formatter.updateFormatter(editElement, this.contentRenderer.getDocument(), option);
-        }
-    };
-    /**
-     * For internal use only - Get the module name.
-     *
-     * @returns {void}
-     */
-    MarkdownEditor.prototype.getModuleName = function () {
-        return 'markdownEditor';
-    };
-    /**
-     * For selecting all content in RTE
-     *
-     * @returns {void}
-     * @private
-     */
-    MarkdownEditor.prototype.selectAll = function () {
-        this.parent.formatter.editorManager.markdownSelection.setSelection(this.parent.contentModule.getEditPanel(), 0, this.parent.contentModule.getEditPanel().value.length);
-    };
-    /**
-     * For get a selected text in RTE
-     *
-     * @param {NotifyArgs} e - specifies the arguments.
-     * @returns {void}
-     * @private
-     */
-    MarkdownEditor.prototype.getSelectedHtml = function (e) {
-        e.callBack(this.parent.formatter.editorManager.markdownSelection.getSelectedText(this.parent.contentModule.getEditPanel()));
-    };
-    return MarkdownEditor;
-}());
-
-/**
- * Constant values for EditorManager
- */
-/**
- * Image plugin events
- *
- * @hidden
- */
-var IMAGE = 'INSERT-IMAGE';
-var AUDIO = 'INSERT-AUDIO';
-var VIDEO = 'INSERT-VIDEO';
-var TABLE = 'INSERT-TABLE';
-var LINK = 'INSERT-LINK';
-var INSERT_ROW = 'INSERT-ROW';
-var INSERT_COLUMN = 'INSERT-COLUMN';
-var DELETEROW = 'DELETE-ROW';
-var DELETECOLUMN = 'DELETE-COLUMN';
-var REMOVETABLE = 'REMOVE-TABLE';
-var TABLEHEADER = 'TABLE-HEADER';
-var TABLE_VERTICAL_ALIGN = 'TABLE_VERTICAL_ALIGN';
-var TABLE_MERGE = 'TABLE_MERGE';
-var TABLE_VERTICAL_SPLIT = 'TABLE_VERTICAL_SPLIT';
-var TABLE_HORIZONTAL_SPLIT = 'TABLE_HORIZONTAL_SPLIT';
-var TABLE_MOVE = 'TABLE_MOVE';
-/**
- * Alignments plugin events
- *
- * @hidden
- */
-var ALIGNMENT_TYPE = 'alignment-type';
-/**
- * Indents plugin events
- *
- * @hidden
- */
-var INDENT_TYPE = 'indent-type';
-/**
- * Constant tag names
- *
- * @hidden
- */
-var DEFAULT_TAG = 'p';
-/**
- * @hidden
- */
-var BLOCK_TAGS = ['address', 'article', 'aside', 'audio', 'blockquote',
-    'canvas', 'details', 'dd', 'div', 'dl', 'dt', 'fieldset', 'figcaption', 'figure', 'footer',
-    'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup', 'hr', 'li', 'main', 'nav',
-    'noscript', 'ol', 'output', 'p', 'pre', 'section', 'table', 'tbody', 'td', 'tfoot', 'th',
-    'thead', 'tr', 'ul', 'video', 'body'];
-/**
- * @hidden
- */
-var IGNORE_BLOCK_TAGS = ['td', 'th'];
-/**
- * @hidden
- */
-var TABLE_BLOCK_TAGS = ['table', 'tbody', 'td', 'tfoot', 'th',
-    'thead', 'tr'];
-/**
- * Selection plugin events
- *
- * @hidden
- */
-var SELECTION_TYPE = 'selection-type';
-/**
- * Insert HTML plugin events
- *
- * @hidden
- */
-var INSERTHTML_TYPE = 'inserthtml-type';
-/**
- * Insert Text plugin events
- *
- * @hidden
- */
-var INSERT_TEXT_TYPE = 'insert-text-type';
-/**
- * Clear Format HTML plugin events
- *
- * @hidden
- */
-var CLEAR_TYPE = 'clear-type';
-/**
- * Self closing tags
- *
- * @hidden
- */
-var SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];
-/**
- * Source
- *
- * @hidden
- */
-var PASTE_SOURCE = ['word', 'excel', 'onenote'];
-
-/**
- * `Selection` module is used to handle RTE Selections.
- */
-var NodeSelection = /** @__PURE__ @class */ (function () {
-    function NodeSelection() {
-        this.startNodeName = [];
-        this.endNodeName = [];
-    }
-    NodeSelection.prototype.saveInstance = function (range, body) {
-        this.range = range.cloneRange();
-        this.rootNode = this.documentFromRange(range);
-        this.body = body;
-        this.startContainer = this.getNodeArray(range.startContainer, true);
-        this.endContainer = this.getNodeArray(range.endContainer, false);
-        this.startOffset = range.startOffset;
-        this.endOffset = range.endOffset;
-        this.html = this.body.innerHTML;
-        return this;
-    };
-    NodeSelection.prototype.documentFromRange = function (range) {
-        return (9 === range.startContainer.nodeType) ? range.startContainer : range.startContainer.ownerDocument;
-    };
-    NodeSelection.prototype.getRange = function (docElement) {
-        var select$$1 = this.get(docElement);
-        var range = select$$1 && select$$1.rangeCount > 0 ? select$$1.getRangeAt(select$$1.rangeCount - 1) : docElement.createRange();
-        return (range.startContainer !== docElement || range.endContainer !== docElement
-            || range.startOffset || range.endOffset || (range.setStart(docElement.body, 0), range.collapse(!0)), range);
-    };
-    /**
-     * get method
-     *
-     * @param {Document} docElement - specifies the get function
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    NodeSelection.prototype.get = function (docElement) {
-        return docElement.defaultView.getSelection();
-    };
-    /**
-     * save method
-     *
-     * @param {Range} range - range value.
-     * @param {Document} docElement - specifies the document.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    NodeSelection.prototype.save = function (range, docElement) {
-        range = (range) ? range.cloneRange() : this.getRange(docElement);
-        return this.saveInstance(range, docElement.body);
-    };
-    /**
-     * getIndex method
-     *
-     * @param {Node} node - specifies the node value.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    NodeSelection.prototype.getIndex = function (node) {
-        var index;
-        var num = 0;
-        node = !node.previousSibling && node.tagName === 'BR' ? node : node.previousSibling;
-        if (node) {
-            for (var type = node.nodeType; node; null) {
-                index = node.nodeType;
-                num++;
-                //eslint-disable-next-line
-                type = index;
-                node = node.previousSibling;
-            }
-        }
-        return num;
-    };
-    NodeSelection.prototype.isChildNode = function (nodeCollection, parentNode) {
-        for (var index = 0; index < parentNode.childNodes.length; index++) {
-            if (nodeCollection.indexOf(parentNode.childNodes[index]) > -1) {
-                return true;
-            }
-        }
-        return false;
-    };
-    NodeSelection.prototype.getNode = function (startNode, endNode, nodeCollection) {
-        if (endNode === startNode &&
-            (startNode.nodeType === 3 || !startNode.firstChild || nodeCollection.indexOf(startNode.firstChild) !== -1
-                || this.isChildNode(nodeCollection, startNode))) {
-            return null;
-        }
-        if (startNode.nodeType === 3 && startNode.previousSibling === endNode && endNode.nodeName === 'IMG') {
-            return null;
-        }
-        if (nodeCollection.indexOf(startNode.firstChild) === -1 && startNode.firstChild && !this.isChildNode(nodeCollection, startNode)) {
-            return startNode.firstChild;
-        }
-        if (startNode.nextSibling) {
-            return startNode.nextSibling;
-        }
-        if (!startNode.parentNode) {
-            return null;
-        }
-        else {
-            return startNode.parentNode;
-        }
+        this.listTags = markdownListsTags;
+        this.selectionTags = markdownSelectionTags;
     };
     /**
-     * getNodeCollection method
+     * Update the formatter of RichTextEditor
      *
-     * @param {Range} range -specifies the range.
+     * @param  {Element} editElement - specifies the edit element.
+     * @param  {Document} doc - specifies the document.
+     * @param {number} options - specifies the options
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    NodeSelection.prototype.getNodeCollection = function (range) {
-        var startNode = range.startContainer.childNodes[range.startOffset]
-            || range.startContainer;
-        var endNode = range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset]
-            || range.endContainer;
-        if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
-            startNode.childNodes.length === 0) {
-            return [startNode];
-        }
-        if (range.startOffset === range.endOffset && range.startOffset !== 0 && range.startContainer.nodeName === 'PRE') {
-            return [startNode.nodeName === 'BR' || startNode.nodeName === '#text' ? startNode : startNode.childNodes[0]];
+    MarkdownFormatter.prototype.updateFormatter = function (editElement, doc, options) {
+        if (editElement) {
+            this.editorManager = new MarkdownParser({
+                element: editElement,
+                formatTags: this.formatTags,
+                listTags: this.listTags,
+                selectionTags: this.selectionTags,
+                options: options
+            });
         }
-        var nodeCollection = [];
-        do {
-            if (nodeCollection.indexOf(startNode) === -1) {
-                nodeCollection.push(startNode);
-            }
-            startNode = this.getNode(startNode, endNode, nodeCollection);
-        } while (startNode);
-        return nodeCollection;
     };
+    return MarkdownFormatter;
+}(Formatter));
+
+/**
+ * Markdown module is used to render Rich Text Editor as Markdown editor content
+ *
+ * @hidden
+ * @deprecated
+ */
+var MarkdownRender = /** @__PURE__ @class */ (function () {
     /**
-     * getParentNodeCollection method
+     * Constructor for content renderer module
      *
-     * @param {Range} range - specifies the range value.
-     * @returns {void}
-     * @hidden
-     * @deprecated
+     * @param {IRichTextEditor} parent - specifies the parent.
      */
-    NodeSelection.prototype.getParentNodeCollection = function (range) {
-        return this.getParentNodes(this.getNodeCollection(range), range);
-    };
+    function MarkdownRender(parent) {
+        this.parent = parent;
+    }
     /**
-     * getParentNodes method
+     * The function is used to render Rich Text Editor content div
      *
-     * @param {Node[]} nodeCollection - specifies the collection of nodes.
-     * @param {Range} range - specifies the range values.
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    NodeSelection.prototype.getParentNodes = function (nodeCollection, range) {
-        nodeCollection = nodeCollection.reverse();
-        for (var index = 0; index < nodeCollection.length; index++) {
-            if ((nodeCollection.indexOf(nodeCollection[index].parentNode) !== -1)
-                || (nodeCollection[index].nodeType === 3 &&
-                    range.startContainer !== range.endContainer &&
-                    range.startContainer.parentNode !== range.endContainer.parentNode)) {
-                nodeCollection.splice(index, 1);
-                index--;
-            }
-            else if (nodeCollection[index].nodeType === 3) {
-                nodeCollection[index] = nodeCollection[index].parentNode;
-            }
-        }
-        return nodeCollection;
+    MarkdownRender.prototype.renderPanel = function () {
+        var rteObj = this.parent;
+        var div = this.parent.createElement('div', { id: this.parent.getID() + '_view', className: 'e-rte-content' });
+        this.editableElement = this.parent.createElement('textarea', {
+            className: 'e-content',
+            id: this.parent.getID() + '_editable-content',
+            attrs: { 'aria-labelledby': this.parent.getID() + '_view' }
+        });
+        div.appendChild(this.editableElement);
+        this.setPanel(div);
+        rteObj.element.appendChild(div);
     };
     /**
-     * getSelectionNodeCollection method
+     * Get the content div element of RichTextEditor
      *
-     * @param {Range} range - specifies the range value.
-     * @returns {void}
+     * @returns {Element} - specifies the element
      * @hidden
      * @deprecated
      */
-    NodeSelection.prototype.getSelectionNodeCollection = function (range) {
-        return this.getSelectionNodes(this.getNodeCollection(range));
+    MarkdownRender.prototype.getPanel = function () {
+        return this.contentPanel;
     };
     /**
-     * getSelectionNodeCollection along with BR node method
+     * Get the editable element of RichTextEditor
      *
-     * @param {Range} range - specifies the range value.
-     * @returns {void}
+     * @returns {Element} - specifies the element
      * @hidden
      * @deprecated
      */
-    NodeSelection.prototype.getSelectionNodeCollectionBr = function (range) {
-        return this.getSelectionNodesBr(this.getNodeCollection(range));
+    MarkdownRender.prototype.getEditPanel = function () {
+        return this.editableElement;
     };
     /**
-     * getParentNodes method
+     * Returns the text content as string.
      *
-     * @param {Node[]} nodeCollection - specifies the collection of nodes.
-     * @returns {void}
-     * @hidden
-     * @deprecated
+     * @returns {string} - specifies the string values.
      */
-    NodeSelection.prototype.getSelectionNodes = function (nodeCollection) {
-        nodeCollection = nodeCollection.reverse();
-        // eslint-disable-next-line
-        var regEx = new RegExp(String.fromCharCode(8203), 'g');
-        for (var index = 0; index < nodeCollection.length; index++) {
-            if (nodeCollection[index].nodeType !== 3 || (nodeCollection[index].textContent.trim() === '' ||
-                (nodeCollection[index].textContent.length === 1 && nodeCollection[index].textContent.match(regEx)))) {
-                nodeCollection.splice(index, 1);
-                index--;
-            }
-        }
-        return nodeCollection.reverse();
+    MarkdownRender.prototype.getText = function () {
+        return this.getEditPanel().value;
     };
     /**
-     * Get selection text nodes with br method.
+     * Set the content div element of RichTextEditor
      *
-     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @param  {Element} panel - specifies the element.
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    NodeSelection.prototype.getSelectionNodesBr = function (nodeCollection) {
-        nodeCollection = nodeCollection.reverse();
-        // eslint-disable-next-line
-        var regEx = new RegExp(String.fromCharCode(8203), 'g');
-        for (var index = 0; index < nodeCollection.length; index++) {
-            if (nodeCollection[index].nodeName !== 'BR' &&
-                (nodeCollection[index].nodeType !== 3 || (nodeCollection[index].textContent.trim() === '' ||
-                    (nodeCollection[index].textContent.length === 1 && nodeCollection[index].textContent.match(regEx))))) {
-                nodeCollection.splice(index, 1);
-                index--;
-            }
-        }
-        return nodeCollection.reverse();
+    MarkdownRender.prototype.setPanel = function (panel) {
+        this.contentPanel = panel;
     };
     /**
-     * getInsertNodeCollection method
+     * Get the document of RichTextEditor
      *
-     * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    NodeSelection.prototype.getInsertNodeCollection = function (range) {
-        return this.getInsertNodes(this.getNodeCollection(range));
+    MarkdownRender.prototype.getDocument = function () {
+        return this.getEditPanel().ownerDocument;
     };
+    return MarkdownRender;
+}());
+
+/**
+ * `MarkdownEditor` module is used to markdown editor
+ */
+var MarkdownEditor = /** @__PURE__ @class */ (function () {
+    function MarkdownEditor(parent, serviceLocator) {
+        this.parent = parent;
+        this.locator = serviceLocator;
+        this.renderFactory = this.locator.getService('rendererFactory');
+        this.addEventListener();
+    }
     /**
-     * getInsertNodes method
+     * Destroys the Markdown.
      *
-     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @function destroy
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    NodeSelection.prototype.getInsertNodes = function (nodeCollection) {
-        nodeCollection = nodeCollection.reverse();
-        for (var index = 0; index < nodeCollection.length; index++) {
-            if ((nodeCollection[index].childNodes.length !== 0 &&
-                nodeCollection[index].nodeType !== 3) ||
-                (nodeCollection[index].nodeType === 3 &&
-                    nodeCollection[index].textContent === '')) {
-                nodeCollection.splice(index, 1);
-                index--;
-            }
+    MarkdownEditor.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
         }
-        return nodeCollection.reverse();
+        this.removeEventListener();
     };
-    /**
-     * getNodeArray method
-     *
-     * @param {Node} node - specifies the node content.
-     * @param {boolean} isStart - specifies the boolean value.
-     * @param {Document} root - specifies the root document.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    NodeSelection.prototype.getNodeArray = function (node, isStart, root) {
-        var array = [];
-        // eslint-disable-next-line
-        ((isStart) ? (this.startNodeName = []) : (this.endNodeName = []));
-        for (; node !== (root ? root : this.rootNode); null) {
-            if (isNullOrUndefined(node)) {
-                break;
-            }
-            // eslint-disable-next-line
-            (isStart) ? this.startNodeName.push(node.nodeName.toLowerCase()) : this.endNodeName.push(node.nodeName.toLowerCase());
-            array.push(this.getIndex(node));
-            node = node.parentNode;
+    MarkdownEditor.prototype.moduleDestroy = function () {
+        this.parent = null;
+        this.toolbarUpdate.parent = null;
+    };
+    MarkdownEditor.prototype.addEventListener = function () {
+        if (this.parent.isDestroyed) {
+            return;
         }
-        return array;
+        this.saveSelection = new MarkdownSelection();
+        this.parent.on(initialLoad, this.instantiateRenderer, this);
+        this.parent.on(initialEnd, this.render, this);
+        this.parent.on(modelChanged, this.onPropertyChanged, this);
+        this.parent.on(markdownToolbarClick, this.onToolbarClick, this);
+        this.parent.on(destroy, this.destroy, this);
+        this.parent.on(selectAll$1, this.selectAll, this);
+        this.parent.on(getSelectedHtml, this.getSelectedHtml, this);
+        this.parent.on(selectionSave, this.onSelectionSave, this);
+        this.parent.on(selectionRestore, this.onSelectionRestore, this);
+        this.parent.on(readOnlyMode, this.updateReadOnly, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     };
-    NodeSelection.prototype.setRangePoint = function (range, isvalid, num, size) {
-        var node = this.rootNode;
-        var index = num.length;
-        var constant = size;
-        for (; index--; null) {
-            node = node && node.childNodes[num[index]];
+    MarkdownEditor.prototype.updateReadOnly = function () {
+        if (this.parent.readonly) {
+            this.parent.contentModule.getEditPanel().setAttribute('readonly', 'readonly');
+            addClass([this.parent.element], CLS_RTE_READONLY);
         }
-        if (node && constant >= 0 && node.nodeName !== 'html') {
-            if (node.nodeType === 3 && node.nodeValue.replace(/\u00a0/g, '&nbsp;') === '&nbsp;') {
-                constant = node.textContent.length;
-            }
-            range[isvalid ? 'setStart' : 'setEnd'](node, constant);
+        else {
+            this.parent.contentModule.getEditPanel().removeAttribute('readonly');
+            removeClass([this.parent.element], CLS_RTE_READONLY);
         }
-        return range;
     };
-    /**
-     * restore method
-     *
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    NodeSelection.prototype.restore = function () {
-        var range = this.range.cloneRange();
-        range = this.setRangePoint(range, true, this.startContainer, this.startOffset);
-        range = this.setRangePoint(range, false, this.endContainer, this.endOffset);
-        this.selectRange(this.rootNode, range);
-        return range;
+    MarkdownEditor.prototype.onSelectionSave = function () {
+        var textArea = this.parent.contentModule.getEditPanel();
+        this.saveSelection.save(textArea.selectionStart, textArea.selectionEnd);
     };
-    NodeSelection.prototype.selectRange = function (docElement, range) {
-        this.setRange(docElement, range);
-        this.save(range, docElement);
+    // eslint-disable-next-line
+    MarkdownEditor.prototype.onSelectionRestore = function (e) {
+        this.contentRenderer.getEditPanel().focus();
+        var textArea = this.parent.contentModule.getEditPanel();
+        this.saveSelection.restore(textArea);
     };
-    /**
-     * setRange method
-     *
-     * @param {Document} docElement - specifies the document.
-     * @param {Range} range - specifies the range.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    NodeSelection.prototype.setRange = function (docElement, range) {
-        var selection = this.get(docElement);
-        selection.removeAllRanges();
-        selection.addRange(range);
+    MarkdownEditor.prototype.onToolbarClick = function (args) {
+        var item = args.item;
+        var textArea = this.parent.contentModule.getEditPanel();
+        if (item.command !== 'Formats') {
+            textArea.focus();
+        }
+        var startOffset = textArea.selectionStart;
+        var endOffset = textArea.selectionEnd;
+        var text = textArea.value.substring(startOffset, endOffset);
+        switch (item.subCommand) {
+            case 'Maximize':
+                this.parent.notify(enableFullScreen, { args: args });
+                break;
+            case 'Minimize':
+                this.parent.notify(disableFullScreen, { args: args });
+                break;
+            case 'CreateLink':
+                this.parent.notify(insertLink, { member: 'link', args: args, text: text, module: 'Markdown' });
+                break;
+            case 'Image':
+                this.parent.notify(insertImage, { member: 'image', args: args, text: text, module: 'Markdown' });
+                break;
+            case 'CreateTable': {
+                var tableConstant = {
+                    'headingText': this.parent.localeObj.getConstant('TableHeadingText'),
+                    'colText': this.parent.localeObj.getConstant('TableColText')
+                };
+                this.parent.formatter.process(this.parent, args, args.originalEvent, tableConstant);
+                break;
+            }
+            default:
+                this.parent.formatter.process(this.parent, args, args.originalEvent, null);
+                break;
+        }
     };
-    /**
-     * setSelectionText method
-     *
-     * @param {Document} docElement - specifies the documrent
-     * @param {Node} startNode - specifies the starting node.
-     * @param {Node} endNode - specifies the the end node.
-     * @param {number} startIndex - specifies the starting index.
-     * @param {number} endIndex - specifies the end index.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    NodeSelection.prototype.setSelectionText = function (docElement, startNode, endNode, startIndex, endIndex) {
-        var range = docElement.createRange();
-        range.setStart(startNode, startIndex);
-        range.setEnd(endNode, endIndex);
-        this.setRange(docElement, range);
+    MarkdownEditor.prototype.instantiateRenderer = function () {
+        this.renderFactory.addRenderer(RenderType.Content, new MarkdownRender(this.parent));
     };
-    /**
-     * setSelectionContents method
-     *
-     * @param {Document} docElement - specifies the document.
-     * @param {Node} element - specifies the node.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    NodeSelection.prototype.setSelectionContents = function (docElement, element) {
-        var range = docElement.createRange();
-        range.selectNode(element);
-        this.setRange(docElement, range);
+    MarkdownEditor.prototype.removeEventListener = function () {
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.off(initialEnd, this.render);
+        this.parent.off(modelChanged, this.onPropertyChanged);
+        this.parent.off(destroy, this.destroy);
+        this.parent.off(markdownToolbarClick, this.onToolbarClick);
+        this.parent.off(initialLoad, this.instantiateRenderer);
+        this.parent.off(selectAll$1, this.selectAll);
+        this.parent.off(getSelectedHtml, this.getSelectedHtml);
+        this.parent.off(selectionSave, this.onSelectionSave);
+        this.parent.off(selectionRestore, this.onSelectionRestore);
+        this.parent.off(readOnlyMode, this.updateReadOnly);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
     };
-    /**
-     * setSelectionNode method
-     *
-     * @param {Document} docElement - specifies the document.
-     * @param {Node} element - specifies the node.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    NodeSelection.prototype.setSelectionNode = function (docElement, element) {
-        var range = docElement.createRange();
-        range.selectNodeContents(element);
-        this.setRange(docElement, range);
+    MarkdownEditor.prototype.render = function () {
+        this.contentRenderer = this.renderFactory.getRenderer(RenderType.Content);
+        var editElement = this.contentRenderer.getEditPanel();
+        var option = { undoRedoSteps: this.parent.undoRedoSteps, undoRedoTimer: this.parent.undoRedoTimer };
+        if (isNullOrUndefined(this.parent.formatter)) {
+            this.parent.formatter = new MarkdownFormatter({
+                element: editElement,
+                options: option
+            });
+        }
+        else {
+            this.parent.formatter.updateFormatter(editElement, this.contentRenderer.getDocument(), option);
+        }
+        if (this.parent.toolbarSettings.enable) {
+            this.toolbarUpdate = new MarkdownToolbarStatus(this.parent);
+        }
+        this.parent.notify(bindOnEnd, {});
     };
     /**
-     * getSelectedNodes method
+     * Called internally if any of the property value changed.
      *
-     * @param {Document} docElement - specifies the document.
+     * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    NodeSelection.prototype.getSelectedNodes = function (docElement) {
-        return this.getNodeCollection(this.getRange(docElement));
+    MarkdownEditor.prototype.onPropertyChanged = function (e) {
+        // On property code change here
+        if (!isNullOrUndefined(e.newProp.formatter)) {
+            var editElement = this.contentRenderer.getEditPanel();
+            var option = { undoRedoSteps: this.parent.undoRedoSteps,
+                undoRedoTimer: this.parent.undoRedoTimer };
+            this.parent.formatter.updateFormatter(editElement, this.contentRenderer.getDocument(), option);
+        }
     };
     /**
-     * Clear method
+     * For internal use only - Get the module name.
      *
-     * @param {Document} docElement - specifies the document.
      * @returns {void}
-     * @hidden
-     * @deprecated
      */
-    NodeSelection.prototype.Clear = function (docElement) {
-        this.get(docElement).removeAllRanges();
+    MarkdownEditor.prototype.getModuleName = function () {
+        return 'markdownEditor';
     };
     /**
-     * insertParentNode method
+     * For selecting all content in RTE
      *
-     * @param {Document} docElement - specifies the document.
-     * @param {Node} newNode - specicfies the new node.
-     * @param {Range} range - specifies the range.
      * @returns {void}
-     * @hidden
-     * @deprecated
+     * @private
      */
-    NodeSelection.prototype.insertParentNode = function (docElement, newNode, range) {
-        range.surroundContents(newNode);
-        this.selectRange(docElement, range);
+    MarkdownEditor.prototype.selectAll = function () {
+        this.parent.formatter.editorManager.markdownSelection.setSelection(this.parent.contentModule.getEditPanel(), 0, this.parent.contentModule.getEditPanel().value.length);
     };
     /**
-     * setCursorPoint method
+     * For get a selected text in RTE
      *
-     * @param {Document} docElement - specifies the document.
-     * @param {Element} element - specifies the element.
-     * @param {number} point - specifies the point.
+     * @param {NotifyArgs} e - specifies the arguments.
      * @returns {void}
-     * @hidden
-     * @deprecated
+     * @private
      */
-    NodeSelection.prototype.setCursorPoint = function (docElement, element, point) {
-        var range = docElement.createRange();
-        var selection = docElement.defaultView.getSelection();
-        range.setStart(element, point);
-        range.collapse(true);
-        selection.removeAllRanges();
-        selection.addRange(range);
+    MarkdownEditor.prototype.getSelectedHtml = function (e) {
+        e.callBack(this.parent.formatter.editorManager.markdownSelection.getSelectedText(this.parent.contentModule.getEditPanel()));
     };
-    return NodeSelection;
+    return MarkdownEditor;
 }());
 
-/**
- * `Selection` module is used to handle RTE Selections.
- */
-
 var markerClassName = {
     startSelection: 'e-editor-select-start',
     endSelection: 'e-editor-select-end'
@@ -12502,11 +13088,17 @@ var Lists = /** @__PURE__ @class */ (function () {
     Lists.prototype.removeList = function (range, e) {
         var startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
         var endNode = (!isNullOrUndefined(range.endContainer.parentElement.closest('li')) && range.endContainer.parentElement.closest('li').childElementCount > 1 && range.endContainer.nodeName === '#text') ? range.endContainer : this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
+        var parentList = (range.startContainer.nodeName === '#text') ? range.startContainer.parentElement.closest('li') : range.startContainer.closest('li');
+        var fullContent = '';
+        if (!isNullOrUndefined(parentList) && !isNullOrUndefined(parentList.childNodes)) {
+            parentList.childNodes.forEach(function (e) {
+                fullContent = fullContent + e.textContent;
+            });
+        }
         startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
         endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
         startNode = startNode.nodeName !== 'LI' && !isNullOrUndefined(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
         endNode = endNode.nodeName !== 'LI' && endNode.nodeName !== '#text' && !isNullOrUndefined(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
-        var parentList = (range.startContainer.nodeName === '#text') ? range.startContainer.parentElement.closest('li') : range.startContainer.closest('li');
         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) ||
@@ -12523,10 +13115,23 @@ var Lists = /** @__PURE__ @class */ (function () {
             }
             e.event.preventDefault();
         }
-        else if (!isNullOrUndefined(parentList) && parentList.textContent === range.startContainer.textContent && parentList.closest('li').previousElementSibling === null) {
+        else if (!isNullOrUndefined(parentList) && !range.collapsed && parentList.textContent === fullContent) {
             range.deleteContents();
-            this.parent.editableElement.querySelectorAll('li:empty').forEach(function (e) { return e.remove(); });
-            this.parent.editableElement.querySelectorAll('ol:empty').forEach(function (e) { return e.remove(); });
+            this.parent.editableElement.querySelectorAll('li').forEach(function (li) {
+                if (!li.firstChild || li.textContent.trim() === '') {
+                    li.parentNode.removeChild(li);
+                }
+            });
+            this.parent.editableElement.querySelectorAll('ol').forEach(function (ol) {
+                if (!ol.firstChild || ol.textContent.trim() === '') {
+                    ol.parentNode.removeChild(ol);
+                }
+            });
+            this.parent.editableElement.querySelectorAll('ul').forEach(function (ul) {
+                if (!ul.firstChild || ul.textContent.trim() === '') {
+                    ul.parentNode.removeChild(ul);
+                }
+            });
             e.event.preventDefault();
         }
     };
@@ -12923,6 +13528,10 @@ var Lists = /** @__PURE__ @class */ (function () {
         }
         else {
             this.checkLists(elements, type, item);
+            var marginLeftAttribute = '';
+            if (elements[0].style.marginLeft !== '') {
+                marginLeftAttribute = ' style = "margin-left: ' + elements[0].style.marginLeft + ';"';
+            }
             for (var i = 0; i < elements.length; i++) {
                 if (!isNullOrUndefined(item) && !isNullOrUndefined(item.listStyle)) {
                     if (item.listStyle === 'listImage') {
@@ -12933,6 +13542,9 @@ var Lists = /** @__PURE__ @class */ (function () {
                         setStyleAttribute(elements[i], { 'list-style-type': item.listStyle.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase() });
                     }
                 }
+                var elemAtt = void 0;
+                elements[i].style.removeProperty('margin-left');
+                elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
                 if (elements[i].getAttribute('contenteditable') === 'true'
                     && elements[i].childNodes.length === 1 && elements[i].childNodes[0].nodeName === 'TABLE') {
                     var listEle = document.createElement(type);
@@ -12941,8 +13553,7 @@ var Lists = /** @__PURE__ @class */ (function () {
                 }
                 else if ('LI' !== elements[i].tagName && isNullOrUndefined(item) &&
                     elements[i].nodeName === 'BLOCKQUOTE') {
-                    var elemAtt = this.domNode.attributes(elements[i]);
-                    var openTag = '<' + type + '>';
+                    var openTag = '<' + type + marginLeftAttribute + '>';
                     var closeTag = '</' + type + '>';
                     var newTag = 'li' + elemAtt;
                     var replaceHTML = elements[i].innerHTML;
@@ -12951,8 +13562,7 @@ var Lists = /** @__PURE__ @class */ (function () {
                     elements[i].innerHTML = collectionString;
                 }
                 else if ('LI' !== elements[i].tagName && isNullOrUndefined(item)) {
-                    var elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
-                    var openTag = '<' + type + '>';
+                    var openTag = '<' + type + marginLeftAttribute + '>';
                     var closeTag = '</' + type + '>';
                     var newTag = 'li' + elemAtt;
                     var replaceHTML = (elements[i].tagName.toLowerCase() === DEFAULT_TAG ?
@@ -12963,8 +13573,8 @@ var Lists = /** @__PURE__ @class */ (function () {
                 }
                 else if (!isNullOrUndefined(item) && 'LI' !== elements[i].tagName) {
                     // eslint-disable-next-line
-                    var elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
-                    var openTag = '<' + type + elemAtt + '>';
+                    var currentElemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
+                    var openTag = '<' + type + currentElemAtt + '>';
                     var closeTag = '</' + type + '>';
                     var newTag = 'li';
                     var replaceHTML = (elements[i].tagName.toLowerCase() === DEFAULT_TAG ?
@@ -13160,16 +13770,16 @@ var Lists = /** @__PURE__ @class */ (function () {
                         var parentElement = parentNode;
                         if (elements.length === parentElement.querySelectorAll('li').length) {
                             if (!isNullOrUndefined(parentElement.style.listStyleType)) {
-                                parentNode.style.removeProperty('list-style-type');
+                                parentNode.style.removeProperty("list-style-type");
                             }
                             if (!isNullOrUndefined(parentElement.style.listStyleImage)) {
-                                parentNode.style.removeProperty('list-style-image');
+                                parentNode.style.removeProperty("list-style-image");
                             }
                             if (parentElement.style.length === 0) {
-                                parentNode.removeAttribute('style');
+                                parentNode.removeAttribute("style");
                             }
                         }
-                        var wrapper = '<' + DEFAULT_TAG + wrapperclass + '></' + DEFAULT_TAG + '>';
+                        var wrapper = '<' + DEFAULT_TAG + wrapperclass + this.domNode.attributes(element) + '></' + DEFAULT_TAG + '>';
                         if (e.enterAction !== 'BR') {
                             this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
                         }
@@ -13483,6 +14093,9 @@ var NodeCutter = /** @__PURE__ @class */ (function () {
         else {
             var startOffset = this.GetCursorStart(indexes, range.startOffset, true);
             this.position = range.startOffset - startOffset;
+            if (startOffset !== 0 && str[startOffset] && str[startOffset] === ' ') {
+                startOffset = startOffset + 1;
+            }
             cursorRange.setStart(range.startContainer, startOffset);
             cursorRange.setEnd(range.startContainer, this.GetCursorStart(indexes, range.startOffset, false));
         }
@@ -14342,7 +14955,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
             if (blockNode.nodeName === 'BODY' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
                 blockNode = range.startContainer;
             }
-            if (blockNode.closest('LI') && node && node.firstElementChild &&
+            if (blockNode.closest('LI') && blockNode.nodeName !== 'TD' && blockNode.nodeName !== 'TH' && blockNode.nodeName !== 'TR' && node && node.firstElementChild &&
                 ((node).firstElementChild.tagName === 'OL' || node.firstElementChild.tagName === 'UL')) {
                 var liNode = void 0;
                 while (node.firstElementChild.lastElementChild && node.firstElementChild.lastElementChild.tagName === 'LI') {
@@ -14372,7 +14985,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                     }
                 }
                 else if ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNullOrUndefined(currentNode.parentElement) &&
-                    (currentNode.parentElement.nodeName === 'LI' || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
+                    (currentNode.parentElement.nodeName === 'LI' || currentNode.parentElement.closest('LI') || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
                     currentNode.parentElement.textContent.trim().length > 0) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNullOrUndefined(currentNode.nextSibling) &&
@@ -14381,6 +14994,12 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                     }
                     if (!range.collapsed) {
                         range.deleteContents();
+                        var value = range.startContainer;
+                        if (!isNullOrUndefined(value) && value.nodeName === 'LI' && !isNullOrUndefined(value.parentElement) && (value.parentElement.nodeName === 'OL' || value.parentElement.nodeName === 'UL') && value.textContent.trim() === '') {
+                            value.parentElement.querySelectorAll('li').forEach(function (item) {
+                                item.remove();
+                            });
+                        }
                     }
                     range.insertNode(node);
                     this.contentsDeleted = true;
@@ -14573,7 +15192,8 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
             }
             if (!isNullOrUndefined(e.item.text) && e.item.text !== '') {
                 linkText = anchorEle.innerText;
-                anchorEle.innerText = e.item.text;
+                anchorEle.firstChild.nodeName === '#text' ? anchorEle.innerText = e.item.text :
+                    anchorEle.firstChild.innerText = e.item.text;
             }
             if (!isNullOrUndefined(e.item.target)) {
                 anchorEle.setAttribute('target', e.item.target);
@@ -14589,7 +15209,8 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
             }
             else {
                 var startIndex = e.item.action === 'Paste' ? anchorEle.childNodes[0].textContent.length : 0;
-                e.item.selection.setSelectionText(this.parent.currentDocument, anchorEle.childNodes[0], anchorEle.childNodes[0], startIndex, anchorEle.childNodes[0].textContent.length);
+                var endIndex = anchorEle.firstChild.nodeName === '#text' ? anchorEle.childNodes[0].textContent.length : anchorEle.childNodes.length;
+                e.item.selection.setSelectionText(this.parent.currentDocument, anchorEle.childNodes[0], anchorEle.childNodes[0], startIndex, endIndex);
             }
         }
         else {
@@ -15011,7 +15632,7 @@ var Indents = /** @__PURE__ @class */ (function () {
                 isRtl ? (parentNode.style.marginRight = indentsValue) : (parentNode.style.marginLeft = indentsValue);
             }
             else {
-                indentsValue = (marginLeftOrRight === '' || marginLeftOrRight === '0px') ? '' : parseInt(marginLeftOrRight, null) - this.indentValue + 'px';
+                indentsValue = (marginLeftOrRight === '' || marginLeftOrRight === '0px' || marginLeftOrRight === '0in') ? '' : parseInt(marginLeftOrRight, null) - this.indentValue + 'px';
                 isRtl ? (parentNode.style.marginRight = indentsValue) : (parentNode.style.marginLeft = indentsValue);
                 /* eslint-enable */
             }
@@ -16580,28 +17201,23 @@ var TableCommand = /** @__PURE__ @class */ (function () {
         var newCell = this.activeCell.cloneNode(true);
         newCell.removeAttribute('class');
         newCell.innerHTML = '</br>';
-        var avgWidth = parseFloat(this.activeCell.style.width) / 2;
-        if (this.activeCell.tagName === 'TH' && isNaN(avgWidth)) {
-            var cellCount = this.curTable.querySelector('tr').childElementCount;
-            var colSpanCount = 0;
-            for (var i = 0; i < cellCount; i++) {
-                colSpanCount = colSpanCount + (parseInt(this.curTable.querySelector('tr').children[i].getAttribute('colspan'), 10) || 1);
-            }
-            avgWidth = parseFloat((((this.activeCell.offsetWidth / 2) / this.curTable.offsetWidth) * 100).toFixed(1));
-        }
         var activeCellIndex = this.getCorrespondingIndex(this.activeCell, this.getCorrespondingColumns());
         var correspondingColumns = this.getCorrespondingColumns();
-        var activeCellcolSpan = parseInt(this.activeCell.getAttribute('colspan'), 10);
+        var activeCellcolSpan = parseInt(this.activeCell.getAttribute('colspan'), 10) || 1;
         if (activeCellcolSpan > 1) {
-            // eslint-disable-next-line
-            1 < Math.ceil(activeCellcolSpan / 2) ? this.activeCell.setAttribute('colspan', (activeCellcolSpan / 2).toString())
-                : this.activeCell.removeAttribute('colspan');
-            // eslint-disable-next-line
-            1 < (activeCellcolSpan - activeCellcolSpan / 2) ? newCell.setAttribute('colspan', 
-            // eslint-disable-next-line
-            (activeCellcolSpan - activeCellcolSpan / 2).toString()) : newCell.removeAttribute('colspan');
+            var colSpan = Math.ceil(activeCellcolSpan / 2);
+            var getColSizes = this.getColSizes(this.curTable);
+            var activeCellUpdatedWidth = this.getSplitColWidth(activeCellIndex[1], activeCellIndex[1] + colSpan - 1, getColSizes);
+            var newCellWidth = this.getSplitColWidth(activeCellIndex[1] + colSpan, activeCellIndex[1] + activeCellcolSpan - 1, getColSizes);
+            var activeCellWidth = this.convertPixelToPercentage(this.activeCell.offsetWidth, this.curTable.offsetWidth);
+            newCellWidth = (activeCellWidth - activeCellUpdatedWidth) < newCellWidth ? (activeCellWidth - activeCellUpdatedWidth) : newCellWidth;
+            1 < colSpan ? this.activeCell.setAttribute('colspan', colSpan.toString()) : this.activeCell.removeAttribute('colspan');
+            1 < activeCellcolSpan - colSpan ? newCell.setAttribute('colspan', (activeCellcolSpan - colSpan).toString()) : newCell.removeAttribute('colspan');
+            this.activeCell.style.width = activeCellUpdatedWidth + '%';
+            newCell.style.width = newCellWidth + '%';
         }
         else {
+            var avgWidth = parseFloat(this.activeCell.style.width) / 2;
             for (var i = 0; i <= allRows.length - 1; i++) {
                 if (0 === i || correspondingColumns[i][activeCellIndex[1]] !== correspondingColumns[i - 1][activeCellIndex[1]]) {
                     var currentCell = correspondingColumns[i][activeCellIndex[1]];
@@ -16611,9 +17227,9 @@ var TableCommand = /** @__PURE__ @class */ (function () {
                     }
                 }
             }
+            this.activeCell.style.width = avgWidth + '%';
+            newCell.style.width = avgWidth + '%';
         }
-        this.activeCell.style.width = avgWidth + '%';
-        newCell.style.width = avgWidth + '%';
         this.activeCell.parentNode.insertBefore(newCell, this.activeCell.nextSibling);
         if (e.callBack) {
             e.callBack({
@@ -16625,6 +17241,54 @@ var TableCommand = /** @__PURE__ @class */ (function () {
             });
         }
     };
+    TableCommand.prototype.getSplitColWidth = function (startIndex, endInex, sizes) {
+        var width = 0;
+        for (var i = startIndex; i <= endInex; i++) {
+            width += sizes[i];
+        }
+        return this.convertPixelToPercentage(width, this.curTable.offsetWidth);
+    };
+    TableCommand.prototype.getColSizes = function (curTable) {
+        var cellColl = curTable.rows[0].cells;
+        var cellCount = 0;
+        for (var cell = 0; cell < cellColl.length; cell++) {
+            cellCount = cellCount + cellColl[cell].colSpan;
+        }
+        var sizes = new Array(cellCount);
+        var rowSpanCells = new Map();
+        for (var i = 0; i < curTable.rows.length; i++) {
+            var currentColIndex = 0;
+            for (var k = 0; k < curTable.rows[i].cells.length; k++) {
+                for (var l = 1; l < curTable.rows[i].cells[k].rowSpan; l++) {
+                    var key = "" + (i + l) + currentColIndex;
+                    rowSpanCells.set(key, curTable.rows[i].cells[k]);
+                }
+                var cellIndex = this.getCellIndex(rowSpanCells, i, k);
+                if (cellIndex > currentColIndex) {
+                    currentColIndex = cellIndex;
+                }
+                var width = curTable.rows[i].cells[k].offsetWidth;
+                if (!sizes[currentColIndex] || width < sizes[currentColIndex]) {
+                    sizes[currentColIndex] = width;
+                }
+                currentColIndex += 1 + curTable.rows[i].cells[k].colSpan - 1;
+            }
+        }
+        return sizes;
+    };
+    TableCommand.prototype.getCellIndex = function (rowSpanCells, rowIndex, colIndex) {
+        var cellKey = "" + rowIndex + colIndex;
+        var spannedCell = rowSpanCells.get(cellKey);
+        if (spannedCell) {
+            return this.getCellIndex(rowSpanCells, rowIndex, colIndex + spannedCell.colSpan);
+        }
+        else {
+            return colIndex;
+        }
+    };
+    TableCommand.prototype.convertPixelToPercentage = function (value, offsetValue) {
+        return (value / offsetValue) * 100;
+    };
     TableCommand.prototype.getCorrespondingColumns = function () {
         var elementArray = [];
         // eslint-disable-next-line
@@ -16791,259 +17455,6 @@ var MinMax = /** @__PURE__ @class */ (function () {
     return MinMax;
 }());
 
-/**
- * Is formatted or not.
- *
- * @hidden
- * @deprecated
- */
-var IsFormatted = /** @__PURE__ @class */ (function () {
-    function IsFormatted() {
-    }
-    /**
-     * getFormattedNode method
-     *
-     * @param {Node} node - specifies the node.
-     * @param {string} format - specifies the string value.
-     * @param {Node} endNode - specifies the end node
-     * @returns {Node} - returns the node
-     * @hidden
-     * @deprecated
-     */
-    IsFormatted.prototype.getFormattedNode = function (node, format, endNode) {
-        var parentNode = this.getFormatParent(node, format, endNode);
-        if (parentNode !== null && parentNode !== endNode) {
-            return parentNode;
-        }
-        return null;
-    };
-    IsFormatted.prototype.getFormatParent = function (node, format, endNode) {
-        do {
-            node = node.parentNode;
-        } while (node && (node !== endNode) && !this.isFormattedNode(node, format));
-        return node;
-    };
-    IsFormatted.prototype.isFormattedNode = function (node, format) {
-        switch (format) {
-            case 'bold':
-                return IsFormatted.isBold(node);
-            case 'italic':
-                return IsFormatted.isItalic(node);
-            case 'underline':
-                return IsFormatted.isUnderline(node);
-            case 'strikethrough':
-                return IsFormatted.isStrikethrough(node);
-            case 'superscript':
-                return IsFormatted.isSuperscript(node);
-            case 'subscript':
-                return IsFormatted.isSubscript(node);
-            case 'fontcolor':
-                return this.isFontColor(node);
-            case 'fontname':
-                return this.isFontName(node);
-            case 'fontsize':
-                return this.isFontSize(node);
-            case 'backgroundcolor':
-                return this.isBackgroundColor(node);
-            default:
-                return false;
-        }
-    };
-    /**
-     * isBold method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    IsFormatted.isBold = function (node) {
-        var validTags = ['strong', 'b'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-        }
-        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            node.style && node.style.fontWeight === 'bold') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    /**
-     * isItalic method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    IsFormatted.isItalic = function (node) {
-        var validTags = ['em', 'i'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-        }
-        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            node.style && node.style.fontStyle === 'italic') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    /**
-     * isUnderline method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    IsFormatted.isUnderline = function (node) {
-        var validTags = ['u'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-            /* eslint-disable */
-        }
-        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            node.style && (node.style.textDecoration === 'underline' ||
-            node.style.textDecorationLine === 'underline')) {
-            /* eslint-enable */
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    /**
-     * isStrikethrough method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    IsFormatted.isStrikethrough = function (node) {
-        var validTags = ['del', 'strike'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-            /* eslint-disable */
-        }
-        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            node.style && (node.style.textDecoration === 'line-through' ||
-            node.style.textDecorationLine === 'line-through')) {
-            /* eslint-enable */
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    /**
-     * isSuperscript method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    IsFormatted.isSuperscript = function (node) {
-        var validTags = ['sup'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    /**
-     * isSubscript method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    IsFormatted.isSubscript = function (node) {
-        var validTags = ['sub'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    IsFormatted.prototype.isFontColor = function (node) {
-        var color = node.style && node.style.color;
-        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            color !== null && color !== '' && color !== undefined) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    IsFormatted.prototype.isBackgroundColor = function (node) {
-        var backColor = node.style && node.style.backgroundColor;
-        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            backColor !== null && backColor !== '' && backColor !== undefined) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    IsFormatted.prototype.isFontSize = function (node) {
-        var size = node.style && node.style.fontSize;
-        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            size !== null && size !== '' && size !== undefined) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    IsFormatted.prototype.isFontName = function (node) {
-        var name = node.style && node.style.fontFamily;
-        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            name !== null && name !== '' && name !== undefined) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    // Get Formatted Node
-    IsFormatted.inlineTags = [
-        'a',
-        'abbr',
-        'acronym',
-        'b',
-        'bdo',
-        'big',
-        'cite',
-        'code',
-        'dfn',
-        'em',
-        'font',
-        'i',
-        'kbd',
-        'label',
-        'q',
-        'samp',
-        'small',
-        'span',
-        'strong',
-        'sub',
-        'sup',
-        'tt',
-        'u',
-        'var',
-        'del'
-    ];
-    return IsFormatted;
-}());
-
 /**
  * `Selection` module is used to handle RTE Selections.
  */
@@ -17413,6 +17824,10 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                     liElement.style.fontStyle = 'normal';
                 }
             }
+            else if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li'
+                && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                SelectionCommands.conCatenateTextNode(liElement, format, '', 'normal');
+            }
         }
         if (child[0] && !isFontStyle) {
             var nodeTraverse = child[index] ? child[index] : child[0];
@@ -17471,6 +17886,10 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                             liElement.style.fontFamily = value;
                         }
                     }
+                    if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li'
+                        && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                        SelectionCommands.conCatenateTextNode(liElement, format, liElement.textContent, format, value);
+                    }
                     if (child[num].textContent === startText) {
                         if (num === 0) {
                             range.setStartBefore(child[num]);
@@ -17578,7 +17997,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                             parentElement = parentElement.parentElement;
                             liElement = parentElement;
                         }
-                        if (format === 'fontcolor' || format === 'fontname') {
+                        if (format === 'fontcolor' || format === 'fontname' || format === 'fontsize') {
                             var parentElem = nodes[index].parentElement;
                             if (!isNullOrUndefined(parentElem) && parentElem.childNodes) {
                                 for (var i = 0; i < parentElem.childNodes.length; i++) {
@@ -17598,6 +18017,9 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                                                 case 'fontname':
                                                     liElement_1.style.fontFamily = value;
                                                     break;
+                                                case 'fontsize':
+                                                    liElement_1.style.fontSize = value;
+                                                    break;
                                                 default:
                                                     break;
                                             }
@@ -17613,6 +18035,9 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                                             case 'fontname':
                                                 childElement.style.fontFamily = 'initial';
                                                 break;
+                                            case 'fontsize':
+                                                childElement.style.fontSize = 'initial';
+                                                break;
                                             default:
                                                 break;
                                         }
@@ -17672,6 +18097,10 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                             }
                             nodeList[0] = currentFormatNode;
                             this.applyStyles(nodeList, 0, element);
+                            if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li'
+                                && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                                SelectionCommands.conCatenateTextNode(liElement, format, liElement.textContent, format, value);
+                            }
                         }
                         else {
                             nodes[index] = this.applyStyles(nodes, index, element);
@@ -17692,6 +18121,10 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                                 liElement.style.fontStyle = 'italic';
                             }
                         }
+                        else if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li'
+                            && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                            SelectionCommands.conCatenateTextNode(liElement, format, liElement.textContent, format);
+                        }
                     }
                 }
             }
@@ -17895,7 +18328,9 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
             }
             var blockChildNodes = parent.parentElement.childNodes;
             for (var k = 0; k < blockChildNodes.length; k++) {
-                if (blockChildNodes[k].textContent.trim() === '' || blockChildNodes[k].textContent.length === 0) {
+                if ((blockChildNodes[k].textContent.trim() === '' || blockChildNodes[k].textContent.length === 0) &&
+                    blockChildNodes[k].textContent.charCodeAt(0) !== 160) {
+                    // 160 is the char code for &nbsp;
                     detach(blockChildNodes[k]);
                 }
             }
@@ -17931,6 +18366,64 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
         }
         return result;
     };
+    SelectionCommands.conCatenateTextNode = function (liElement, format, value, formatStr, constVal) {
+        var result = '';
+        switch (format) {
+            case 'bold':
+                liElement.querySelectorAll('strong').forEach(function (e) {
+                    result = result + e.textContent;
+                });
+                if (result === value) {
+                    liElement.style.fontWeight = formatStr;
+                }
+                break;
+            case 'italic':
+                liElement.querySelectorAll('em').forEach(function (e) {
+                    result = result + e.textContent;
+                });
+                if (result === value) {
+                    liElement.style.fontStyle = formatStr;
+                }
+                break;
+            case 'fontcolor':
+                var colorStyle_1 = '';
+                liElement.querySelectorAll('span').forEach(function (span) {
+                    colorStyle_1 = span.style.color;
+                    if (colorStyle_1 === constVal) {
+                        result = result + span.textContent;
+                    }
+                });
+                if (result === value) {
+                    liElement.style.color = colorStyle_1;
+                    liElement.style.textDecoration = 'inherit';
+                }
+                break;
+            case 'fontsize':
+                var fontSize_1 = '';
+                liElement.querySelectorAll('span').forEach(function (span) {
+                    fontSize_1 = span.style.getPropertyValue('font-size');
+                    if (fontSize_1 === constVal) {
+                        result = result + span.textContent;
+                    }
+                });
+                if (result === value) {
+                    liElement.style.fontSize = fontSize_1;
+                }
+                break;
+            case 'fontname':
+                var fontFamily_1 = '';
+                liElement.querySelectorAll('span').forEach(function (span) {
+                    fontFamily_1 = span.style.getPropertyValue('font-family');
+                    if (fontFamily_1 === constVal) {
+                        result = result + span.textContent;
+                    }
+                });
+                if (result === value) {
+                    liElement.style.fontFamily = fontFamily_1;
+                }
+                break;
+        }
+    };
     SelectionCommands.enterAction = 'P';
     return SelectionCommands;
 }());
@@ -19686,376 +20179,6 @@ var InsertTextExec = /** @__PURE__ @class */ (function () {
     return InsertTextExec;
 }());
 
-/**
- * Update Toolbar Status
- *
- * @hidden
- * @deprecated
- */
-var statusCollection = getDefaultHtmlTbStatus();
-var ToolbarStatus = /** @__PURE__ @class */ (function () {
-    function ToolbarStatus() {
-    }
-    /**
-     * get method
-     *
-     * @param {Document} docElement - specifies the document element
-     * @param {Node} rootNode - specifies the content editable element
-     * @param {string[]} formatNode - specifies the format node
-     * @param {string[]} fontSize - specifies the font size
-     * @param {string[]} fontName - specifies the font name.
-     * @param {Node} documentNode - specifies the document node.
-     * @returns {IToolbarStatus} - returns the toolbar status
-     * @hidden
-     * @deprecated
-     */
-    ToolbarStatus.get = function (docElement, rootNode, formatNode, fontSize, fontName, documentNode) {
-        var formatCollection = JSON.parse(JSON.stringify(statusCollection));
-        var nodeCollection = JSON.parse(JSON.stringify(statusCollection));
-        var nodeSelection = new NodeSelection();
-        var range = nodeSelection.getRange(docElement);
-        var nodes = documentNode ? [documentNode] : range.collapsed ? nodeSelection.getNodeCollection(range) :
-            nodeSelection.getSelectionNodeCollectionBr(range);
-        var nodesLength = nodes.length;
-        var isNodeChanged = false;
-        for (var index = 0; index < nodes.length; index++) {
-            while (nodes[index].nodeType === 3 && range.startContainer.nodeType === 3 && nodes[index].parentNode &&
-                nodes[index].parentNode.lastElementChild && nodes[index].parentNode.lastElementChild.nodeName !== 'BR' &&
-                (this.getImmediateBlockNode(nodes[index].parentNode)).textContent.replace(/\u200B/g, '').length === 0 &&
-                range.startContainer.textContent.replace(/\u200B/g, '').length === 0 &&
-                nodeSelection.get(docElement).toString().replace(/\u200B/g, '').length === 0) {
-                nodes[index] = nodes[index].parentNode.lastElementChild.firstChild;
-                isNodeChanged = true;
-            }
-            if (isNodeChanged && nodes[index]) {
-                nodeSelection.setCursorPoint(docElement, nodes[index], nodes[index].textContent.length);
-                isNodeChanged = false;
-            }
-            if ((nodes[index].nodeName !== 'BR' && nodes[index].nodeType !== 3) ||
-                (nodesLength > 1 && nodes[index].nodeType === 3 && nodes[index].textContent.trim() === '')) {
-                nodes.splice(index, 1);
-                index--;
-            }
-        }
-        for (var index = 0; index < nodes.length; index++) {
-            // eslint-disable-next-line max-len
-            formatCollection = this.getFormatParent(docElement, formatCollection, nodes[index], rootNode, formatNode, fontSize, fontName);
-            if ((index === 0 && formatCollection.bold) || !formatCollection.bold) {
-                nodeCollection.bold = formatCollection.bold;
-            }
-            if ((index === 0 && formatCollection.insertcode) || !formatCollection.insertcode) {
-                nodeCollection.insertcode = formatCollection.insertcode;
-            }
-            if ((index === 0 && formatCollection.italic) || !formatCollection.italic) {
-                nodeCollection.italic = formatCollection.italic;
-            }
-            if ((index === 0 && formatCollection.underline) || !formatCollection.underline) {
-                nodeCollection.underline = formatCollection.underline;
-            }
-            if ((index === 0 && formatCollection.strikethrough) || !formatCollection.strikethrough) {
-                nodeCollection.strikethrough = formatCollection.strikethrough;
-            }
-            if ((index === 0 && formatCollection.superscript) || !formatCollection.superscript) {
-                nodeCollection.superscript = formatCollection.superscript;
-            }
-            if ((index === 0 && formatCollection.subscript) || !formatCollection.subscript) {
-                nodeCollection.subscript = formatCollection.subscript;
-            }
-            if ((index === 0 && formatCollection.fontcolor) || !formatCollection.fontcolor) {
-                nodeCollection.fontcolor = formatCollection.fontcolor;
-            }
-            if (index === 0 && formatCollection.fontname) {
-                nodeCollection.fontname = formatCollection.fontname;
-            }
-            else {
-                nodeCollection.fontname = formatCollection.fontname === nodeCollection.fontname ? formatCollection.fontname : 'empty';
-            }
-            if (index === 0 && formatCollection.fontsize) {
-                nodeCollection.fontsize = formatCollection.fontsize;
-            }
-            else {
-                nodeCollection.fontsize = formatCollection.fontsize === nodeCollection.fontsize ? formatCollection.fontsize : 'empty';
-            }
-            if ((index === 0 && formatCollection.backgroundcolor) || !formatCollection.backgroundcolor) {
-                nodeCollection.backgroundcolor = formatCollection.backgroundcolor;
-            }
-            if ((index === 0 && formatCollection.orderedlist) || !formatCollection.orderedlist) {
-                nodeCollection.orderedlist = formatCollection.orderedlist;
-            }
-            if ((index === 0 && formatCollection.unorderedlist) || !formatCollection.unorderedlist) {
-                nodeCollection.unorderedlist = formatCollection.unorderedlist;
-            }
-            if ((index === 0 && formatCollection.alignments) || !formatCollection.alignments) {
-                nodeCollection.alignments = formatCollection.alignments;
-            }
-            if (index === 0 && formatCollection.formats) {
-                nodeCollection.formats = formatCollection.formats;
-            }
-            else {
-                nodeCollection.formats = formatCollection.formats === nodeCollection.formats ? formatCollection.formats : 'empty';
-            }
-            if ((index === 0 && formatCollection.createlink) || !formatCollection.createlink) {
-                nodeCollection.createlink = formatCollection.createlink;
-            }
-            if ((index === 0 && formatCollection.numberFormatList) || !formatCollection.numberFormatList) {
-                nodeCollection.numberFormatList = formatCollection.numberFormatList;
-            }
-            if ((index === 0 && formatCollection.bulletFormatList) || !formatCollection.bulletFormatList) {
-                nodeCollection.bulletFormatList = formatCollection.bulletFormatList;
-            }
-            formatCollection = JSON.parse(JSON.stringify(statusCollection));
-        }
-        return nodeCollection;
-    };
-    ToolbarStatus.getImmediateBlockNode = function (node) {
-        do {
-            node = node.parentNode;
-        } while (node && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0);
-        return node;
-    };
-    ToolbarStatus.getFormatParent = function (docElement, formatCollection, node, targetNode, formatNode, fontSize, fontName) {
-        var isListUpdated = false;
-        var isComplexListUpdated = false;
-        if (targetNode.contains(node) ||
-            (node.nodeType === 3 && targetNode.nodeType !== 3 && targetNode.contains(node.parentNode))) {
-            do {
-                formatCollection = this.isFormattedNode(docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName);
-                if (formatCollection.orderedlist || formatCollection.unorderedlist) {
-                    isListUpdated = true;
-                }
-                if (formatCollection.bulletFormatList || formatCollection.numberFormatList) {
-                    isComplexListUpdated = true;
-                }
-                node = node.parentNode;
-            } while (node && (node !== targetNode));
-        }
-        return formatCollection;
-    };
-    ToolbarStatus.isFormattedNode = function (docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName) {
-        if (!formatCollection.bold) {
-            formatCollection.bold = IsFormatted.isBold(node);
-        }
-        if (!formatCollection.italic) {
-            formatCollection.italic = IsFormatted.isItalic(node);
-        }
-        if (!formatCollection.underline) {
-            formatCollection.underline = IsFormatted.isUnderline(node);
-        }
-        if (!formatCollection.strikethrough) {
-            formatCollection.strikethrough = IsFormatted.isStrikethrough(node);
-        }
-        if (!formatCollection.superscript) {
-            formatCollection.superscript = IsFormatted.isSuperscript(node);
-        }
-        if (!formatCollection.subscript) {
-            formatCollection.subscript = IsFormatted.isSubscript(node);
-        }
-        if (!formatCollection.fontcolor) {
-            formatCollection.fontcolor = this.isFontColor(docElement, node);
-        }
-        if (!formatCollection.fontname) {
-            formatCollection.fontname = this.isFontName(docElement, node, fontName);
-        }
-        if (!formatCollection.fontsize) {
-            formatCollection.fontsize = this.isFontSize(docElement, node, fontSize);
-        }
-        if (!formatCollection.backgroundcolor) {
-            formatCollection.backgroundcolor = this.isBackgroundColor(node);
-        }
-        if (!formatCollection.orderedlist && !isListUpdated) {
-            formatCollection.orderedlist = this.isOrderedList(node);
-        }
-        if (!formatCollection.unorderedlist && !isListUpdated) {
-            formatCollection.unorderedlist = this.isUnorderedList(node);
-        }
-        if (!formatCollection.alignments) {
-            formatCollection.alignments = this.isAlignment(node);
-        }
-        if (!formatCollection.formats) {
-            formatCollection.formats = this.isFormats(node, formatNode);
-            if (formatCollection.formats === 'pre') {
-                formatCollection.insertcode = true;
-            }
-        }
-        if (!formatCollection.createlink) {
-            formatCollection.createlink = this.isLink(node);
-        }
-        if (!formatCollection.numberFormatList && !isComplexListUpdated) {
-            formatCollection.numberFormatList = this.isNumberFormatList(node);
-        }
-        if (!formatCollection.bulletFormatList && !isComplexListUpdated) {
-            formatCollection.bulletFormatList = this.isBulletFormatList(node);
-        }
-        return formatCollection;
-    };
-    ToolbarStatus.isFontColor = function (docElement, node) {
-        var color = node.style && node.style.color;
-        if ((color === null || color === undefined || color === '') && node.nodeType !== 3) {
-            color = this.getComputedStyle(docElement, node, 'color');
-        }
-        if (color !== null && color !== '' && color !== undefined) {
-            return color;
-        }
-        else {
-            return null;
-        }
-    };
-    ToolbarStatus.isLink = function (node) {
-        if (node.nodeName.toLocaleLowerCase() === 'a') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    ToolbarStatus.isBackgroundColor = function (node) {
-        var backColor = node.style && node.style.backgroundColor;
-        if (backColor !== null && backColor !== '' && backColor !== undefined) {
-            return backColor;
-        }
-        else {
-            return null;
-        }
-    };
-    ToolbarStatus.isFontSize = function (docElement, node, fontSize) {
-        var size = node.style && node.style.fontSize;
-        if ((size === null || size === undefined || size === '') && node.nodeType !== 3 &&
-            node.parentElement.classList.contains('e-content')) {
-            size = this.getComputedStyle(docElement, node, 'font-size');
-        }
-        if ((size !== null && size !== '' && size !== undefined)
-            && (fontSize === null || fontSize === undefined || (fontSize.indexOf(size) > -1))) {
-            return size;
-        }
-        else {
-            return null;
-        }
-    };
-    ToolbarStatus.isFontName = function (docElement, node, fontName) {
-        var name = node.style && node.style.fontFamily;
-        if ((name === null || name === undefined || name === '') && node.nodeType !== 3) {
-            name = this.getComputedStyle(docElement, node, 'font-family');
-        }
-        var index = null;
-        if ((name !== null && name !== '' && name !== undefined)
-            && (fontName === null || fontName === undefined || (fontName.filter(function (value, pos) {
-                // eslint-disable-next-line
-                var pattern = new RegExp(name, 'i');
-                if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
-                    (value.split(',')[0] && !isNullOrUndefined(value.split(',')[0].trim().match(pattern)) &&
-                        value.split(',')[0].trim() === value.split(',')[0].trim().match(pattern)[0])) {
-                    index = pos;
-                }
-            }) && (index !== null)))) {
-            // eslint-disable-next-line
-            return (index !== null) ? fontName[index] : name.replace(/"/g, '');
-        }
-        else {
-            return null;
-        }
-    };
-    ToolbarStatus.isOrderedList = function (node) {
-        if (node.nodeName.toLocaleLowerCase() === 'ol') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    ToolbarStatus.isUnorderedList = function (node) {
-        if (node.nodeName.toLocaleLowerCase() === 'ul') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    ToolbarStatus.isAlignment = function (node) {
-        var align = node.style && node.style.textAlign;
-        if (align === 'left') {
-            return 'justifyleft';
-        }
-        else if (align === 'center') {
-            return 'justifycenter';
-        }
-        else if (align === 'right') {
-            return 'justifyright';
-        }
-        else if (align === 'justify') {
-            return 'justifyfull';
-        }
-        else {
-            return null;
-        }
-    };
-    ToolbarStatus.isFormats = function (node, formatNode) {
-        if (((formatNode === undefined || formatNode === null)
-            && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) > -1)
-            || (formatNode !== null && formatNode !== undefined
-                && formatNode.indexOf(node.nodeName.toLocaleLowerCase()) > -1)) {
-            return node.nodeName.toLocaleLowerCase();
-        }
-        else {
-            return null;
-        }
-    };
-    ToolbarStatus.getComputedStyle = function (docElement, node, prop) {
-        return docElement.defaultView.getComputedStyle(node, null).getPropertyValue(prop);
-    };
-    ToolbarStatus.isNumberFormatList = function (node) {
-        var list = node.style && node.style.listStyleType;
-        if (list === 'lower-alpha') {
-            return 'Lower Alpha';
-        }
-        else if (list === 'number') {
-            return 'Number';
-        }
-        else if (list === 'upper-alpha') {
-            return 'Upper Alpha';
-        }
-        else if (list === 'lower-roman') {
-            return 'Lower Roman';
-        }
-        else if (list === 'upper-roman') {
-            return 'Upper Roman';
-        }
-        else if (list === 'lower-greek') {
-            return 'Lower Greek';
-        }
-        else if (list === 'none') {
-            return 'None';
-        }
-        else if (this.isOrderedList(node)) {
-            return true;
-        }
-        else {
-            return null;
-        }
-    };
-    ToolbarStatus.isBulletFormatList = function (node) {
-        var list = node.style && node.style.listStyleType;
-        if (list === 'circle') {
-            return 'Circle';
-        }
-        else if (list === 'square') {
-            return 'Square';
-        }
-        else if (list === 'none') {
-            return 'None';
-        }
-        else if (list === 'disc') {
-            return 'Disc';
-        }
-        else if (this.isUnorderedList(node)) {
-            return true;
-        }
-        else {
-            return null;
-        }
-    };
-    return ToolbarStatus;
-}());
-
 var EmojiPickerAction = /** @__PURE__ @class */ (function () {
     function EmojiPickerAction(parent) {
         this.parent = parent;
@@ -21901,12 +22024,17 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
                 }
                 var lastNode = this.oldRangeElement.lastChild ? this.oldRangeElement.lastChild : this.oldRangeElement;
                 while (lastNode.nodeType !== 3 && lastNode.nodeName !== '#text' &&
-                    lastNode.nodeName !== 'BR') {
+                    lastNode.nodeName !== 'BR' && !isNullOrUndefined(lastNode.lastChild)) {
                     lastNode = lastNode.lastChild;
                 }
-                this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), 
-                // eslint-disable-next-line
-                lastNode, lastNode.textContent.length);
+                if (lastNode.nodeName === 'IMG') {
+                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), lastNode.parentElement, lastNode.parentElement.childNodes.length);
+                }
+                else {
+                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), 
+                    // eslint-disable-next-line
+                    lastNode, lastNode.textContent.length);
+                }
                 if (this.oldRangeElement.nodeName !== '#text' && this.oldRangeElement.querySelectorAll('BR').length === 1) {
                     detach(this.oldRangeElement.querySelector('BR'));
                 }
@@ -24236,6 +24364,9 @@ var FormatPainter = /** @__PURE__ @class */ (function () {
             if ((originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')) {
                 originalEvent.stopPropagation();
             }
+            if (Browser.userAgent.indexOf('Firefox') !== -1) {
+                originalEvent.preventDefault();
+            }
             this.actionHandler(event, 'keyBoard');
         }
     };
@@ -24982,7 +25113,7 @@ var EmojiPicker = /** @__PURE__ @class */ (function () {
                     }
                 }
             }
-            if (noEMoji && !this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') && (inputValue !== '' && value !== ':')) {
+            if (noEMoji && !this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') && (inputValue !== '' && value !== ':' && value !== ': :')) {
                 noEmojiObj.innerHTML = '<span style="color: rgba(0, 0, 0, 0.75); font-weight: 500; font-size: 16px;">' + this.i10n.getConstant('emojiPickerNoResultFound') + ' 😥 </span>' + '<br>' + '<span style="color: rgba(0, 0, 0, 0.75);"> ' + this.i10n.getConstant('emojiPickerTrySomethingElse') + ' ? </span>';
                 noEmojiObj.style.margin = '55px';
                 emojipickerAll.appendChild(noEmojiObj);
@@ -27220,7 +27351,7 @@ var Image$1 = /** @__PURE__ @class */ (function () {
                     _this.uploadObj.remove();
                 }
                 _this.parent.isBlur = false;
-                if (event && event.event.returnValue) {
+                if (event && !isNullOrUndefined(event.event) && event.event.returnValue) {
                     if (_this.parent.editorMode === 'HTML') {
                         selection.restore();
                     }
@@ -27339,6 +27470,9 @@ var Image$1 = /** @__PURE__ @class */ (function () {
                 removeClass([items[i]], 'e-resize');
             }
         }
+        if (this.parent.inlineMode.enable && target && this.dialogObj && !closest(target, '#' + this.dialogObj.element.id)) {
+            this.dialogObj.hide();
+        }
     };
     Image.prototype.removeResizeEle = function () {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -28188,6 +28322,7 @@ var Audio = /** @__PURE__ @class */ (function () {
         this.parent.on(editAreaClick, this.editAreaClickHandler, this);
         this.parent.on(insertCompleted, this.showAudioQuickToolbar, this);
         this.parent.on(destroy, this.removeEventListener, this);
+        this.parent.on(iframeMouseDown, this.closeDialog, this);
     };
     Audio.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -28206,6 +28341,7 @@ var Audio = /** @__PURE__ @class */ (function () {
         this.parent.off(editAreaClick, this.editAreaClickHandler);
         this.parent.off(insertCompleted, this.showAudioQuickToolbar);
         this.parent.off(destroy, this.removeEventListener);
+        this.parent.off(iframeMouseDown, this.closeDialog);
         if (!isNullOrUndefined(this.contentModule)) {
             EventHandler.remove(this.parent.contentModule.getEditPanel(), Browser.touchStartEvent, this.touchStart);
             EventHandler.remove(this.contentModule.getEditPanel(), Browser.touchEndEvent, this.audioClick);
@@ -28454,7 +28590,7 @@ var Audio = /** @__PURE__ @class */ (function () {
             this.parent.formatter.saveData();
         }
         e.selection.restore();
-        this.parent.formatter.process(this.parent, e.args, e.args, {
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, {
             selectNode: e.selectNode,
             subCommand: e.args.item.subCommand
         });
@@ -28550,6 +28686,9 @@ var Audio = /** @__PURE__ @class */ (function () {
                 this.prevSelectedAudEle.style.outline = '';
             }
         }
+        if (this.parent.inlineMode.enable && target && this.dialogObj && !closest(target, '#' + this.dialogObj.element.id)) {
+            this.dialogObj.hide();
+        }
     };
     Audio.prototype.alignmentSelect = function (e) {
         var item = e.item;
@@ -28582,7 +28721,7 @@ var Audio = /** @__PURE__ @class */ (function () {
         }
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Break';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Audio.prototype.inline = function (e) {
         if (e.selectNode[0].nodeName !== 'AUDIO') {
@@ -28590,7 +28729,7 @@ var Audio = /** @__PURE__ @class */ (function () {
         }
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Inline';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Audio.prototype.editAreaClickHandler = function (e) {
         if (this.parent.readonly) {
@@ -28730,7 +28869,7 @@ var Audio = /** @__PURE__ @class */ (function () {
                     _this.uploadObj.removing();
                 }
                 _this.parent.isBlur = false;
-                if (event && event.event.returnValue) {
+                if (event && !isNullOrUndefined(event.event) && event.event.returnValue) {
                     if (_this.parent.editorMode === 'HTML') {
                         selection.restore();
                     }
@@ -29823,7 +29962,7 @@ var Video = /** @__PURE__ @class */ (function () {
             this.parent.formatter.saveData();
         }
         e.selection.restore();
-        this.parent.formatter.process(this.parent, e.args, e.args, {
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, {
             selectNode: e.selectNode,
             subCommand: e.args.item.subCommand
         });
@@ -29913,6 +30052,9 @@ var Video = /** @__PURE__ @class */ (function () {
                 this.prevSelectedVidEle.style.outline = '';
             }
         }
+        if (this.parent.inlineMode.enable && target && this.dialogObj && !closest(target, '#' + this.dialogObj.element.id)) {
+            this.dialogObj.hide();
+        }
     };
     Video.prototype.removeResizeEle = function () {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -29930,7 +30072,7 @@ var Video = /** @__PURE__ @class */ (function () {
         }
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Break';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Video.prototype.inline = function (e) {
         if (e.selectNode[0].nodeName !== 'VIDEO' && !this.isEmbedVidElem(e.selectNode[0])) {
@@ -29938,12 +30080,12 @@ var Video = /** @__PURE__ @class */ (function () {
         }
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Inline';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Video.prototype.alignVideo = function (e, type) {
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : type;
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Video.prototype.editAreaClickHandler = function (e) {
         if (this.parent.readonly) {
@@ -30087,7 +30229,7 @@ var Video = /** @__PURE__ @class */ (function () {
                     _this.uploadObj.removing();
                 }
                 _this.parent.isBlur = false;
-                if (event && event.event.returnValue) {
+                if (event && !isNullOrUndefined(event.event) && event.event.returnValue) {
                     if (_this.parent.editorMode === 'HTML') {
                         selection.restore();
                     }
@@ -30179,21 +30321,26 @@ var Video = /** @__PURE__ @class */ (function () {
                 }
             }
         });
-        if (e.selectNode && ((e.selectNode[0] && e.selectNode[0].nodeType !== 3 &&
-            e.selectNode[0].nodeName !== 'BR' &&
-            (e.selectNode[0].classList &&
-                e.selectNode[0].classList.contains(CLS_VID_CLICK_ELEM))) ||
-            e.selectNode[0].nodeName === 'IFRAME' || e.selectNode[0].nodeName === 'VIDEO')) {
-            var regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
-            var sourceElement = e.selectNode[0].querySelector('source');
-            this.inputUrl.value = sourceElement.src.match(regex) ? sourceElement.src : '';
+        if (e.selectNode && e.selectNode[0] && (e.selectNode[0].nodeName === 'VIDEO' || this.isEmbedVidElem(e.selectNode[0]))) {
+            if (e.selectNode[0].nodeName === 'VIDEO') {
+                var regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
+                var sourceElement = e.selectNode[0].querySelector('source');
+                this.inputUrl.value = sourceElement && sourceElement.src && sourceElement.src.match(regex) ? sourceElement.src : '';
+            }
+            else {
+                this.embedInputUrl.value = e.selectNode[0].nodeName === 'IFRAME' ? e.selectNode[0].outerHTML
+                    : e.selectNode[0].querySelector('iframe').outerHTML;
+            }
         }
+        var isWebUrl = this.inputUrl.value ? true : false;
         var embedUrlBtn = new RadioButton({
             label: this.i10n.getConstant('embeddedCode'),
-            checked: true,
+            checked: !isWebUrl,
             name: 'URL',
             created: function () {
-                urlContent.appendChild(_this.embedInputUrl);
+                if (!isWebUrl) {
+                    urlContent.appendChild(_this.embedInputUrl);
+                }
             },
             change: function () {
                 urlContent.innerHTML = '';
@@ -30203,7 +30350,13 @@ var Video = /** @__PURE__ @class */ (function () {
         embedUrlBtn.appendTo(videoUrl.querySelector('#embedURL'));
         var webUrlBtn = new RadioButton({
             label: this.i10n.getConstant('webUrl'),
+            checked: isWebUrl,
             name: 'URL',
+            created: function () {
+                if (isWebUrl) {
+                    urlContent.appendChild(_this.inputUrl);
+                }
+            },
             change: function () {
                 urlContent.innerHTML = '';
                 urlContent.appendChild(_this.inputUrl);
@@ -31363,13 +31516,14 @@ var Table = /** @__PURE__ @class */ (function () {
         }
         var target = e.target || e.targetTouches[0].target;
         var closestTable = closest(target, 'table.e-rte-table, table.e-rte-paste-table');
-        if (!isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable &&
+        var isResizing = this.parent.contentModule.getEditPanel().querySelectorAll('.e-table-box.e-rbox-select, .e-table-rhelper.e-column-helper, .e-table-rhelper.e-row-helper').length > 0;
+        if (!isResizing && !isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable &&
             this.parent.contentModule.getEditPanel().contains(closestTable)) {
             this.removeResizeElement();
             this.removeHelper(e);
             this.cancelResizeAction();
         }
-        if (target.nodeName === 'TABLE' || target.nodeName === 'TD' || target.nodeName === 'TH') {
+        if (!isResizing && (target.nodeName === 'TABLE' || target.nodeName === 'TD' || target.nodeName === 'TH')) {
             this.curTable = (closestTable && this.parent.contentModule.getEditPanel().contains(closestTable))
                 && (target.nodeName === 'TD' || target.nodeName === 'TH') ?
                 closestTable : target;
@@ -31515,7 +31669,6 @@ var Table = /** @__PURE__ @class */ (function () {
             e.preventDefault();
             this.parent.preventDefaultResize(e);
             removeClass(this.curTable.querySelectorAll('td,th'), CLS_TABLE_SEL);
-            this.parent.formatter.editorManager.nodeSelection.Clear(this.contentModule.getDocument());
             this.pageX = this.getPointX(e);
             this.pageY = this.getPointY(e);
             this.resizeBtnInit();
@@ -31775,7 +31928,8 @@ var Table = /** @__PURE__ @class */ (function () {
                                 var width = parseFloat(_this.curTable.style.width);
                                 currentMarginLeft = 100 - width;
                             }
-                            if (currentMarginLeft && currentMarginLeft < 1) {
+                            // For table pasted from word, Margin left can be anything so we are avoiding the below process.
+                            if (!_this.curTable.classList.contains('e-rte-paste-table') && currentMarginLeft && currentMarginLeft < 1) {
                                 _this.curTable.style.marginLeft = null;
                                 _this.curTable.style.width = '100%';
                                 return;
@@ -31941,7 +32095,13 @@ var Table = /** @__PURE__ @class */ (function () {
             tableTrPercentage[i] = percentage;
         }
         for (var i = 0; i < currentTableTrElement.length; i++) {
-            currentTableTrElement[i].style.height = tableTrPercentage[i] + '%';
+            if (currentTableTrElement[i].parentElement.nodeName === 'THEAD') {
+                currentTableTrElement[i].parentElement.style.height = tableTrPercentage[i] + '%';
+                currentTableTrElement[i].style.height = tableTrPercentage[i] + '%';
+            }
+            else {
+                currentTableTrElement[i].style.height = tableTrPercentage[i] + '%';
+            }
         }
         var args = { event: e, requestType: 'table' };
         this.parent.trigger(resizeStop, args);
@@ -32091,6 +32251,9 @@ var Table = /** @__PURE__ @class */ (function () {
         if (this.popupObj) {
             this.popupObj.hide();
         }
+        if (this.parent.inlineMode.enable && this.editdlgObj) {
+            this.editdlgObj.hide();
+        }
     };
     Table.prototype.docClick = function (e) {
         var target = e.args.target;
@@ -33383,7 +33546,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                 curElement = curElement.parentElement;
                 blockElement = curElement;
             }
-            isTableEnter = blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
+            isTableEnter = blockElement.tagName === 'TH' || blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
         }
         if (e.args.which === 13 && !e.args.ctrlKey && (!Browser.isDevice ? e.args.code === 'Enter' : e.args.key === 'Enter')) {
             if (isNullOrUndefined(this.startNode.closest('LI, UL, OL')) && isNullOrUndefined(this.endNode.closest('LI, UL, OL')) &&
@@ -33398,6 +33561,9 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                 };
                 this.parent.trigger(actionBegin, actionBeginArgs, function (actionBeginArgs) {
                     if (!actionBeginArgs.cancel) {
+                        if (_this.parent.formatter.getUndoRedoStack().length === 0) {
+                            _this.parent.formatter.saveData();
+                        }
                         if (!(_this.range.startOffset === _this.range.endOffset && _this.range.startContainer === _this.range.endContainer)) {
                             if (!(_this.range.startContainer.nodeName === 'SPAN' && (_this.range.startContainer.classList.contains('e-video-wrap') ||
                                 _this.range.startContainer.classList.contains('e-audio-wrap')))) {
@@ -34560,8 +34726,8 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which == 67))) {
             this.formatter.saveData();
         }
-        if (e.action !== 'insert-link' &&
-            e.action !== 'format-copy' && e.action !== 'format-paste' &&
+        var keyboardEventAction = ['insert-link', 'format-copy', 'format-paste', 'insert-image', 'insert-table', 'insert-audio', 'insert-video'];
+        if (keyboardEventAction.indexOf(e.action) === -1 &&
             (!e.target || !(e.target.classList.contains('e-mention') && !isNullOrUndefined(document.querySelector('#' + e.target.id + '_popup.e-popup-open')) && e.code === 'Tab')) &&
             (e.action && e.action !== 'paste' && e.action !== 'space'
                 || e.which === 9 || (e.code === 'Backspace' && e.which === 8))) {
@@ -36217,12 +36383,9 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
      * @deprecated
      */
     RichTextEditor.prototype.autoResize = function () {
-        var _this = this;
         if (this.height === 'auto') {
             if (this.editorMode === 'Markdown') {
-                setTimeout(function () {
-                    _this.setAutoHeight(_this.inputElement);
-                }, 0);
+                this.setAutoHeight(this.inputElement);
             }
             else if (this.iframeSettings.enable) {
                 var iframeElement = this.element.querySelector('#' + this.getID() + '_rte-view');
@@ -36235,21 +36398,10 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         }
     };
     RichTextEditor.prototype.setAutoHeight = function (element) {
-        if (!isNullOrUndefined(element) && !this.iframeSettings.enable) {
+        if (!isNullOrUndefined(element)) {
             element.style.height = this.inputElement.scrollHeight + 'px';
             element.style.overflow = 'hidden';
         }
-        else if (!isNullOrUndefined(element) && !isNullOrUndefined(element.parentElement) && this.iframeSettings.enable) {
-            var newRange = this.getRange();
-            element.style.height = 'auto';
-            var newHeight = element.contentDocument.body.scrollHeight + 'px';
-            element.style.height = newHeight;
-            element.style.overflow = 'hidden';
-            // 16 px added for padding doesn't affect the editor height
-            if (newRange.startContainer.nodeName !== '#text' && newRange.startContainer.nodeName !== 'BODY' && window.innerHeight < newRange.startContainer.getBoundingClientRect().top + element.getBoundingClientRect().top + 16) {
-                newRange.startContainer.scrollIntoView(false);
-            }
-        }
     };
     RichTextEditor.prototype.wireEvents = function () {
         this.element.addEventListener('focusin', this.onFocusHandler, true);
@@ -36748,5 +36900,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, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, showColorPicker, closeTooltip, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, getTooltipTextDropdownItems, getQuickToolbarTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, PASTE_SOURCE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, imageResizeFactor, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS, MOUSE_DOWN };
+export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, showColorPicker, closeTooltip, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, PASTE_SOURCE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, imageResizeFactor, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS, MOUSE_DOWN };
 //# sourceMappingURL=ej2-richtexteditor.es5.js.map