@syncfusion/ej2-richtexteditor 27.1.52 → 27.1.57-637881

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

@@ -61,7 +61,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) {
@@ -148,7 +148,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.showInlineQTBar = function (x, y, target) {
         if (isNOU(this.parent) || this.parent.readonly || target.tagName.toLowerCase() === 'img' || this.inlineQTBar.element.querySelector('.e-rte-color-content')) {
@@ -161,7 +161,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.hideInlineQTBar = function () {
         if (this.inlineQTBar && !hasClass(this.inlineQTBar.element, 'e-popup-close')) {
@@ -173,7 +173,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)) {
@@ -341,7 +341,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.getInlineBaseToolbar = function () {
         return this.inlineQTBar && this.inlineQTBar.quickTBarObj;
@@ -352,7 +352,7 @@ var QuickToolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.destroy = function () {
         if (this.isDestroyed) {
@@ -438,7 +438,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -532,7 +532,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.removeEventListener = function () {
         if (this.deBouncer) {
@@ -563,7 +563,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/resize.d.ts

@@ -9,6 +9,8 @@ export declare class Resize {
     protected touchMoveEvent: string;
     protected touchEndEvent: string;
     private isDestroyed;
+    private isResizing;
+    private iframeMouseUpBoundFn;
     private constructor();
     private addEventListener;
     private renderResizable;
@@ -21,6 +23,7 @@ export declare class Resize {
     private unwireResizeEvents;
     private destroy;
     private removeEventListener;
+    private iframeMouseUp;
     /**
      * For internal use only - Get the module name.
      *

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

@@ -9,6 +9,8 @@ var Resize = /** @class */ (function () {
         this.parent = parent;
         this.addEventListener();
         this.isDestroyed = false;
+        this.isResizing = false;
+        this.iframeMouseUpBoundFn = this.iframeMouseUp.bind(this);
     }
     Resize.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -28,6 +30,7 @@ var Resize = /** @class */ (function () {
         this.parent.rootContainer.classList.add('e-resize-enabled');
         if (this.parent.iframeSettings.enable) {
             this.parent.inputElement.classList.add('e-resize-enabled');
+            this.parent.contentModule.getDocument().addEventListener('mouseup', this.iframeMouseUpBoundFn);
         }
         this.touchStartEvent = (Browser.info.name === 'msie') ? 'pointerdown' : 'touchstart';
         EventHandler.add(this.resizer, 'mousedown', this.resizeStart, this);
@@ -35,6 +38,7 @@ var Resize = /** @class */ (function () {
     };
     Resize.prototype.resizeStart = function (e) {
         var _this = this;
+        this.isResizing = false;
         if (e.cancelable) {
             e.preventDefault();
         }
@@ -49,6 +53,7 @@ var Resize = /** @class */ (function () {
     };
     Resize.prototype.performResize = function (e) {
         var _this = this;
+        this.isResizing = true;
         var args = { event: e, requestType: 'editor' };
         this.parent.trigger(events.onResize, args, function (resizingArgs) {
             if (resizingArgs.cancel) {
@@ -75,9 +80,14 @@ var Resize = /** @class */ (function () {
             this.parent.element.style.height = eventType.clientY - boundRect.top + 'px';
             this.parent.element.style.width = (!this.parent.enableRtl) ? eventType.clientX - boundRect.left + 'px' : boundRect.right - eventType.clientX + 'px';
         }
+        var rteContent = this.parent.element.querySelector('#' + this.parent.getID() + '_source-view');
+        if (!isNullOrUndefined(rteContent)) {
+            rteContent.style.height = this.parent.element.style.height;
+        }
         this.parent.refreshUI();
     };
     Resize.prototype.stopResize = function (e) {
+        this.isResizing = false;
         this.parent.refreshUI();
         this.unwireResizeEvents();
         var args = { event: e, requestType: 'editor' };
@@ -127,6 +137,7 @@ var Resize = /** @class */ (function () {
         }
         if (this.parent.iframeSettings.enable && !isNullOrUndefined(this.parent.inputElement)) {
             this.parent.inputElement.classList.remove('e-resize-enabled');
+            this.parent.contentModule.getDocument().removeEventListener('mouseup', this.iframeMouseUpBoundFn);
         }
         if (this.resizer) {
             EventHandler.remove(this.resizer, 'mousedown', this.resizeStart);
@@ -134,6 +145,12 @@ var Resize = /** @class */ (function () {
             detach(this.resizer);
         }
         this.parent.off(events.destroy, this.destroy);
+        this.iframeMouseUpBoundFn = null;
+    };
+    Resize.prototype.iframeMouseUp = function (e) {
+        if (this.isResizing) {
+            this.stopResize(e);
+        }
     };
     /**
      * For internal use only - Get the module name.

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

@@ -45,7 +45,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addFixedTBarClass(): void;
     /**
@@ -53,7 +53,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     removeFixedTBarClass(): void;
     private showFixedTBar;
@@ -64,7 +64,7 @@ export declare class Toolbar {
      * @param {IUpdateItemsModel} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateItem(args: IUpdateItemsModel): void;
     private updateToolbarStatus;
@@ -75,7 +75,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getBaseToolbar(): BaseToolbar;
     /**
@@ -85,7 +85,7 @@ export declare class Toolbar {
      * @param {number} index - specifies the index value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addTBarItem(args: IUpdateItemsModel, index: number): void;
     /**
@@ -97,7 +97,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;
     /**
@@ -106,7 +106,7 @@ export declare class Toolbar {
      * @param {string} items - specifies the string value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     removeTBarItems(items: string | string[]): void;
     /**
@@ -114,7 +114,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getExpandTBarPopHeight(): number;
     /**
@@ -122,7 +122,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getToolbarHeight(): number;
     /**
@@ -130,7 +130,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getToolbarElement(): Element;
     /**
@@ -138,7 +138,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     refreshToolbarOverflow(): void;
     private isToolbarDestroyed;
@@ -149,7 +149,7 @@ export declare class Toolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private mouseDownHandler;
@@ -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

@@ -206,7 +206,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.addFixedTBarClass = function () {
         addClass([this.tbElement], [classes.CLS_TB_FIXED]);
@@ -216,7 +216,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.removeFixedTBarClass = function () {
         removeClass([this.tbElement], [classes.CLS_TB_FIXED]);
@@ -237,7 +237,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()];
@@ -283,7 +283,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getBaseToolbar = function () {
         return this.baseToolbar;
@@ -295,7 +295,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);
@@ -309,7 +309,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);
@@ -330,7 +330,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)) {
@@ -348,7 +348,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getExpandTBarPopHeight = function () {
         var popHeight = 0;
@@ -371,7 +371,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getToolbarHeight = function () {
         return this.tbElement.offsetHeight;
@@ -381,7 +381,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getToolbarElement = function () {
         return this.parent && this.parent.element ? select('.' + classes.CLS_TOOLBAR, this.parent.element) : null;
@@ -391,7 +391,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.refreshToolbarOverflow = function () {
         this.parent.element.classList.remove(classes.CLS_RTL);
@@ -438,7 +438,7 @@ var Toolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.destroy = function () {
         if (this.isDestroyed) {
@@ -565,7 +565,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 clean;

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

@@ -37,7 +37,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 &&