@syncfusion/ej2-richtexteditor 27.1.51 → 27.1.55

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

@@ -1,4 +1,4 @@
-import { isNullOrUndefined, Browser, addClass, removeClass, selectAll as selectAll$1, createElement, detach, SanitizeHtmlHelper, extend, EventHandler, closest, getInstance, formatUnit, select, Ajax, Property, Event, NotifyPropertyChanges, Base, ChildProperty, KeyboardEvents as KeyboardEvents$1, setStyleAttribute, getUniqueID, append, debounce, Observer, prepend, attributes, getComponent, getEnumValue, Complex, print, L10n, compile, Touch, Component } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, Browser, addClass, removeClass, selectAll as selectAll$1, createElement, detach, SanitizeHtmlHelper, extend, EventHandler, closest, getInstance, formatUnit, select, Ajax, Property, Event as Event$1, NotifyPropertyChanges, Base, ChildProperty, KeyboardEvents as KeyboardEvents$1, setStyleAttribute, getUniqueID, append, debounce, Observer, prepend, attributes, getComponent, getEnumValue, Complex, print, L10n, compile, Touch, Component } from '@syncfusion/ej2-base';
 import { Toolbar as Toolbar$1 } from '@syncfusion/ej2-navigations';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
 import { Tooltip, Popup, Dialog, isCollide, getScrollableParent } from '@syncfusion/ej2-popups';
@@ -3715,9 +3715,15 @@ var ContentRender = /** @__PURE__ @class */ (function () {
             id: this.parent.getID() + '_rte-edit-view',
             attrs: {
                 'contenteditable': 'true'
-            },
-            innerHTML: rteContent
+            }
         });
+        if (!isNullOrUndefined(this.parent.fontFamily.default)) {
+            this.editableElement.style.fontFamily = this.parent.fontFamily.default;
+        }
+        if (!isNullOrUndefined(this.parent.fontSize.default)) {
+            this.editableElement.style.fontSize = this.parent.fontSize.default;
+        }
+        this.editableElement.innerHTML = rteContent;
         div.appendChild(this.editableElement);
         this.setPanel(div);
         rteObj.rootContainer.appendChild(div);
