@syncfusion/ej2-richtexteditor 21.1.41 → 21.2.4

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

@@ -17031,6 +17031,12 @@ class MsWordPaste {
             'object', 'ol', 'pre', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'ul',
             'header', 'article', 'nav', 'footer', 'section', 'aside', 'main', 'figure', 'figcaption'];
         this.borderStyle = ['border-top', 'border-right', 'border-bottom', 'border-left'];
+        this.upperRomanNumber = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX',
+            'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX'];
+        this.lowerRomanNumber = ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix',
+            'x', 'xi', 'xii', 'xiii', 'xiv', 'xv', 'xvi', 'xvii', 'xviii', 'xix', 'xx'];
+        this.lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
+            'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
         this.removableElements = ['o:p', 'style'];
         this.listContents = [];
         this.parent = parent;
@@ -17532,6 +17538,15 @@ class MsWordPaste {
                         else if (listStyleType === 'lower-alpha') {
                             startAttr = (startString.split('.')[0].charCodeAt(0) - 96);
                         }
+                        else if (listStyleType === 'upper-roman') {
+                            startAttr = this.upperRomanNumber.indexOf(this.listContents[0].split('.')[0]) + 1;
+                        }
+                        else if (listStyleType === 'lower-roman') {
+                            startAttr = this.lowerRomanNumber.indexOf(this.listContents[0].split('.')[0]) + 1;
+                        }
+                        else if (listStyleType === 'lower-greek') {
+                            startAttr = this.lowerGreekNumber.indexOf(this.listContents[0].split('.')[0]) + 1;
+                        }
                     }
                     if (listNodes[i].style.marginLeft !== '') {
                         styleMarginLeft = listNodes[i].style.marginLeft;
@@ -17579,22 +17594,16 @@ class MsWordPaste {
     }
     getlistStyleType(listContent, type) {
         let currentListClass;
-        const upperRomanNumber = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX',
-            'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX'];
-        const lowerRomanNumber = ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix',
-            'x', 'xi', 'xii', 'xiii', 'xiv', 'xv', 'xvi', 'xvii', 'xviii', 'xix', 'xx'];
-        const lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
-            'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
         if (type === 'ol') {
             const charCode = listContent.split('.')[0].charCodeAt(0);
             switch (true) {
-                case upperRomanNumber.indexOf(listContent.split('.')[0]) > -1:
+                case this.upperRomanNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'upper-roman';
                     break;
-                case lowerRomanNumber.indexOf(listContent.split('.')[0]) > -1:
+                case this.lowerRomanNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'lower-roman';
                     break;
-                case lowerGreekNumber.indexOf(listContent.split('.')[0]) > -1:
+                case this.lowerGreekNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'lower-greek';
                     break;
                 case (charCode > 64 && charCode < 91):
@@ -20181,6 +20190,7 @@ class PasteCleanup {
         }
         this.parent.trigger(beforePasteCleanup, { value: value });
         if (e.args && value !== null && this.parent.editorMode === 'HTML') {
+            let file;
             if (value.length === 0) {
                 const htmlRegex = new RegExp(/<\/[a-z][\s\S]*>/i);
                 value = e.args.clipboardData.getData('text/plain');
@@ -20188,7 +20198,7 @@ class PasteCleanup {
                 value = value.replace(/</g, '&lt;');
                 value = value.replace(/>/g, '&gt;');
                 this.containsHtml = htmlRegex.test(value);
-                const file = e && e.args.clipboardData &&
+                file = e && e.args.clipboardData &&
                     e.args.clipboardData.items.length > 0 ?
                     (e.args.clipboardData.items[0].getAsFile() === null ?
                         (!isNullOrUndefined(e.args.clipboardData.items[1]) ?
@@ -20228,9 +20238,6 @@ class PasteCleanup {
             const currentDocument = this.contentRenderer.getDocument();
             const range = this.nodeSelectionObj.getRange(currentDocument);
             this.saveSelection = this.nodeSelectionObj.save(range, currentDocument);
-            this.parent.trigger(afterPasteCleanup, { value: value }, (updatedArgs) => {
-                value = updatedArgs.value;
-            });
             const tempDivElem = this.parent.createElement('div');
             tempDivElem.innerHTML = value;
             const isValueNotEmpty = tempDivElem.textContent !== '' || !isNullOrUndefined(tempDivElem.querySelector('img')) ||
@@ -20240,7 +20247,7 @@ class PasteCleanup {
                     e.args.preventDefault();
                     this.pasteDialog(value, args);
                 }
-                else if (Browser.userAgent.indexOf('Firefox') !== -1) {
+                else if (Browser.userAgent.indexOf('Firefox') !== -1 && isNullOrUndefined(file)) {
                     this.fireFoxImageUpload();
                 }
             }
@@ -20263,7 +20270,6 @@ class PasteCleanup {
         }
     }
     fireFoxImageUpload() {
-        // Timeout 500 is added to capture after default paste image from file manager is completed.
         setTimeout(() => {
             if (Browser.userAgent.indexOf('Firefox') !== -1) {
                 let currentFocusNode = this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()).startContainer;
@@ -20770,6 +20776,36 @@ class PasteCleanup {
         this.addTempClass(clipBoardElem);
         if (clipBoardElem.textContent !== '' || !isNullOrUndefined(clipBoardElem.querySelector('img')) ||
             !isNullOrUndefined(clipBoardElem.querySelector('table'))) {
+            const tempWrapperElem = this.parent.createElement('div');
+            tempWrapperElem.innerHTML = value;
+            const filesData = [];
+            if (!isNullOrUndefined(tempWrapperElem.querySelector('img'))) {
+                const imgElem = tempWrapperElem.querySelectorAll('img');
+                const base64Src = [];
+                const imgName = [];
+                const uploadImg = [];
+                for (let i = 0; i < imgElem.length; i++) {
+                    if (imgElem[i].getAttribute('src') &&
+                        imgElem[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
+                        base64Src.push(imgElem[i].getAttribute('src'));
+                        imgName.push(getUniqueID('rte_image'));
+                        uploadImg.push(imgElem[i]);
+                    }
+                }
+                const fileList = [];
+                let currentData;
+                for (let i = 0; i < base64Src.length; i++) {
+                    fileList.push(this.base64ToFile(base64Src[i], imgName[i]));
+                    currentData = {
+                        name: fileList[i].name, rawFile: fileList[i],
+                        size: fileList[i].size, type: fileList[i].type,
+                        status: '', validationMessages: { minSize: '', maxSize: '' }, statusCode: '1'
+                    };
+                    filesData.push(currentData);
+                }
+            }
+            this.parent.trigger(afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, (updatedArgs) => { value = updatedArgs.value; });
+            clipBoardElem.innerHTML = value;
             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);
@@ -20859,6 +20895,8 @@ class PasteCleanup {
             this.saveSelection.restore();
             clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
             this.addTempClass(clipBoardElem);
+            this.parent.trigger(afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: null }, (updatedArgs) => { value = updatedArgs.value; });
+            clipBoardElem.innerHTML = value;
             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);
@@ -22815,6 +22853,7 @@ class Image {
                     (this.parent.inputElement.getBoundingClientRect().right - 32) ?
                     ((width / height * expectedY) + width / height) : (this.parent.inputElement.getBoundingClientRect().right - 32);
                 img.style.width = currentWidth.toString() + 'px';
+                img.style.height = expectedY + 'px';
             }
             else if (img.style.width !== '') {
                 const currentWidth = (width / height * expectedY) < (this.parent.inputElement.getBoundingClientRect().right - 32) ?
@@ -28218,7 +28257,9 @@ class Table {
                             this.curTable.style.width = this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) > 100 ? (100 + '%') : (this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%');
                             const differenceWidth = currentTableWidth - this.convertPixelToPercentage(tableWidth + mouseX, widthCompare);
                             for (let i = 0; i < lastColumnsCell.length; i++) {
-                                this.curTable.rows[i].cells[this.colIndex].style.width = (currentColumnCellWidth - differenceWidth) + '%';
+                                if (this.curTable.rows[i].cells[this.colIndex]) {
+                                    this.curTable.rows[i].cells[this.colIndex].style.width = (currentColumnCellWidth - differenceWidth) + '%';
+                                }
                             }
                         }
                     }
@@ -28228,7 +28269,7 @@ class Table {
                         const totalwid = parseFloat(this.columnEle.offsetWidth.toString()) +
                             parseFloat(cellColl[this.colIndex - 1].offsetWidth.toString());
                         for (let i = 0; i < this.curTable.rows.length; i++) {
-                            if ((totalwid - actualwid) > 20 && actualwid > 20) {
+                            if ((totalwid - actualwid) > 20 && actualwid > 20 && this.curTable.rows[i].cells[i]) {
                                 const leftColumnWidth = totalwid - actualwid;
                                 const rightColWidth = actualwid;
                                 const index = this.curTable.rows[i].cells[i].hasAttribute('colspan') ?