@syncfusion/ej2-richtexteditor 27.1.55 → 27.1.57-637882

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

package/src/rich-text-editor/renderer/slash-menu.js

@@ -150,6 +150,15 @@ var SlashMenu = /** @class */ (function () {
                             break;
                     }
                 }
+                else {
+                    if (_this.parent.inputElement.classList.contains('e-mention')) {
+                        var slashMenuPopup = _this.parent.inputElement.ownerDocument.getElementById(_this.parent.inputElement.id + '_slash_menu_popup');
+                        var isSlashMenuPopupOpen = slashMenuPopup && slashMenuPopup.classList.contains('e-popup-open');
+                        if (isSlashMenuPopupOpen) {
+                            _this.mention.hidePopup();
+                        }
+                    }
+                }
             }
         });
     };

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

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

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

@@ -1068,7 +1068,7 @@ var Table = /** @class */ (function () {
             return;
         }
         var target = e.target || e.targetTouches[0].target;
-        var closestTable = closest(target, 'table.e-rte-table, table.e-rte-paste-table');
+        var closestTable = closest(target, 'table.e-rte-table, table.e-rte-paste-table, table.e-rte-custom-table');
         var isResizing = this.parent.contentModule.getEditPanel().querySelectorAll('.e-table-box.e-rbox-select, .e-table-rhelper.e-column-helper, .e-table-rhelper.e-row-helper').length > 0;
         if (!isResizing && !isNOU(this.curTable) && !isNOU(closestTable) && closestTable !== this.curTable &&
             this.parent.contentModule.getEditPanel().contains(closestTable)) {
@@ -1419,7 +1419,8 @@ var Table = /** @class */ (function () {
             else {
                 var tableReBox = _this.contentModule.getEditPanel().querySelector('.e-table-box');
                 var tableWidth = parseInt(getComputedStyle(_this.curTable).width, 10);
-                var tableHeight = parseInt(getComputedStyle(_this.curTable).height, 10);
+                var tableHeight = !isNaN(parseInt(_this.curTable.style.height, 10)) ?
+                    parseInt(_this.curTable.style.height, 10) : parseInt(getComputedStyle(_this.curTable).height, 10);
                 var paddingSize = +getComputedStyle(_this.contentModule.getEditPanel()).paddingRight.match(/\d/g).join('');
                 var rteWidth = _this.contentModule.getEditPanel().offsetWidth -
                     (_this.contentModule.getEditPanel().offsetWidth -
@@ -1564,7 +1565,7 @@ var Table = /** @class */ (function () {
                     _this.curTable.style.height = tableHeight + mouseY + 'px';
                     if (!isNOU(tableReBox)) {
                         tableReBox.classList.add('e-rbox-select');
-                        tableReBox.style.cssText = 'top: ' + (_this.calcPos(_this.curTable).top + tableHeight - 4) +
+                        tableReBox.style.cssText = 'top: ' + (_this.calcPos(_this.curTable).top + parseInt(getComputedStyle(_this.curTable).height, 10) - 4) +
                             'px; left:' + (_this.calcPos(_this.curTable).left + tableWidth - 4) + 'px;';
                     }
                     if (_this.curTable.closest('li')) {
@@ -2133,7 +2134,7 @@ var Table = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Table.prototype.destroy = function () {
         if (this.isDestroyed) {

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

@@ -7,7 +7,7 @@ import { ServiceLocator } from '../services/service-locator';
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ToolbarRenderer implements IRenderer {
     private mode;
@@ -48,7 +48,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderToolbar(args: IToolbarOptions): void;
     tooltipBeforeOpen(args: TooltipEventArgs): void;
@@ -58,7 +58,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderDropDownButton(args: IDropDownModel): DropDownButton;
     private mouseOutHandler;
@@ -69,7 +69,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderListDropDown(args: IDropDownModel): DropDownButton;
     private paletteSelection;
@@ -82,7 +82,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} defaultColor -specifies the defaultColor.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderColorPickerDropDown(args: IColorPickerModel, item: string, colorPicker: ColorPicker, defaultColor: string): DropDownButton;
     private pickerRefresh;
@@ -94,7 +94,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderColorPicker(args: IColorPickerModel, item: string): ColorPicker;
     /**
@@ -102,7 +102,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -110,7 +110,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -119,7 +119,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @returns {void}
      * @param  {Element} panel - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     setPanel(panel: Element): void;
     destroy(): void;

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

@@ -13,7 +13,7 @@ import { ToolbarStatus } from '../../editor-manager/plugin/toolbar-status';
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
  * @hidden
-
+ * @deprecated
  */
 var ToolbarRenderer = /** @class */ (function () {
     /**
@@ -130,7 +130,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderToolbar = function (args) {
         this.setPanel(args.target);
@@ -176,7 +176,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderDropDownButton = function (args) {
         var _this = this;
@@ -374,7 +374,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderListDropDown = function (args) {
         var _this = this;
@@ -483,7 +483,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {string} defaultColor -specifies the defaultColor.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPickerDropDown = function (args, item, colorPicker, defaultColor) {
         var _this = this;
@@ -631,7 +631,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPicker = function (args, item) {
         var _this = this;
@@ -706,7 +706,7 @@ var ToolbarRenderer = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_TOOLBAR);
@@ -716,7 +716,7 @@ var ToolbarRenderer = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.getPanel = function () {
         return this.toolbarPanel;
@@ -727,7 +727,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @returns {void}
      * @param  {Element} panel - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.setPanel = function (panel) {
         this.toolbarPanel = panel;

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

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

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

@@ -1446,6 +1446,9 @@ var Video = /** @class */ (function () {
                 maxHeight: proxy.parent.insertVideoSettings.maxHeight
             };
             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 = '';
         }
@@ -1472,8 +1475,11 @@ var Video = /** @class */ (function () {
                     maxHeight: proxy.parent.insertVideoSettings.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);
         }
     };
     /* eslint-disable */
@@ -1483,7 +1489,7 @@ var Video = /** @class */ (function () {
      * @method destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     Video.prototype.destroy = function () {

package/src/rich-text-editor/renderer/view-source.d.ts

@@ -7,7 +7,7 @@ import { ClickEventArgs } from '@syncfusion/ej2-navigations';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ViewSource {
     private parent;
@@ -41,7 +41,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     sourceCode(args?: ClickEventArgs | IHtmlKeyboardEvent): void;
     /**
@@ -50,7 +50,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateSourceCode(args?: ClickEventArgs | KeyboardEventArgs): void;
     private getTextAreaValue;
@@ -59,7 +59,7 @@ export declare class ViewSource {
      *
      * @returns {HTMLTextAreaElement} - Specifies the Souce codetext area element.
      * @hidden
-
+     * @deprecated
      */
     getPanel(): HTMLTextAreaElement;
     /**
@@ -67,7 +67,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
 }

package/src/rich-text-editor/renderer/view-source.js

@@ -8,7 +8,7 @@ import { KeyboardEvents } from '../actions/keyboard';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 var ViewSource = /** @class */ (function () {
     /**
@@ -103,7 +103,7 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.sourceCode = function (args) {
         var _this = this;
@@ -162,7 +162,7 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.updateSourceCode = function (args) {
         var _this = this;
@@ -225,7 +225,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {HTMLTextAreaElement} - Specifies the Souce codetext area element.
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getPanel = function () {
         return this.parent.element && this.parent.element.querySelector('.e-rte-srctextarea');
@@ -235,7 +235,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.destroy = function () {
         if (isNOU(this.parent)) {

package/src/rich-text-editor/services/renderer-factory.d.ts

@@ -4,7 +4,7 @@ import { RenderType } from '../base/enum';
  * RendererFactory
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class RendererFactory {
     rendererMap: {
@@ -17,7 +17,7 @@ export declare class RendererFactory {
      * @param {IRenderer} type - specifies the renderer.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addRenderer(name: RenderType, type: IRenderer): void;
     /**
@@ -26,7 +26,7 @@ export declare class RendererFactory {
      * @param {RenderType} name - specifies the render type
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getRenderer(name: RenderType): IRenderer;
     destroy(): void;

package/src/rich-text-editor/services/renderer-factory.js

@@ -4,7 +4,7 @@ import { RenderType } from '../base/enum';
  * RendererFactory
  *
  * @hidden
-
+ * @deprecated
  */
 var RendererFactory = /** @class */ (function () {
     function RendererFactory() {
@@ -17,7 +17,7 @@ var RendererFactory = /** @class */ (function () {
      * @param {IRenderer} type - specifies the renderer.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.addRenderer = function (name, type) {
         var rName = getEnumValue(RenderType, name);
@@ -31,7 +31,7 @@ var RendererFactory = /** @class */ (function () {
      * @param {RenderType} name - specifies the render type
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.getRenderer = function (name) {
         var rName = getEnumValue(RenderType, name);

package/src/rich-text-editor/services/service-locator.d.ts

@@ -2,7 +2,7 @@
  * ServiceLocator
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ServiceLocator {
     private services;
@@ -13,7 +13,7 @@ export declare class ServiceLocator {
      * @param {T} type - specifies the type.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     register<T>(name: string, type: T): void;
     /**
@@ -22,7 +22,7 @@ export declare class ServiceLocator {
      * @param {string} name - specifies the name.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getService<T>(name: string): T;
     destroy(): void;

package/src/rich-text-editor/services/service-locator.js

@@ -3,7 +3,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * ServiceLocator
  *
  * @hidden
-
+ * @deprecated
  */
 var ServiceLocator = /** @class */ (function () {
     function ServiceLocator() {
@@ -17,7 +17,7 @@ var ServiceLocator = /** @class */ (function () {
      * @param {T} type - specifies the type.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     ServiceLocator.prototype.register = function (name, type) {
@@ -31,7 +31,7 @@ var ServiceLocator = /** @class */ (function () {
      * @param {string} name - specifies the name.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ServiceLocator.prototype.getService = function (name) {
         if (isNullOrUndefined(this.services["" + name])) {