@syncfusion/ej2-richtexteditor 19.3.53-6125 → 19.4.38

package/src/rich-text-editor/models/toolbar-settings.d.ts

@@ -345,7 +345,7 @@ export declare class QuickToolbarSettings extends ChildProperty<QuickToolbarSett
      * Specifies the items to render in quick toolbar, when text selected.
      *
      * @default ['Cut', 'Copy', 'Paste']
-     * @deprecated
+
      */
     text: (string | IToolbarItems)[];
     /**

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

@@ -4,7 +4,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;
@@ -24,7 +24,7 @@ export declare class ContentRender implements IRenderer {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     renderPanel(): void;
     /**
@@ -32,7 +32,7 @@ export declare class ContentRender implements IRenderer {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-     * @deprecated
+
      */
     getPanel(): Element;
     /**
@@ -40,7 +40,7 @@ export declare class ContentRender implements IRenderer {
      *
      * @returns {Element} - specifies the return element.
      * @hidden
-     * @deprecated
+
      */
     getEditPanel(): Element;
     /**
@@ -55,7 +55,7 @@ export declare class ContentRender implements IRenderer {
      * @param {Element} panel - specifies the panel element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     setPanel(panel: Element): void;
     /**
@@ -63,7 +63,7 @@ export declare class ContentRender implements IRenderer {
      *
      * @returns {Document} - specifies the document.
      * @hidden
-     * @deprecated
+
      */
     getDocument(): Document;
 }

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

