@syncfusion/ej2-richtexteditor 22.1.39 → 22.2.9

package/dist/es6/ej2-richtexteditor.es2015.js

@@ -10257,7 +10257,7 @@ const CLEAR_TYPE = 'clear-type';
  *
  * @hidden
  */
-const SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td'];
+const SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];
 
 /**
  * `Selection` module is used to handle RTE Selections.
@@ -13031,6 +13031,14 @@ class InsertHtml {
             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) {
+            const focusNode = this.findFirstTextNode(range.startContainer);
+            if (!isNullOrUndefined(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) {
             const currentIndex = Array.prototype.slice.call(range.startContainer.parentElement.childNodes).indexOf(range.startContainer);
@@ -13158,6 +13166,18 @@ class InsertHtml {
             }
         }
     }
+    static findFirstTextNode(node) {
+        if (node.nodeType === Node.TEXT_NODE) {
+            return node;
+        }
+        for (let i = 0; i < node.childNodes.length; i++) {
+            const textNode = this.findFirstTextNode(node.childNodes[i]);
+            if (!isNullOrUndefined(textNode)) {
+                return textNode;
+            }
+        }
+        return null;
+    }
     static pasteInsertHTML(nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction) {
         const isCursor = range.startOffset === range.endOffset &&
             range.startContainer === range.endContainer;
@@ -18143,7 +18163,11 @@ class MsWordPaste {
         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) {
-                const listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
+                let listIgnoreTag = firstChild.querySelectorAll('[style*="mso-list"]');
+                for (let i = 0; i < listIgnoreTag.length; i++) {
+                    listIgnoreTag[i].setAttribute('style', listIgnoreTag[i].getAttribute('style').replace(/\n/g, ""));
+                }
+                let listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
                 if (!isNullOrUndefined(listOrder)) {
                     this.listContents.push(listOrder.textContent.trim());
                     detach(listOrder);
@@ -20223,8 +20247,9 @@ class HtmlEditor {
             currentRange.startContainer.parentElement.tagName !== 'TD' && currentRange.startContainer.parentElement.tagName !== 'TH' &&
             isPreviousNotContentEditable) {
             const checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
-            if (!this.parent.formatter.editorManager.domNode.isBlockNode(checkNode) &&
-                !isNullOrUndefined(checkNode.previousSibling) && checkNode.previousSibling.nodeName === 'BR') {
+            if ((!this.parent.formatter.editorManager.domNode.isBlockNode(checkNode) &&
+                !isNullOrUndefined(checkNode.previousSibling) && checkNode.previousSibling.nodeName === 'BR') ||
+                (!isNullOrUndefined(currentRange.startContainer.previousSibling) && currentRange.startContainer.previousSibling.nodeName === 'BR')) {
                 return;
             }
             this.rangeElement = this.getRootBlockNode(currentRange.startContainer);
@@ -21430,6 +21455,7 @@ class PasteCleanup {
             }
             this.parent.trigger(afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, (updatedArgs) => { value = updatedArgs.value; });
             clipBoardElem.innerHTML = value;
+            clipBoardElem = this.addTableClass(clipBoardElem);
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, (returnArgs) => {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 this.parent.formatter.onSuccess(this.parent, args);
@@ -21442,6 +21468,15 @@ class PasteCleanup {
             }
         }
     }
+    addTableClass(element) {
+        const tableElement = element.querySelectorAll('table');
+        for (let i = 0; i < tableElement.length; i++) {
+            if (!tableElement[i].classList.contains('e-rte-table')) {
+                tableElement[i].classList.add('e-rte-table');
+            }
+        }
+        return element;
+    }
     setImageProperties(allImg) {
         if (this.parent.insertImageSettings.width !== 'auto') {
             allImg.setAttribute('width', this.parent.insertImageSettings.width);
@@ -29646,7 +29681,13 @@ class Table {
                 if (this.resizeBtnStat.column) {
                     const width = parseFloat(this.columnEle.offsetWidth.toString());
                     const cellRow = this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
-                    const currentTableWidth = parseFloat(this.curTable.style.width.split('%')[0]);
+                    let currentTableWidth;
+                    if (this.curTable.style.width != '') {
+                        currentTableWidth = parseFloat(this.curTable.style.width.split('%')[0]);
+                    }
+                    else {
+                        currentTableWidth = this.getCurrentTableWidth(this.curTable.offsetWidth, this.parent.inputElement.offsetWidth);
+                    }
                     const 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.
@@ -29801,6 +29842,11 @@ class Table {
             }
         });
     }
+    getCurrentTableWidth(tableWidth, parentWidth) {
+        let currentTableWidth = 0;
+        currentTableWidth = tableWidth / parentWidth * 100;
+        return currentTableWidth;
+    }
     findFirstLastColCells(table, isFirst) {
         const resultColumns = [];
         const rows = table.querySelectorAll('tr');
@@ -32946,9 +32992,10 @@ let RichTextEditor = class RichTextEditor extends Component {
         if (!initial) {
             if (this.readonly && this.enabled) {
                 this.unbindEvents();
+                this.unWireEvents();
             }
             else if (this.enabled) {
-                this.bindEvents();
+                this.wireEvents();
             }
         }
     }