@syncfusion/ej2-richtexteditor 22.1.38 → 22.2.5

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

@@ -3409,7 +3409,9 @@ class ToolbarRenderer {
                 target: '#' + this.parent.getID() + '_toolbar_wrapper [title]',
                 showTipPointer: true,
                 openDelay: 400,
-                cssClass: this.parent.cssClass
+                cssClass: this.parent.cssClass,
+                windowCollision: true,
+                position: 'BottomCenter'
             });
             this.tooltip.appendTo(args.target);
         }
@@ -6102,7 +6104,9 @@ class BaseQuickToolbar {
                     this.tooltip = new Tooltip({
                         target: '#' + this.element.id + ' [title]',
                         openDelay: 400,
-                        showTipPointer: true
+                        showTipPointer: true,
+                        windowCollision: true,
+                        position: 'BottomCenter'
                     });
                     this.tooltip.appendTo(this.element);
                 }
@@ -17463,7 +17467,8 @@ class MsWordPaste {
                 imgElem[i].getAttribute('v:shapes').indexOf('圖片') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('Grafik') < 0 &&
                 imgElem[i].getAttribute('v:shapes').toLowerCase().indexOf('image') < 0 &&
-                imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0) {
+                imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0 &&
+                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0) {
                 detach(imgElem[i]);
             }
         }
@@ -18138,7 +18143,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);
@@ -21425,6 +21434,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);
@@ -21437,6 +21447,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);
@@ -23126,7 +23145,11 @@ class EmojiPicker {
             return;
         }
         targetEle.focus();
-        if (!isNullOrUndefined(this.clickEvent)) {
+        const startOffset = this.save.startOffset;
+        const textContent = this.save.range.startContainer.textContent;
+        const previousText = textContent.substring(startOffset, startOffset + 1);
+        // When toolbar action is clicked then only restore the range. 
+        if (!isNullOrUndefined(this.clickEvent) || previousText !== ':') {
             this.save.restore();
         }
         if (this.popupObj) {
@@ -29637,7 +29660,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.
@@ -29792,6 +29821,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');