@syncfusion/ej2-richtexteditor 21.1.37 → 21.1.39

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

@@ -3008,8 +3008,9 @@ function decode(value) {
 function sanitizeHelper(value, parent) {
     if (parent.enableHtmlSanitizer) {
         const item = SanitizeHtmlHelper.beforeSanitize();
-        if (item.selectors.tags[2] && item.selectors.tags[2].indexOf('iframe') > -1)
+        if (item.selectors.tags[2] && item.selectors.tags[2].indexOf('iframe') > -1) {
             item.selectors.tags[2] = 'iframe:not(.e-rte-embed-url)';
+        }
         const beforeEvent = {
             cancel: false,
             helper: null
@@ -5075,7 +5076,7 @@ class Toolbar$2 {
     toolbarClickHandler(e) {
         const trg = closest(e.originalEvent.target, '.e-hor-nav');
         if (trg && this.parent.toolbarSettings.type === ToolbarType.Expand && !isNullOrUndefined(trg)) {
-            let extendedTbar = this.tbElement.querySelector('.e-toolbar-extended');
+            const extendedTbar = this.tbElement.querySelector('.e-toolbar-extended');
             if (!isNullOrUndefined(extendedTbar)) {
                 setStyleAttribute(extendedTbar, { maxHeight: '', display: 'block' });
                 setStyleAttribute(extendedTbar, { maxHeight: extendedTbar.offsetHeight + 'px', display: '' });
@@ -5956,8 +5957,8 @@ class BaseQuickToolbar {
         }
         if (!isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
             if (!isNullOrUndefined(document.querySelector('#' + this.element.id + ' [data-tooltip-id]'))) {
-                let tooltipTargetEle = document.querySelector('#' + this.element.id + ' [data-tooltip-id]');
-                let dataContent = tooltipTargetEle.getAttribute('data-content');
+                const tooltipTargetEle = document.querySelector('#' + this.element.id + ' [data-tooltip-id]');
+                const dataContent = tooltipTargetEle.getAttribute('data-content');
                 tooltipTargetEle.removeAttribute('data-content');
                 tooltipTargetEle.setAttribute('title', dataContent);
                 tooltipTargetEle.removeAttribute('data-tooltip-id');
@@ -14440,8 +14441,9 @@ class VideoCommand {
                 : (Browser.isIE ? selectedNode : !e.item.isEmbedUrl ? selectedNode.lastElementChild : selectedNode.querySelector('iframe'));
             videoElm.addEventListener(videoElm.tagName !== 'IFRAME' ? 'loadeddata' : 'load', () => {
                 if (e.value !== 'VideoReplace' || !isReplaced) {
-                    if (e.item.isEmbedUrl && videoElm)
+                    if (e.item.isEmbedUrl && videoElm) {
                         videoElm.classList.add('e-rte-embed-url');
+                    }
                     e.callBack({
                         requestType: 'Videos',
                         editorMode: 'HTML',
@@ -14856,7 +14858,7 @@ class TableCommand {
         const colIndex = Array.prototype.indexOf.call(selectedCell.parentNode.childNodes, selectedCell);
         this.curTable = closest(selectedCell, 'table');
         let currentRow;
-        const allCells = this.getCorrespondingColumns();
+        let allCells = this.getCorrespondingColumns();
         const minMaxIndex = this.getSelectedCellMinMaxIndex(allCells);
         let maxI;
         let j;
@@ -14871,8 +14873,19 @@ class TableCommand {
                     if (j === 0 || allCells[maxI][j] !== allCells[maxI][j - 1]) {
                         if (1 < parseInt(allCells[maxI][j].getAttribute('rowspan'), 10)) {
                             const rowSpanVal = parseInt(allCells[maxI][j].getAttribute('rowspan'), 10) - 1;
-                            //eslint-disable-next-line
-                            1 === rowSpanVal ? allCells[maxI][j].removeAttribute('rowspan') : allCells[maxI][j].setAttribute('rowspan', rowSpanVal.toString());
+                            /* eslint-disable */
+                            if (1 === rowSpanVal) {
+                                allCells[maxI][j].removeAttribute('rowspan');
+                                const cell = allCells[maxI][j].cloneNode(true);
+                                allCells = this.getCorrespondingColumns();
+                                if (allCells[rowSpanVal][j] && allCells[rowSpanVal][j].parentElement) {
+                                    allCells[rowSpanVal][j].parentElement.insertBefore(cell, allCells[rowSpanVal][j]);
+                                }
+                            }
+                            else {
+                                allCells[maxI][j].setAttribute('rowspan', rowSpanVal.toString());
+                            }
+                            /* eslint-enable */
                         }
                     }
                     // eslint-disable-next-line max-len
@@ -17065,6 +17078,7 @@ class MsWordPaste {
             if (!isNullOrUndefined(imgElem[i].getAttribute('v:shapes')) &&
                 imgElem[i].getAttribute('v:shapes').indexOf('Picture') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('圖片') < 0 &&
+                imgElem[i].getAttribute('v:shapes').indexOf('Grafik') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('Image') < 0) {
                 detach(imgElem[i]);
             }
@@ -17159,7 +17173,7 @@ class MsWordPaste {
     hexConversion(rtfData) {
         // eslint-disable-next-line
         const picHead = /\{\\pict[\s\S]+?\\bliptag\-?\d+(\\blipupi\-?\d+)?(\{\\\*\\blipuid\s?[\da-fA-F]+)?[\s\}]*?/;
-        // eslint-disable-next-line security/detect-non-literal-regexp
+        // eslint-disable-next-line
         const pic = new RegExp('(?:(' + picHead.source + '))([\\da-fA-F\\s]+)\\}', 'g');
         const fullImg = rtfData.match(pic);
         let imgType;
@@ -17223,9 +17237,9 @@ class MsWordPaste {
     removeUnwantedElements(elm) {
         let innerElement = elm.innerHTML;
         for (let i = 0; i < this.removableElements.length; i++) {
-            // eslint-disable-next-line security/detect-non-literal-regexp
+            // eslint-disable-next-line
             const regExpStartElem = new RegExp('<' + this.removableElements[i] + '>', 'g');
-            // eslint-disable-next-line security/detect-non-literal-regexp
+            // eslint-disable-next-line
             const regExpEndElem = new RegExp('</' + this.removableElements[i] + '>', 'g');
             innerElement = innerElement.replace(regExpStartElem, '');
             innerElement = innerElement.replace(regExpEndElem, '');
@@ -17316,10 +17330,10 @@ class MsWordPaste {
                 }
                 fromClass = false;
             }
-            let listClass = ['MsoListParagraphCxSpFirst', 'MsoListParagraphCxSpMiddle', 'MsoListParagraphCxSpLast'];
+            const listClass = ['MsoListParagraphCxSpFirst', 'MsoListParagraphCxSpMiddle', 'MsoListParagraphCxSpLast'];
             for (let i = 0; i < listClass.length; i++) {
                 if (keys.indexOf('li.' + listClass[i]) > -1) {
-                    let olULElems = elm.querySelectorAll('ol.' + listClass[i] + ', ul.' + listClass[i]);
+                    const olULElems = elm.querySelectorAll('ol.' + listClass[i] + ', ul.' + listClass[i]);
                     for (let j = 0; j < olULElems.length; j++) {
                         const styleProperty = olULElems[j].getAttribute('style');
                         if (!isNullOrUndefined(styleProperty) && styleProperty.trim() !== '' && olULElems[j].style.marginLeft !== '') {
@@ -17329,8 +17343,8 @@ class MsWordPaste {
                                     if (!isNullOrUndefined(valueSplit[k].split(':')[1]) &&
                                         valueSplit[k].split(':')[1].indexOf('in') >= 0 &&
                                         olULElems[j].style.marginLeft.indexOf('in') >= 0) {
-                                        let classStyle = parseFloat(valueSplit[k].split(':')[1].split('in')[0]);
-                                        let inlineStyle = parseFloat(olULElems[j].style.marginLeft.split('in')[0]);
+                                        const classStyle = parseFloat(valueSplit[k].split(':')[1].split('in')[0]);
+                                        const inlineStyle = parseFloat(olULElems[j].style.marginLeft.split('in')[0]);
                                         olULElems[j].style.marginLeft = (inlineStyle - classStyle) + 'in';
                                     }
                                 }
@@ -17526,14 +17540,14 @@ class MsWordPaste {
     }
     getlistStyleType(listContent, type) {
         let currentListClass;
-        let upperRomanNumber = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX',
+        const upperRomanNumber = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX',
             'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX'];
-        let lowerRomanNumber = ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix',
+        const lowerRomanNumber = ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix',
             'x', 'xi', 'xii', 'xiii', 'xiv', 'xv', 'xvi', 'xvii', 'xviii', 'xix', 'xx'];
-        let lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
+        const lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
             'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
         if (type === 'ol') {
-            let charCode = listContent.split('.')[0].charCodeAt(0);
+            const charCode = listContent.split('.')[0].charCodeAt(0);
             switch (true) {
                 case upperRomanNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'upper-roman';
@@ -22698,7 +22712,7 @@ class Image {
         if (isNullOrUndefined(img.width)) {
             return;
         }
-        // eslint-disable-next-line security/detect-unsafe-regex
+        // eslint-disable-next-line
         const width = img.style.width !== '' ? img.style.width.match(/^\d+(\.\d*)?%$/g) ? parseFloat(img.style.width) :
             parseInt(img.style.width, 10) : img.width;
         const height = img.style.height !== '' ? parseInt(img.style.height, 10) : img.height;
@@ -22736,7 +22750,7 @@ class Image {
                     img.setAttribute('width', (img.width + this.mouseX).toString());
                 }
                 else {
-                    const currentWidth = img.offsetWidth === 0 ? img.width + this.mouseX + parseInt(img.style.outlineWidth.split('p')[0]) : img.offsetWidth + this.mouseX;
+                    const currentWidth = img.offsetWidth === 0 ? img.width + this.mouseX + parseInt(img.style.outlineWidth.split('p')[0], 10) : img.offsetWidth + this.mouseX;
                     img.setAttribute('width', (currentWidth).toString());
                 }
             }
@@ -30423,7 +30437,6 @@ let RichTextEditor = class RichTextEditor extends Component {
         const currentEndContainer = range.endContainer;
         const currentStartOffset = range.startOffset;
         const isSameContainer = currentStartContainer === currentEndContainer ? true : false;
-        const currentEndOffset = currentEndContainer.textContent.length;
         const endNode = range.endContainer.nodeName === '#text' ? range.endContainer.parentElement :
             range.endContainer;
         const closestLI = closest(endNode, 'LI');
@@ -30442,7 +30455,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                 currentLastElem = currentLastElem.lastChild;
             }
             if (isDetached) {
-                let currentLast = currentLastElem.nodeName === 'BR' && !isNullOrUndefined(currentLastElem.previousSibling) ?
+                const currentLast = currentLastElem.nodeName === 'BR' && !isNullOrUndefined(currentLastElem.previousSibling) ?
                     currentLastElem.previousSibling : currentLastElem;
                 this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), isSameContainer ? currentLast : currentStartContainer, currentLast, currentStartOffset, (currentLast.nodeName === 'BR' ? 0 : currentLast.textContent.length));
             }