@syncfusion/ej2-richtexteditor 27.1.55 → 27.1.57-637881

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

@@ -23,7 +23,7 @@ export declare class Count {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderCount(): void;
     private appendCount;
@@ -31,7 +31,7 @@ export declare class Count {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     refresh(): void;
     /**
@@ -40,7 +40,7 @@ export declare class Count {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private toggle;

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

@@ -23,7 +23,7 @@ var Count = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Count.prototype.renderCount = function () {
         this.initializeInstance();
@@ -68,7 +68,7 @@ var Count = /** @class */ (function () {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Count.prototype.refresh = function () {
         if (!isNullOrUndefined(this.editPanel)) {
@@ -84,7 +84,7 @@ var Count = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Count.prototype.destroy = function () {
         if (this.isDestroyed) {

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

@@ -38,7 +38,7 @@ export declare class DropDownButtons {
      * @param {IDropDownRenderArgs} args - specifies the arguments
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderDropDowns(args: IDropDownRenderArgs): void;
     private getUpdateItems;
@@ -57,7 +57,7 @@ export declare class DropDownButtons {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroyDropDowns(): void;
     private setRtl;

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

@@ -36,7 +36,7 @@ var DropDownButtons = /** @class */ (function () {
      * @param {IDropDownRenderArgs} args - specifies the arguments
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DropDownButtons.prototype.renderDropDowns = function (args) {
         var _this = this;
@@ -401,7 +401,7 @@ var DropDownButtons = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DropDownButtons.prototype.destroyDropDowns = function () {
         if (this.formatDropDown) {

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

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

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

@@ -19,7 +19,7 @@ var EmojiPicker = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     EmojiPicker.prototype.destroy = function () {
         if (this.isDestroyed) {

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

@@ -13,7 +13,7 @@ export declare class FullScreen {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     showFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     /**
@@ -22,7 +22,7 @@ export declare class FullScreen {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     private toggleParentOverflow;
@@ -34,7 +34,7 @@ export declare class FullScreen {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
 }

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

@@ -17,7 +17,7 @@ var FullScreen = /** @class */ (function () {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     FullScreen.prototype.showFullScreen = function (event) {
         var _this = this;
@@ -70,7 +70,7 @@ var FullScreen = /** @class */ (function () {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     FullScreen.prototype.hideFullScreen = function (event) {
         var _this = this;
@@ -156,7 +156,7 @@ var FullScreen = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     FullScreen.prototype.destroy = function () {
         if (isNOU(this.parent)) {

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

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

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

@@ -35,7 +35,7 @@ var HtmlEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     HtmlEditor.prototype.destroy = function () {
         if (this.isDestroyed) {
@@ -79,7 +79,7 @@ var HtmlEditor = /** @class */ (function () {
      * @param {string} value - specifies the string value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     HtmlEditor.prototype.sanitizeHelper = function (value) {
         value = sanitizeHelper(value, this.parent);
@@ -1032,7 +1032,7 @@ var HtmlEditor = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     HtmlEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

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

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

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

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

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

@@ -20,7 +20,7 @@ export declare class MarkdownEditor {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private addEventListener;
@@ -37,7 +37,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

@@ -23,7 +23,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.destroy = function () {
         if (this.isDestroyed) {
@@ -142,7 +142,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

@@ -51,7 +51,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

@@ -11,7 +11,7 @@ import * as EVENTS from './../../common/constant';
 import { RenderType, ImageInputSource } from '../base/enum';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import * as classes from '../base/classes';
-import { sanitizeHelper, convertToBlob, getDefaultValue } from '../base/util';
+import { sanitizeHelper, convertToBlob } from '../base/util';
 import { scrollToCursor } from '../../common/util';
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
@@ -206,38 +206,62 @@ var PasteCleanup = /** @class */ (function () {
         }
     };
     PasteCleanup.prototype.splitBreakLine = function (value) {
-        var enterSplitText = value.split('\n');
-        var contentInnerElem = '';
+        var enterSplitText = value.split('\r\n\r\n');
+        var finalText = '';
         var startNode = this.parent.enterKey === 'P' ? '<p>' : (this.parent.enterKey === 'DIV' ? '<div>' : '');
         var endNode = this.parent.enterKey === 'P' ? '</p>' : (this.parent.enterKey === 'DIV' ? '</div>' : '<br>');
         for (var i = 0; i < enterSplitText.length; i++) {
-            if (enterSplitText[i].trim() === '') {
-                contentInnerElem += getDefaultValue(this.parent);
+            var content = enterSplitText[i];
+            var contentWithSpace = this.makeSpace(content);
+            var contentWithLineBreak = contentWithSpace.replace(/\r\n|\n/g, '<br>');
+            if (i === 0) {
+                if (this.parent.enterKey === 'BR') {
+                    finalText += (contentWithLineBreak + endNode);
+                }
+                else {
+                    finalText += contentWithLineBreak; // In order to merge the content in current line. No P/Div tag is added.
+                }
             }
             else {
-                var contentWithSpace = this.makeSpace(enterSplitText[i]);
-                contentInnerElem += (i === 0 && this.parent.enterKey !== 'BR' ? '<span>' : startNode) +
-                    (contentWithSpace.trim() === '' ? '<br>' : contentWithSpace.trim()) +
-                    (enterSplitText.length - 1 === i && this.parent.enterKey === 'BR' ? '' : (i === 0 && this.parent.enterKey !== 'BR' ? '</span>' : endNode));
+                if (this.parent.enterKey === 'BR') {
+                    if (i === enterSplitText.length - 1) {
+                        finalText += (contentWithLineBreak + endNode);
+                    }
+                    else {
+                        finalText += (contentWithLineBreak + endNode + endNode);
+                    }
+                }
+                else {
+                    finalText += startNode + contentWithLineBreak + endNode;
+                }
             }
         }
-        return contentInnerElem;
+        return finalText;
     };
-    PasteCleanup.prototype.makeSpace = function (enterSplitText) {
-        var contentWithSpace = '';
-        var spaceBetweenContent = true;
-        enterSplitText = enterSplitText.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
-        var spaceSplit = enterSplitText.split(' ');
-        for (var j = 0; j < spaceSplit.length; j++) {
-            if (spaceSplit[j].trim() === '') {
-                contentWithSpace += spaceBetweenContent ? '&nbsp;' : ' ';
+    PasteCleanup.prototype.makeSpace = function (text) {
+        var spacedContent = '';
+        if (text === '') {
+            return text;
+        }
+        var lineBreakSplitText = text.split(' ');
+        for (var i = 0; i < lineBreakSplitText.length; i++) {
+            var currentText = lineBreakSplitText[i];
+            if (currentText === '') {
+                spacedContent += '&nbsp;';
+            }
+            else if (currentText === '\t') {
+                spacedContent += '&nbsp;&nbsp;&nbsp;&nbsp;';
             }
             else {
-                spaceBetweenContent = false;
-                contentWithSpace += spaceSplit[j] + ' ';
+                if (i > 0 && i < lineBreakSplitText.length) {
+                    spacedContent += ' ';
+                }
+                spacedContent += currentText;
             }
         }
-        return contentWithSpace;
+        spacedContent = spacedContent.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
+        spacedContent = spacedContent.replace(/&nbsp;&nbsp;/g, '&nbsp; ');
+        return spacedContent;
     };
     PasteCleanup.prototype.imgUploading = function (elm) {
         var allImgElm = elm.querySelectorAll('.pasteContent_Img');
@@ -484,7 +508,7 @@ var PasteCleanup = /** @class */ (function () {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     PasteCleanup.prototype.imageFormatting = function (pasteArgs, imgElement) {
         if (!isNOU(imgElement.elements[0].getAttribute('src'))) {

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

@@ -37,7 +37,7 @@ 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;
@@ -53,7 +53,7 @@ export declare class QuickToolbar {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     showInlineQTBar(x: number, y: number, target: HTMLElement): void;
     /**
@@ -61,7 +61,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideInlineQTBar(): void;
     /**
@@ -69,7 +69,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideQuickToolbars(): void;
     private deBounce;
@@ -85,7 +85,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInlineBaseToolbar(): BaseToolbar;
     /**
@@ -94,7 +94,7 @@ export declare class QuickToolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private wireInlineQTBarEvents;
@@ -105,7 +105,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addEventListener(): void;
     private onKeyDown;
@@ -118,7 +118,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     removeEventListener(): void;
     /**
@@ -127,7 +127,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

@@ -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.js

@@ -80,6 +80,10 @@ 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) {

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;