@syncfusion/ej2-richtexteditor 25.1.38 → 25.1.39

package/src/rich-text-editor/renderer/video-module.js

@@ -817,7 +817,7 @@ var Video = /** @class */ (function () {
             this.parent.formatter.saveData();
         }
         e.selection.restore();
-        this.parent.formatter.process(this.parent, e.args, e.args, {
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, {
             selectNode: e.selectNode,
             subCommand: e.args.item.subCommand
         });
@@ -907,6 +907,9 @@ var Video = /** @class */ (function () {
                 this.prevSelectedVidEle.style.outline = '';
             }
         }
+        if (this.parent.inlineMode.enable && target && this.dialogObj && !closest(target, '#' + this.dialogObj.element.id)) {
+            this.dialogObj.hide();
+        }
     };
     Video.prototype.removeResizeEle = function () {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -924,7 +927,7 @@ var Video = /** @class */ (function () {
         }
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Break';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Video.prototype.inline = function (e) {
         if (e.selectNode[0].nodeName !== 'VIDEO' && !this.isEmbedVidElem(e.selectNode[0])) {
@@ -932,12 +935,12 @@ var Video = /** @class */ (function () {
         }
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Inline';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Video.prototype.alignVideo = function (e, type) {
         var subCommand = (e.args.item) ?
             e.args.item.subCommand : type;
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     };
     Video.prototype.editAreaClickHandler = function (e) {
         if (this.parent.readonly) {
@@ -1081,7 +1084,7 @@ var Video = /** @class */ (function () {
                     _this.uploadObj.removing();
                 }
                 _this.parent.isBlur = false;
-                if (event && event.event.returnValue) {
+                if (event && !isNOU(event.event) && event.event.returnValue) {
                     if (_this.parent.editorMode === 'HTML') {
                         selection.restore();
                     }
@@ -1173,21 +1176,26 @@ var Video = /** @class */ (function () {
                 }
             }
         });
-        if (e.selectNode && ((e.selectNode[0] && e.selectNode[0].nodeType !== 3 &&
-            e.selectNode[0].nodeName !== 'BR' &&
-            (e.selectNode[0].classList &&
-                e.selectNode[0].classList.contains(classes.CLS_VID_CLICK_ELEM))) ||
-            e.selectNode[0].nodeName === 'IFRAME' || e.selectNode[0].nodeName === 'VIDEO')) {
-            var regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
-            var sourceElement = e.selectNode[0].querySelector('source');
-            this.inputUrl.value = sourceElement.src.match(regex) ? sourceElement.src : '';
+        if (e.selectNode && e.selectNode[0] && (e.selectNode[0].nodeName === 'VIDEO' || this.isEmbedVidElem(e.selectNode[0]))) {
+            if (e.selectNode[0].nodeName === 'VIDEO') {
+                var regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
+                var sourceElement = e.selectNode[0].querySelector('source');
+                this.inputUrl.value = sourceElement && sourceElement.src && sourceElement.src.match(regex) ? sourceElement.src : '';
+            }
+            else {
+                this.embedInputUrl.value = e.selectNode[0].nodeName === 'IFRAME' ? e.selectNode[0].outerHTML
+                    : e.selectNode[0].querySelector('iframe').outerHTML;
+            }
         }
+        var isWebUrl = this.inputUrl.value ? true : false;
         var embedUrlBtn = new RadioButton({
             label: this.i10n.getConstant('embeddedCode'),
-            checked: true,
+            checked: !isWebUrl,
             name: 'URL',
             created: function () {
-                urlContent.appendChild(_this.embedInputUrl);
+                if (!isWebUrl) {
+                    urlContent.appendChild(_this.embedInputUrl);
+                }
             },
             change: function () {
                 urlContent.innerHTML = '';
@@ -1197,7 +1205,13 @@ var Video = /** @class */ (function () {
         embedUrlBtn.appendTo(videoUrl.querySelector('#embedURL'));
         var webUrlBtn = new RadioButton({
             label: this.i10n.getConstant('webUrl'),
+            checked: isWebUrl,
             name: 'URL',
+            created: function () {
+                if (isWebUrl) {
+                    urlContent.appendChild(_this.inputUrl);
+                }
+            },
             change: function () {
                 urlContent.innerHTML = '';
                 urlContent.appendChild(_this.inputUrl);

package/styles/bootstrap-dark.css

@@ -551,6 +551,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 7px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 62px;
+  margin-top: -3px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #f0f0f0;
@@ -1458,6 +1464,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 46px;
+  margin-top: -3px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/bootstrap.css

@@ -692,6 +692,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 7px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 62px;
+  margin-top: -3px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #333;
@@ -1599,6 +1605,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 46px;
+  margin-top: -3px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/bootstrap4.css

@@ -787,6 +787,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 65px;
+  margin-top: -1px;
+  padding: 0;
+}
 
 .e-richtexteditor {
   color: #212529;
@@ -1694,6 +1700,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 47px;
+  margin-top: -3px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/bootstrap5-dark.css

@@ -550,6 +550,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 8px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 63px;
+  margin-top: 6px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #fff;
@@ -1465,6 +1471,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 50px;
+  margin-top: 7px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/bootstrap5.css

@@ -550,6 +550,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 8px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 63px;
+  margin-top: 6px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #212529;
@@ -1465,6 +1471,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 50px;
+  margin-top: 7px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/fabric-dark.css

@@ -540,6 +540,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 60px;
+  margin-top: 3px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #dadada;
@@ -1447,6 +1453,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 40px;
+  margin-top: -2px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/fabric.css

@@ -540,6 +540,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 60px;
+  margin-top: 3px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #333;
@@ -1447,6 +1453,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 40px;
+  margin-top: -2px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/fluent-dark.css

@@ -543,6 +543,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 8px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 60px;
+  margin-top: 10px;
+  padding: 5px;
+}
 
 .e-richtexteditor {
   color: #f3f2f1;
@@ -1452,6 +1458,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 45px;
+  margin-top: 17px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/fluent.css

@@ -543,6 +543,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 8px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 60px;
+  margin-top: 10px;
+  padding: 5px;
+}
 
 .e-richtexteditor {
   color: #201f1e;
@@ -1452,6 +1458,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 45px;
+  margin-top: 17px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/highcontrast-light.css

@@ -540,6 +540,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 66px;
+  margin-top: -4px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #fff;
@@ -1447,6 +1453,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 40px;
+  margin-top: -2px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/highcontrast.css

@@ -540,6 +540,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 60px;
+  margin-top: 2px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #fff;
@@ -1447,6 +1453,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 40px;
+  margin-top: -2px;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/material-dark.css

@@ -540,6 +540,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 6px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 48px;
+  margin-top: -2px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #fff;
@@ -1447,6 +1453,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 40px;
+  margin-top: 0;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/material.css

@@ -540,6 +540,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 6px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 48px;
+  margin-top: -2px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: #333;
@@ -1447,6 +1453,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 40px;
+  margin-top: 0;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/material3-dark.css

@@ -595,6 +595,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 10px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 46px;
+  margin-top: -3px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: rgba(var(--color-sf-on-surface));
@@ -1502,6 +1508,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 38px;
+  margin-top: 0;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/material3.css

@@ -651,6 +651,12 @@
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0 10px;
 }
+.e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 46px;
+  margin-top: -3px;
+  padding: 18px;
+}
 
 .e-richtexteditor {
   color: rgba(var(--color-sf-on-surface));
@@ -1558,6 +1564,11 @@
   border: 0 solid transparent;
   float: none;
 }
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+  margin-right: 38px;
+  margin-top: 0;
+}
 .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
 .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,

package/styles/rich-text-editor/_bds-definition.scss

@@ -259,6 +259,12 @@ $rte-big-emoji-btn-height: 254px;
 $rte-background-color-icon-fontsize: 20px;
 $rte-big-background-color-icon-fontsize: 20px;
 
+$rte-img-upload-abort-icon-btn-margin-right: 50px;
+$rte-img-upload-abort-icon-btn-margin-top: 0;
+$rte-big-img-upload-abort-icon-btn-margin-right: 66px;
+$rte-big-img-upload-abort-icon-btn-margin-top: -5px;
+$rte-big-img-upload-abort-icon-btn-padding: 18px;
+
 $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMi41QzQuNDQ3NzIgMi41IDQgMi45NDc3MiA0IDMuNUM0IDQuMDUyMjggNC40NDc3MiA0LjUgNSA0LjVINi42OTcyMkw3LjUgNS4wMzUxOFYxNi45NjQ4TDYuNjk3MjIgMTcuNUg1QzQuNDQ3NzIgMTcuNSA0IDE3Ljk0NzcgNCAxOC41QzQgMTkuMDUyMyA0LjQ0NzcyIDE5LjUgNSAxOS41SDYuNjk3MjJDNy4wOTIwNyAxOS41IDcuNDc4MDkgMTkuMzgzMSA3LjgwNjYyIDE5LjE2NDFMOC41IDE4LjcwMTlMOS4xOTMzOCAxOS4xNjQxQzkuNTIxOTEgMTkuMzgzMSA5LjkwNzkzIDE5LjUgMTAuMzAyOCAxOS41SDEyQzEyLjU1MjMgMTkuNSAxMyAxOS4wNTIzIDEzIDE4LjVDMTMgMTcuOTQ3NyAxMi41NTIzIDE3LjUgMTIgMTcuNUwxMC4zMDI4IDE3LjVMOS41IDE2Ljk2NDhWNS4wMzUxOEwxMC4zMDI4IDQuNUgxMkMxMi41NTIzIDQuNSAxMyA0LjA1MjI4IDEzIDMuNUMxMyAyLjk0NzcyIDEyLjU1MjMgMi41IDEyIDIuNUgxMC4zMDI4QzkuOTA3OTMgMi41IDkuNTIxOTEgMi42MTY4OCA5LjE5MzM4IDIuODM1OUw4LjUgMy4yOTgxNUw3LjgwNjYyIDIuODM1OUM3LjQ3ODA5IDIuNjE2ODggNy4wOTIwNyAyLjUgNi42OTcyMiAyLjVINVoiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIzLjUgNFY4LjVIMjVDMjUuODI4NCA4LjUgMjYuNSA5LjE3MTU3IDI2LjUgMTBWMTEuNVYxNy41SDIzLjVIMjAuNUgxNi41QzE3LjUgMTUgMTcuNSAxMS41IDE3LjUgMTEuNVYxMEMxNy41IDkuMTcxNTcgMTguMTcxNiA4LjUgMTkgOC41SDIwLjVWNEMyMC41IDMuMTcxNTcgMjEuMTcxNiAyLjUgMjIgMi41QzIyLjgyODQgMi41IDIzLjUgMy4xNzE1NyAyMy41IDRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjMuNSA4LjVWNEMyMy41IDMuMTcxNTcgMjIuODI4NCAyLjUgMjIgMi41VjIuNUMyMS4xNzE2IDIuNSAyMC41IDMuMTcxNTcgMjAuNSA0VjguNU0yMy41IDguNUgyNUMyNS44Mjg0IDguNSAyNi41IDkuMTcxNTcgMjYuNSAxMFYxMS41TTIzLjUgOC41SDIwLjVNMjAuNSA4LjVIMTlDMTguMTcxNiA4LjUgMTcuNSA5LjE3MTU3IDE3LjUgMTBWMTEuNU0yNi41IDExLjVWMTcuNUgyMy41TTI2LjUgMTEuNUgxNy41TTE3LjUgMTEuNUMxNy41IDExLjUgMTcuNSAxNSAxNi41IDE3LjVIMjAuNU0yMy41IDE3LjVWMTQuNU0yMy41IDE3LjVIMjAuNU0yMC41IDE3LjVWMTUuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=')  8 1, auto;
 
 /* stylelint-disable */