@@ -4246,9 +4252,10 @@ var PASTE_SOURCE = ['word', 'excel', 'onenote'];
  * `Selection` module is used to handle RTE Selections.
  */
 var NodeSelection = /** @__PURE__ @class */ (function () {
-    function NodeSelection() {
+    function NodeSelection(editElement) {
         this.startNodeName = [];
         this.endNodeName = [];
+        this.editableElement = editElement;
     }
     NodeSelection.prototype.saveInstance = function (range, body) {
         this.range = range.cloneRange();
@@ -4328,6 +4335,9 @@ var NodeSelection = /** @__PURE__ @class */ (function () {
         return false;
     };
     NodeSelection.prototype.getNode = function (startNode, endNode, nodeCollection) {
+        if (this.editableElement && (!this.editableElement.contains(startNode) || this.editableElement === startNode)) {
+            return null;
+        }
         if (endNode === startNode &&
             (startNode.nodeType === 3 || !startNode.firstChild || nodeCollection.indexOf(startNode.firstChild) !== -1
                 || this.isChildNode(nodeCollection, startNode))) {
@@ -4362,6 +4372,12 @@ var NodeSelection = /** @__PURE__ @class */ (function () {
             || range.startContainer;
         var endNode = range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset]
             || range.endContainer;
+        var tableCursor = this.processedTableImageCursor(range);
+        if (tableCursor.start || tableCursor.end) {
+            if (tableCursor.startName === 'TABLE' || tableCursor.endName === 'TABLE') {
+                return [];
+            }
+        }
         if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
             startNode.childNodes.length === 0) {
             return [startNode];
@@ -4681,6 +4697,39 @@ var NodeSelection = /** @__PURE__ @class */ (function () {
         selection.removeAllRanges();
         selection.addRange(range);
     };
+    NodeSelection.prototype.isTableOrImageStart = function (range) {
+        var customHandlerElements = ['TABLE'];
+        var startContainer = range.startContainer;
+        var startOffset = range.startOffset;
+        var isCursorAtStart = range.collapsed && (startContainer.nodeType === 1) &&
+            startContainer.isContentEditable && startContainer.childNodes[startOffset] &&
+            (customHandlerElements.indexOf(startContainer.childNodes[startOffset].nodeName) > -1);
+        if (isCursorAtStart) {
+            return { start: isCursorAtStart, startNodeName: startContainer.childNodes[startOffset].nodeName };
+        }
+        else {
+            return { start: false, startNodeName: '' };
+        }
+    };
+    NodeSelection.prototype.isTableOrImageEnd = function (range) {
+        var customHandlerElements = ['TABLE'];
+        var startContainer = range.startContainer;
+        var startOffset = range.startOffset;
+        var isCursorAtEnd = range.collapsed && (startContainer.nodeType === 1) &&
+            startContainer.isContentEditable && startContainer.childNodes[startOffset - 1] &&
+            (customHandlerElements.indexOf(startContainer.childNodes[startOffset - 1].nodeName) > -1);
+        if (isCursorAtEnd) {
+            return { end: isCursorAtEnd, endNodeName: startContainer.childNodes[startOffset - 1].nodeName };
+        }
+        else {
+            return { end: false, endNodeName: '' };
+        }
+    };
+    NodeSelection.prototype.processedTableImageCursor = function (range) {
+        var _a = this.isTableOrImageStart(range), start = _a.start, startNodeName = _a.startNodeName;
+        var _b = this.isTableOrImageEnd(range), end = _b.end, endNodeName = _b.endNodeName;
+        return { start: start, startName: startNodeName, end: end, endName: endNodeName };
+    };
     return NodeSelection;
 }());
 
@@ -5036,7 +5085,7 @@ var ToolbarStatus = /** @__PURE__ @class */ (function () {
     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 nodeSelection = new NodeSelection(rootNode);
         var range = nodeSelection.getRange(docElement);
         var nodes = documentNode ? [documentNode] : range.collapsed ? nodeSelection.getNodeCollection(range) :
             nodeSelection.getSelectionNodeCollectionBr(range);
@@ -6527,7 +6576,7 @@ var Link = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line
     Link.prototype.insertlink = function (e) {
         var linkEle = this.selfLink.dialogObj.element;
-        var linkUrl = linkEle.querySelector('.e-rte-linkurl').value;
+        var linkUrl = linkEle.querySelector('.e-rte-linkurl').value.trim();
         var linkText = linkEle.querySelector('.e-rte-linkText').value;
         var linkTitle;
         if (this.selfLink.parent.editorMode === 'HTML') {
@@ -6643,11 +6692,15 @@ var Link = /** @__PURE__ @class */ (function () {
     Link.prototype.openLink = function (e) {
         var selectParentEle = this.getAnchorNode(e.selectParent[0]);
         if (selectParentEle.classList.contains('e-rte-anchor') || selectParentEle.tagName === 'A') {
+            var sanitizedHTML = this.parent.htmlEditorModule.sanitizeHelper(selectParentEle.outerHTML);
+            var tempEle = document.createElement('div');
+            tempEle.innerHTML = sanitizedHTML;
             this.parent.formatter.process(this.parent, e.args, e.args, {
-                url: selectParentEle.href, text: selectParentEle.innerText,
+                url: tempEle.firstChild.href, text: selectParentEle.innerText,
                 target: selectParentEle.target === '' ? '_self' : '_blank', selectNode: e.selectNode,
                 subCommand: e.args.item.subCommand
             });
+            tempEle.remove();
         }
     };
     Link.prototype.getAnchorNode = function (element) {
@@ -7306,6 +7359,17 @@ var Image$1 = /** @__PURE__ @class */ (function () {
             return value;
         }
     };
+    Image.prototype.adjustDimensionsByAspectRatio = function (width, height, aspectRatio, isWidthPrimary) {
+        if (isWidthPrimary) {
+            height = Math.round(width / aspectRatio);
+            width = Math.round(height * aspectRatio);
+        }
+        else {
+            width = Math.round(height * aspectRatio);
+            height = Math.round(width / aspectRatio);
+        }
+        return { width: width, height: height };
+    };
     Image.prototype.pixToPerc = function (expected, parentEle) {
         return expected / parseFloat(getComputedStyle(parentEle).width) * 100;
     };
@@ -7349,21 +7413,19 @@ var Image$1 = /** @__PURE__ @class */ (function () {
             var currentHeight = this.imgEle.clientHeight;
             var width = diffX * resizeFactor[0] + currentWidth;
             var height = diffY * resizeFactor[1] + currentHeight;
-            width = (width < 16) ? 16 : width;
-            height = (height < 16) ? 16 : height;
-            if (Math.abs(diffX) > Math.abs(diffY)) {
-                height = Math.round(width / this.aspectRatio);
-                width = Math.round(height * this.aspectRatio);
-            }
-            else {
-                width = Math.round(height * this.aspectRatio);
-                height = Math.round(width / this.aspectRatio);
-            }
+            var dimensions = this.adjustDimensions(width, height, diffX, diffY, this.aspectRatio);
             this.pageX = pageX;
             this.pageY = pageY;
-            this.imgDupMouseMove(width + 'px', height + 'px', e);
+            this.imgDupMouseMove(dimensions.width + 'px', dimensions.height + 'px', e);
         }
     };
+    Image.prototype.adjustDimensions = function (width, height, diffX, diffY, aspectRatio) {
+        width = (width < 16) ? 16 : width;
+        height = (height < 16) ? 16 : height;
+        var isWidthPrimary = Math.abs(diffX) > Math.abs(diffY);
+        var dimensions = this.adjustDimensionsByAspectRatio(width, height, aspectRatio, isWidthPrimary);
+        return dimensions;
+    };
     Image.prototype.getResizeFactor = function (value) {
         return imageResizeFactor[value];
     };
@@ -7436,11 +7498,15 @@ var Image$1 = /** @__PURE__ @class */ (function () {
         }
     };
     Image.prototype.openImgLink = function (e) {
+        var sanitizedHTML = this.parent.htmlEditorModule.sanitizeHelper(e.selectParent[0].parentNode.outerHTML);
+        var tempEle = document.createElement('div');
+        tempEle.innerHTML = sanitizedHTML;
         var target = e.selectParent[0].parentNode.target === '' ? '_self' : '_blank';
         this.parent.formatter.process(this.parent, e.args, e.args, {
-            url: e.selectParent[0].parentNode.href, target: target, selectNode: e.selectNode,
+            url: tempEle.firstChild.href, target: target, selectNode: e.selectNode,
             subCommand: e.args.item.subCommand
         });
+        tempEle.remove();
     };
     Image.prototype.editImgLink = function (e) {
         var selectParentEle = e.selectParent[0].parentNode;
@@ -7527,7 +7593,7 @@ var Image$1 = /** @__PURE__ @class */ (function () {
             }
         }
         if (originalEvent.keyCode === 8 || originalEvent.keyCode === 46) {
-            if (selectNodeEle && selectNodeEle[0].nodeName === 'IMG' && selectNodeEle.length < 1) {
+            if (selectNodeEle && selectNodeEle[0] && selectNodeEle[0].nodeName === 'IMG' && selectNodeEle.length < 1) {
                 if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection)) {
                     save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 }
@@ -10863,7 +10929,7 @@ var Video = /** @__PURE__ @class */ (function () {
             this.undoStack({ subCommand: (originalEvent.keyCode === 90 ? 'undo' : 'redo') });
         }
         if (originalEvent.keyCode === 8 || originalEvent.keyCode === 46) {
-            if (selectNodeEle && (selectNodeEle[0].nodeName === 'VIDEO' || this.isEmbedVidElem(selectNodeEle[0])) && selectNodeEle.length < 1) {
+            if (selectNodeEle && selectNodeEle[0] && (selectNodeEle[0].nodeName === 'VIDEO' || this.isEmbedVidElem(selectNodeEle[0])) && selectNodeEle.length < 1) {
                 if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection)) {
                     save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 }
@@ -12040,7 +12106,7 @@ var KeyboardEvents = /** @__PURE__ @class */ (function (_super) {
         Property('keyup')
     ], KeyboardEvents.prototype, "eventName", void 0);
     __decorate([
-        Event()
+        Event$1()
     ], KeyboardEvents.prototype, "keyAction", void 0);
     KeyboardEvents = KeyboardEvents_1 = __decorate([
         NotifyPropertyChanges
@@ -14604,6 +14670,8 @@ var DialogRenderer = /** @__PURE__ @class */ (function () {
     return DialogRenderer;
 }());
 
+var IFRAME_EDITOR_STYLES = "\n@charset \"UTF-8\";\n\nhtml {\n    height: auto;\n}\n\nhtml, body {\n    margin: 0;\n}\n\nbody {\n    color: #333;\n    word-wrap: break-word;\n}\n\n.e-content {\n    background: unset;\n    box-sizing: border-box;\n    min-height: 100px;\n    outline: 0 solid transparent;\n    padding: 16px;\n    position: relative;\n    overflow-x: auto;\n    font-weight: normal;\n    line-height: 1.5;\n    font-size: 14px;\n    text-align: inherit;\n    font-family: \"Roboto\", \"Segoe UI\", \"GeezaPro\", \"DejaVu Serif\", \"sans-serif\", \"-apple-system\", \"BlinkMacSystemFont\";\n}\n\n.e-content p {\n    margin: 0 0 10px;\n    margin-bottom: 10px;\n}\n\n.e-content h1 {\n    font-size: 2.857em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h2 {\n    font-size: 2.285em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h3 {\n    font-size: 2em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h4 {\n    font-size: 1.714em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h5 {\n    font-size: 1.428em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h6 {\n    font-size: 1.142em;\n    font-weight: 600;\n    line-height: 1.5;\n    margin: 10px 0;\n}\n\n.e-content blockquote {\n    margin: 10px 0;\n    padding-left: 12px;\n    border-left: 2px solid #5c5c5c;\n}\n\n.e-rtl.e-content blockquote {\n    padding-left: 0;\n    padding-right: 12px;\n}\n\n.e-content pre {\n    border: 0;\n    border-radius: 0;\n    color: #333;\n    font-size: inherit;\n    line-height: inherit;\n    margin: 0 0 10px;\n    overflow: visible;\n    padding: 0;\n    white-space: pre-wrap;\n    word-break: inherit;\n    word-wrap: break-word;\n}\n\n.e-content code {\n    background: #9d9d9d26;\n    color: #ed484c;\n}\n\n.e-content strong,\n.e-content b {\n    font-weight: bold;\n}\n\n.e-content a {\n    text-decoration: none;\n    user-select: auto;\n}\n\n.e-content a:hover {\n    text-decoration: underline;\n}\n\n.e-content li {\n    margin-bottom: 10px;\n}\n\n.e-content li ol,\n.e-content li ul {\n    margin-block-start: 10px;\n}\n\n.e-content ul {\n    list-style-type: disc;\n}\n\n.e-content ul ul,\n.e-content ol ul {\n    list-style-type: circle;\n}\n\n.e-content ul ul ul,\n.e-content ol ul ul,\n.e-content ul ol ul,\n.e-content ol ol ul {\n    list-style-type: square;\n}\n\n.e-rte-image,\n.e-rte-video {\n    border: 0;\n    cursor: pointer;\n    display: block;\n    float: none;\n    height: auto;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-content p:last-child,\n.e-content pre:last-child,\n.e-content blockquote:last-child {\n    margin-bottom: 0;\n}\n\n.e-content h3 + h4,\n.e-content h4 + h5,\n.e-content h5 + h6 {\n    margin-top: 0.6em;\n}\n\n.e-content ul:last-child {\n    margin-bottom: 0;\n}\n\n.e-content table {\n    margin-bottom: 10px;\n    border-collapse: collapse;\n    empty-cells: show;\n}\n\n.e-content table.e-cell-select {\n    position: relative;\n}\n\n.e-content table.e-cell-select::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid #4a90e2;\n    pointer-events: none;\n}\n\ntable .e-cell-select {\n    border: 1px double #4a90e2 !important;\n}\n\n.e-content table.e-rte-table th {\n    background-color: #E0E0E0;\n}\n\n.e-rte-table td,\n.e-rte-table th {\n    border: 1px solid #BDBDBD;\n    height: 20px;\n    min-width: 20px;\n    padding: 2px 5px;\n    box-sizing: border-box;\n}\n\n.e-rte-table td.e-cell-select.e-multi-cells-select,\n.e-rte-table th.e-cell-select.e-multi-cells-select {\n    position: relative;\n}\n\n.e-rte-table td.e-cell-select.e-multi-cells-select::after,\n.e-rte-table th.e-cell-select.e-multi-cells-select::after {\n    background-color: rgba(13, 110, 253, 0.08);\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    bottom: 0;\n    pointer-events: none;\n    right: 0;\n}\n\ntable td.e-multi-cells-select ::selection,\ntable th.e-multi-cells-select ::selection {\n    background-color: transparent;\n}\n\ntd.e-multi-cells-select,\nth.e-multi-cells-select {\n    user-select: none !important;\n}\n\n.e-rte-table.e-dashed-border td,\n.e-rte-table.e-dashed-border th {\n    border-style: dashed;\n}\n\n.e-rte-table .e-alternate-border tbody tr:nth-child(2n) {\n    background-color: #F5F5F5;\n}\n\n.e-rte-audio {\n    border: 0;\n    cursor: pointer;\n    display: block;\n    float: none;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-image.e-imginline,\n.e-rte-audio.e-audio-inline,\n.e-rte-video.e-video-inline {\n    display: inline-block;\n    float: none;\n    margin-left: 5px;\n    margin-right: 5px;\n    max-width: calc(100% - (2 * 5px));\n    padding: 1px;\n    vertical-align: bottom;\n}\n\n.e-rte-image.e-imgcenter,\n.e-rte-video.e-video-center {\n    cursor: pointer;\n    display: block;\n    float: none;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-image.e-imgright,\n.e-rte-video.e-video-right {\n    float: right;\n    margin: 0 auto;\n    margin-left: 5px;\n    text-align: right;\n}\n\n.e-rte-image.e-imgleft,\n.e-rte-video.e-video-left {\n    float: left;\n    margin: 0 auto;\n    margin-right: 5px;\n    text-align: left;\n}\n\n.e-img-caption {\n    display: inline-block;\n    float: none;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-img-caption.e-caption-inline {\n    display: inline-block;\n    float: none;\n    margin: 5px auto;\n    margin-left: 5px;\n    margin-right: 5px;\n    max-width: calc(100% - (2 * 5px));\n    position: relative;\n    text-align: center;\n    vertical-align: bottom;\n}\n\n.e-rte-img-caption.e-imgcenter {\n    display: contents;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.e-rte-img-caption.e-imgright {\n    display: contents;\n    margin-left: auto;\n    margin-right: 0;\n}\n\n.e-rte-img-caption.e-imgleft {\n    display: contents;\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.e-img-caption.e-rte-img-caption.e-imgbreak {\n    display: contents;\n}\n\n.e-img-inner {\n    box-sizing: border-box;\n    display: block;\n    font-size: 16px;\n    font-weight: initial;\n    margin: auto;\n    opacity: .9;\n    text-align: center;\n    width: 100%;\n}\n\n.e-img-wrap {\n    display: inline-block;\n    margin: auto;\n    padding: 0;\n    text-align: center;\n    width: 100%;\n}\n\n.e-imgleft,\n.e-video-left {\n    float: left;\n    margin: 0 5px 0 0;\n    text-align: left;\n}\n\n.e-imgright,\n.e-video-right {\n    float: right;\n    margin: 0 0 0 5px;\n    text-align: right;\n}\n\n.e-imgcenter,\n.e-video-center {\n    cursor: pointer;\n    display: block;\n    float: none;\n    height: auto;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-control img:not(.e-resize) {\n    border: 2px solid transparent;\n    z-index: 1000\n}\n\n.e-imginline,\n.e-audio-inline,\n.e-video-inline {\n    display: inline-block;\n    float: none;\n    margin-left: 5px;\n    margin-right: 5px;\n    max-width: calc(100% - (2 * 5px));\n    vertical-align: bottom;\n}\n\n.e-imgbreak,\n.e-audio-break,\n.e-video-break {\n    border: 0;\n    cursor: pointer;\n    display: block;\n    float: none;\n    height: auto;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-image.e-img-focus:not(.e-resize),\n.e-audio-focus:not(.e-resize),\n.e-video-focus:not(.e-resize) {\n    border: solid 2px #4a90e2;\n}\n\nimg.e-img-focus::selection,\naudio.e-audio-focus::selection,\n.e-video-focus::selection {\n    background: transparent;\n    color: transparent;\n}\n\nspan.e-rte-imageboxmark,\nspan.e-rte-videoboxmark {\n    width: 10px;\n    height: 10px;\n    position: absolute;\n    display: block;\n    background: #4a90e2;\n    border: 1px solid #fff;\n    z-index: 1000;\n}\n\n.e-mob-rte.e-mob-span span.e-rte-imageboxmark,\n.e-mob-rte.e-mob-span span.e-rte-videoboxmark {\n    background: #4a90e2;\n    border: 1px solid #fff;\n}\n\n.e-mob-rte span.e-rte-imageboxmark,\n.e-mob-rte span.e-rte-videoboxmark {\n    background: #fff;\n    border: 1px solid #4a90e2;\n    border-radius: 15px;\n    height: 20px;\n    width: 20px;\n}\n\n.e-mob-rte.e-mob-span span.e-rte-imageboxmark,\n.e-mob-rte.e-mob-span span.e-rte-videoboxmark {\n    background: #4a90e2;\n    border: 1px solid #fff;\n}\n\n.e-content img.e-resize,\n.e-content video.e-resize {\n    z-index: 1000;\n}\n\n.e-img-caption .e-img-inner {\n    outline: 0;\n}\n\n.e-rte-img-caption.e-imgleft .e-img-inner {\n    float: left;\n    text-align: left;\n}\n\n.e-rte-img-caption.e-imgright .e-img-inner {\n    float: right;\n    text-align: right;\n}\n\n.e-rte-img-caption.e-imgleft .e-img-wrap,\n.e-rte-img-caption.e-imgright .e-img-wrap {\n    display: contents;\n}\n\n.e-img-caption a:focus-visible {\n    outline: none;\n}\n\n.e-rte-img-caption .e-rte-image.e-imgright {\n    margin-left: auto;\n    margin-right: 0;\n}\n\n.e-rte-img-caption .e-rte-image.e-imgleft {\n    margin: 0;\n}\n\nspan.e-table-box {\n    cursor: nwse-resize;\n    display: block;\n    height: 10px;\n    position: absolute;\n    width: 10px;\n    background-color: #ffffff;\n    border: 1px solid #BDBDBD;\n}\n\nspan.e-table-box.e-rmob {\n    height: 14px;\n    width: 14px;\n    background-color: #BDBDBD;\n    border: 1px solid #BDBDBD;\n}\n\n.e-row-resize,\n.e-column-resize {\n    background-color: transparent;\n    background-repeat: repeat;\n    bottom: 0;\n    cursor: col-resize;\n    height: 1px;\n    overflow: visible;\n    position: absolute;\n    width: 1px;\n}\n\n.e-row-resize {\n    cursor: row-resize;\n    height: 1px;\n}\n\n.e-table-rhelper {\n    cursor: col-resize;\n    opacity: .87;\n    position: absolute;\n}\n\n.e-table-rhelper.e-column-helper {\n    width: 1px;\n}\n\n.e-table-rhelper.e-row-helper {\n    height: 1px;\n}\n\n.e-reicon::before {\n    border-bottom: 6px solid transparent;\n    border-right: 6px solid;\n    border-top: 6px solid transparent;\n    content: '';\n    display: block;\n    height: 0;\n    position: absolute;\n    right: 4px;\n    top: 4px;\n    width: 20px;\n}\n\n.e-reicon::after {\n    border-bottom: 6px solid transparent;\n    border-left: 6px solid;\n    border-top: 6px solid transparent;\n    content: '';\n    display: block;\n    height: 0;\n    left: 4px;\n    position: absolute;\n    top: 4px;\n    width: 20px;\n    z-index: 3;\n}\n\n.e-row-helper.e-reicon::after {\n    top: 10px;\n    transform: rotate(90deg);\n}\n\n.e-row-helper.e-reicon::before {\n    left: 4px;\n    top: -20px;\n    transform: rotate(90deg);\n}\n\n\n.e-table-rhelper {\n    background-color: #4a90e2;\n}\n\n.e-rtl {\n    direction: rtl;\n}\n\n.e-rte-placeholder::before {\n    content: attr(placeholder);\n    opacity: 0.54;\n    overflow: hidden;\n    padding-top: 16px;\n    position: absolute;\n    text-align: start;\n    top: 0;\n    z-index: 1;\n}\n\n.e-resize-enabled,\n.e-count-enabled {\n    padding-bottom: 0px;\n}\n";
+
 var __extends$1 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -14617,7 +14685,8 @@ var __extends$1 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n            <meta charset='utf-8' /> \n            <style>\n                @charset \"UTF-8\";\n                body {\n                    font-family: \"Roboto\", sans-serif;\n                    font-size: 14px;\n                }\n                html, body{height: 100%;margin: 0;}\n                body.e-cursor{cursor:default}\n                span.e-selected-node\t{background-color: #939393;color: white;}\n                span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n                .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:\n                    block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-audio {border: 0;cursor: pointer;display:\n                        block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;\n                    margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n                .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n                .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n                .e-img-caption.e-caption-inline {display: inline-block;float: none;\n                    margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n                    position: relativetext-align: center;vertical-align: bottom;}\n                .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}\n                .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}\n                .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}\n                .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}\n                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n                    margin: auto;opacity: .9;text-align: center;width: 100%;}\n                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n                .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n                .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n                .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n                .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n                    max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n                .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n                    display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n                img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n                span.e-rte-imageboxmark, span.e-rte-videoboxmark {  width: 10px; height: 10px; position: absolute; display: block;\n                    background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;\n                    border-radius: 15px; height: 20px; width: 20px; }\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n                .e-rte-content { font-size: 14px; }\n                .e-content { font-weight: normal; line-height: 1.5; font-size: 1em; }\n                .e-img-caption .e-img-inner { outline: 0; }\n                .e-rte-img-caption.e-imgleft .e-img-inner { float: left; text-align: left; }\n                .e-rte-img-caption.e-imgright .e-img-inner { float: right; text-align: right; }\n                .e-rte-img-caption.e-imgleft .e-img-wrap, .e-rte-img-caption.e-imgright .e-img-wrap { display: contents; }\n                .e-img-caption a:focus-visible { outline: none; }\n                .e-rte-img-caption .e-rte-image.e-imgright { margin-left: auto; margin-right: 0; }\n                .e-rte-img-caption .e-rte-image.e-imgleft { margin: 0; }\n                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n                    overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n                p{margin: 0 0 10px;margin-bottom: 10px;}\n                code{ background: #9d9d9d26; color: #ed484c;}\n                li{margin-bottom: 10px;}\n                table{margin-bottom: 10px;}\n                h1{ font-size: 2.857em; font-weight: 600; line-height: 1.2; margin: 10px 0; }\n                h2{ font-size: 2.285em; font-weight: 600; line-height: 1.2; margin: 10px 0; }\n                h3{ font-size: 2em; font-weight: 600; line-height: 1.2; margin: 10px 0; }\n                h4{ font-size: 1.714em; font-weight: 600; line-height: 1.2; margin: 10px 0; }\n                h5{ font-size: 1.428em; font-weight: 600; line-height: 1.2; margin: 10px 0; }\n                h6{ font-size: 1.142em; line-height: 600; line-height: 1.5; margin: 10px 0; }\n                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n                    font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n                    white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n                strong, b{font-weight: 700;}\n                a{text-decoration: none;user-select: auto;}\n                a:hover{text-decoration: underline;};\n                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n                ul:last-child{margin-bottom: 0;}\n                table { border-collapse: collapse; empty-cells: show;}\n                table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n                table th {background-color: #E0E0E0;}\n                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n                table .e-cell-select {border: 1px double #4a90e2;}\n                table.e-cell-select {position: relative;}\n                table.e-cell-select::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #4a90e2; pointer-events: none;}\n                table td.e-cell-select.e-multi-cells-select, table th.e-cell-select.e-multi-cells-select {border: 1px solid #dee2e6; position: relative; }\n                table td.e-cell-select.e-multi-cells-select::after, table th.e-cell-select.e-multi-cells-select::after {background-color: rgba(13, 110, 253, 0.08); content: \"\";\n                    position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; pointer-events: none; right: 0;}\n                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n                span.e-table-box.e-rmob {height: 14px;width: 14px;}\n                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n                    bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n                .e-row-resize { cursor: row-resize; height: 1px;}\n                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n                .e-table-rhelper.e-column-helper { width: 1px; }\n                .e-table-rhelper.e-row-helper {height: 1px;}\n                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block; height: 0;\n                    position: absolute; right: 4px; top: 4px; width: 20px; }\n                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block;\n                    height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n                .e-table-rhelper { background-color: #4a90e2;}\n                .e-rtl { direction: rtl; }\n                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n                li ol, li ul { margin-block-start: 10px;}\n                .e-resize-enabled, .e-count-enabled { padding-bottom: 0px; }\n                td.e-multi-cells-select ::selection, th.e-multi-cells-select ::selection { background-color: transparent; }\n                td.e-multi-cells-select, th.e-multi-cells-select { user-select: none !important; }\n            </style>\n        </head>";
+var IFRAMEHEADER = "\n    <!DOCTYPE html> \n    <html>\n         <head>\n            <meta charset='utf-8' /> \n            <style>" +
+    IFRAME_EDITOR_STYLES.replace(/[\n\t]/g, '') + "\n            </style>\n        </head>\n";
 /**
  * Content module is used to render Rich Text Editor content
  *
@@ -14638,7 +14707,7 @@ var IframeContentRender = /** @__PURE__ @class */ (function (_super) {
     IframeContentRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
         var rteContent = getEditValue(rteObj.value, rteObj);
-        var iFrameBodyContent = '<body spellcheck="false" autocorrect="off" contenteditable="true">' +
+        var iFrameBodyContent = '<body contenteditable="true">' +
             rteContent + '</body></html>';
         var iFrameContent = IFRAMEHEADER + iFrameBodyContent;
         var iframe = this.parent.createElement('iframe', {
@@ -14658,12 +14727,23 @@ var IframeContentRender = /** @__PURE__ @class */ (function (_super) {
             iframe.setAttribute('sandbox', sandboxValues.trim());
         }
         rteObj.rootContainer.appendChild(iframe);
-        iframe.contentDocument.body.id = this.parent.getID() + '_rte-edit-view';
         iframe.contentDocument.body.setAttribute('aria-owns', this.parent.getID());
         iframe.contentDocument.open();
         iFrameContent = this.setThemeColor(iFrameContent, { color: '#333' });
         iframe.contentDocument.write(iFrameContent);
         iframe.contentDocument.close();
+        var body = iframe.contentDocument.body;
+        body.className = 'e-content';
+        if (this.parent.height === 'auto') {
+            body.style.overflowY = 'hidden';
+        }
+        if (!isNullOrUndefined(this.parent.fontFamily.default)) {
+            body.style.fontFamily = this.parent.fontFamily.default;
+        }
+        if (!isNullOrUndefined(this.parent.fontSize.default)) {
+            body.style.fontSize = this.parent.fontSize.default;
+        }
+        body.id = this.parent.getID() + '_rte-edit-view';
         if (rteObj.enableRtl) {
             this.contentPanel.contentDocument.body.setAttribute('class', 'e-rtl');
         }
@@ -15020,7 +15100,7 @@ var SlashMenu = /** @__PURE__ @class */ (function () {
         this.parent = options;
         this.currentDocument = this.parent.element.ownerDocument;
         this.L10n = serviceLocator.getService('rteLocale');
-        this.savedSelection = new NodeSelection();
+        this.savedSelection = new NodeSelection(this.parent.inputElement);
         this.defaultItems = defaultSlashMenuDataModel;
         this.injectibleItems = injectibleSlashMenuDataModel;
         this.parent.on(modelChanged, this.onPropertyChanged, this);
@@ -15384,7 +15464,7 @@ var BaseToolbar = /** @__PURE__ @class */ (function () {
                 var tooltipText = items[num].tooltipText;
                 var shortCutKey = void 0;
                 var isMacDev = window.navigator.platform.toLocaleLowerCase().includes('mac');
-                if (windowKeys["" + tooltipText]) {
+                if (windowKeys["" + tooltipText] && (!isNullOrUndefined(items[num].id) || !isNullOrUndefined(items[num].cssClass))) {
                     shortCutKey = isMacDev ? windowKeys["" + tooltipText].replace('Ctrl+', '⌘').replace('Shift+', '⇧').replace('Alt+', '⌥') : windowKeys["" + tooltipText];
                 }
                 else {
@@ -15558,9 +15638,6 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
                             cssClass: CLS_DROPDOWN_POPUP + ' ' + CLS_DROPDOWN_ITEMS + ' ' + CLS_FONT_NAME_TB_BTN,
                             itemName: 'FontName', items: fontItem, element: targetElement
                         });
-                        if (!isNullOrUndefined(_this.parent.fontFamily.default)) {
-                            _this.getEditNode().style.fontFamily = _this.parent.fontFamily.default;
-                        }
                         break;
                     }
                     case 'fontsize': {
@@ -15584,9 +15661,6 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
                             cssClass: CLS_DROPDOWN_POPUP + ' ' + CLS_DROPDOWN_ITEMS + ' ' + CLS_FONT_SIZE_TB_BTN,
                             itemName: 'FontSize', items: fontsize, element: targetElement
                         });
-                        if (!isNullOrUndefined(_this.parent.fontSize.default)) {
-                            _this.getEditNode().style.fontSize = _this.parent.fontSize.default;
-                        }
                         break;
                     }
                     case 'alignments':
@@ -21183,7 +21257,7 @@ var DOMNode = /** @__PURE__ @class */ (function () {
      */
     function DOMNode(parent, currentDocument) {
         this.parent = parent;
-        this.nodeSelection = new NodeSelection();
+        this.nodeSelection = new NodeSelection(parent);
         this.currentDocument = currentDocument;
         this.tableSelection = new TableSelection(parent, currentDocument);
     }
@@ -22499,7 +22573,7 @@ var Lists = /** @__PURE__ @class */ (function () {
         if (e.event.which === 8) {
             this.backspaceList(e);
         }
-        if ((e.event.which === 46 && e.event.action === 'delete') || (e.event.which === 88 && e.event.action === 'cut')) {
+        if ((e.event.which === 46 && e.event.action === 'delete')) {
             var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
             var commonAncestor = range.commonAncestorContainer;
             var startEle = range.startContainer;
@@ -22561,7 +22635,7 @@ var Lists = /** @__PURE__ @class */ (function () {
                 }
                 if (isNested) {
                     this.cleanNode();
-                    this.parent.editableElement.focus();
+                    this.parent.editableElement.focus({ preventScroll: true });
                 }
                 if (!(e.event.action && e.event.action === 'indent')) {
                     this.saveSelection = this.domNode.saveMarker(this.saveSelection);
@@ -22870,7 +22944,7 @@ var Lists = /** @__PURE__ @class */ (function () {
                 span.parentNode.replaceChild(fragment, span);
             });
         }
-        this.parent.editableElement.focus();
+        this.parent.editableElement.focus({ preventScroll: true });
         if (isIDevice$1()) {
             setEditFrameFocus(this.parent.editableElement, selector);
         }
@@ -23104,7 +23178,8 @@ var Lists = /** @__PURE__ @class */ (function () {
                             parentNode.removeAttribute('style');
                         }
                     }
-                    var wrapper = '<' + e.enterAction + wrapperclass + this.domNode.attributes(element) + '></' + e.enterAction + '>';
+                    var wrapperTag = isNullOrUndefined(e.enterAction) ? DEFAULT_TAG : e.enterAction;
+                    var wrapper = '<' + wrapperTag + wrapperclass + this.domNode.attributes(element) + '></' + wrapperTag + '>';
                     if (e.enterAction !== 'BR') {
                         this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
                     }
@@ -24025,7 +24100,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                 node = insertNode;
             }
         }
-        var nodeSelection = new NodeSelection();
+        var nodeSelection = new NodeSelection(editNode);
         var nodeCutter = new NodeCutter();
         var range = nodeSelection.getRange(docElement);
         if (range.startContainer === editNode && range.startContainer === range.endContainer && range.startOffset === 0 &&
@@ -24248,7 +24323,9 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                     fragment.appendChild(node.firstChild);
                 }
                 if (isSingleNode) {
-                    preNode.parentNode.replaceChild(fragment, preNode);
+                    range.deleteContents();
+                    this.removeEmptyElements(editNode, true);
+                    range.insertNode(fragment);
                 }
                 else {
                     var startContainerParent = editNode === range.startContainer ?
@@ -24260,6 +24337,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                     range.setEnd(startContainerParent, startIndex);
                     if (!isNullOrUndefined(lasNode) && lasNode !== editNode) {
                         detach(lasNode);
+                        this.removeEmptyElements(editNode, true);
                     }
                     // eslint-disable-next-line
                     !isNullOrUndefined(sibNode) ? (sibNode.parentNode === editNode ? sibNode.appendChild(fragment) : sibNode.parentNode.appendChild(fragment)) : range.insertNode(fragment);
@@ -24386,6 +24464,26 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
         this.alignCheck(editNode);
+        var currentRange = nodeSelection.getRange(docElement);
+        this.listCleanUp(currentRange);
+    };
+    InsertHtml.listCleanUp = function (range) {
+        if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
+            var liElems = range.startContainer.parentElement.closest('ol,ul').querySelectorAll('li');
+            if (liElems.length > 0) {
+                liElems.forEach(function (item) {
+                    if (!isNullOrUndefined(item.firstChild) && (item.firstChild.nodeName === 'OL' || item.firstChild.nodeName === 'UL')) {
+                        item.style.listStyleType = 'none';
+                    }
+                    var nestedLi = Array.from(item.children).find(function (child) {
+                        return child.tagName === 'LI' && (child.parentElement && child.parentElement.tagName !== 'OL' && child.parentElement.tagName !== 'UL');
+                    });
+                    if (nestedLi) {
+                        item.parentNode.replaceChild(nestedLi, item);
+                    }
+                });
+            }
+        }
     };
     InsertHtml.placeCursorEnd = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNullOrUndefined(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
@@ -24450,10 +24548,10 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                 blockNode = range.endContainer;
                 range.setEnd(blockNode, range.endContainer.textContent.length);
             }
-            if (blockNode.nodeName === 'BODY' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
+            if (blockNode && blockNode.nodeName === 'BODY' || blockNode.nodeName === 'DIV' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
                 blockNode = range.startContainer;
             }
-            if (blockNode.closest('LI') && editNode.contains(blockNode.closest('LI')) && blockNode.nodeName !== 'TD' && blockNode.nodeName !== 'TH' && blockNode.nodeName !== 'TR' && node && node.firstElementChild &&
+            if (blockNode && blockNode.closest('LI') && editNode.contains(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') {
@@ -24464,18 +24562,18 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                     node.firstElementChild.insertAdjacentElement('afterend', liNode);
                 }
             }
-            if (blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH' || blockNode.nodeName === 'TR') {
+            if (blockNode && blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH' || blockNode.nodeName === 'TR') {
                 var tempSpan = createElement('span', { className: 'tempSpan' });
                 range.insertNode(tempSpan);
                 tempSpan.parentNode.replaceChild(node, tempSpan);
             }
             else {
-                var nodeSelection = new NodeSelection();
+                var nodeSelection = new NodeSelection(editNode);
                 var currentNode = this.getNodeCollection(range, nodeSelection, node)[this.getNodeCollection(range, nodeSelection, node).length - 1];
                 var splitedElm = void 0;
-                if ((currentNode.nodeName === 'BR' || currentNode.nodeName === 'HR' ||
+                if (currentNode && ((currentNode.nodeName === 'BR' || currentNode.nodeName === 'HR' ||
                     (currentNode.nodeName === '#text' && !isNullOrUndefined(currentNode.parentElement) && currentNode.parentElement.nodeName === 'LI')) &&
-                    (!isNullOrUndefined(currentNode.parentElement) && currentNode.parentElement.textContent.trim().length === 0)) {
+                    (!isNullOrUndefined(currentNode.parentElement) && currentNode.parentElement.textContent.trim().length === 0))) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNullOrUndefined(currentNode.nextSibling) &&
                         currentNode.nextSibling.nodeName === 'BR') {
@@ -24488,16 +24586,20 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                         return;
                     }
                 }
-                else if ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNullOrUndefined(currentNode.parentElement) &&
+                else if (currentNode && ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNullOrUndefined(currentNode.parentElement) &&
                     (currentNode.parentElement.nodeName === 'LI' || currentNode.parentElement.closest('LI') || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
-                    currentNode.parentElement.textContent.trim().length > 0) {
+                    currentNode.parentElement.textContent.trim().length > 0)) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNullOrUndefined(currentNode.nextSibling) &&
                         currentNode.nextSibling.nodeName === 'BR') {
                         detach(currentNode.nextSibling);
                     }
                     if (!range.collapsed) {
+                        var startContainer = range.startContainer;
+                        var startOffset = range.startOffset;
                         this.removeListfromPaste(range);
+                        range.setStart(startContainer, startOffset);
+                        range.setEnd(startContainer, startOffset);
                     }
                     range.insertNode(node);
                     this.contentsDeleted = true;
@@ -24537,9 +24639,9 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
     };
     // eslint-disable-next-line
     InsertHtml.getImmediateBlockNode = function (node, editNode) {
-        do {
+        while (node && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0) {
             node = node.parentNode;
-        } while (node && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0);
+        }
         return node;
     };
     InsertHtml.removingComments = function (elm) {
@@ -24547,17 +24649,20 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         innerElement = innerElement.replace(/<!--[\s\S]*?-->/g, '');
         elm.innerHTML = innerElement;
     };
-    InsertHtml.findDetachEmptyElem = function (element) {
+    InsertHtml.findDetachEmptyElem = function (element, ignoreBlockNodes) {
+        if (ignoreBlockNodes === void 0) { ignoreBlockNodes = false; }
         var removableElement;
         if (!isNullOrUndefined(element.parentElement)) {
             var hasNbsp = element.parentElement.textContent.length > 0 && element.parentElement.textContent.match(/\u00a0/g)
                 && element.parentElement.textContent.match(/\u00a0/g).length > 0;
             if (!hasNbsp && element.parentElement.textContent.trim() === '' && element.parentElement.contentEditable !== 'true' &&
                 isNullOrUndefined(element.parentElement.querySelector('img')) && element.parentElement.nodeName !== 'TD' && element.parentElement.nodeName !== 'TH') {
-                removableElement = this.findDetachEmptyElem(element.parentElement);
+                removableElement = ignoreBlockNodes && BLOCK_TAGS.indexOf(element.parentElement.tagName.toLowerCase()) !== -1 ?
+                    element : this.findDetachEmptyElem(element.parentElement, ignoreBlockNodes);
             }
             else {
-                removableElement = element;
+                removableElement = ignoreBlockNodes && BLOCK_TAGS.indexOf(element.tagName.toLowerCase()) !== -1 ? null :
+                    element;
             }
         }
         else {
@@ -24565,7 +24670,8 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         }
         return removableElement;
     };
-    InsertHtml.removeEmptyElements = function (element) {
+    InsertHtml.removeEmptyElements = function (element, ignoreBlockNodes) {
+        if (ignoreBlockNodes === void 0) { ignoreBlockNodes = false; }
         var emptyElements = element.querySelectorAll(':empty');
         var nonSvgEmptyElements = Array.from(emptyElements).filter(function (element) {
             // Check if the element is an SVG element or an ancestor of an SVG element
@@ -24578,7 +24684,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                     nonSvgEmptyElements[i].style.borderBottom === '' ? true : false;
             }
             if (SELF_CLOSING_TAGS.indexOf(nonSvgEmptyElements[i].tagName.toLowerCase()) < 0 && lineWithDiv) {
-                var detachableElement = this.findDetachEmptyElem(nonSvgEmptyElements[i]);
+                var detachableElement = this.findDetachEmptyElem(nonSvgEmptyElements[i], ignoreBlockNodes);
                 if (!isNullOrUndefined(detachableElement)) {
                     detach(detachableElement);
                 }
@@ -24651,7 +24757,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         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) {
-                if (item.textContent.trim() === '') {
+                if (item.textContent.trim() === '' && item !== value) {
                     item.remove();
                 }
             });
@@ -24754,7 +24860,7 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
             }
         }
         else {
-            var domSelection = new NodeSelection();
+            var domSelection = new NodeSelection(this.parent.editableElement);
             var range = domSelection.getRange(this.parent.currentDocument);
             if (range.endContainer.nodeName === '#text' && range.startContainer.textContent.length === (range.endOffset + 1) &&
                 range.endContainer.textContent.charAt(range.endOffset) === ' ' && (!isNullOrUndefined(range.endContainer.nextSibling) && range.endContainer.nextSibling.nodeName === 'A')) {
@@ -24800,7 +24906,7 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
         }
     };
     LinkCommand.prototype.createLinkNode = function (e) {
-        var domSelection = new NodeSelection();
+        var domSelection = new NodeSelection(this.parent.editableElement);
         var nodeCutter = new NodeCutter();
         var range = domSelection.getRange(this.parent.currentDocument);
         var nodes = this.getSelectionNodes(domSelection.getNodeCollection(range));
@@ -25086,7 +25192,7 @@ var Alignments = /** @__PURE__ @class */ (function () {
                     selector: e.selector
                 });
             }
-            this.parent.editableElement.focus();
+            this.parent.editableElement.focus({ preventScroll: true });
             save = this.parent.domNode.saveMarker(save);
             if (isIDevice$1()) {
                 setEditFrameFocus(this.parent.editableElement, e.selector);
@@ -25205,7 +25311,7 @@ var Indents = /** @__PURE__ @class */ (function () {
                 /* eslint-enable */
             }
         }
-        editEle.focus();
+        editEle.focus({ preventScroll: true });
         if (isIDevice$1()) {
             setEditFrameFocus(editEle, e.selector);
         }
@@ -25375,6 +25481,8 @@ var ImageCommand = /** @__PURE__ @class */ (function () {
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
             var onImageLoadEvent_1 = function () {
                 if (!isNullOrUndefined(_this.parent.currentDocument)) {
+                    imgElm_1.setAttribute('width', _this.calculateStyleValue(imgElm_1.offsetWidth));
+                    imgElm_1.setAttribute('height', _this.calculateStyleValue(imgElm_1.offsetHeight));
                     e.callBack({
                         requestType: (e.value === 'Replace') ? (e.item.subCommand = 'Replace', 'Replace') : 'Images',
                         editorMode: 'HTML',
@@ -27209,7 +27317,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
             if (format === 'backgroundcolor' && value === '') {
                 value = 'transparent';
             }
-            var domSelection = new NodeSelection();
+            var domSelection = new NodeSelection(endNode);
             var domNode = new DOMNode(endNode, docElement);
             var nodeCutter = new NodeCutter();
             var isFormatted = new IsFormatted();
@@ -27418,7 +27526,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
             if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' || (isNullOrUndefined(cursorNodes[0].nextSibling) ? false : cursorNodes[0].nextSibling.nodeName === 'BR'))) {
                 detach(cursorNodes[0].nodeName === '#text' ? cursorNodes[0].nextSibling : cursorNodes[0]);
             }
-            if (!isNullOrUndefined(cursorNodes[0].parentElement) && IsFormatted.inlineTags.
+            if (!isNullOrUndefined(cursorNodes[0] && cursorNodes[0].parentElement) && IsFormatted.inlineTags.
                 indexOf((cursorNodes[0].parentElement).tagName.toLowerCase()) !== -1 && cursorNodes[0].textContent.includes('\u200B')) {
                 var element = this.GetFormatNode(format, value);
                 var tempNode = cursorNodes[0];
@@ -28331,7 +28439,7 @@ var ClearFormat$1 = /** @__PURE__ @class */ (function () {
     ClearFormat.clear = function (docElement, endNode, enterAction, selector, command) {
         this.domNode = new DOMNode(endNode, docElement);
         this.defaultTag = enterAction === 'P' ? this.defaultTag : 'div';
-        var nodeSelection = new NodeSelection();
+        var nodeSelection = new NodeSelection(endNode);
         var nodeCutter = new NodeCutter();
         var range = nodeSelection.getRange(docElement);
         var nodes = range.collapsed ? nodeSelection.getSelectionNodeCollection(range) :
@@ -28763,7 +28871,7 @@ var UndoRedoManager = /** @__PURE__ @class */ (function () {
         if (!this.parent.currentDocument) {
             return;
         }
-        var range = new NodeSelection().getRange(this.parent.currentDocument);
+        var range = new NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
         var currentContainer = this.parent.editableElement === range.startContainer.parentElement ?
             range.startContainer.parentElement : range.startContainer;
         for (var i = currentContainer.childNodes.length - 1; i >= 0; i--) {
@@ -28773,8 +28881,8 @@ var UndoRedoManager = /** @__PURE__ @class */ (function () {
                 detach(currentContainer.childNodes[i]);
             }
         }
-        range = new NodeSelection().getRange(this.parent.currentDocument);
-        var save = new NodeSelection().save(range, this.parent.currentDocument);
+        range = new NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
+        var save = new NodeSelection(this.parent.editableElement).save(range, this.parent.currentDocument);
         var clonedElement = this.parent.editableElement.cloneNode(true);
         var fragment = document.createDocumentFragment();
         while (clonedElement.firstChild) {
@@ -29598,6 +29706,11 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                                 startAttr = parseInt(startString, 10);
                             }
                         }
+                        else if (listStyleType === 'decimal-leading-zero') {
+                            if (!isNaN(parseInt(startString, 10))) {
+                                startAttr = parseInt(startString, 10);
+                            }
+                        }
                         else if (listStyleType === 'upper-alpha') {
                             startAttr = (startString.split('.')[0].charCodeAt(0) - 64);
                         }
@@ -30751,7 +30864,7 @@ var EditorManager = /** @__PURE__ @class */ (function () {
     function EditorManager(options) {
         this.currentDocument = options.document;
         this.editableElement = options.editableElement;
-        this.nodeSelection = new NodeSelection();
+        this.nodeSelection = new NodeSelection(this.editableElement);
         this.nodeCutter = new NodeCutter();
         this.domNode = new DOMNode(this.editableElement, this.currentDocument);
         this.observer = new Observer(this);
@@ -31438,7 +31551,7 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
         if (this.parent.isDestroyed) {
             return;
         }
-        this.nodeSelectionObj = new NodeSelection();
+        this.nodeSelectionObj = new NodeSelection(this.parent.inputElement);
         this.parent.on(initialLoad, this.instantiateRenderer, this);
         this.parent.on(htmlToolbarClick, this.onToolbarClick, this);
         this.parent.on(keyDown, this.onKeyDown, this);
@@ -32152,7 +32265,7 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
         urlText = urlText.slice(0, urlTextRange);
         // eslint-disable-next-line
         var regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
-        if (selectNodeEle[0].nodeName !== 'A' && urlText.match(regex)) {
+        if (selectNodeEle[0] && selectNodeEle[0].nodeName !== 'A' && urlText.match(regex)) {
             var selection = this.nodeSelectionObj.save(range, this.parent.contentModule.getDocument());
             var url = urlText.indexOf('http') > -1 ? urlText : 'http://' + urlText;
             var selectParent = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
@@ -32513,7 +32626,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
         this.isDestroyed = false;
     }
     PasteCleanup.prototype.addEventListener = function () {
-        this.nodeSelectionObj = new NodeSelection();
+        this.nodeSelectionObj = new NodeSelection(this.parent.inputElement);
         if (this.parent.isDestroyed) {
             return;
         }
@@ -33678,6 +33791,8 @@ var Resize = /** @__PURE__ @class */ (function () {
         this.parent = parent;
         this.addEventListener();
         this.isDestroyed = false;
+        this.isResizing = false;
+        this.iframeMouseUpBoundFn = this.iframeMouseUp.bind(this);
     }
     Resize.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -33697,6 +33812,7 @@ var Resize = /** @__PURE__ @class */ (function () {
         this.parent.rootContainer.classList.add('e-resize-enabled');
         if (this.parent.iframeSettings.enable) {
             this.parent.inputElement.classList.add('e-resize-enabled');
+            this.parent.contentModule.getDocument().addEventListener('mouseup', this.iframeMouseUpBoundFn);
         }
         this.touchStartEvent = (Browser.info.name === 'msie') ? 'pointerdown' : 'touchstart';
         EventHandler.add(this.resizer, 'mousedown', this.resizeStart, this);
@@ -33704,6 +33820,7 @@ var Resize = /** @__PURE__ @class */ (function () {
     };
     Resize.prototype.resizeStart = function (e) {
         var _this = this;
+        this.isResizing = false;
         if (e.cancelable) {
             e.preventDefault();
         }
@@ -33718,6 +33835,7 @@ var Resize = /** @__PURE__ @class */ (function () {
     };
     Resize.prototype.performResize = function (e) {
         var _this = this;
+        this.isResizing = true;
         var args = { event: e, requestType: 'editor' };
         this.parent.trigger(onResize, args, function (resizingArgs) {
             if (resizingArgs.cancel) {
@@ -33747,6 +33865,7 @@ var Resize = /** @__PURE__ @class */ (function () {
         this.parent.refreshUI();
     };
     Resize.prototype.stopResize = function (e) {
+        this.isResizing = false;
         this.parent.refreshUI();
         this.unwireResizeEvents();
         var args = { event: e, requestType: 'editor' };
@@ -33796,6 +33915,7 @@ var Resize = /** @__PURE__ @class */ (function () {
         }
         if (this.parent.iframeSettings.enable && !isNullOrUndefined(this.parent.inputElement)) {
             this.parent.inputElement.classList.remove('e-resize-enabled');
+            this.parent.contentModule.getDocument().removeEventListener('mouseup', this.iframeMouseUpBoundFn);
         }
         if (this.resizer) {
             EventHandler.remove(this.resizer, 'mousedown', this.resizeStart);
@@ -33803,6 +33923,12 @@ var Resize = /** @__PURE__ @class */ (function () {
             detach(this.resizer);
         }
         this.parent.off(destroy, this.destroy);
+        this.iframeMouseUpBoundFn = null;
+    };
+    Resize.prototype.iframeMouseUp = function (e) {
+        if (this.isResizing) {
+            this.stopResize(e);
+        }
     };
     /**
      * For internal use only - Get the module name.
@@ -35318,7 +35444,7 @@ var ImportExport = /** @__PURE__ @class */ (function () {
                 saveUrl: this.parent.importWord.serviceUrl
             },
             success: function (args) {
-                _this.parent.executeCommand('insertHTML', args.e.currentTarget.response, { undo: true });
+                _this.parent.executeCommand('importWord', args.e.currentTarget.response, { undo: true });
             }
         });
         this.parent.setProperties({ enableXhtml: true }, true);
@@ -35937,7 +36063,7 @@ var FileManagerSettings = /** @__PURE__ @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     __decorate$2([
-        Event()
+        Event$1()
     ], FileManagerSettings.prototype, "beforeSend", void 0);
     __decorate$2([
         Complex({ getImageUrl: null, url: null, uploadUrl: null }, AjaxSettings)
@@ -36768,11 +36894,16 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                             else if (!isNullOrUndefined(currentParent) && currentParent !== _this.parent.inputElement && currentParent.nodeName !== 'BR') {
                                 if (currentParent.textContent.trim().length === 0 || (currentParent.textContent.trim().length === 1 &&
                                     currentParent.textContent.charCodeAt(0) === 8203)) {
-                                    var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, true).cloneNode(true);
-                                    _this.parent.formatter.editorManager.domNode.insertAfter(newElem, currentParent);
-                                    var outerBRElem = _this.parent.createElement('br');
-                                    newElem.parentElement.insertBefore(outerBRElem, newElem);
-                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElem, 0);
+                                    if (currentParent.childElementCount > 1 && currentParent.lastElementChild.nodeName === 'IMG') {
+                                        _this.insertBRElement();
+                                    }
+                                    else {
+                                        var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, true).cloneNode(true);
+                                        _this.parent.formatter.editorManager.domNode.insertAfter(newElem, currentParent);
+                                        var outerBRElem = _this.parent.createElement('br');
+                                        newElem.parentElement.insertBefore(outerBRElem, newElem);
+                                        _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElem, 0);
+                                    }
                                 }
                                 else {
                                     var newElem = void 0;
@@ -36807,6 +36938,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                             e.args.preventDefault();
                         }
                         _this.triggerActionComplete(e, shiftKey_1);
+                        _this.parent.inputElement.dispatchEvent(new Event('input'));
                     }
                 });
             }
@@ -37343,6 +37475,17 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
      * @public
      */
     RichTextEditor.prototype.executeCommand = function (commandName, value, option) {
+        if (commandName === 'importWord') {
+            var importContainer = this.createElement('div');
+            importContainer.innerHTML = value;
+            var tableElement = importContainer.querySelectorAll('table:not(.e-rte-table):not(.e-rte-paste-table)');
+            for (var i = 0; i < tableElement.length; i++) {
+                tableElement[i].classList.add('e-rte-paste-table');
+            }
+            value = importContainer.innerHTML;
+            importContainer.remove();
+            commandName = 'insertHTML';
+        }
         value = this.htmlPurifier(commandName, value);
         var internalValue;
         if (this.editorMode === 'HTML') {
@@ -39414,7 +39557,6 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 var iframeElement = this.element.querySelector('#' + this.getID() + '_rte-view');
                 if (iframeElement) {
                     this.setAutoHeight(iframeElement);
-                    this.inputElement.style.overflow = 'hidden';
                 }
             }
         }
@@ -39439,9 +39581,14 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
     };
     RichTextEditor.prototype.setAutoHeight = function (element) {
         if (!isNullOrUndefined(element)) {
-            element.style.height = 'auto';
-            element.style.height = (this.inputElement.scrollHeight + 16) + 'px';
-            element.style.overflow = 'hidden';
+            if (element.nodeName === 'TEXTAREA') {
+                element.style.height = 'auto';
+                element.style.height = (this.inputElement.scrollHeight + 16) + 'px';
+                element.style.overflow = 'hidden';
+            }
+            else if (element.nodeName === 'IFRAME') {
+                element.style.height = this.inputElement.parentElement.offsetHeight + 'px';
+            }
         }
     };
     RichTextEditor.prototype.wireEvents = function () {
@@ -39826,124 +39973,124 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         Property(10000)
     ], RichTextEditor.prototype, "saveInterval", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "actionBegin", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "actionComplete", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "beforeDialogOpen", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "dialogOpen", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "beforeDialogClose", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "dialogClose", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "beforeQuickToolbarOpen", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "quickToolbarOpen", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "quickToolbarClose", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "toolbarStatusUpdate", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "updatedToolbarStatus", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "imageSelected", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "beforeImageUpload", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "imageUploading", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "imageUploadSuccess", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "imageUploadFailed", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "imageRemoving", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "afterImageDelete", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "fileSelected", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "beforeFileUpload", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "fileUploading", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "fileUploadSuccess", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "fileUploadFailed", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "fileRemoving", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "afterMediaDelete", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "created", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "destroyed", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "beforeSanitizeHtml", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "blur", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "toolbarClick", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "focus", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "change", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "resizing", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "resizeStart", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "resizeStop", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "beforePasteCleanup", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "afterPasteCleanup", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "beforeImageDrop", void 0);
     __decorate$5([
         Property(null)
     ], RichTextEditor.prototype, "formatter", void 0);
     __decorate$5([
-        Event()
+        Event$1()
     ], RichTextEditor.prototype, "slashMenuItemSelect", void 0);
     RichTextEditor = __decorate$5([
         NotifyPropertyChanges