@syncfusion/ej2-richtexteditor 18.4.34 → 18.4.42-70943

package/src/rich-text-editor/models/toolbar-settings.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__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 __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__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;
+};
 import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
 import { AjaxSettings, ContextMenuSettings } from '@syncfusion/ej2-filemanager';
 import { DetailsViewSettings, NavigationPaneSettings } from '@syncfusion/ej2-filemanager';

package/src/rich-text-editor/renderer/iframe-content-renderer.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { ContentRender } from '../renderer/content-renderer';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { getEditValue } from '../base/util';

package/src/rich-text-editor/renderer/image-module.d.ts

@@ -24,6 +24,7 @@ export declare class Image {
     private imgDupPos;
     private resizeBtnStat;
     private imgEle;
+    private prevSelectedImgEle;
     private isImgUploaded;
     private pageX;
     private pageY;
@@ -45,6 +46,7 @@ export declare class Image {
     private imgResizePos;
     private calcPos;
     private setAspectRatio;
+    private onWindowResize;
     private pixToPerc;
     private imgDupMouseMove;
     private resizing;

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

@@ -31,6 +31,7 @@ var Image = /** @class */ (function () {
         this.parent.on(events.keyDown, this.onKeyDown, this);
         this.parent.on(events.keyUp, this.onKeyUp, this);
         this.parent.on(events.insertImage, this.insertImage, this);
+        this.parent.on(events.windowResize, this.onWindowResize, this);
         this.parent.on(events.insertCompleted, this.showImageQuickToolbar, this);
         this.parent.on(events.imageToolbarAction, this.onToolbarAction, this);
         this.parent.on(events.imageCaption, this.caption, this);
@@ -51,6 +52,7 @@ var Image = /** @class */ (function () {
         }
         this.parent.off(events.keyDown, this.onKeyDown);
         this.parent.off(events.keyUp, this.onKeyUp);
+        this.parent.off(events.windowResize, this.onWindowResize);
         this.parent.off(events.insertImage, this.insertImage);
         this.parent.off(events.insertCompleted, this.showImageQuickToolbar);
         this.parent.off(events.imageCaption, this.caption);
@@ -138,6 +140,7 @@ var Image = /** @class */ (function () {
             return;
         }
         var target = ele ? ele : e.target;
+        this.prevSelectedImgEle = this.imgEle;
         if (target.tagName === 'IMG') {
             this.parent.preventDefaultResize(e);
             var img = target;
@@ -272,7 +275,6 @@ var Image = /** @class */ (function () {
     Image.prototype.calcPos = function (elem) {
         var ignoreOffset = ['TD', 'TH', 'TABLE', 'A'];
         var parentOffset = { top: 0, left: 0 };
-        var offset = elem.getBoundingClientRect();
         var doc = elem.ownerDocument;
         var offsetParent = ((elem.offsetParent && (elem.offsetParent.classList.contains('e-img-caption') ||
             ignoreOffset.indexOf(elem.offsetParent.tagName) > -1)) ?
@@ -286,8 +288,8 @@ var Image = /** @class */ (function () {
             parentOffset = offsetParent.getBoundingClientRect();
         }
         return {
-            top: offset.top - parentOffset.top,
-            left: offset.left - parentOffset.left
+            top: elem.offsetTop,
+            left: elem.offsetLeft
         };
     };
     Image.prototype.setAspectRatio = function (img, expectedX, expectedY) {
@@ -342,6 +344,11 @@ var Image = /** @class */ (function () {
             }
         }
     };
+    Image.prototype.onWindowResize = function () {
+        if (!isNOU(this.contentModule.getEditPanel().querySelector('.e-img-resize'))) {
+            this.cancelResizeAction();
+        }
+    };
     Image.prototype.pixToPerc = function (expected, parentEle) {
         return expected / parseFloat(getComputedStyle(parentEle).width) * 100;
     };
@@ -354,7 +361,8 @@ var Image = /** @class */ (function () {
             }
             else {
                 if ((parseInt(_this.parent.insertImageSettings.minWidth, 10) >= parseInt(width, 10) ||
-                    parseInt(_this.parent.getInsertImgMaxWidth(), 10) <= parseInt(width, 10))) {
+                    (parseInt(_this.parent.getInsertImgMaxWidth(), 10) <= parseInt(width, 10) &&
+                        isNOU(_this.imgEle.style.width)))) {
                     return;
                 }
                 if (!_this.parent.insertImageSettings.resizeByPercent &&
@@ -979,7 +987,11 @@ var Image = /** @class */ (function () {
         }
     };
     Image.prototype.imageRemovePost = function (src) {
-        var ajax = new Ajax(this.parent.insertImageSettings.removeUrl, 'POST', true, null);
+        var removeUrl = this.parent.insertImageSettings.removeUrl;
+        if (isNOU(removeUrl) || removeUrl === '') {
+            return;
+        }
+        var ajax = new Ajax(removeUrl, 'POST', true, null);
         var formData = new FormData();
         formData.append(name, src);
         ajax.send(formData);
@@ -1211,9 +1223,16 @@ var Image = /** @class */ (function () {
             this.contentModule.getEditPanel().contains(this.imgResizeDiv)) {
             this.cancelResizeAction();
         }
-        if (target.tagName !== 'IMG' && this.contentModule.getEditPanel().querySelector('.e-img-resize')) {
-            this.removeResizeEle();
-            this.contentModule.getEditPanel().querySelector('img').style.outline = '';
+        if (this.contentModule.getEditPanel().querySelector('.e-img-resize')) {
+            if (target.tagName !== 'IMG') {
+                this.removeResizeEle();
+            }
+            if (target.tagName !== 'IMG' && !isNOU(this.imgEle)) {
+                this.imgEle.style.outline = '';
+            }
+            else if (!isNOU(this.prevSelectedImgEle) && this.prevSelectedImgEle !== target) {
+                this.prevSelectedImgEle.style.outline = '';
+            }
         }
     };
     Image.prototype.removeResizeEle = function () {
@@ -1943,6 +1962,7 @@ var Image = /** @class */ (function () {
      * @deprecated
      */
     Image.prototype.destroy = function () {
+        this.prevSelectedImgEle = undefined;
         this.removeEventListener();
     };
     /**

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

@@ -450,6 +450,11 @@ var Table = /** @class */ (function () {
         }
         var target = e.target || e.targetTouches[0].target;
         var closestTable = closest(target, 'table');
+        if (!isNOU(this.curTable) && !isNOU(closestTable) && closestTable !== this.curTable) {
+            this.removeResizeElement();
+            this.removeHelper(e);
+            this.cancelResizeAction();
+        }
         if (target.nodeName === 'TABLE' || target.nodeName === 'TD' || target.nodeName === 'TH') {
             this.curTable = (closestTable && this.parent.contentModule.getEditPanel().contains(closestTable))
                 && (target.nodeName === 'TD' || target.nodeName === 'TH') ?
@@ -701,7 +706,7 @@ var Table = /** @class */ (function () {
                         'px; left:' + (_this.calcPos(_this.curTable).left + tableWidth - 4) + 'px;';
                     _this.updateHelper();
                 }
-                else if (_this.resizeBtnStat.tableBox) {
+                else if (_this.resizeBtnStat.tableBox && !isNullOrUndefined(tableReBox)) {
                     if (!Browser.isDevice) {
                         EventHandler.remove(_this.contentModule.getEditPanel(), 'mouseover', _this.resizeHelper);
                     }

package/styles/_all.scss

@@ -1,2 +1,2 @@
-@import 'rich-text-editor/all.scss';
-
+@import 'rich-text-editor/all.scss';
+

package/styles/bootstrap-dark.css

@@ -526,6 +526,10 @@
   margin-left: 6px;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
+  height: auto;
+}
+
 .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
   margin-right: 6px;
@@ -1178,6 +1182,10 @@
   margin: 0;
 }
 
+.e-img-caption.e-rte-img-caption.e-imgbreak {
+  display: block;
+}
+
 .e-rte-table {
   border-collapse: collapse;
   empty-cells: show;
@@ -2037,7 +2045,10 @@
 }
 
 .e-hide.e-rte-quick-popup-hide {
-  display: none;
+  border: 0;
+  height: 0;
+  position: absolute;
+  width: 0;
 }
 
 .e-rte-popup-hide {
@@ -2231,6 +2242,16 @@
   border: 0;
 }
 
+.e-richtexteditor:not(.e-rte-tb-expand) {
+  border: 1px solid #505050;
+}
+
+.e-richtexteditor:not(.e-rte-tb-expand) .e-rte-content {
+  border: 0;
+  border-bottom: 0;
+  border-top: 0;
+}
+
 .e-richtexteditor.e-rte-tb-expand {
   border: 1px solid #505050;
 }

package/styles/bootstrap.css

@@ -544,6 +544,10 @@
   margin-left: 6px;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
+  height: auto;
+}
+
 .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
   margin-right: 6px;
@@ -1196,6 +1200,10 @@
   margin: 0;
 }
 
+.e-img-caption.e-rte-img-caption.e-imgbreak {
+  display: block;
+}
+
 .e-rte-table {
   border-collapse: collapse;
   empty-cells: show;
@@ -2055,7 +2063,10 @@
 }
 
 .e-hide.e-rte-quick-popup-hide {
-  display: none;
+  border: 0;
+  height: 0;
+  position: absolute;
+  width: 0;
 }
 
 .e-rte-popup-hide {
@@ -2249,6 +2260,16 @@
   border: 0;
 }
 
+.e-richtexteditor:not(.e-rte-tb-expand) {
+  border: 1px solid #ddd;
+}
+
+.e-richtexteditor:not(.e-rte-tb-expand) .e-rte-content {
+  border: 0;
+  border-bottom: 0;
+  border-top: 0;
+}
+
 .e-richtexteditor.e-rte-tb-expand {
   border: 1px solid #ddd;
 }

package/styles/bootstrap4.css

@@ -665,6 +665,10 @@
   margin-left: 6px;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
+  height: auto;
+}
+
 .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
   margin-right: 6px;
@@ -1317,6 +1321,10 @@
   margin: 0;
 }
 
+.e-img-caption.e-rte-img-caption.e-imgbreak {
+  display: block;
+}
+
 .e-rte-table {
   border-collapse: collapse;
   empty-cells: show;
@@ -2176,7 +2184,10 @@
 }
 
 .e-hide.e-rte-quick-popup-hide {
-  display: none;
+  border: 0;
+  height: 0;
+  position: absolute;
+  width: 0;
 }
 
 .e-rte-popup-hide {
@@ -2370,6 +2381,16 @@
   border: 0;
 }
 
+.e-richtexteditor:not(.e-rte-tb-expand) {
+  border: 1px solid #dee2e6;
+}
+
+.e-richtexteditor:not(.e-rte-tb-expand) .e-rte-content {
+  border: 0;
+  border-bottom: 0;
+  border-top: 0;
+}
+
 .e-richtexteditor.e-rte-tb-expand {
   border: 1px solid #dee2e6;
 }

package/styles/fabric-dark.css

@@ -526,6 +526,10 @@
   margin-left: 4px;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
+  height: auto;
+}
+
 .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
   margin-right: 4px;
@@ -1178,6 +1182,10 @@
   margin: 0;
 }
 
+.e-img-caption.e-rte-img-caption.e-imgbreak {
+  display: block;
+}
+
 .e-rte-table {
   border-collapse: collapse;
   empty-cells: show;
@@ -2037,7 +2045,10 @@
 }
 
 .e-hide.e-rte-quick-popup-hide {
-  display: none;
+  border: 0;
+  height: 0;
+  position: absolute;
+  width: 0;
 }
 
 .e-rte-popup-hide {
@@ -2231,6 +2242,16 @@
   border: 0;
 }
 
+.e-richtexteditor:not(.e-rte-tb-expand) {
+  border: 1px solid #414040;
+}
+
+.e-richtexteditor:not(.e-rte-tb-expand) .e-rte-content {
+  border: 0;
+  border-bottom: 0;
+  border-top: 0;
+}
+
 .e-richtexteditor.e-rte-tb-expand {
   border: 1px solid #414040;
 }

package/styles/fabric.css

@@ -526,6 +526,10 @@
   margin-left: 4px;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
+  height: auto;
+}
+
 .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
   margin-right: 4px;
@@ -1178,6 +1182,10 @@
   margin: 0;
 }
 
+.e-img-caption.e-rte-img-caption.e-imgbreak {
+  display: block;
+}
+
 .e-rte-table {
   border-collapse: collapse;
   empty-cells: show;
@@ -2037,7 +2045,10 @@
 }
 
 .e-hide.e-rte-quick-popup-hide {
-  display: none;
+  border: 0;
+  height: 0;
+  position: absolute;
+  width: 0;
 }
 
 .e-rte-popup-hide {
@@ -2231,6 +2242,16 @@
   border: 0;
 }
 
+.e-richtexteditor:not(.e-rte-tb-expand) {
+  border: 1px solid #dadada;
+}
+
+.e-richtexteditor:not(.e-rte-tb-expand) .e-rte-content {
+  border: 0;
+  border-bottom: 0;
+  border-top: 0;
+}
+
 .e-richtexteditor.e-rte-tb-expand {
   border: 1px solid #dadada;
 }

package/styles/highcontrast-light.css

@@ -526,6 +526,10 @@
   margin-left: 5px;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
+  height: auto;
+}
+
 .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
   margin-right: 5px;
@@ -1178,6 +1182,10 @@
   margin: 0;
 }
 
+.e-img-caption.e-rte-img-caption.e-imgbreak {
+  display: block;
+}
+
 .e-rte-table {
   border-collapse: collapse;
   empty-cells: show;
@@ -2037,7 +2045,10 @@
 }
 
 .e-hide.e-rte-quick-popup-hide {
-  display: none;
+  border: 0;
+  height: 0;
+  position: absolute;
+  width: 0;
 }
 
 .e-rte-popup-hide {
@@ -2231,6 +2242,16 @@
   border: 0;
 }
 
+.e-richtexteditor:not(.e-rte-tb-expand) {
+  border: 1px solid #000;
+}
+
+.e-richtexteditor:not(.e-rte-tb-expand) .e-rte-content {
+  border: 0;
+  border-bottom: 0;
+  border-top: 0;
+}
+
 .e-richtexteditor.e-rte-tb-expand {
   border: 1px solid #000;
 }

package/styles/highcontrast.css

@@ -526,6 +526,10 @@
   margin-left: 5px;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
+  height: auto;
+}
+
 .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
   margin-right: 5px;
@@ -1178,6 +1182,10 @@
   margin: 0;
 }
 
+.e-img-caption.e-rte-img-caption.e-imgbreak {
+  display: block;
+}
+
 .e-rte-table {
   border-collapse: collapse;
   empty-cells: show;
@@ -2037,7 +2045,10 @@
 }
 
 .e-hide.e-rte-quick-popup-hide {
-  display: none;
+  border: 0;
+  height: 0;
+  position: absolute;
+  width: 0;
 }
 
 .e-rte-popup-hide {
@@ -2231,6 +2242,16 @@
   border: 0;
 }
 
+.e-richtexteditor:not(.e-rte-tb-expand) {
+  border: 1px solid #fff;
+}
+
+.e-richtexteditor:not(.e-rte-tb-expand) .e-rte-content {
+  border: 0;
+  border-bottom: 0;
+  border-top: 0;
+}
+
 .e-richtexteditor.e-rte-tb-expand {
   border: 1px solid #fff;
 }

package/styles/material-dark.css

@@ -527,6 +527,10 @@
   margin-left: 7px;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
+  height: auto;
+}
+
 .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
   margin-right: 7px;
@@ -1179,6 +1183,10 @@
   margin: 0;
 }
 
+.e-img-caption.e-rte-img-caption.e-imgbreak {
+  display: block;
+}
+
 .e-rte-table {
   border-collapse: collapse;
   empty-cells: show;
@@ -2038,7 +2046,10 @@
 }
 
 .e-hide.e-rte-quick-popup-hide {
-  display: none;
+  border: 0;
+  height: 0;
+  position: absolute;
+  width: 0;
 }
 
 .e-rte-popup-hide {
@@ -2232,6 +2243,16 @@
   border: 0;
 }
 
+.e-richtexteditor:not(.e-rte-tb-expand) {
+  border: 1px solid #616161;
+}
+
+.e-richtexteditor:not(.e-rte-tb-expand) .e-rte-content {
+  border: 0;
+  border-bottom: 0;
+  border-top: 0;
+}
+
 .e-richtexteditor.e-rte-tb-expand {
   border: 1px solid #616161;
 }

package/styles/material.css

@@ -527,6 +527,10 @@
   margin-left: 7px;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
+  height: auto;
+}
+
 .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
   margin-right: 7px;
@@ -1179,6 +1183,10 @@
   margin: 0;
 }
 
+.e-img-caption.e-rte-img-caption.e-imgbreak {
+  display: block;
+}
+
 .e-rte-table {
   border-collapse: collapse;
   empty-cells: show;
@@ -2038,7 +2046,10 @@
 }
 
 .e-hide.e-rte-quick-popup-hide {
-  display: none;
+  border: 0;
+  height: 0;
+  position: absolute;
+  width: 0;
 }
 
 .e-rte-popup-hide {
@@ -2232,6 +2243,16 @@
   border: 0;
 }
 
+.e-richtexteditor:not(.e-rte-tb-expand) {
+  border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.e-richtexteditor:not(.e-rte-tb-expand) .e-rte-content {
+  border: 0;
+  border-bottom: 0;
+  border-top: 0;
+}
+
 .e-richtexteditor.e-rte-tb-expand {
   border: 1px solid rgba(0, 0, 0, 0.12);
 }

package/styles/rich-text-editor/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';