@syncfusion/ej2-richtexteditor 26.2.9 → 26.2.11-618955

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

@@ -773,18 +773,18 @@ const autoResize = 'autoResize';
  * @hidden
  * @deprecated
  */
-const blockEmptyNodes = `address:empty, article:empty, aside:empty, blockquote:empty,
- details:empty, dd:empty, div:empty, dl:empty, dt:empty, fieldset:empty, footer:empty,form:empty, h1:empty,
- h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, header:empty, hgroup:empty, li:empty, main:empty, nav:empty,
+const blockEmptyNodes = `address:empty, article:empty, aside:empty, blockquote:empty,
+ details:empty, dd:empty, div:empty, dl:empty, dt:empty, fieldset:empty, footer:empty,form:empty, h1:empty,
+ h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, header:empty, hgroup:empty, li:empty, main:empty, nav:empty,
  noscript:empty, output:empty, p:empty, pre:empty, section:empty, td:empty, th:empty`;
 /**
  * @hidden
  * @deprecated
  */
-const inlineEmptyNodes = `a:empty, abbr:empty, acronym:empty, b:empty, bdi:empty, bdo:empty, big:empty, button:empty,
-canvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn:empty, em:empty, font:empty, i:empty, iframe:empty,
-ins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,
-q:empty, ruby:empty, s:empty, samp:empty, script:empty, select:empty, slot:empty, small:empty, span:empty, strong:empty, strike:empty, sub:empty, sup:empty, svg:empty,
+const inlineEmptyNodes = `a:empty, abbr:empty, acronym:empty, b:empty, bdi:empty, bdo:empty, big:empty, button:empty,
+canvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn:empty, em:empty, font:empty, i:empty, iframe:empty,
+ins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,
+q:empty, ruby:empty, s:empty, samp:empty, script:empty, select:empty, slot:empty, small:empty, span:empty, strong:empty, strike:empty, sub:empty, sup:empty, svg:empty,
 template:empty, textarea:empty, time:empty, u:empty, tt:empty, var:empty, wbr:empty`;
 /**
  * @hidden
@@ -4854,6 +4854,13 @@ function scrollToCursor(document, inputElement) {
             }
         }
     }
+    const scrollVal = inputElement.closest('div[style*="overflow-y: scroll"]');
+    if (!isNullOrUndefined(scrollVal)) {
+        const parentRect = scrollVal.getBoundingClientRect();
+        if (cursorBottom > parentRect.bottom) {
+            scrollVal.scrollTop += (cursorBottom - parentRect.bottom);
+        }
+    }
 }
 /**
  * Inserts items at a specific index in an array.
@@ -8488,7 +8495,7 @@ class Image$1 {
         let altText;
         let selectArgs;
         let filesData;
-        let previousURL = null;
+        let previousFileInfo = null;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertImageSettings.saveUrl, removeUrl: this.parent.insertImageSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl, cssClass: this.parent.getCssClass(),
@@ -8543,10 +8550,10 @@ class Image$1 {
                 e.detectImageSource = ImageInputSource.Uploaded;
                 this.parent.trigger(imageUploadSuccess, e, (e) => {
                     if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
-                        const url = this.parent.insertImageSettings.path + e.file.name;
+                        const url = this.parent.insertImageSettings.path + (e).file.name;
                         // Update the URL of the previously uploaded image
-                        if (!isNullOrUndefined(previousURL) && e.operation === 'upload') {
-                            proxy.imageRemovePost(previousURL);
+                        if (!isNullOrUndefined(previousFileInfo) && e.operation === 'upload') {
+                            this.uploadObj.remove(previousFileInfo);
                         }
                         proxy.uploadUrl = {
                             url: url, selection: save, altText: altText, selectParent: selectParent,
@@ -8559,7 +8566,7 @@ class Image$1 {
                             }
                         };
                         proxy.inputUrl.setAttribute('disabled', 'true');
-                        previousURL = url;
+                        previousFileInfo = e.file;
                     }
                     if (e.operation === 'upload' && !isNullOrUndefined(this.dialogObj)) {
                         this.dialogObj.getButtons(0).element.removeAttribute('disabled');
@@ -11601,12 +11608,12 @@ const DESTROY = 'destroy';
  */
 const INTERNAL_DESTROY = 'internal_destroy';
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var KeyboardEvents_1;
 const keyCode = {
     'backspace': 8,
@@ -14363,126 +14370,126 @@ class DialogRenderer {
     }
 }
 
