@syncfusion/ej2-richtexteditor 18.4.39 → 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/content-renderer.d.ts

@@ -3,7 +3,7 @@ import { ServiceLocator } from '../services/service-locator';
 /**
  * Content module is used to render Rich Text Editor content
  * @hidden
-
+ * @deprecated
  */
 export declare class ContentRender implements IRenderer {
     protected contentPanel: Element;
@@ -17,21 +17,21 @@ export declare class ContentRender implements IRenderer {
     /**
      * The function is used to render Rich Text Editor content div
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     /**
      * Get the content div element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     getPanel(): Element;
     /**
      * Get the editable element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     getEditPanel(): Element;
     /**
@@ -43,14 +43,14 @@ export declare class ContentRender implements IRenderer {
      * Set the content div element of RichTextEditor
      * @param {Element} panel
      * @hidden
-
+     * @deprecated
      */
     setPanel(panel: Element): void;
     /**
      * Get the document of RichTextEditor
      * @return {Document}
      * @hidden
-
+     * @deprecated
      */
     getDocument(): Document;
 }

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

@@ -2,7 +2,7 @@ import { getEditValue } from '../base/util';
 /**
  * Content module is used to render Rich Text Editor content
  * @hidden
-
+ * @deprecated
  */
 var ContentRender = /** @class */ (function () {
     /**
@@ -15,7 +15,7 @@ var ContentRender = /** @class */ (function () {
     /**
      * The function is used to render Rich Text Editor content div
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -37,7 +37,7 @@ var ContentRender = /** @class */ (function () {
      * Get the content div element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.getPanel = function () {
         return this.contentPanel;
@@ -46,7 +46,7 @@ var ContentRender = /** @class */ (function () {
      * Get the editable element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.getEditPanel = function () {
         return this.editableElement;
@@ -62,7 +62,7 @@ var ContentRender = /** @class */ (function () {
      * Set the content div element of RichTextEditor
      * @param {Element} panel
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.setPanel = function (panel) {
         this.contentPanel = panel;
@@ -71,7 +71,7 @@ var ContentRender = /** @class */ (function () {
      * Get the document of RichTextEditor
      * @return {Document}
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

package/src/rich-text-editor/renderer/dialog-renderer.d.ts

@@ -10,7 +10,7 @@ export declare class DialogRenderer {
     /**
      * dialog render method
      * @hidden
-
+     * @deprecated
      */
     render(e: DialogModel): Dialog;
     private beforeOpen;
@@ -19,7 +19,7 @@ export declare class DialogRenderer {
     /**
      * dialog close method
      * @hidden
-
+     * @deprecated
      */
     close(args: Object): void;
 }

package/src/rich-text-editor/renderer/dialog-renderer.js

@@ -11,7 +11,7 @@ var DialogRenderer = /** @class */ (function () {
     /**
      * dialog render method
      * @hidden
-
+     * @deprecated
      */
     DialogRenderer.prototype.render = function (e) {
         var dlgObj;
@@ -43,7 +43,7 @@ var DialogRenderer = /** @class */ (function () {
     /**
      * dialog close method
      * @hidden
-
+     * @deprecated
      */
     DialogRenderer.prototype.close = function (args) {
         this.parent.trigger(events.dialogClose, args);

package/src/rich-text-editor/renderer/iframe-content-renderer.d.ts

@@ -2,13 +2,13 @@ import { ContentRender } from '../renderer/content-renderer';
 /**
  * Content module is used to render Rich Text Editor content
  * @hidden
-
+ * @deprecated
  */
 export declare class IframeContentRender extends ContentRender {
     /**
      * The function is used to render Rich Text Editor iframe
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     private setThemeColor;
@@ -16,14 +16,14 @@ export declare class IframeContentRender extends ContentRender {
      * Get the editable element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     getEditPanel(): Element;
     /**
      * Get the document of RichTextEditor
      * @param  {Document}
      * @hidden
-
+     * @deprecated
      */
     getDocument(): Document;
 }

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';
@@ -20,7 +20,7 @@ var IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n
 /**
  * Content module is used to render Rich Text Editor content
  * @hidden
-
+ * @deprecated
  */
 var IframeContentRender = /** @class */ (function (_super) {
     __extends(IframeContentRender, _super);
@@ -30,7 +30,7 @@ var IframeContentRender = /** @class */ (function (_super) {
     /**
      * The function is used to render Rich Text Editor iframe
      * @hidden
-
+     * @deprecated
      */
     IframeContentRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -64,7 +64,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      * Get the editable element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     IframeContentRender.prototype.getEditPanel = function () {
         var editNode;
@@ -80,7 +80,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      * Get the document of RichTextEditor
      * @param  {Document}
      * @hidden
-
+     * @deprecated
      */
     IframeContentRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

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

@@ -46,6 +46,7 @@ export declare class Image {
     private imgResizePos;
     private calcPos;
     private setAspectRatio;
+    private onWindowResize;
     private pixToPerc;
     private imgDupMouseMove;
     private resizing;
@@ -122,7 +123,7 @@ export declare class Image {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     /**

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);
@@ -273,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)) ?
@@ -287,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) {
@@ -343,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;
     };
@@ -355,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 &&
@@ -980,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);
@@ -1216,7 +1227,10 @@ var Image = /** @class */ (function () {
             if (target.tagName !== 'IMG') {
                 this.removeResizeEle();
             }
-            if (!isNOU(this.prevSelectedImgEle)) {
+            if (target.tagName !== 'IMG' && !isNOU(this.imgEle)) {
+                this.imgEle.style.outline = '';
+            }
+            else if (!isNOU(this.prevSelectedImgEle) && this.prevSelectedImgEle !== target) {
                 this.prevSelectedImgEle.style.outline = '';
             }
         }
@@ -1945,7 +1959,7 @@ var Image = /** @class */ (function () {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     Image.prototype.destroy = function () {
         this.prevSelectedImgEle = undefined;

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

@@ -38,7 +38,7 @@ export declare class Link {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     /**

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

@@ -445,7 +445,7 @@ var Link = /** @class */ (function () {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     Link.prototype.destroy = function () {
         this.removeEventListener();

package/src/rich-text-editor/renderer/markdown-renderer.d.ts

@@ -2,7 +2,7 @@ import { IRenderer, IRichTextEditor } from '../base/interface';
 /**
  * Markdown module is used to render Rich Text Editor as Markdown editor content
  * @hidden
-
+ * @deprecated
  */
 export declare class MarkdownRender implements IRenderer {
     private contentPanel;
@@ -15,21 +15,21 @@ export declare class MarkdownRender implements IRenderer {
     /**
      * The function is used to render Rich Text Editor content div
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     /**
      * Get the content div element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     getPanel(): Element;
     /**
      * Get the editable element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     getEditPanel(): Element;
     /**
@@ -41,14 +41,14 @@ export declare class MarkdownRender implements IRenderer {
      * Set the content div element of RichTextEditor
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     setPanel(panel: Element): void;
     /**
      * Get the document of RichTextEditor
      * @param  {Document}
      * @hidden
-
+     * @deprecated
      */
     getDocument(): Document;
 }

package/src/rich-text-editor/renderer/markdown-renderer.js

@@ -1,7 +1,7 @@
 /**
  * Markdown module is used to render Rich Text Editor as Markdown editor content
  * @hidden
-
+ * @deprecated
  */
 var MarkdownRender = /** @class */ (function () {
     /**
@@ -13,7 +13,7 @@ var MarkdownRender = /** @class */ (function () {
     /**
      * The function is used to render Rich Text Editor content div
      * @hidden
-
+     * @deprecated
      */
     MarkdownRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -30,7 +30,7 @@ var MarkdownRender = /** @class */ (function () {
      * Get the content div element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     MarkdownRender.prototype.getPanel = function () {
         return this.contentPanel;
@@ -39,7 +39,7 @@ var MarkdownRender = /** @class */ (function () {
      * Get the editable element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     MarkdownRender.prototype.getEditPanel = function () {
         return this.editableElement;
@@ -55,7 +55,7 @@ var MarkdownRender = /** @class */ (function () {
      * Set the content div element of RichTextEditor
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     MarkdownRender.prototype.setPanel = function (panel) {
         this.contentPanel = panel;
@@ -64,7 +64,7 @@ var MarkdownRender = /** @class */ (function () {
      * Get the document of RichTextEditor
      * @param  {Document}
      * @hidden
-
+     * @deprecated
      */
     MarkdownRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

package/src/rich-text-editor/renderer/popup-renderer.d.ts

@@ -3,7 +3,7 @@ import { BaseQuickToolbar } from '../actions/base-quick-toolbar';
 /**
  * `Popup renderer` module is used to render popup in RichTextEditor.
  * @hidden
-
+ * @deprecated
  */
 export declare class PopupRenderer implements IRenderer {
     private popupObj;
@@ -17,27 +17,27 @@ export declare class PopupRenderer implements IRenderer {
     /**
      * renderPopup method
      * @hidden
-
+     * @deprecated
      */
     renderPopup(args: BaseQuickToolbar): void;
     /**
      * The function is used to add popup class in Quick Toolbar
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     /**
      * Get the popup element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     getPanel(): Element;
     /**
      * Set the popup element of RichTextEditor
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     setPanel(panel: Element): void;
 }

package/src/rich-text-editor/renderer/popup-renderer.js

@@ -5,7 +5,7 @@ import * as events from '../base/constant';
 /**
  * `Popup renderer` module is used to render popup in RichTextEditor.
  * @hidden
-
+ * @deprecated
  */
 var PopupRenderer = /** @class */ (function () {
     /**
@@ -21,7 +21,7 @@ var PopupRenderer = /** @class */ (function () {
     /**
      * renderPopup method
      * @hidden
-
+     * @deprecated
      */
     PopupRenderer.prototype.renderPopup = function (args) {
         this.setPanel(args.element);
@@ -37,7 +37,7 @@ var PopupRenderer = /** @class */ (function () {
     /**
      * The function is used to add popup class in Quick Toolbar
      * @hidden
-
+     * @deprecated
      */
     PopupRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_QUICK_POP);
@@ -46,7 +46,7 @@ var PopupRenderer = /** @class */ (function () {
      * Get the popup element of RichTextEditor
      * @return {Element}
      * @hidden
-
+     * @deprecated
      */
     PopupRenderer.prototype.getPanel = function () {
         return this.popupPanel;
@@ -55,7 +55,7 @@ var PopupRenderer = /** @class */ (function () {
      * Set the popup element of RichTextEditor
      * @param  {Element} panel
      * @hidden
-
+     * @deprecated
      */
     PopupRenderer.prototype.setPanel = function (panel) {
         this.popupPanel = panel;

package/src/rich-text-editor/renderer/render.d.ts

@@ -3,7 +3,7 @@ import { ServiceLocator } from '../services/service-locator';
 /**
  * Content module is used to render Rich Text Editor content
  * @hidden
-
+ * @deprecated
  */
 export declare class Render {
     private parent;
@@ -17,7 +17,7 @@ export declare class Render {
     /**
      * To initialize Rich Text Editor header, content and footer rendering
      * @hidden
-
+     * @deprecated
      */
     render(): void;
     /**

package/src/rich-text-editor/renderer/render.js

@@ -3,7 +3,7 @@ import * as events from '../base/constant';
 /**
  * Content module is used to render Rich Text Editor content
  * @hidden
-
+ * @deprecated
  */
 var Render = /** @class */ (function () {
     /**
@@ -18,7 +18,7 @@ var Render = /** @class */ (function () {
     /**
      * To initialize Rich Text Editor header, content and footer rendering
      * @hidden
-
+     * @deprecated
      */
     Render.prototype.render = function () {
         var rteObj = this.parent;

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

@@ -87,7 +87,7 @@ export declare class Table {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     /**

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);
                     }
@@ -1106,7 +1111,7 @@ var Table = /** @class */ (function () {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     Table.prototype.destroy = function () {
         this.removeEventListener();