@syncfusion/ej2-richtexteditor 18.1.57 → 18.2.44-4568

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');

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;

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

@@ -52,7 +52,7 @@ var QuickToolbar = /** @class */ (function () {
     /**
      * createQTBar method
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.createQTBar = function (popupType, mode, items, type) {
         if (items.length < 1) {
@@ -106,12 +106,22 @@ var QuickToolbar = /** @class */ (function () {
             EventHandler.add(this.inlineQTBar.element, 'mousedown', this.onMouseDown, this);
         }
     };
+    /**
+     * Method for showing the inline quick toolbar
+     * @hidden
+     * @deprecated
+     */
     QuickToolbar.prototype.showInlineQTBar = function (x, y, target) {
         if (this.parent.readonly) {
             return;
         }
         this.inlineQTBar.showPopup(x, y, target);
     };
+    /**
+     * Method for hidding the inline quick toolbar
+     * @hidden
+     * @deprecated
+     */
     QuickToolbar.prototype.hideInlineQTBar = function () {
         if (this.inlineQTBar && !hasClass(this.inlineQTBar.element, 'e-popup-close')) {
             this.inlineQTBar.hidePopup();
@@ -120,7 +130,7 @@ var QuickToolbar = /** @class */ (function () {
     /**
      * Method for hidding the quick toolbar
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.hideQuickToolbars = function () {
         if (this.linkQTBar && !hasClass(this.linkQTBar.element, 'e-popup-close') && document.body.contains(this.linkQTBar.element)) {
@@ -213,7 +223,7 @@ var QuickToolbar = /** @class */ (function () {
     /**
      * getInlineBaseToolbar method
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.getInlineBaseToolbar = function () {
         return this.inlineQTBar && this.inlineQTBar.quickTBarObj;
@@ -223,7 +233,7 @@ var QuickToolbar = /** @class */ (function () {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.destroy = function () {
         if (this.linkQTBar) {
@@ -281,7 +291,7 @@ var QuickToolbar = /** @class */ (function () {
     /**
      * addEventListener
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -329,7 +339,7 @@ var QuickToolbar = /** @class */ (function () {
     /**
      * removeEventListener
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -353,7 +363,7 @@ var QuickToolbar = /** @class */ (function () {
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.onPropertyChanged = function (e) {
         if (!isNullOrUndefined(e.newProp.quickToolbarSettings)) {

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

@@ -40,13 +40,13 @@ export declare class Toolbar {
     /**
      * addFixedTBarClass method
      * @hidden
-
+     * @deprecated
      */
     addFixedTBarClass(): void;
     /**
      * removeFixedTBarClass method
      * @hidden
-
+     * @deprecated
      */
     removeFixedTBarClass(): void;
     private showFixedTBar;
@@ -54,7 +54,7 @@ export declare class Toolbar {
     /**
      * updateItem method
      * @hidden
-
+     * @deprecated
      */
     updateItem(args: IUpdateItemsModel): void;
     private updateToolbarStatus;
@@ -63,49 +63,49 @@ export declare class Toolbar {
     /**
      * getBaseToolbar method
      * @hidden
-
+     * @deprecated
      */
     getBaseToolbar(): BaseToolbar;
     /**
      * addTBarItem method
      * @hidden
-
+     * @deprecated
      */
     addTBarItem(args: IUpdateItemsModel, index: number): void;
     /**
      * enableTBarItems method
      * @hidden
-
+     * @deprecated
      */
     enableTBarItems(baseToolbar: BaseToolbar, items: string | string[], isEnable: boolean, muteToolbarUpdate?: boolean): void;
     /**
      * removeTBarItems method
      * @hidden
-
+     * @deprecated
      */
     removeTBarItems(items: string | string[]): void;
     /**
      * getExpandTBarPopHeight method
      * @hidden
-
+     * @deprecated
      */
     getExpandTBarPopHeight(): number;
     /**
      * getToolbarHeight method
      * @hidden
-
+     * @deprecated
      */
     getToolbarHeight(): number;
     /**
      * getToolbarElement method
      * @hidden
-
+     * @deprecated
      */
     getToolbarElement(): Element;
     /**
      * refreshToolbarOverflow method
      * @hidden
-
+     * @deprecated
      */
     refreshToolbarOverflow(): void;
     private isToolbarDestroyed;
@@ -115,7 +115,7 @@ export declare class Toolbar {
      * @method destroy
      * @return {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private scrollHandler;
@@ -134,7 +134,7 @@ export declare class Toolbar {
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;