-const IFRAMEHEADER = `
-<!DOCTYPE html> 
-    <html>
-         <head>
-            <meta charset='utf-8' /> 
-            <style>
-                @charset "UTF-8";
-                body {
-                    font-family: "Roboto", sans-serif;
-                    font-size: 14px;
-                }
-                html, body{height: 100%;margin: 0;}
-                body.e-cursor{cursor:default}
-                span.e-selected-node	{background-color: #939393;color: white;}
-                span.e-selected-node.e-highlight {background-color: #1d9dd8;}
-                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}
-                .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:
-                    block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
-                .e-rte-audio {border: 0;cursor: pointer;display:
-                        block;float: none;margin: 5px auto;max-width: 100%;position: relative;}
-                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;
-                    margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}
-                .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;}
-                .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}
-                .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}
-                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}
-                .e-img-caption.e-caption-inline {display: inline-block;float: none;
-                    margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));
-                    position: relativetext-align: center;vertical-align: bottom;}
-                .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}
-                .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}
-                .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}
-                .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}
-                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;
-                    margin: auto;opacity: .9;text-align: center;width: 100%;}
-                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}
-                .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}
-                .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}
-                .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
-                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}
-                .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;
-                    max-width: calc(100% - (2 * 5px));vertical-align: bottom;}
-                .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;
-                    display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
-                .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;}
-                img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}
-                span.e-rte-imageboxmark, span.e-rte-videoboxmark {  width: 10px; height: 10px; position: absolute; display: block;
-                    background: #4a90e2; border: 1px solid #fff; z-index: 1000;}
-                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }
-                .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;
-                    border-radius: 15px; height: 20px; width: 20px; }
-                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }
-                .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }
-                .e-rte-content { font-size: 14px; }
-                .e-content { font-weight: normal; line-height: 1.5; font-size: 1em; }
-                .e-img-caption .e-img-inner { outline: 0; }
-                .e-rte-img-caption.e-imgleft .e-img-inner { float: left; text-align: left; }
-                .e-rte-img-caption.e-imgright .e-img-inner { float: right; text-align: right; }
-                .e-rte-img-caption.e-imgleft .e-img-wrap, .e-rte-img-caption.e-imgright .e-img-wrap { display: contents; }
-                .e-img-caption a:focus-visible { outline: none; }
-                .e-rte-img-caption .e-rte-image.e-imgright { margin-left: auto; margin-right: 0; }
-                .e-rte-img-caption .e-rte-image.e-imgleft { margin: 0; }
-                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;
-                    overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}
-                p{margin: 0 0 10px;margin-bottom: 10px;}
-                li{margin-bottom: 10px;}
-                table{margin-bottom: 10px;}
-                h1{ font-size: 2.857em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
-                h2{ font-size: 2.285em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
-                h3{ font-size: 2em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
-                h4{ font-size: 1.714em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
-                h5{ font-size: 1.428em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
-                h6{ font-size: 1.142em; line-height: 600; line-height: 1.5; margin: 10px 0; }
-                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}
-                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;
-                    font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;
-                    white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}
-                strong, b{font-weight: 700;}
-                a{text-decoration: none;user-select: auto;}
-                a:hover{text-decoration: underline;};
-                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}
-                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}
-                ul:last-child{margin-bottom: 0;}
-                table { border-collapse: collapse; empty-cells: show;}
-                table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}
-                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}
-                table th {background-color: #E0E0E0;}
-                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} 
-                table .e-cell-select {border: 1px double #4a90e2;}
-                table.e-cell-select {position: relative;}
-                table.e-cell-select::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #4a90e2; pointer-events: none;}
-                table td.e-cell-select.e-multi-cells-select, table th.e-cell-select.e-multi-cells-select {border: 1px solid #dee2e6; position: relative; }
-                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: "";
-                    position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; pointer-events: none; right: 0;}
-                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }
-                span.e-table-box.e-rmob {height: 14px;width: 14px;}
-                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;
-                    bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }
-                .e-row-resize { cursor: row-resize; height: 1px;}
-                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}
-                .e-table-rhelper.e-column-helper { width: 1px; }
-                .e-table-rhelper.e-row-helper {height: 1px;}
-                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;
-                    border-top: 6px solid transparent; content: ''; display: block; height: 0;
-                    position: absolute; right: 4px; top: 4px; width: 20px; }
-                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;
-                    border-top: 6px solid transparent; content: ''; display: block;
-                    height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }
-                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }
-                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }
-                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }
-                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }
-                .e-table-rhelper { background-color: #4a90e2;}
-                .e-rtl { direction: rtl; }
-                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }
-                li ol, li ul { margin-block-start: 10px;}
-                .e-resize-enabled, .e-count-enabled { padding-bottom: 0px; }
-                td.e-multi-cells-select ::selection, th.e-multi-cells-select ::selection { background-color: transparent; }
-                td.e-multi-cells-select, th.e-multi-cells-select { user-select: none !important; }
-            </style>
+const IFRAMEHEADER = `
+<!DOCTYPE html> 
+    <html>
+         <head>
+            <meta charset='utf-8' /> 
+            <style>
+                @charset "UTF-8";
+                body {
+                    font-family: "Roboto", sans-serif;
+                    font-size: 14px;
+                }
+                html, body{height: 100%;margin: 0;}
+                body.e-cursor{cursor:default}
+                span.e-selected-node	{background-color: #939393;color: white;}
+                span.e-selected-node.e-highlight {background-color: #1d9dd8;}
+                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}
+                .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:
+                    block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
+                .e-rte-audio {border: 0;cursor: pointer;display:
+                        block;float: none;margin: 5px auto;max-width: 100%;position: relative;}
+                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;
+                    margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}
+                .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;}
+                .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}
+                .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}
+                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}
+                .e-img-caption.e-caption-inline {display: inline-block;float: none;
+                    margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));
+                    position: relativetext-align: center;vertical-align: bottom;}
+                .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}
+                .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}
+                .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}
+                .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}
+                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;
+                    margin: auto;opacity: .9;text-align: center;width: 100%;}
+                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}
+                .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}
+                .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}
+                .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
+                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}
+                .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;
+                    max-width: calc(100% - (2 * 5px));vertical-align: bottom;}
+                .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;
+                    display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
+                .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;}
+                img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}
+                span.e-rte-imageboxmark, span.e-rte-videoboxmark {  width: 10px; height: 10px; position: absolute; display: block;
+                    background: #4a90e2; border: 1px solid #fff; z-index: 1000;}
+                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }
+                .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;
+                    border-radius: 15px; height: 20px; width: 20px; }
+                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }
+                .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }
+                .e-rte-content { font-size: 14px; }
+                .e-content { font-weight: normal; line-height: 1.5; font-size: 1em; }
+                .e-img-caption .e-img-inner { outline: 0; }
+                .e-rte-img-caption.e-imgleft .e-img-inner { float: left; text-align: left; }
+                .e-rte-img-caption.e-imgright .e-img-inner { float: right; text-align: right; }
+                .e-rte-img-caption.e-imgleft .e-img-wrap, .e-rte-img-caption.e-imgright .e-img-wrap { display: contents; }
+                .e-img-caption a:focus-visible { outline: none; }
+                .e-rte-img-caption .e-rte-image.e-imgright { margin-left: auto; margin-right: 0; }
+                .e-rte-img-caption .e-rte-image.e-imgleft { margin: 0; }
+                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;
+                    overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}
+                p{margin: 0 0 10px;margin-bottom: 10px;}
+                li{margin-bottom: 10px;}
+                table{margin-bottom: 10px;}
+                h1{ font-size: 2.857em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
+                h2{ font-size: 2.285em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
+                h3{ font-size: 2em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
+                h4{ font-size: 1.714em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
+                h5{ font-size: 1.428em; font-weight: 600; line-height: 1.2; margin: 10px 0; }
+                h6{ font-size: 1.142em; line-height: 600; line-height: 1.5; margin: 10px 0; }
+                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}
+                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;
+                    font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;
+                    white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}
+                strong, b{font-weight: 700;}
+                a{text-decoration: none;user-select: auto;}
+                a:hover{text-decoration: underline;};
+                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}
+                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}
+                ul:last-child{margin-bottom: 0;}
+                table { border-collapse: collapse; empty-cells: show;}
+                table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}
+                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}
+                table th {background-color: #E0E0E0;}
+                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} 
+                table .e-cell-select {border: 1px double #4a90e2;}
+                table.e-cell-select {position: relative;}
+                table.e-cell-select::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #4a90e2; pointer-events: none;}
+                table td.e-cell-select.e-multi-cells-select, table th.e-cell-select.e-multi-cells-select {border: 1px solid #dee2e6; position: relative; }
+                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: "";
+                    position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; pointer-events: none; right: 0;}
+                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }
+                span.e-table-box.e-rmob {height: 14px;width: 14px;}
+                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;
+                    bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }
+                .e-row-resize { cursor: row-resize; height: 1px;}
+                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}
+                .e-table-rhelper.e-column-helper { width: 1px; }
+                .e-table-rhelper.e-row-helper {height: 1px;}
+                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;
+                    border-top: 6px solid transparent; content: ''; display: block; height: 0;
+                    position: absolute; right: 4px; top: 4px; width: 20px; }
+                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;
+                    border-top: 6px solid transparent; content: ''; display: block;
+                    height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }
+                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }
+                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }
+                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }
+                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }
+                .e-table-rhelper { background-color: #4a90e2;}
+                .e-rtl { direction: rtl; }
+                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }
+                li ol, li ul { margin-block-start: 10px;}
+                .e-resize-enabled, .e-count-enabled { padding-bottom: 0px; }
+                td.e-multi-cells-select ::selection, th.e-multi-cells-select ::selection { background-color: transparent; }
+                td.e-multi-cells-select, th.e-multi-cells-select { user-select: none !important; }
+            </style>
         </head>`;
 /**
  * Content module is used to render Rich Text Editor content
@@ -21962,8 +21969,6 @@ class Lists {
                 this.saveSelection = this.parent.nodeSelection.save(range, this.parent.currentDocument);
             }
             let blockNodes;
-            const startOffset = range.startOffset;
-            const endOffset = range.endOffset;
             const startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
             const endNode = this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
             if ((startNode === endNode && (startNode.nodeName === 'BR' || startNode.nodeName === '#text') &&
@@ -23032,7 +23037,7 @@ class Formats {
                     }
                     else {
                         const nodeCutter = new NodeCutter();
-                        const newElem = nodeCutter.SplitNode(range, startParent.parentElement, false).cloneNode(true);
+                        nodeCutter.SplitNode(range, startParent.parentElement, false).cloneNode(true);
                         this.paraFocus(startParent.parentElement === this.parent.editableElement ?
                             startParent : startParent.parentElement);
                     }
@@ -23683,7 +23688,8 @@ class InsertHtml {
                     preNode.parentNode.replaceChild(fragment, preNode);
                 }
                 else {
-                    const startContainerParent = editNode === range.startContainer ? range.startContainer : range.startContainer.parentNode;
+                    const startContainerParent = editNode === range.startContainer ? range.startContainer
+                        : range.startContainer.parentNode;
                     // Get the index of the start container among its siblings
                     const startIndex = Array.prototype.indexOf.call(startContainerParent.childNodes, (Browser.userAgent.indexOf('Firefox') !== -1 && editNode === range.startContainer) ? range.startContainer.firstChild : range.startContainer);
                     range.deleteContents();
@@ -23894,6 +23900,12 @@ class InsertHtml {
                         currentNode.nextSibling.nodeName === 'BR') {
                         detach(currentNode.nextSibling);
                     }
+                    if (currentNode.parentElement.nodeName === 'LI' && currentNode.parentElement.textContent === '') {
+                        this.removeListfromPaste(range);
+                        range.insertNode(node);
+                        this.contentsDeleted = true;
+                        return;
+                    }
                 }
                 else if ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNullOrUndefined(currentNode.parentElement) &&
                     (currentNode.parentElement.nodeName === 'LI' || currentNode.parentElement.closest('LI') || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
@@ -23904,13 +23916,7 @@ class InsertHtml {
                         detach(currentNode.nextSibling);
                     }
                     if (!range.collapsed) {
-                        range.deleteContents();
-                        const 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((item) => {
-                                item.remove();
-                            });
-                        }
+                        this.removeListfromPaste(range);
                     }
                     range.insertNode(node);
                     this.contentsDeleted = true;
@@ -24059,6 +24065,17 @@ class InsertHtml {
             }
         }
     }
+    static removeListfromPaste(range) {
+        range.deleteContents();
+        const 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((item) => {
+                if (item.textContent.trim() === '') {
+                    item.remove();
+                }
+            });
+        }
+    }
 }
 /**
  * Insert method
@@ -26038,7 +26055,7 @@ class TableCommand {
             detach(selectedCells[i]);
         }
         for (let i = 0; i < this.curTable.rows.length; i++) {
-            if (this.curTable.rows[i].innerHTML === '') {
+            if (this.curTable.rows[i].innerHTML.trim() === '') {
                 detach(this.curTable.rows[i]);
             }
         }
@@ -26796,8 +26813,25 @@ class SelectionCommands {
             if (!isNullOrUndefined(cursorNodes[0].parentElement) && IsFormatted.inlineTags.
                 indexOf((cursorNodes[0].parentElement).tagName.toLowerCase()) !== -1 && cursorNodes[0].textContent.includes('\u200B')) {
                 const element = this.GetFormatNode(format, value);
+                const tempNode = cursorNodes[0];
+                if (format === 'fontsize') {
+                    let currentFormatNode = cursorNodes[0];
+                    while (currentFormatNode) {
+                        const isSameTextContent = currentFormatNode.parentElement.textContent.trim()
+                            === cursorNodes[0].textContent.trim();
+                        const previousElement = currentFormatNode.parentElement;
+                        if (!domNode.isBlockNode(previousElement) && isSameTextContent &&
+                            !(previousElement.nodeName === 'SPAN' && previousElement.classList.contains('e-img-inner'))) {
+                            currentFormatNode = previousElement;
+                        }
+                        else {
+                            break;
+                        }
+                        cursorNodes[0] = currentFormatNode;
+                    }
+                }
                 this.applyStyles(cursorNodes, 0, element);
-                return cursorNodes[0];
+                return tempNode;
             }
             cursorNode = this.getInsertNode(docElement, range, format, value).firstChild;
         }
@@ -28237,6 +28271,7 @@ class MsWordPaste {
     constructor(parent) {
         this.olData = [
             'decimal',
+            'decimal-leading-zero',
             'lower-alpha',
             'lower-roman',
             'upper-alpha',
@@ -28409,7 +28444,8 @@ class MsWordPaste {
                 imgElem[i].getAttribute('v:shapes').toLowerCase().indexOf('image') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0 &&
-                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_i') < 0) {
+                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_i') < 0 &&
+                imgElem[i].getAttribute('v:shapes').indexOf('img1') < 0) {
                 imgElem[i].classList.add('e-rte-image-unsupported');
             }
             imgElem[i].removeAttribute('v:shapes');
@@ -28419,7 +28455,7 @@ class MsWordPaste {
         const base64Src = [];
         const imgName = [];
         // eslint-disable-next-line
-        const linkRegex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
+        const linkRegex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.)|(blob\:))(\S+))/gi);
         if (imgElem.length > 0) {
             for (let i = 0; i < imgElem.length; i++) {
                 imgSrc.push(imgElem[i].getAttribute('src'));
@@ -28919,7 +28955,7 @@ class MsWordPaste {
                 listStyleType = this.getlistStyleType(this.listContents[0], type);
                 if (type === 'ol' && (i === 0 || listNodes[i - 1] === null)) {
                     const startString = this.listContents[0].split('.')[0];
-                    const listTypes = ['A', 'a', 'I', 'i', 'α', '1', '1-']; // Add '1-' for rare list type.
+                    const listTypes = ['A', 'a', 'I', 'i', 'α', '1', '01', '1-']; // Add '1-' for rare list type.
                     if (listTypes.indexOf(startString) === -1) {
                         if (listStyleType === 'decimal') {
                             // Bug in getlistStyleType() list style stype is returned as decimal for nested list with start attribute
@@ -29008,6 +29044,9 @@ class MsWordPaste {
                 case (charCode > 96 && charCode < 123):
                     currentListClass = 'lower-alpha';
                     break;
+                case (listContent.split('.')[0].length > 1 && listContent.split('.')[0][0] === '0' && !isNaN(Number(listContent.split('.')[0]))):
+                    currentListClass = 'decimal-leading-zero';
+                    break;
                 default:
                     currentListClass = 'decimal';
                     break;
@@ -30648,6 +30687,7 @@ class HtmlEditor {
         this.xhtmlValidation = new XhtmlValidation(parent);
         this.addEventListener();
         this.isDestroyed = false;
+        this.isCopyAll = false;
     }
     /**
      * Destroys the Markdown.
@@ -30666,6 +30706,7 @@ class HtmlEditor {
             this.clickTimeout = null;
         }
         this.removeEventListener();
+        this.isCopyAll = null;
         this.locator = null;
         this.contentRenderer = null;
         this.renderFactory = null;
@@ -30848,6 +30889,9 @@ class HtmlEditor {
                 mentionStartNode.textContent.charCodeAt(0) === 8203 &&
                 !isNullOrUndefined(mentionStartNode.previousSibling) && mentionStartNode.previousSibling.contentEditable === 'false';
         }
+        if (this.isCopyAll) {
+            return;
+        }
         let pointer;
         let isRootParent = false;
         if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode && !isMention) {
@@ -30943,6 +30987,12 @@ class HtmlEditor {
         }
     }
     onKeyDown(e) {
+        if (e.args.ctrlKey && e.args.keyCode === 65) {
+            this.isCopyAll = true;
+        }
+        else {
+            this.isCopyAll = false;
+        }
         let currentRange;
         const args = e.args;
         if (this.parent.inputElement.querySelectorAll('.e-cell-select').length > 1 && (args.keyCode === 8 || args.keyCode === 32 || args.keyCode === 13)) {
@@ -31137,6 +31187,10 @@ class HtmlEditor {
             else {
                 this.oldRangeElement = this.rangeElement.previousElementSibling;
             }
+            const findBlockElement = this.parent.formatter.editorManager.domNode.blockNodes();
+            if (!isNullOrUndefined(findBlockElement[0]) && currentRange.collapsed && currentRange.startOffset === 0 && currentRange.endOffset === 0 && findBlockElement[0].style.marginLeft !== '') {
+                findBlockElement[0].style.marginLeft = (parseInt(findBlockElement[0].style.marginLeft, 10) <= 20) ? '' : (parseInt(findBlockElement[0].style.marginLeft, 10) - 20 + 'px');
+            }
             if (isNullOrUndefined(this.oldRangeElement)) {
                 return;
             }
@@ -32030,9 +32084,7 @@ class PasteCleanup {
             dropArea: this.parent.inputElement,
             allowedExtensions: this.parent.insertImageSettings.allowedTypes.toString(),
             success: (e) => {
-                this.popupCloseTime = setTimeout(() => {
-                    this.popupClose(this.popupObj, this.uploadObj, imgElem, e);
-                }, 900);
+                this.popupClose(this.popupObj, this.uploadObj, imgElem, e);
             },
             uploading: (e) => {
                 if (!this.parent.isServerRendered) {
@@ -32113,30 +32165,31 @@ class PasteCleanup {
         this.parent.inputElement.contentEditable = 'true';
         e.element = imgElem;
         e.detectImageSource = ImageInputSource.Pasted;
-        uploadObj.filesData.forEach((element) => {
-            if (element.statusCode === '2') {
-                this.parent.trigger(imageUploadSuccess, e, (e) => {
-                    if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
-                        const url = this.parent.insertImageSettings.path + e.file.name;
-                        imgElem.src = url;
-                        imgElem.setAttribute('alt', e.file.name);
-                    }
-                });
-            }
-            else if (element.statusCode === '5') {
-                this.parent.trigger(imageRemoving, e, (e) => {
-                    if (!isNullOrUndefined(e.element.src)) {
-                        e.element.src = '';
-                    }
-                });
-            }
-        });
-        popupObj.close();
-        imgElem.style.opacity = '1';
-        if (uploadObj && document.body.contains(uploadObj.element)) {
-            uploadObj.destroy();
+        const element = e.file;
+        if (element.statusCode === '2') {
+            this.parent.trigger(imageUploadSuccess, e, (e) => {
+                if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
+                    const url = this.parent.insertImageSettings.path + e.file.name;
+                    imgElem.src = url;
+                    imgElem.setAttribute('alt', e.file.name);
+                }
+            });
+        }
+        else if (element.statusCode === '5') {
+            this.parent.trigger(imageRemoving, e, (e) => {
+                if (!isNullOrUndefined(e.element.src)) {
+                    e.element.src = '';
+                }
+            });
         }
-        this.toolbarEnableDisable(false);
+        this.popupCloseTime = setTimeout(function () {
+            popupObj.close();
+            imgElem.style.opacity = '1';
+            this.toolbarEnableDisable(false);
+            if (uploadObj && document.body.contains(uploadObj.element)) {
+                uploadObj.destroy();
+            }
+        }.bind(this), 1500);
     }
     refreshPopup(imageElement, popupObj) {
         const imgPosition = this.parent.iframeSettings.enable ? this.parent.element.offsetTop +
@@ -34782,12 +34835,12 @@ class RendererFactory {
     }
 }
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the toolbar settings of the RichTextEditor.
  */
@@ -35177,12 +35230,12 @@ __decorate$1([
     Property(bulletFormatList)
 ], BulletFormatList.prototype, "types", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Objects used for configuring the iframe resources properties.
  */
@@ -35209,12 +35262,12 @@ __decorate$2([
     Complex({}, Resources)
 ], IFrameSettings.prototype, "resources", void 0);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the inlineMode property of the RTE.
  */
@@ -35733,7 +35786,7 @@ class EnterKeyAction {
                 this.range.insertNode(brElm);
             }
         }
-        if (isEmptyBrInserted || (!isNullOrUndefined(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || (!isNullOrUndefined(brElm.nextSibling) && brElm.nextSibling.textContent.length > 0)) {
+        if (isEmptyBrInserted || (!isNullOrUndefined(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || (!isNullOrUndefined(brElm.nextSibling) && (brElm.nextSibling.textContent.length > 0 || (brElm.nextSibling.nodeName === '#text' && brElm.nextSibling.textContent.trim().length === 0 && !isNullOrUndefined(brElm.nextSibling.nextSibling) && brElm.nextSibling.nextSibling.textContent.trim().length > 0)))) {
             this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), !isNullOrUndefined(brElm.nextSibling) && isFocusTextNode ? brElm.nextSibling : brElm, 0);
             isEmptyBrInserted = false;
         }
@@ -35895,12 +35948,12 @@ class EnterKeyAction {
     }
 }
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Represents the Rich Text Editor component.
  * ```html