@@ -3,7 +3,7 @@ import { getEditValue } from '../base/util';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
- * @deprecated
+
  */
 var ContentRender = /** @class */ (function () {
     /**
@@ -22,7 +22,7 @@ var ContentRender = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     ContentRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -45,7 +45,7 @@ var ContentRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-     * @deprecated
+
      */
     ContentRender.prototype.getPanel = function () {
         return this.contentPanel;
@@ -55,7 +55,7 @@ var ContentRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the return element.
      * @hidden
-     * @deprecated
+
      */
     ContentRender.prototype.getEditPanel = function () {
         return this.editableElement;
@@ -74,7 +74,7 @@ var ContentRender = /** @class */ (function () {
      * @param {Element} panel - specifies the panel element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     ContentRender.prototype.setPanel = function (panel) {
         this.contentPanel = panel;
@@ -84,7 +84,7 @@ var ContentRender = /** @class */ (function () {
      *
      * @returns {Document} - specifies the document.
      * @hidden
-     * @deprecated
+
      */
     ContentRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

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

@@ -13,7 +13,7 @@ export declare class DialogRenderer {
      * @param {DialogModel} e - specifies the dialog model.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     render(e: DialogModel): Dialog;
     private beforeOpen;
@@ -26,7 +26,7 @@ export declare class DialogRenderer {
      * @param {Object} args - specifies the arguments.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     close(args: Object): void;
 }

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

@@ -14,7 +14,7 @@ var DialogRenderer = /** @class */ (function () {
      * @param {DialogModel} e - specifies the dialog model.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     DialogRenderer.prototype.render = function (e) {
         var dlgObj;
@@ -55,7 +55,7 @@ var DialogRenderer = /** @class */ (function () {
      * @param {Object} args - specifies the arguments.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     DialogRenderer.prototype.close = function (args) {
         this.parent.trigger(events.dialogClose, args);

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

@@ -3,14 +3,14 @@ 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;
@@ -19,7 +19,7 @@ export declare class IframeContentRender extends ContentRender {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-     * @deprecated
+
      */
     getEditPanel(): Element;
     /**
@@ -27,7 +27,7 @@ export declare class IframeContentRender extends ContentRender {
      *
      * @returns {void}
      * @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';
@@ -19,7 +19,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;
@@ -65,7 +65,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-     * @deprecated
+
      */
     IframeContentRender.prototype.getEditPanel = function () {
         var editNode;
@@ -82,7 +82,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     IframeContentRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

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

@@ -156,7 +156,7 @@ export declare class Image {
      * @method destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     /**

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

@@ -328,10 +328,14 @@ var Image = /** @class */ (function () {
                 img.style.height = expectedY + 'px';
             }
             else if (img.style.width !== '' && img.style.height === '') {
-                img.style.width = ((width / height * expectedY) + width / height).toString() + 'px';
+                var currentWidth = ((width / height * expectedY) + width / height) < (this.parent.inputElement.getBoundingClientRect().right - 32) ?
+                    ((width / height * expectedY) + width / height) : (this.parent.inputElement.getBoundingClientRect().right - 32);
+                img.style.width = currentWidth.toString() + 'px';
             }
             else if (img.style.width !== '') {
-                img.style.width = (width / height * expectedY) + 'px';
+                var currentWidth = (width / height * expectedY) < (this.parent.inputElement.getBoundingClientRect().right - 32) ?
+                    (width / height * expectedY) : (this.parent.inputElement.getBoundingClientRect().right - 32);
+                img.style.width = currentWidth + 'px';
                 img.style.height = expectedY + 'px';
             }
             else {
@@ -440,7 +444,7 @@ var Image = /** @class */ (function () {
     };
     Image.prototype.resizeImgDupPos = function (e) {
         this.imgDupPos = {
-            width: (e.style.height !== '') ? this.imgEle.style.width : e.width + 'px',
+            width: (e.style.width !== '') ? this.imgEle.style.width : e.width + 'px',
             height: (e.style.height !== '') ? this.imgEle.style.height : e.height + 'px'
         };
     };
@@ -608,6 +612,27 @@ var Image = /** @class */ (function () {
                     var src = this.deletedImg[i].src;
                     this.imageRemovePost(src);
                 }
+                if (range.startContainer.nodeType === 3) {
+                    if (originalEvent.code === 'Backspace') {
+                        if (range.startContainer.previousElementSibling && range.startOffset === 0 &&
+                            range.startContainer.previousElementSibling.classList.contains(classes.CLS_CAPTION) &&
+                            range.startContainer.previousElementSibling.classList.contains(classes.CLS_CAPINLINE)) {
+                            detach(range.startContainer.previousElementSibling);
+                        }
+                    }
+                    else {
+                        if (range.startContainer.nextElementSibling &&
+                            range.endContainer.textContent.length === range.endOffset &&
+                            range.startContainer.nextElementSibling.classList.contains(classes.CLS_CAPTION) &&
+                            range.startContainer.nextElementSibling.classList.contains(classes.CLS_CAPINLINE)) {
+                            detach(range.startContainer.nextElementSibling);
+                        }
+                    }
+                }
+                else if ((range.startContainer.nodeType === 1 &&
+                    range.startContainer.querySelector('.' + classes.CLS_CAPTION + '.' + classes.CLS_CAPINLINE))) {
+                    detach(range.startContainer.querySelector('.' + classes.CLS_CAPTION + '.' + classes.CLS_CAPINLINE));
+                }
                 break;
             case 'insert-image':
                 this.openDialog(true, originalEvent, save, selectNodeEle, selectParentEle);
@@ -813,7 +838,7 @@ var Image = /** @class */ (function () {
             var target = args.target;
             this.contentModule = this.rendererFactory.getRenderer(RenderType.Content);
             var isPopupOpen = this.quickToolObj.imageQTBar.element.classList.contains('e-rte-pop');
-            if (target.nodeName === 'IMG' && this.parent.quickToolbarModule && this.parent.getRange().startOffset === this.parent.getRange().endOffset) {
+            if (target.nodeName === 'IMG' && this.parent.quickToolbarModule) {
                 if (isPopupOpen) {
                     return;
                 }
@@ -1054,6 +1079,9 @@ var Image = /** @class */ (function () {
     Image.prototype.imageRemovePost = function (src) {
         var proxy = this;
         var absoluteUrl = '';
+        if (isNOU(this.parent.insertImageSettings.removeUrl) || this.parent.insertImageSettings.removeUrl === '') {
+            return;
+        }
         if (src.indexOf('http://') > -1 || src.indexOf('https://') > -1) {
             absoluteUrl = src;
         }
@@ -1899,6 +1927,7 @@ var Image = /** @class */ (function () {
         imageTag.addEventListener('load', function () {
             _this.parent.trigger(events.actionComplete, e);
         });
+        detach(parentElement);
     };
     /**
      * Rendering uploader and popup for drag and drop
@@ -1934,6 +1963,9 @@ var Image = /** @class */ (function () {
                 _this.popupObj.destroy();
                 detach(_this.popupObj.element);
                 _this.popupObj = null;
+                if (!_this.parent.inlineMode.enable) {
+                    _this.parent.toolbarModule.baseToolbar.toolbarObj.disable(false);
+                }
             }
         });
         this.popupObj.element.style.display = 'none';
@@ -1965,6 +1997,10 @@ var Image = /** @class */ (function () {
                 isUploading = false;
                 detach(imageElement);
                 _this.popupObj.close();
+                _this.quickToolObj.imageQTBar.hidePopup();
+                setTimeout(function () {
+                    _this.uploadObj.destroy();
+                }, 900);
             },
             beforeUpload: function (args) {
                 if (_this.parent.isServerRendered) {
@@ -1976,6 +2012,9 @@ var Image = /** @class */ (function () {
                         if (beforeUploadArgs.cancel) {
                             return;
                         }
+                        if (!_this.parent.inlineMode.enable) {
+                            _this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
+                        }
                         /* eslint-disable */
                         _this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
                             beforeUploadArgs.currentRequest : _this.uploadObj.currentRequestHeader;
@@ -1988,6 +2027,9 @@ var Image = /** @class */ (function () {
                 }
                 else {
                     _this.parent.trigger(events.beforeImageUpload, args);
+                    if (!_this.parent.inlineMode.enable) {
+                        _this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
+                    }
                 }
             },
             uploading: function (e) {
@@ -2030,6 +2072,9 @@ var Image = /** @class */ (function () {
                 }, 900);
             },
             success: function (e) {
+                if (e.operation === "cancel") {
+                    return;
+                }
                 isUploading = false;
                 _this.parent.inputElement.contentEditable = 'true';
                 var args = {
@@ -2167,7 +2212,7 @@ var Image = /** @class */ (function () {
      * @method destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     /* eslint-enable */
     Image.prototype.destroy = function () {

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

@@ -43,7 +43,7 @@ export declare class Link {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     /**

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

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

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

@@ -3,7 +3,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;
@@ -20,7 +20,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     renderPanel(): void;
     /**
@@ -28,7 +28,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {Element} - specifies the element
      * @hidden
-     * @deprecated
+
      */
     getPanel(): Element;
     /**
@@ -36,7 +36,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {Element} - specifies the element
      * @hidden
-     * @deprecated
+
      */
     getEditPanel(): Element;
     /**
@@ -51,7 +51,7 @@ export declare class MarkdownRender implements IRenderer {
      * @param  {Element} panel - specifies the element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     setPanel(panel: Element): void;
     /**
@@ -59,7 +59,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getDocument(): Document;
 }

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

@@ -2,7 +2,7 @@
  * Markdown module is used to render Rich Text Editor as Markdown editor content
  *
  * @hidden
- * @deprecated
+
  */
 var MarkdownRender = /** @class */ (function () {
     /**
@@ -18,7 +18,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MarkdownRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -36,7 +36,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
-     * @deprecated
+
      */
     MarkdownRender.prototype.getPanel = function () {
         return this.contentPanel;
@@ -46,7 +46,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
-     * @deprecated
+
      */
     MarkdownRender.prototype.getEditPanel = function () {
         return this.editableElement;
@@ -65,7 +65,7 @@ var MarkdownRender = /** @class */ (function () {
      * @param  {Element} panel - specifies the element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MarkdownRender.prototype.setPanel = function (panel) {
         this.contentPanel = panel;
@@ -75,7 +75,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MarkdownRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

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

@@ -4,7 +4,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;
@@ -23,7 +23,7 @@ export declare class PopupRenderer implements IRenderer {
      * @param {BaseQuickToolbar} args - specifies  the arguments.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     renderPopup(args: BaseQuickToolbar): void;
     /**
@@ -31,7 +31,7 @@ export declare class PopupRenderer implements IRenderer {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     renderPanel(): void;
     /**
@@ -39,7 +39,7 @@ export declare class PopupRenderer implements IRenderer {
      *
      * @returns {Element} - specifies the element
      * @hidden
-     * @deprecated
+
      */
     getPanel(): Element;
     /**
@@ -48,7 +48,7 @@ export declare class PopupRenderer implements IRenderer {
      * @returns {void}
      * @param  {Element} panel - specifies the element
      * @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 () {
     /**
@@ -26,7 +26,7 @@ var PopupRenderer = /** @class */ (function () {
      * @param {BaseQuickToolbar} args - specifies  the arguments.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     PopupRenderer.prototype.renderPopup = function (args) {
         this.setPanel(args.element);
@@ -44,7 +44,7 @@ var PopupRenderer = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     PopupRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_QUICK_POP);
@@ -54,7 +54,7 @@ var PopupRenderer = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
-     * @deprecated
+
      */
     PopupRenderer.prototype.getPanel = function () {
         return this.popupPanel;
@@ -65,7 +65,7 @@ var PopupRenderer = /** @class */ (function () {
      * @returns {void}
      * @param  {Element} panel - specifies the element
      * @hidden
-     * @deprecated
+
      */
     PopupRenderer.prototype.setPanel = function (panel) {
         this.popupPanel = panel;

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

@@ -4,7 +4,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;
@@ -24,7 +24,7 @@ export declare class Render {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     render(): void;
     /**