@syncfusion/ej2-richtexteditor 18.1.52 → 18.2.44-4568

package/src/rich-text-editor/actions/base-quick-toolbar.js

@@ -29,7 +29,7 @@ var BaseQuickToolbar = /** @class */ (function () {
     /**
      * render method
      * @hidden
-
+     * @deprecated
      */
     BaseQuickToolbar.prototype.render = function (args) {
         var className;
@@ -166,7 +166,7 @@ var BaseQuickToolbar = /** @class */ (function () {
     /**
      * showPopup method
      * @hidden
-
+     * @deprecated
      */
     BaseQuickToolbar.prototype.showPopup = function (x, y, target) {
         var _this = this;
@@ -255,7 +255,7 @@ var BaseQuickToolbar = /** @class */ (function () {
     /**
      * hidePopup method
      * @hidden
-
+     * @deprecated
      */
     BaseQuickToolbar.prototype.hidePopup = function () {
         var viewSourcePanel = this.parent.sourceCodeModule.getViewPanel();
@@ -272,14 +272,14 @@ var BaseQuickToolbar = /** @class */ (function () {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     BaseQuickToolbar.prototype.addQTBarItem = function (item, index) {
         this.quickTBarObj.toolbarObj.addItems(this.quickTBarObj.getItems(item, 'toolbar'), index);
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     BaseQuickToolbar.prototype.removeQTBarItem = function (index) {
         this.quickTBarObj.toolbarObj.removeItems(index);
@@ -313,7 +313,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     BaseQuickToolbar.prototype.destroy = function () {
         if (this.popupObj && !this.popupObj.isDestroyed) {
@@ -325,7 +325,7 @@ var BaseQuickToolbar = /** @class */ (function () {
     /**
      * addEventListener method
      * @hidden
-
+     * @deprecated
      */
     BaseQuickToolbar.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -340,7 +340,7 @@ var BaseQuickToolbar = /** @class */ (function () {
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     BaseQuickToolbar.prototype.onPropertyChanged = function (e) {
         if (!isNullOrUndefined(e.newProp.inlineMode)) {
@@ -362,7 +362,7 @@ var BaseQuickToolbar = /** @class */ (function () {
     /**
      * removeEventListener method
      * @hidden
-
+     * @deprecated
      */
     BaseQuickToolbar.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {

package/src/rich-text-editor/actions/base-toolbar.d.ts

@@ -21,19 +21,19 @@ export declare class BaseToolbar {
     /**
      * getObject method
      * @hidden
-
+     * @deprecated
      */
     getObject(item: string, container: string): IToolbarItemModel;
     /**
      * @hidden
-
+     * @deprecated
      */
     getItems(tbItems: (string | IToolbarItems)[], container: string): ItemModel[];
     private getToolbarOptions;
     /**
      * render method
      * @hidden
-
+     * @deprecated
      */
     render(args: IToolbarRenderOptions): void;
 }

package/src/rich-text-editor/actions/base-toolbar.js

@@ -58,7 +58,7 @@ var BaseToolbar = /** @class */ (function () {
     /**
      * getObject method
      * @hidden
-
+     * @deprecated
      */
     BaseToolbar.prototype.getObject = function (item, container) {
         var itemStr = item.toLowerCase();
@@ -84,7 +84,7 @@ var BaseToolbar = /** @class */ (function () {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     BaseToolbar.prototype.getItems = function (tbItems, container) {
         var _this = this;
@@ -138,7 +138,7 @@ var BaseToolbar = /** @class */ (function () {
     /**
      * render method
      * @hidden
-
+     * @deprecated
      */
     BaseToolbar.prototype.render = function (args) {
         this.toolbarRenderer = this.renderFactory.getRenderer(RenderType.Toolbar);

package/src/rich-text-editor/actions/color-picker.d.ts

@@ -19,14 +19,14 @@ export declare class ColorPickerInput {
     /**
      * renderColorPickerInput method
      * @hidden
-
+     * @deprecated
      */
     renderColorPickerInput(args: IColorPickerRenderArgs): void;
     private destroy;
     /**
      * destroyColorPicker method
      * @hidden
-
+     * @deprecated
      */
     destroyColorPicker(): void;
     private setRtl;

package/src/rich-text-editor/actions/color-picker.js

@@ -27,7 +27,7 @@ var ColorPickerInput = /** @class */ (function () {
     /**
      * renderColorPickerInput method
      * @hidden
-
+     * @deprecated
      */
     ColorPickerInput.prototype.renderColorPickerInput = function (args) {
         var _this = this;
@@ -86,7 +86,7 @@ var ColorPickerInput = /** @class */ (function () {
     /**
      * destroyColorPicker method
      * @hidden
-
+     * @deprecated
      */
     ColorPickerInput.prototype.destroyColorPicker = function () {
         if (this.fontColorPicker && !this.fontColorPicker.isDestroyed) {

package/src/rich-text-editor/actions/count.d.ts

@@ -20,14 +20,14 @@ export declare class Count {
     /**
      * renderCount method
      * @hidden
-
+     * @deprecated
      */
     renderCount(): void;
     private appendCount;
     private charCountBackground;
     /**
      * @hidden
-
+     * @deprecated
      */
     refresh(): void;
     /**
@@ -35,7 +35,7 @@ export declare class Count {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private toggle;

package/src/rich-text-editor/actions/count.js

@@ -20,7 +20,7 @@ var Count = /** @class */ (function () {
     /**
      * renderCount method
      * @hidden
-
+     * @deprecated
      */
     Count.prototype.renderCount = function () {
         this.initializeInstance();
@@ -55,7 +55,7 @@ var Count = /** @class */ (function () {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     Count.prototype.refresh = function () {
         if (!isNullOrUndefined(this.editPanel)) {
@@ -70,7 +70,7 @@ var Count = /** @class */ (function () {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     Count.prototype.destroy = function () {
         if (this.element && !isNullOrUndefined(this.parent.element.querySelector('.' + CLS_COUNT))) {

package/src/rich-text-editor/actions/dropdown-buttons.d.ts

@@ -26,7 +26,7 @@ export declare class DropDownButtons {
     /**
      * renderDropDowns method
      * @hidden
-
+     * @deprecated
      */
     renderDropDowns(args: IDropDownRenderArgs): void;
     private getUpdateItems;
@@ -42,7 +42,7 @@ export declare class DropDownButtons {
     /**
      * destroyDropDowns method
      * @hidden
-
+     * @deprecated
      */
     destroyDropDowns(): void;
     private setRtl;

package/src/rich-text-editor/actions/dropdown-buttons.js

@@ -36,7 +36,7 @@ var DropDownButtons = /** @class */ (function () {
     /**
      * renderDropDowns method
      * @hidden
-
+     * @deprecated
      */
     DropDownButtons.prototype.renderDropDowns = function (args) {
         var _this = this;
@@ -339,7 +339,7 @@ var DropDownButtons = /** @class */ (function () {
     /**
      * destroyDropDowns method
      * @hidden
-
+     * @deprecated
      */
     DropDownButtons.prototype.destroyDropDowns = function () {
         if (this.formatDropDown) {

package/src/rich-text-editor/actions/full-screen.d.ts

@@ -11,13 +11,13 @@ export declare class FullScreen {
     /**
      * showFullScreen method
      * @hidden
-
+     * @deprecated
      */
     showFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     /**
      * hideFullScreen method
      * @hidden
-
+     * @deprecated
      */
     hideFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     private toggleParentOverflow;
@@ -27,7 +27,7 @@ export declare class FullScreen {
     /**
      * destroy method
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
 }

package/src/rich-text-editor/actions/full-screen.js

@@ -14,7 +14,7 @@ var FullScreen = /** @class */ (function () {
     /**
      * showFullScreen method
      * @hidden
-
+     * @deprecated
      */
     FullScreen.prototype.showFullScreen = function (event) {
         if (this.parent.toolbarSettings.enable === true && this.parent.editorMode !== 'Markdown') {
@@ -50,7 +50,7 @@ var FullScreen = /** @class */ (function () {
     /**
      * hideFullScreen method
      * @hidden
-
+     * @deprecated
      */
     FullScreen.prototype.hideFullScreen = function (event) {
         if (this.parent.toolbarSettings.enable === true && this.parent.editorMode !== 'Markdown') {
@@ -119,7 +119,7 @@ var FullScreen = /** @class */ (function () {
     /**
      * destroy method
      * @hidden
-
+     * @deprecated
      */
     FullScreen.prototype.destroy = function () {
         if (this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {

package/src/rich-text-editor/actions/html-editor.d.ts

@@ -21,12 +21,12 @@ export declare class HtmlEditor {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     /**
      * @hidden
-
+     * @deprecated
      */
     sanitizeHelper(value: string): string;
     private addEventListener;
@@ -44,7 +44,7 @@ export declare class HtmlEditor {
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

package/src/rich-text-editor/actions/html-editor.js

@@ -29,14 +29,14 @@ var HtmlEditor = /** @class */ (function () {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     HtmlEditor.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     HtmlEditor.prototype.sanitizeHelper = function (value) {
         value = sanitizeHelper(value, this.parent);
@@ -334,7 +334,7 @@ var HtmlEditor = /** @class */ (function () {
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     HtmlEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

package/src/rich-text-editor/actions/keyboard-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from '@syncfusion/ej2-base';import { Base, EmitType } from '@syncfusion/ej2-base';import { KeyboardEventsModel } from '@syncfusion/ej2-base';
+import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from '@syncfusion/ej2-base';
 import {KeyboardEventArgs} from "./keyboard";
 
 /**
@@ -7,21 +7,21 @@ import {KeyboardEventArgs} from "./keyboard";
 export interface KeyboardEventsModel {
 
     /**
-     * Specifies key combination and it respective action name.
-     * @default null
-     */
-    keyConfigs?: { [key: string]: string };
+     * Specifies key combination and it respective action name.
+     * @default null
+     */
+    keyConfigs?: { [key: string]: string };
 
     /**
-     * Specifies on which event keyboardEvents class should listen for key press. For ex., `keyup`, `keydown` or `keypress`
-     * @default 'keyup'
-     */
-    eventName?: string;
+     * Specifies on which event keyboardEvents class should listen for key press. For ex., `keyup`, `keydown` or `keypress`
+     * @default 'keyup'
+     */
+    eventName?: string;
 
     /**
-     * Specifies the listener when keyboard actions is performed. 
-     * @event
-     */
-    keyAction?: EmitType<KeyboardEventArgs>;
+     * Specifies the listener when keyboard actions is performed. 
+     * @event
+     */
+    keyAction?: EmitType<KeyboardEventArgs>;
 
 }

package/src/rich-text-editor/actions/keyboard.d.ts

@@ -26,7 +26,7 @@ export interface KeyboardEventArgs extends KeyboardEvent {
  * </script>
  * ```
  * @hidden
-
+ * @deprecated
  */
 export declare class KeyboardEvents extends Base<HTMLElement> implements INotifyPropertyChanged {
     /**

package/src/rich-text-editor/actions/keyboard.js

@@ -83,7 +83,7 @@ var keyCode = {
  * </script>
  * ```
  * @hidden
-
+ * @deprecated
  */
 var KeyboardEvents = /** @class */ (function (_super) {
     __extends(KeyboardEvents, _super);

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

@@ -18,7 +18,7 @@ export declare class MarkdownEditor {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private addEventListener;
@@ -32,7 +32,7 @@ export declare class MarkdownEditor {
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -21,7 +21,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.destroy = function () {
         this.removeEventListener();
@@ -135,7 +135,7 @@ var MarkdownEditor = /** @class */ (function () {
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

package/src/rich-text-editor/actions/paste-clean-up.d.ts

@@ -35,7 +35,7 @@ export declare class PasteCleanup {
     /**
      * Method for image formatting when pasting
      * @hidden
-
+     * @deprecated
      */
     private imageFormatting;
     private radioRender;

package/src/rich-text-editor/actions/paste-clean-up.js

@@ -239,6 +239,8 @@ var PasteCleanup = /** @class */ (function () {
         addClass([popupObj.element], [classes.CLS_POPUP_OPEN, classes.CLS_RTE_UPLOAD_POPUP]);
         var timeOut = fileList.size > 1000000 ? 300 : 100;
         setTimeout(function () { _this.refreshPopup(imgElem, popupObj); }, timeOut);
+        var rawFile;
+        var beforeUploadArgs;
         var uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl
@@ -250,8 +252,24 @@ var PasteCleanup = /** @class */ (function () {
                 setTimeout(function () { _this.popupClose(popupObj, uploadObj, imgElem, e); }, 900);
             },
             uploading: function (e) {
-                _this.parent.trigger(events.imageUploading, e);
-                _this.parent.inputElement.contentEditable = 'false';
+                if (!_this.parent.isServerRendered) {
+                    _this.parent.trigger(events.imageUploading, e);
+                    _this.parent.inputElement.contentEditable = 'false';
+                }
+            },
+            beforeUpload: function (args) {
+                if (_this.parent.isServerRendered) {
+                    args.cancel = true;
+                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
+                    _this.parent.trigger(events.imageUploading, beforeUploadArgs, function (beforeUploadArgs) {
+                        if (beforeUploadArgs.cancel) {
+                            return;
+                        }
+                        /* tslint:disable */
+                        _this.uploadObj.uploadFiles(rawFile, null);
+                        /* tslint:enable */
+                    });
+                }
             },
             failure: function (e) {
                 setTimeout(function () { _this.uploadFailure(imgElem, uploadObj, popupObj, e); }, 900);
@@ -266,6 +284,9 @@ var PasteCleanup = /** @class */ (function () {
             },
             selected: function (e) {
                 e.cancel = true;
+                if (_this.parent.isServerRendered) {
+                    rawFile = e.filesData;
+                }
             },
             removing: function () {
                 _this.parent.inputElement.contentEditable = 'true';
@@ -347,7 +368,7 @@ var PasteCleanup = /** @class */ (function () {
     /**
      * Method for image formatting when pasting
      * @hidden
-
+     * @deprecated
      */
     PasteCleanup.prototype.imageFormatting = function (pasteArgs, imgElement) {
         var imageElement = this.parent.createElement('span');
@@ -397,6 +418,8 @@ var PasteCleanup = /** @class */ (function () {
     };
     PasteCleanup.prototype.pasteDialog = function (value, args) {
         var _this = this;
+        var isHeight = false;
+        var preRTEHeight = this.parent.height;
         var dialogModel = {
             buttons: [
                 {
@@ -405,6 +428,8 @@ var PasteCleanup = /** @class */ (function () {
                             var keepChecked = _this.parent.element.querySelector('#keepFormating').checked;
                             var cleanChecked = _this.parent.element.querySelector('#cleanFormat').checked;
                             dialog.hide();
+                            _this.parent.height = isHeight ? preRTEHeight : _this.parent.height;
+                            isHeight = false;
                             var argument = isBlazor() ? null : dialog;
                             _this.dialogRenderObj.close(argument);
                             dialog.destroy();
@@ -421,6 +446,8 @@ var PasteCleanup = /** @class */ (function () {
                     click: function () {
                         if (!dialog.isDestroyed) {
                             dialog.hide();
+                            _this.parent.height = isHeight ? preRTEHeight : _this.parent.height;
+                            isHeight = false;
                             var args_1 = isBlazor() ? null : dialog;
                             _this.dialogRenderObj.close(args_1);
                             dialog.destroy();
@@ -457,6 +484,10 @@ var PasteCleanup = /** @class */ (function () {
         }
         dialog.appendTo(rteDialogWrapper);
         this.radioRender();
+        if (this.parent.element.offsetHeight < parseInt(dialog.height.split('px')[0], null)) {
+            this.parent.height = parseInt(dialog.height.split('px')[0], null) + 40;
+            isHeight = true;
+        }
         dialog.show();
     };
     PasteCleanup.prototype.destroyDialog = function (rteDialogWrapper) {

package/src/rich-text-editor/actions/quick-toolbar.d.ts

@@ -27,19 +27,29 @@ export declare class QuickToolbar {
     /**
      * createQTBar method
      * @hidden
-
+     * @deprecated
      */
     createQTBar(popupType: string, mode: string, items: (string | IToolbarItems)[], type: RenderType): BaseQuickToolbar;
     private initializeQuickToolbars;
     private onMouseDown;
     private renderQuickToolbars;
     private renderInlineQuickToolbar;
-    private showInlineQTBar;
-    private hideInlineQTBar;
+    /**
+     * Method for showing the inline quick toolbar
+     * @hidden
+     * @deprecated
+     */
+    showInlineQTBar(x: number, y: number, target: HTMLElement): void;
+    /**
+     * Method for hidding the inline quick toolbar
+     * @hidden
+     * @deprecated
+     */
+    hideInlineQTBar(): void;
     /**
      * Method for hidding the quick toolbar
      * @hidden
-
+     * @deprecated
      */
     hideQuickToolbars(): void;
     private deBounce;
@@ -52,7 +62,7 @@ export declare class QuickToolbar {
     /**
      * getInlineBaseToolbar method
      * @hidden
-
+     * @deprecated
      */
     getInlineBaseToolbar(): BaseToolbar;
     /**
@@ -60,7 +70,7 @@ export declare class QuickToolbar {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private wireInlineQTBarEvents;
@@ -69,7 +79,7 @@ export declare class QuickToolbar {
     /**
      * addEventListener
      * @hidden
-
+     * @deprecated
      */
     addEventListener(): void;
     private onKeyDown;
@@ -78,13 +88,13 @@ export declare class QuickToolbar {
     /**
      * removeEventListener
      * @hidden
-
+     * @deprecated
      */
     removeEventListener(): void;
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;