@syncfusion/ej2-richtexteditor 22.1.39 → 22.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.39
+*  version : 22.2.9
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@22.1.38",
+  "_id": "@syncfusion/ej2-richtexteditor@22.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-SC/GGGT4gXUzcbDC1YLWkiUw959cRVtjpJQ74HjAOeHgNurdJ0T3anhrfoxEh1U289KbzZUS677qjfarHRpFCw==",
+  "_integrity": "sha512-JD2rI4AXswHa0DJrFyCzhSMhCDLfixX6gyKis6hc0mBOTWXWMz7oMOLhTQeZ2MogDzr43av+HCSUk6GKF9ENgQ==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-22.1.38.tgz",
-  "_shasum": "cad65b6adb603371c57bdc7d8978cf377bffd0b5",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-22.2.5.tgz",
+  "_shasum": "fd9b305e9dcde612739e66a6accb774688e89e50",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -38,13 +38,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.38",
-    "@syncfusion/ej2-buttons": "~22.1.39",
-    "@syncfusion/ej2-filemanager": "~22.1.39",
-    "@syncfusion/ej2-inputs": "~22.1.39",
-    "@syncfusion/ej2-navigations": "~22.1.39",
-    "@syncfusion/ej2-popups": "~22.1.38",
-    "@syncfusion/ej2-splitbuttons": "~22.1.37"
+    "@syncfusion/ej2-base": "~22.2.9",
+    "@syncfusion/ej2-buttons": "~22.2.9",
+    "@syncfusion/ej2-filemanager": "~22.2.5",
+    "@syncfusion/ej2-inputs": "~22.2.9",
+    "@syncfusion/ej2-navigations": "~22.2.8",
+    "@syncfusion/ej2-popups": "~22.2.9",
+    "@syncfusion/ej2-splitbuttons": "~22.2.8"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "22.1.39",
+  "version": "22.2.9",
   "sideEffects": false
 }

package/src/editor-manager/base/constant.js

@@ -86,4 +86,4 @@ export var CLEAR_TYPE = 'clear-type';
  *
  * @hidden
  */
-export var SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td'];
+export var SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];

package/src/editor-manager/plugin/inserthtml.d.ts

