@syncfusion/ej2-richtexteditor 19.3.47 → 19.3.53-6125

package/src/rich-text-editor/actions/keyboard.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, NotifyPropertyChanges, Event } from '@syncfusion/ej2-base';
 import { Base } from '@syncfusion/ej2-base';
 var keyCode = {
@@ -84,7 +84,7 @@ var keyCode = {
  * ```
  *
  * @hidden
-
+ * @deprecated
  */
 var KeyboardEvents = /** @class */ (function (_super) {
     __extends(KeyboardEvents, _super);

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

@@ -19,7 +19,7 @@ export declare class MarkdownEditor {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private addEventListener;
@@ -36,7 +36,7 @@ export declare class MarkdownEditor {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -22,7 +22,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.destroy = function () {
         this.removeEventListener();
@@ -138,7 +138,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

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

@@ -39,7 +39,7 @@ export declare class PasteCleanup {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     private imageFormatting;
     private radioRender;

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

@@ -414,7 +414,7 @@ var PasteCleanup = /** @class */ (function () {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     PasteCleanup.prototype.imageFormatting = function (pasteArgs, imgElement) {
         var imageElement = this.parent.createElement('span');

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

@@ -33,11 +33,12 @@ export declare class QuickToolbar {
      * @param {RenderType} type - specifies the render type.
      * @returns {BaseQuickToolbar} - specifies the quick toolbar
      * @hidden
-
+     * @deprecated
      */
     createQTBar(popupType: string, mode: string, items: (string | IToolbarItems)[], type: RenderType): BaseQuickToolbar;
     private initializeQuickToolbars;
     private onMouseDown;
+    private keyUpQT;
     private renderQuickToolbars;
     private renderInlineQuickToolbar;
     /**
@@ -48,7 +49,7 @@ export declare class QuickToolbar {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     showInlineQTBar(x: number, y: number, target: HTMLElement): void;
     /**
@@ -56,7 +57,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideInlineQTBar(): void;
     /**
@@ -64,7 +65,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideQuickToolbars(): void;
     private deBounce;
@@ -79,7 +80,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInlineBaseToolbar(): BaseToolbar;
     /**
@@ -88,7 +89,7 @@ export declare class QuickToolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private wireInlineQTBarEvents;
@@ -99,7 +100,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addEventListener(): void;
     private onKeyDown;
@@ -110,7 +111,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     removeEventListener(): void;
     /**
@@ -119,7 +120,7 @@ export declare class QuickToolbar {
      * @param {RichTextEditorModel} e - specifies the element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -58,7 +58,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {RenderType} type - specifies the render type.
      * @returns {BaseQuickToolbar} - specifies the quick toolbar
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.createQTBar = function (popupType, mode, items, type) {
         if (items.length < 1) {
@@ -80,6 +80,11 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.isBlur = false;
         this.parent.isRTE = true;
     };
+    QuickToolbar.prototype.keyUpQT = function (e) {
+        if (e.which == 27) {
+            this.hideQuickToolbars();
+        }
+    };
     QuickToolbar.prototype.renderQuickToolbars = function () {
         if (this.linkQTBar || this.imageQTBar || this.textQTBar || this.tableQTBar) {
             return;
@@ -94,15 +99,19 @@ var QuickToolbar = /** @class */ (function () {
         this.renderFactory.addRenderer(RenderType.TableToolbar, this.tableQTBar);
         if (this.linkQTBar) {
             EventHandler.add(this.linkQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.linkQTBar.element, 'keyup', this.keyUpQT, this);
         }
         if (this.imageQTBar) {
             EventHandler.add(this.imageQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.imageQTBar.element, 'keyup', this.keyUpQT, this);
         }
         if (this.textQTBar) {
             EventHandler.add(this.textQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.textQTBar.element, 'keyup', this.keyUpQT, this);
         }
         if (this.tableQTBar) {
             EventHandler.add(this.tableQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.tableQTBar.element, 'keyup', this.keyUpQT, this);
         }
     };
     QuickToolbar.prototype.renderInlineQuickToolbar = function () {
@@ -111,6 +120,7 @@ var QuickToolbar = /** @class */ (function () {
             this.inlineQTBar = this.createQTBar('Inline', 'MultiRow', this.parent.toolbarSettings.items, RenderType.InlineToolbar);
             this.renderFactory.addRenderer(RenderType.InlineToolbar, this.inlineQTBar);
             EventHandler.add(this.inlineQTBar.element, 'mousedown', this.onMouseDown, this);
+            EventHandler.add(this.inlineQTBar.element, 'keyup', this.keyUpQT, this);
         }
     };
     /**
@@ -121,7 +131,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.showInlineQTBar = function (x, y, target) {
         if (this.parent.readonly) {
@@ -134,7 +144,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.hideInlineQTBar = function () {
         if (this.inlineQTBar && !hasClass(this.inlineQTBar.element, 'e-popup-close')) {
@@ -146,7 +156,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.hideQuickToolbars = function () {
         if (this.linkQTBar && !hasClass(this.linkQTBar.element, 'e-popup-close') && document.body.contains(this.linkQTBar.element)) {
@@ -249,7 +259,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.getInlineBaseToolbar = function () {
         return this.inlineQTBar && this.inlineQTBar.quickTBarObj;
@@ -260,27 +270,32 @@ var QuickToolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.destroy = function () {
         if (this.linkQTBar) {
             EventHandler.remove(this.linkQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.linkQTBar.element, 'keyup', this.keyUpQT);
             this.linkQTBar.destroy();
         }
         if (this.textQTBar) {
             EventHandler.remove(this.textQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.textQTBar.element, 'keyup', this.keyUpQT);
             this.textQTBar.destroy();
         }
         if (this.imageQTBar) {
             EventHandler.remove(this.imageQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.imageQTBar.element, 'keyup', this.keyUpQT);
             this.imageQTBar.destroy();
         }
         if (this.tableQTBar) {
             EventHandler.remove(this.tableQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.tableQTBar.element, 'keyup', this.keyUpQT);
             this.tableQTBar.destroy();
         }
         if (this.inlineQTBar) {
             EventHandler.remove(this.inlineQTBar.element, 'mousedown', this.onMouseDown);
+            EventHandler.remove(this.inlineQTBar.element, 'keyup', this.keyUpQT);
             if (isIDevice()) {
                 EventHandler.remove(document, 'selectionchange', this.selectionChangeHandler);
             }
@@ -321,7 +336,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -371,7 +386,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -399,7 +414,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.onPropertyChanged = function (e) {
         if (!isNullOrUndefined(e.newProp.quickToolbarSettings)) {

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

@@ -42,7 +42,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addFixedTBarClass(): void;
     /**
@@ -50,7 +50,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     removeFixedTBarClass(): void;
     private showFixedTBar;
@@ -61,7 +61,7 @@ export declare class Toolbar {
      * @param {IUpdateItemsModel} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateItem(args: IUpdateItemsModel): void;
     private updateToolbarStatus;
@@ -72,7 +72,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getBaseToolbar(): BaseToolbar;
     /**
@@ -82,7 +82,7 @@ export declare class Toolbar {
      * @param {number} index - specifies the index value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addTBarItem(args: IUpdateItemsModel, index: number): void;
     /**
@@ -94,7 +94,7 @@ export declare class Toolbar {
      * @param {boolean} muteToolbarUpdate - specifies the toolbar.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     enableTBarItems(baseToolbar: BaseToolbar, items: string | string[], isEnable: boolean, muteToolbarUpdate?: boolean): void;
     /**
@@ -103,7 +103,7 @@ export declare class Toolbar {
      * @param {string} items - specifies the string value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     removeTBarItems(items: string | string[]): void;
     /**
@@ -111,7 +111,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getExpandTBarPopHeight(): number;
     /**
@@ -119,7 +119,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getToolbarHeight(): number;
     /**
@@ -127,7 +127,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getToolbarElement(): Element;
     /**
@@ -135,7 +135,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     refreshToolbarOverflow(): void;
     private isToolbarDestroyed;
@@ -146,7 +146,7 @@ export declare class Toolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private scrollHandler;
@@ -168,7 +168,7 @@ export declare class Toolbar {
      * @param {RichTextEditorModel} e - specifies the string value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -268,7 +268,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.addFixedTBarClass = function () {
         addClass([this.tbElement], [classes.CLS_TB_FIXED]);
@@ -278,7 +278,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.removeFixedTBarClass = function () {
         removeClass([this.tbElement], [classes.CLS_TB_FIXED]);
@@ -299,7 +299,7 @@ var Toolbar = /** @class */ (function () {
      * @param {IUpdateItemsModel} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.updateItem = function (args) {
         var item = this.tools[args.updateItem.toLocaleLowerCase()];
@@ -341,7 +341,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getBaseToolbar = function () {
         return this.baseToolbar;
@@ -353,7 +353,7 @@ var Toolbar = /** @class */ (function () {
      * @param {number} index - specifies the index value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.addTBarItem = function (args, index) {
         args.baseToolbar.toolbarObj.addItems([args.baseToolbar.getObject(args.updateItem, 'toolbar')], index);
@@ -367,7 +367,7 @@ var Toolbar = /** @class */ (function () {
      * @param {boolean} muteToolbarUpdate - specifies the toolbar.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.enableTBarItems = function (baseToolbar, items, isEnable, muteToolbarUpdate) {
         var trgItems = getTBarItemsIndex(getCollection(items), baseToolbar.toolbarObj.items);
@@ -388,7 +388,7 @@ var Toolbar = /** @class */ (function () {
      * @param {string} items - specifies the string value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.removeTBarItems = function (items) {
         if (isNullOrUndefined(this.baseToolbar.toolbarObj)) {
@@ -406,7 +406,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getExpandTBarPopHeight = function () {
         var popHeight = 0;
@@ -429,7 +429,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getToolbarHeight = function () {
         return this.tbElement.offsetHeight;
@@ -439,7 +439,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getToolbarElement = function () {
         return select('.' + classes.CLS_TOOLBAR, this.parent.element);
@@ -449,7 +449,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.refreshToolbarOverflow = function () {
         this.baseToolbar.toolbarObj.refreshOverflow();
@@ -483,7 +483,7 @@ var Toolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.destroy = function () {
         if (this.isToolbarDestroyed()) {
@@ -630,7 +630,7 @@ var Toolbar = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the string value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.onPropertyChanged = function (e) {
         if (!isNullOrUndefined(e.newProp.inlineMode)) {

package/src/rich-text-editor/actions/xhtml-validation.d.ts

@@ -13,7 +13,7 @@ export declare class XhtmlValidation {
      * @param {string} currentValue - specifies the string value.
      * @param {number} valueLength - specifies the length of the current value.
      * @returns {void}
-
+     * @deprecated
      */
     selfEncloseValidation(currentValue: string, valueLength?: number): string;
     private AddRootElement;

package/src/rich-text-editor/actions/xhtml-validation.js

@@ -38,7 +38,7 @@ var XhtmlValidation = /** @class */ (function () {
      * @param {string} currentValue - specifies the string value.
      * @param {number} valueLength - specifies the length of the current value.
      * @returns {void}
-
+     * @deprecated
      */
     XhtmlValidation.prototype.selfEncloseValidation = function (currentValue, valueLength) {
         if (valueLength === 0 && currentValue.indexOf('table') < 0 && currentValue.indexOf('img') < 0) {