@syncfusion/ej2-richtexteditor 23.2.6 → 23.2.7-52849

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, Event } from '@syncfusion/ej2-base';
 import { AjaxSettings, ContextMenuSettings } from '@syncfusion/ej2-filemanager';
 import { DetailsViewSettings, NavigationPaneSettings } from '@syncfusion/ej2-filemanager';

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

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

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

@@ -555,7 +555,6 @@ var Audio = /** @class */ (function () {
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px',
-            position: { X: 'center', Y: (Browser.isDevice) ? 'center' : 'top' },
             isModal: Browser.isDevice,
             buttons: [{
                     click: this.insertAudioUrl.bind(selectObj),
@@ -834,7 +833,7 @@ var Audio = /** @class */ (function () {
      * @method destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     Audio.prototype.destroy = function () {

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;
@@ -75,7 +75,7 @@ var ContentRender = /** @class */ (function () {
      * @param {Element} panel - specifies the panel element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.setPanel = function (panel) {
         this.contentPanel = panel;
@@ -85,7 +85,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

@@ -16,7 +16,7 @@ export declare class DialogRenderer {
      * @param {DialogModel} e - specifies the dialog model.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     render(e: DialogModel): Dialog;
     private beforeOpen;
@@ -24,13 +24,14 @@ export declare class DialogRenderer {
     private beforeOpenCallback;
     private open;
     private beforeClose;
+    private getDialogPosition;
     /**
      * dialog close method
      *
      * @param {Object} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     close(args: Object): void;
     private moduleDestroy;

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

@@ -29,12 +29,13 @@ var DialogRenderer = /** @class */ (function () {
      * @param {DialogModel} e - specifies the dialog model.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DialogRenderer.prototype.render = function (e) {
         var dlgObj;
         e.beforeOpen = this.beforeOpen.bind(this);
         e.open = this.open.bind(this);
+        e.position = { X: 'center', Y: this.getDialogPosition() };
         if (isNOU(e.close)) {
             e.close = this.close.bind(this);
         }
@@ -79,13 +80,23 @@ var DialogRenderer = /** @class */ (function () {
             }
         });
     };
+    DialogRenderer.prototype.getDialogPosition = function () {
+        var distanceFromVisibleTop = this.parent.element.getBoundingClientRect().top;
+        if (distanceFromVisibleTop < 0) {
+            distanceFromVisibleTop = Math.abs(distanceFromVisibleTop);
+            return distanceFromVisibleTop.toString();
+        }
+        else {
+            return 'top';
+        }
+    };
     /**
      * dialog close method
      *
      * @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

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

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

@@ -699,13 +699,22 @@ var Image = /** @class */ (function () {
                             }
                         }
                     }
-                    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));
-                    }
-                    else if (range.startContainer.nodeType === 1 &&
-                        range.startContainer.querySelector('.' + classes.CLS_CAPTION + '.' + classes.CLS_IMGBREAK)) {
-                        detach(range.startContainer.querySelector('.' + classes.CLS_CAPTION + '.' + classes.CLS_IMGBREAK));
+                    else if (range.startContainer.nodeType === 1) {
+                        if (range.startContainer.querySelector('.' + classes.CLS_CAPTION + '.' + classes.CLS_CAPINLINE)) {
+                            detach(range.startContainer.querySelector('.' + classes.CLS_CAPTION + '.' + classes.CLS_CAPINLINE));
+                        }
+                        else if (range.startContainer.querySelector('.' + classes.CLS_CAPTION + '.' + classes.CLS_IMGBREAK)) {
+                            detach(range.startContainer.querySelector('.' + classes.CLS_CAPTION + '.' + classes.CLS_IMGBREAK));
+                        }
+                        else if (range.startContainer.classList.contains('e-img-wrap') && closest(range.startContainer, '.' + classes.CLS_CAPTION)) {
+                            var parentElem = range.startContainer.parentElement.parentElement;
+                            detach(closest(range.startContainer, '.' + classes.CLS_CAPTION));
+                            if (parentElem && parentElem.textContent.trim() === '') {
+                                var brElem = this.parent.createElement('br');
+                                brElem.classList.add('e-rte-image-remove-focus');
+                                parentElem.appendChild(brElem);
+                            }
+                        }
                     }
                 }
                 break;
@@ -1007,7 +1016,6 @@ var Image = /** @class */ (function () {
                 width: '290px',
                 header: this.parent.localeObj.getConstant('imageInsertLinkHeader'),
                 content: linkWrap,
-                position: { X: 'center', Y: 'center' },
                 buttons: [{
                         // eslint-disable-next-line
                         click: function (e) {
@@ -1057,7 +1065,7 @@ var Image = /** @class */ (function () {
                 alt: inputAlt
             };
             this.dialogObj.setProperties({
-                height: 'inherit', width: '290px', header: altHeader, content: altWrap, position: { X: 'center', Y: 'center' },
+                height: 'inherit', width: '290px', header: altHeader, content: altWrap,
                 buttons: [{
                         // eslint-disable-next-line
                         click: function (e) {
@@ -1284,7 +1292,7 @@ var Image = /** @class */ (function () {
             var dialogContent = this.imgsizeInput(e);
             var selectObj_1 = { args: e.args, selfImage: this, selection: e.selection, selectNode: e.selectNode };
             this.dialogObj.setProperties({
-                height: (Browser.isDevice) ? '300px' : 'inherit', width: '290px', header: imgSizeHeader, content: dialogContent, position: { X: 'center', Y: 'center' },
+                height: (Browser.isDevice) ? '300px' : 'inherit', width: '290px', header: imgSizeHeader, content: dialogContent,
                 buttons: [{
                         // eslint-disable-next-line
                         click: function (e) {
@@ -1350,7 +1358,6 @@ var Image = /** @class */ (function () {
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px',
-            position: { X: 'center', Y: (Browser.isDevice) ? 'center' : 'top' },
             isModal: Browser.isDevice,
             buttons: [{
                     click: this.insertImageUrl.bind(selectObj),
@@ -2273,7 +2280,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

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

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

@@ -524,7 +524,7 @@ var Link = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Link.prototype.destroy = function () {
         if (isNOU(this.parent)) {

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;
@@ -37,7 +37,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
-
+     * @deprecated
      */
     MarkdownRender.prototype.getPanel = function () {
         return this.contentPanel;
@@ -47,7 +47,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
-
+     * @deprecated
      */
     MarkdownRender.prototype.getEditPanel = function () {
         return this.editableElement;
@@ -66,7 +66,7 @@ var MarkdownRender = /** @class */ (function () {
      * @param  {Element} panel - specifies the element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownRender.prototype.setPanel = function (panel) {
         this.contentPanel = panel;
@@ -76,7 +76,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;
     /**

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

@@ -5,7 +5,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 var Render = /** @class */ (function () {
     /**
@@ -26,7 +26,7 @@ var Render = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Render.prototype.render = function () {
         // eslint-disable-next-line