@syncfusion/ej2-richtexteditor 18.4.39 → 18.4.42-70943

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

@@ -1,33 +1,33 @@
-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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { Component, EventHandler, Complex, Browser, addClass, select, detach } from '@syncfusion/ej2-base';
 import { Property, NotifyPropertyChanges, formatUnit, L10n, closest } from '@syncfusion/ej2-base';
 import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';
@@ -74,17 +74,17 @@ var RichTextEditor = /** @class */ (function (_super) {
         _this.isResizeInitialized = false;
         /**
          * @hidden
-
+         * @deprecated
          */
         _this.isFocusOut = false;
         /**
          * @hidden
-
+         * @deprecated
          */
         _this.isRTE = false;
         /**
          * @hidden
-
+         * @deprecated
          */
         _this.isBlur = true;
         _this.needsID = true;
@@ -94,7 +94,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * To provide the array of modules needed for component rendering
      * @return {ModuleDeclaration[]}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.requiredModules = function () {
         var modules = [];
@@ -159,7 +159,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * setEnable method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setEnable = function () {
         this.updateEnable();
@@ -252,7 +252,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * getPersistData method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getPersistData = function () {
         return this.addOnPersist(['value']);
@@ -410,7 +410,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * For internal use only - To Initialize the component rendering.
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.render = function () {
         if (this.value && !this.valueTemplate) {
@@ -445,7 +445,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * For internal use only - Initialize the event handler
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.eventInitializer = function () {
         this.wireEvents();
@@ -453,7 +453,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * For internal use only - keydown the event handler;
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.keyDown = function (e) {
         this.notify(events.keyDown, { member: 'keydown', args: e });
@@ -528,6 +528,17 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.autoResize();
     };
     RichTextEditor.prototype.keyUp = function (e) {
+        if (this.editorMode === "HTML") {
+            var range = this.getRange();
+            if (Browser.userAgent.indexOf('Firefox') != -1 && range.startContainer.nodeName === '#text' &&
+                range.startContainer.parentElement === this.inputElement) {
+                var range_1 = this.getRange();
+                var tempElem = this.createElement('p');
+                range_1.startContainer.parentElement.insertBefore(tempElem, range_1.startContainer);
+                tempElem.appendChild(range_1.startContainer);
+                this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), tempElem.childNodes[0], tempElem.childNodes[0], tempElem.childNodes[0].textContent.length, tempElem.childNodes[0].textContent.length);
+            }
+        }
         this.notify(events.keyUp, { member: 'keyup', args: e });
         if (e.code === 'KeyX' && e.which === 88 && e.keyCode === 88 && e.ctrlKey && (this.inputElement.innerHTML === '' ||
             this.inputElement.innerHTML === '<br>')) {
@@ -538,7 +549,8 @@ var RichTextEditor = /** @class */ (function (_super) {
             && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys)) && !this.inlineMode.enable) {
             this.formatter.onKeyHandler(this, e);
         }
-        if (this.inputElement && this.inputElement.textContent.length !== 0) {
+        if (this.inputElement && this.inputElement.textContent.length !== 0
+            || this.element.querySelectorAll('.e-toolbar-item.e-active').length > 0) {
             this.notify(events.toolbarRefresh, { args: e });
         }
         if (!isNOU(this.placeholder)) {
@@ -549,7 +561,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.serializeValue = function (value) {
         if (this.editorMode === 'HTML' && !isNOU(value)) {
@@ -575,7 +587,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * updateValue method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.updateValue = function (value) {
         if (isNOU(value)) {
@@ -622,28 +634,28 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.ensureModuleInjected = function (module) {
         return this.getInjectedModules().indexOf(module) >= 0;
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onCopy = function () {
         this.contentModule.getDocument().execCommand('copy', false, null);
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onCut = function () {
         this.contentModule.getDocument().execCommand('cut', false, null);
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onPaste = function (e) {
         var _this = this;
@@ -694,7 +706,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.clipboardAction = function (action, event) {
         switch (action.toLowerCase()) {
@@ -883,7 +895,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * For internal use only - Get the module name.
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.getModuleName = function () {
         return 'richtexteditor';
@@ -891,7 +903,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onPropertyChanged = function (newProp, oldProp) {
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
@@ -1020,7 +1032,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.updateValueData = function () {
         if (this.enableHtmlEncode) {
@@ -1094,7 +1106,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * setPlaceHolder method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setPlaceHolder = function () {
         if (this.inputElement && this.placeholder && this.iframeSettings.enable !== true) {
@@ -1156,7 +1168,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * setReadOnly method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setReadOnly = function (initial) {
         this.updateReadOnly();
@@ -1240,7 +1252,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * Get the selected range from the RichTextEditor's content.
      * @public
-
+     * @deprecated
      */
     RichTextEditor.prototype.getRange = function () {
         return this.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
@@ -1339,7 +1351,9 @@ var RichTextEditor = /** @class */ (function (_super) {
                     var item = compiledTemplate[i];
                     append([item], this.element);
                 }
-                this.setProperties({ value: this.element.innerHTML.trim() });
+                if (this.element.innerHTML.trim() !== '') {
+                    this.setProperties({ value: this.element.innerHTML.trim() });
+                }
             }
         }
         else {
@@ -1360,7 +1374,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * Image max width calculation method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getInsertImgMaxWidth = function () {
         var maxWidth = this.insertImageSettings.maxWidth;
@@ -1376,7 +1390,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * setContentHeight method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setContentHeight = function (target, isExpand) {
         var heightValue;
@@ -1462,7 +1476,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getBaseToolbarObject = function () {
         var tbObj;
@@ -1476,14 +1490,14 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getToolbar = function () {
         return this.toolbarModule ? this.toolbarModule.getToolbarElement() : null;
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getToolbarElement = function () {
         return this.toolbarModule && this.toolbarModule.getToolbarElement();
@@ -1491,7 +1505,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * getID method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getID = function () {
         return (this.originalElement.tagName === 'TEXTAREA' ? this.valueContainer.id : this.element.id);
@@ -1511,7 +1525,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * preventDefaultResize method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.preventDefaultResize = function (e) {
         if (Browser.info.name === 'msie') {
@@ -1533,11 +1547,16 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     RichTextEditor.prototype.resizeHandler = function () {
         var isExpand = false;
+        if (!document.body.contains(this.element)) {
+            document.defaultView.removeEventListener('resize', this.onResizeHandler, true);
+            return;
+        }
         if (this.toolbarSettings.enable && !this.inlineMode.enable) {
             this.toolbarModule.refreshToolbarOverflow();
             isExpand = this.toolbarModule.baseToolbar.toolbarObj.element.classList.contains(classes.CLS_EXPAND_OPEN);
         }
         this.setContentHeight('', isExpand);
+        this.notify(events.windowResize, null);
     };
     RichTextEditor.prototype.scrollHandler = function (e) {
         this.notify(events.scroll, { args: e });
@@ -1613,6 +1632,9 @@ var RichTextEditor = /** @class */ (function (_super) {
         return value;
     };
     RichTextEditor.prototype.updateValueOnIdle = function () {
+        if (!isNOU(this.tableModule) && !isNOU(this.inputElement.querySelector('.e-table-box.e-rbox-select'))) {
+            return;
+        }
         this.setProperties({ value: this.getUpdatedValue() }, true);
         this.valueContainer.value = this.value;
         this.invokeChangeEvent();
@@ -1674,7 +1696,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * invokeChangeEvent method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.contentChanged = function () {
         if (this.autoSaveOnIdle) {
@@ -1687,7 +1709,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * invokeChangeEvent method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.invokeChangeEvent = function () {
         var currentValue;
@@ -1707,7 +1729,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.wireScrollElementsEvents = function () {
         this.scrollParentElements = getScrollableParent(this.element);
@@ -1735,7 +1757,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.unWireScrollElementsEvents = function () {
         this.scrollParentElements = getScrollableParent(this.element);
@@ -1764,7 +1786,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.autoResize = function () {
         var _this = this;

package/src/rich-text-editor/base/util.d.ts

@@ -18,7 +18,7 @@ export declare function updateUndoRedoStatus(baseToolbar: BaseToolbar, undoRedoS
 /**
  * To dispatch the event manually
  * @hidden
-
+ * @deprecated
  */
 export declare function dispatchEvent(element: Element | HTMLDocument, type: string): void;
 export declare function parseHtml(value: string): DocumentFragment;

package/src/rich-text-editor/base/util.js

@@ -237,7 +237,7 @@ export function updateUndoRedoStatus(baseToolbar, undoRedoStatus) {
 /**
  * To dispatch the event manually
  * @hidden
-
+ * @deprecated
  */
 export function dispatchEvent(element, type) {
     var evt = document.createEvent('HTMLEvents');

package/src/rich-text-editor/formatter/formatter.d.ts

@@ -6,7 +6,7 @@ import { IHtmlUndoRedoData } from '../../editor-manager/base/interface';
 /**
  * Formatter
  * @hidden
-
+ * @deprecated
  */
 export declare class Formatter {
     editorManager: IEditorModel;
@@ -18,32 +18,32 @@ export declare class Formatter {
      * @param  {MouseEvent|KeyboardEvent} event
      * @param  {IItemCollectionArgs} value
      * @hidden
-
+     * @deprecated
      */
     process(self: IRichTextEditor, args: ActionBeginEventArgs, event: MouseEvent | KeyboardEvent, value: IItemCollectionArgs): void;
     private getAncestorNode;
     /**
      * onKeyHandler method
      * @hidden
-
+     * @deprecated
      */
     onKeyHandler(self: IRichTextEditor, e: KeyboardEvent): void;
     /**
      * onSuccess method
      * @hidden
-
+     * @deprecated
      */
     onSuccess(self: IRichTextEditor, events: IMarkdownFormatterCallBack | IHtmlFormatterCallBack): void;
     /**
      * Save the data for undo and redo action.
      * @hidden
-
+     * @deprecated
      */
     saveData(e?: KeyboardEvent | MouseEvent | IUndoCallBack): void;
     /**
      * getUndoStatus method
      * @hidden
-
+     * @deprecated
      */
     getUndoStatus(): {
         [key: string]: boolean;
@@ -51,13 +51,13 @@ export declare class Formatter {
     /**
      * getUndoRedoStack method
      * @hidden
-
+     * @deprecated
      */
     getUndoRedoStack(): IHtmlUndoRedoData[] | MarkdownUndoRedoData[];
     /**
      * enableUndo method
      * @hidden
-
+     * @deprecated
      */
     enableUndo(self: IRichTextEditor): void;
 }

package/src/rich-text-editor/formatter/formatter.js

@@ -5,7 +5,7 @@ import { KEY_DOWN, KEY_UP } from './../../common/constant';
 /**
  * Formatter
  * @hidden
-
+ * @deprecated
  */
 var Formatter = /** @class */ (function () {
     function Formatter() {
@@ -17,7 +17,7 @@ var Formatter = /** @class */ (function () {
      * @param  {MouseEvent|KeyboardEvent} event
      * @param  {IItemCollectionArgs} value
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.process = function (self, args, event, value) {
         var _this = this;
@@ -118,7 +118,7 @@ var Formatter = /** @class */ (function () {
     /**
      * onKeyHandler method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.onKeyHandler = function (self, e) {
         var _this = this;
@@ -132,7 +132,7 @@ var Formatter = /** @class */ (function () {
     /**
      * onSuccess method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.onSuccess = function (self, events) {
         self.notify(CONSTANT.contentChanged, {});
@@ -160,7 +160,7 @@ var Formatter = /** @class */ (function () {
     /**
      * Save the data for undo and redo action.
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.saveData = function (e) {
         this.editorManager.undoRedoManager.saveData(e);
@@ -168,7 +168,7 @@ var Formatter = /** @class */ (function () {
     /**
      * getUndoStatus method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.getUndoStatus = function () {
         return this.editorManager.undoRedoManager.getUndoStatus();
@@ -176,7 +176,7 @@ var Formatter = /** @class */ (function () {
     /**
      * getUndoRedoStack method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.getUndoRedoStack = function () {
         return this.editorManager.undoRedoManager.undoRedoStack;
@@ -184,7 +184,7 @@ var Formatter = /** @class */ (function () {
     /**
      * enableUndo method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.enableUndo = function (self) {
         var status = this.getUndoStatus();

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

@@ -3,7 +3,7 @@ import { IEditorModel, IHtmlFormatterModel } from './../base/interface';
 /**
  * HTML adapter
  * @hidden
-
+ * @deprecated
  */
 export declare class HTMLFormatter extends Formatter {
     keyConfig: {
@@ -20,7 +20,7 @@ export declare class HTMLFormatter extends Formatter {
      * @param  {Element} editElement
      * @param  {Document} doc
      * @hidden
-
+     * @deprecated
      */
     updateFormatter(editElement: Element, doc?: Document, options?: {
         [key: string]: number;

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

@@ -1,16 +1,16 @@
-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 __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 __());
+    };
+})();
 import { Formatter } from './formatter';
 import { EditorManager } from './../../editor-manager/base/editor-manager';
 import { extend } from '@syncfusion/ej2-base';
@@ -18,7 +18,7 @@ import { htmlKeyConfig } from './../../common/config';
 /**
  * HTML adapter
  * @hidden
-
+ * @deprecated
  */
 var HTMLFormatter = /** @class */ (function (_super) {
     __extends(HTMLFormatter, _super);
@@ -39,7 +39,7 @@ var HTMLFormatter = /** @class */ (function (_super) {
      * @param  {Element} editElement
      * @param  {Document} doc
      * @hidden
-
+     * @deprecated
      */
     HTMLFormatter.prototype.updateFormatter = function (editElement, doc, options) {
         if (editElement && doc) {

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

@@ -3,7 +3,7 @@ import { IEditorModel, IMarkdownFormatterModel } from './../base/interface';
 /**
  * Markdown adapter
  * @hidden
-
+ * @deprecated
  */
 export declare class MarkdownFormatter extends Formatter {
     keyConfig: {
@@ -27,7 +27,7 @@ export declare class MarkdownFormatter extends Formatter {
      * @param  {Element} editElement
      * @param  {Document} doc
      * @hidden
-
+     * @deprecated
      */
     updateFormatter(editElement: Element, doc?: Document, options?: {
         [key: string]: number;