@syncfusion/ej2-richtexteditor 27.1.55 → 27.1.57-637882

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

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

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

@@ -844,6 +844,9 @@ var Audio = /** @class */ (function () {
             proxy.uploadUrl.cssClass = (proxy.parent.insertAudioSettings.layoutOption === 'Inline' ?
                 classes.CLS_AUDIOINLINE : classes.CLS_AUDIOBREAK);
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
             proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, proxy.uploadUrl);
             proxy.uploadUrl.url = '';
         }
@@ -862,8 +865,11 @@ var Audio = /** @class */ (function () {
                 url: url, selection: this.selection, fileName: name_1,
                 selectParent: this.selectParent
             };
-            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
+            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
         }
     };
     /* eslint-disable */
@@ -873,7 +879,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

@@ -3,7 +3,7 @@ import { IRenderer, IRichTextEditor } from '../base/interface';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ContentRender implements IRenderer {
     protected contentPanel: Element;
@@ -20,7 +20,7 @@ export declare class ContentRender implements IRenderer {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -28,7 +28,7 @@ export declare class ContentRender implements IRenderer {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -36,7 +36,7 @@ export declare class ContentRender implements IRenderer {
      *
      * @returns {Element} - specifies the return element.
      * @hidden
-
+     * @deprecated
      */
     getEditPanel(): Element;
     /**
@@ -51,7 +51,7 @@ export declare class ContentRender implements IRenderer {
      * @param {Element} panel - specifies the panel element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setPanel(panel: Element): void;
     /**
@@ -59,7 +59,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

@@ -4,7 +4,7 @@ import { isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 var ContentRender = /** @class */ (function () {
     /**
@@ -20,7 +20,7 @@ var ContentRender = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -49,7 +49,7 @@ var ContentRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.getPanel = function () {
         return this.contentPanel;
@@ -59,7 +59,7 @@ var ContentRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the return element.
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.getEditPanel = function () {
         return this.editableElement;
@@ -79,7 +79,7 @@ var ContentRender = /** @class */ (function () {
      * @param {Element} panel - specifies the panel element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ContentRender.prototype.setPanel = function (panel) {
         this.contentPanel = panel;
@@ -89,7 +89,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

@@ -17,7 +17,7 @@ export declare class DialogRenderer {
      * @param {DialogModel} e - specifies the dialog model.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     render(e: DialogModel): Dialog;
     private beforeOpen;
@@ -33,7 +33,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

@@ -29,7 +29,7 @@ var DialogRenderer = /** @class */ (function () {
      * @param {DialogModel} e - specifies the dialog model.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DialogRenderer.prototype.render = function (e) {
         var dlgObj;
@@ -114,7 +114,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 as isNOU } from '@syncfusion/ej2-base';
 import { getEditValue } from '../base/util';
@@ -21,7 +21,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);
@@ -32,7 +32,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;
@@ -100,7 +100,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     IframeContentRender.prototype.getEditPanel = function () {
         var editNode;
@@ -117,7 +117,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

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

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

@@ -208,8 +208,14 @@ var Image = /** @class */ (function () {
             if (this.parent.formatter.getUndoRedoStack().length === 0) {
                 this.parent.formatter.saveData();
             }
-            this.pageX = this.getPointX(e);
-            this.pageY = this.getPointY(e);
+            if (this.parent.iframeSettings.enable) {
+                this.pageX = e.screenX;
+                this.pageY = e.screenY;
+            }
+            else {
+                this.pageX = this.getPointX(e);
+                this.pageY = this.getPointY(e);
+            }
             e.preventDefault();
             e.stopImmediatePropagation();
             this.resizeBtnInit();
@@ -474,25 +480,43 @@ var Image = /** @class */ (function () {
             return;
         }
         if (this.resizeBtnStat.botRight || this.resizeBtnStat.botLeft || this.resizeBtnStat.topRight || this.resizeBtnStat.topLeft) {
-            var pageX = this.getPointX(e);
-            var pageY = this.getPointY(e);
-            var resizeFactor = this.getResizeFactor(this.currentResizeHandler);
-            var diffX = (pageX - this.pageX);
-            var diffY = (pageY - this.pageY);
-            var currentWidth = this.imgEle.clientWidth;
-            var currentHeight = this.imgEle.clientHeight;
-            var width = diffX * resizeFactor[0] + currentWidth;
-            var height = diffY * resizeFactor[1] + currentHeight;
-            var dimensions = this.adjustDimensions(width, height, diffX, diffY, this.aspectRatio);
-            this.pageX = pageX;
-            this.pageY = pageY;
-            this.imgDupMouseMove(dimensions.width + 'px', dimensions.height + 'px', e);
+            if (this.parent.iframeSettings.enable) {
+                var resizeFactor = this.getResizeFactor(this.currentResizeHandler);
+                var currentScreenX = e.screenX;
+                var currentScreenY = e.screenY;
+                var currentWidth = this.imgEle.clientWidth;
+                var currentHeight = this.imgEle.clientHeight;
+                var deltaX = currentScreenX - this.pageX;
+                var deltaY = currentScreenY - this.pageY;
+                var width = deltaX * resizeFactor[0] + currentWidth;
+                var height = deltaY * resizeFactor[1] + currentHeight;
+                var dimensions = this.adjustDimensions(width, height, deltaX, deltaY, this.aspectRatio);
+                this.pageX = currentScreenX;
+                this.pageY = currentScreenY;
+                this.imgDupMouseMove(dimensions.width + 'px', dimensions.height + 'px', e);
+                this.parent.autoResize();
+            }
+            else {
+                var pageX = this.getPointX(e);
+                var pageY = this.getPointY(e);
+                var resizeFactor = this.getResizeFactor(this.currentResizeHandler);
+                var diffX = (pageX - this.pageX);
+                var diffY = (pageY - this.pageY);
+                var currentWidth = this.imgEle.clientWidth;
+                var currentHeight = this.imgEle.clientHeight;
+                var width = diffX * resizeFactor[0] + currentWidth;
+                var height = diffY * resizeFactor[1] + currentHeight;
+                var dimensions = this.adjustDimensions(width, height, diffX, diffY, this.aspectRatio);
+                this.pageX = pageX;
+                this.pageY = pageY;
+                this.imgDupMouseMove(dimensions.width + 'px', dimensions.height + 'px', e);
+            }
         }
     };
     Image.prototype.adjustDimensions = function (width, height, diffX, diffY, aspectRatio) {
         width = (width < 16) ? 16 : width;
         height = (height < 16) ? 16 : height;
-        var isWidthPrimary = Math.abs(diffX) > Math.abs(diffY);
+        var isWidthPrimary = width > height;
         var dimensions = this.adjustDimensionsByAspectRatio(width, height, aspectRatio, isWidthPrimary);
         return dimensions;
     };
@@ -912,7 +936,9 @@ var Image = /** @class */ (function () {
                     _this.parent.formatter.editorManager.nodeSelection.Clear(_this.contentModule.getDocument());
                     _this.parent.formatter.editorManager.nodeSelection.setSelectionContents(_this.contentModule.getDocument(), target);
                     _this.quickToolObj.imageQTBar.showPopup(args.pageX, pageY, target);
-                    _this.resizeStart(e.args, target);
+                    if (_this.parent.insertImageSettings.resize === true) {
+                        _this.resizeStart(e.args, target);
+                    }
                 }, 400);
             }
             else {
@@ -1590,6 +1616,9 @@ var Image = /** @class */ (function () {
             proxy.uploadUrl.cssClass = (proxy.parent.insertImageSettings.display === 'inline' ?
                 classes.CLS_IMGINLINE : classes.CLS_IMGBREAK);
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
             proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, proxy.uploadUrl);
             proxy.uploadUrl.url = '';
             if (proxy.contentModule.getEditPanel().querySelector('.e-img-resize')) {
@@ -1620,8 +1649,11 @@ var Image = /** @class */ (function () {
                     maxHeight: proxy.parent.insertImageSettings.maxHeight
                 }
             };
-            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
+            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
         }
     };
     Image.prototype.imgsizeInput = function (e) {
@@ -1797,9 +1829,17 @@ var Image = /** @class */ (function () {
                                     }
                                 };
                                 proxy.inputUrl.setAttribute('disabled', 'true');
-                                if (isNOU(proxy.parent.insertImageSettings.saveUrl) && _this.isAllowedTypes
-                                    && !isNOU(_this.dialogObj) && selectArgs.filesData[0].size <= _this.uploadObj.maxFileSize) {
-                                    _this.dialogObj.getButtons(0).element.removeAttribute('disabled');
+                                if (!isNOU(_this.dialogObj)) {
+                                    var button = _this.dialogObj.getButtons(0);
+                                    if (!isNOU(button)) {
+                                        if (isNOU(proxy.parent.insertImageSettings.saveUrl) && _this.isAllowedTypes
+                                            && selectArgs.filesData[0].size <= _this.uploadObj.maxFileSize) {
+                                            button.element.removeAttribute('disabled');
+                                        }
+                                        else {
+                                            button.element.setAttribute('disabled', 'true');
+                                        }
+                                    }
                                 }
                             });
                             reader_1.readAsDataURL(selectArgs.filesData[0].rawFile);
@@ -2389,7 +2429,9 @@ var Image = /** @class */ (function () {
         if (imageElement) {
             this.showImageQTbarTime = setTimeout(function () {
                 _this.showImageQuickToolbar(args);
-                _this.resizeStart(e.args, imageElement);
+                if (_this.parent.insertImageSettings.resize) {
+                    _this.resizeStart(e.args, imageElement);
+                }
             }, 0);
         }
     };
@@ -2400,7 +2442,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

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

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

@@ -427,6 +427,9 @@ var Link = /** @class */ (function () {
         if (document.body.contains(proxy.dialogObj.element)) {
             this.selfLink.dialogObj.hide({ returnValue: false });
         }
+        if (this.selfLink.dialogObj !== null) {
+            return;
+        }
         if (isIDevice() && proxy.parent.iframeSettings.enable) {
             select('iframe', proxy.parent.element).contentWindow.focus();
         }
@@ -558,7 +561,7 @@ var Link = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Link.prototype.destroy = function () {
         if (this.isDestroyed) {

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;
 }