@@ -14,6 +14,7 @@ export declare class InsertHtml {
     static inlineNode: string[];
     static contentsDeleted: boolean;
     static Insert(docElement: Document, insertNode: Node | string, editNode?: Element, isExternal?: boolean, enterAction?: string): void;
+    private static findFirstTextNode;
     private static pasteInsertHTML;
     private static placeCursorEnd;
     private static getNodeCollection;

package/src/editor-manager/plugin/inserthtml.js

@@ -40,6 +40,14 @@ var InsertHtml = /** @class */ (function () {
             nodeSelection.setSelectionText(docElement, range.startContainer.children[0], range.startContainer.children[0], 0, 0);
             range = nodeSelection.getRange(docElement);
         }
+        if (range.startContainer === editNode && range.startContainer === range.endContainer && range.startOffset === 0 &&
+            range.startOffset === range.endOffset && editNode.textContent.trim().length > 0) {
+            var focusNode = this.findFirstTextNode(range.startContainer);
+            if (!isNOU(focusNode)) {
+                nodeSelection.setSelectionText(docElement, focusNode, focusNode, 0, 0);
+                range = nodeSelection.getRange(docElement);
+            }
+        }
         if (range.startContainer.nodeName === 'BR' && range.startOffset === 0 && range.startOffset === range.endOffset &&
             range.startContainer === range.endContainer) {
             var currentIndex = Array.prototype.slice.call(range.startContainer.parentElement.childNodes).indexOf(range.startContainer);
@@ -167,6 +175,18 @@ var InsertHtml = /** @class */ (function () {
             }
         }
     };
+    InsertHtml.findFirstTextNode = function (node) {
+        if (node.nodeType === Node.TEXT_NODE) {
+            return node;
+        }
+        for (var i = 0; i < node.childNodes.length; i++) {
+            var textNode = this.findFirstTextNode(node.childNodes[i]);
+            if (!isNOU(textNode)) {
+                return textNode;
+            }
+        }
+        return null;
+    };
     InsertHtml.pasteInsertHTML = function (nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction) {
         var isCursor = range.startOffset === range.endOffset &&
             range.startContainer === range.endContainer;

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -837,6 +837,10 @@ var MsWordPaste = /** @class */ (function () {
         else {
             //Add to support separate list which looks like same list and also to add all tags as it is inside list
             if (firstChild.childNodes.length > 0) {
+                var listIgnoreTag = firstChild.querySelectorAll('[style*="mso-list"]');
+                for (var i = 0; i < listIgnoreTag.length; i++) {
+                    listIgnoreTag[i].setAttribute('style', listIgnoreTag[i].getAttribute('style').replace(/\n/g, ""));
+                }
                 var listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
                 if (!isNOU(listOrder)) {
                     this.listContents.push(listOrder.textContent.trim());

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

@@ -304,8 +304,9 @@ var HtmlEditor = /** @class */ (function () {
             currentRange.startContainer.parentElement.tagName !== 'TD' && currentRange.startContainer.parentElement.tagName !== 'TH' &&
             isPreviousNotContentEditable) {
             var checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
-            if (!this.parent.formatter.editorManager.domNode.isBlockNode(checkNode) &&
-                !isNOU(checkNode.previousSibling) && checkNode.previousSibling.nodeName === 'BR') {
+            if ((!this.parent.formatter.editorManager.domNode.isBlockNode(checkNode) &&
+                !isNOU(checkNode.previousSibling) && checkNode.previousSibling.nodeName === 'BR') ||
+                (!isNOU(currentRange.startContainer.previousSibling) && currentRange.startContainer.previousSibling.nodeName === 'BR')) {
                 return;
             }
             this.rangeElement = this.getRootBlockNode(currentRange.startContainer);

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

@@ -56,6 +56,7 @@ export declare class PasteCleanup {
     private destroyDialog;
     private cleanAppleClass;
     private formatting;
+    private addTableClass;
     private setImageProperties;
     private addTempClass;
     private removeTempClass;

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

@@ -693,6 +693,7 @@ var PasteCleanup = /** @class */ (function () {
             }
             this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, function (updatedArgs) { value = updatedArgs.value; });
             clipBoardElem.innerHTML = value;
+            clipBoardElem = this.addTableClass(clipBoardElem);
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
@@ -705,6 +706,15 @@ var PasteCleanup = /** @class */ (function () {
             }
         }
     };
+    PasteCleanup.prototype.addTableClass = function (element) {
+        var tableElement = element.querySelectorAll('table');
+        for (var i = 0; i < tableElement.length; i++) {
+            if (!tableElement[i].classList.contains('e-rte-table')) {
+                tableElement[i].classList.add('e-rte-table');
+            }
+        }
+        return element;
+    };
     PasteCleanup.prototype.setImageProperties = function (allImg) {
         if (this.parent.insertImageSettings.width !== 'auto') {
             allImg.setAttribute('width', this.parent.insertImageSettings.width);

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

@@ -802,6 +802,13 @@ export interface IQuickToolbarOptions {
     toolbarItems: (string | IToolbarItems)[];
     cssClass: string;
 }
+/**
+
+ */
+export interface IPositionChanged {
+    x: Boolean;
+    y: Boolean;
+}
 /**
  * Provides information about a BeforeQuickToolbarOpen event.
  */
@@ -813,9 +820,9 @@ export interface BeforeQuickToolbarOpenArgs {
      */
     popup?: Popup;
     /** Determine whether the quick toolbar is open */
-    cancel: boolean;
+    cancel?: boolean;
     /** Defines the target element of the quick toolbar */
-    targetElement: Element;
+    targetElement?: Element;
     /** Defines the X position of the quick toolbar */
     positionX?: number;
     /** Defines the Y position of the quick toolbar */

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

@@ -1544,9 +1544,10 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (!initial) {
             if (this.readonly && this.enabled) {
                 this.unbindEvents();
+                this.unWireEvents();
             }
             else if (this.enabled) {
-                this.bindEvents();
+                this.wireEvents();
             }
         }
     };

package/src/rich-text-editor/renderer/table-module.d.ts

@@ -79,6 +79,7 @@ export declare class Table {
     private updateHelper;
     private calMaxCol;
     private resizing;
+    private getCurrentTableWidth;
     private findFirstLastColCells;
     private convertPixelToPercentage;
     private cancelResizeAction;

package/src/rich-text-editor/renderer/table-module.js

@@ -881,7 +881,13 @@ var Table = /** @class */ (function () {
                 if (_this.resizeBtnStat.column) {
                     var width = parseFloat(_this.columnEle.offsetWidth.toString());
                     var cellRow = _this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
-                    var currentTableWidth = parseFloat(_this.curTable.style.width.split('%')[0]);
+                    var currentTableWidth = void 0;
+                    if (_this.curTable.style.width != '') {
+                        currentTableWidth = parseFloat(_this.curTable.style.width.split('%')[0]);
+                    }
+                    else {
+                        currentTableWidth = _this.getCurrentTableWidth(_this.curTable.offsetWidth, _this.parent.inputElement.offsetWidth);
+                    }
                     var currentColumnCellWidth = parseFloat(_this.curTable.rows[cellRow].cells[_this.colIndex >= _this.curTable.rows[cellRow].cells.length ? _this.curTable.rows[cellRow].cells.length - 1 : _this.colIndex].style.width.split('%')[0]);
                     if (_this.currentColumnResize === 'first') {
                         mouseX = mouseX - 0.75; //This was done for to make the gripper and the table first/last column will be close.
@@ -1036,6 +1042,11 @@ var Table = /** @class */ (function () {
             }
         });
     };
+    Table.prototype.getCurrentTableWidth = function (tableWidth, parentWidth) {
+        var currentTableWidth = 0;
+        currentTableWidth = tableWidth / parentWidth * 100;
+        return currentTableWidth;
+    };
     Table.prototype.findFirstLastColCells = function (table, isFirst) {
         var resultColumns = [];
         var rows = table.querySelectorAll('tr');