@syncfusion/ej2-richtexteditor 20.3.59 → 20.3.61

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

@@ -1978,8 +1978,8 @@ let videoAlignItems = [
     { iconCss: 'e-icons e-justify-right', command: 'Videos', subCommand: 'JustifyRight' },
 ];
 let displayLocale = [
-    { locale: 'imageLayoutOptionDropDownInline', value: 'Inline' },
-    { locale: 'imageLayoutOptionDropDownBreak', value: 'Break' }
+    { locale: 'imageDisplayDropDownInline', value: 'Inline' },
+    { locale: 'imageDisplayDropDownBreak', value: 'Break' }
 ];
 let audioLayoutOptionLocale = [
     { locale: 'audioLayoutOptionDropDownInline', value: 'Inline' },
@@ -12098,6 +12098,7 @@ class NodeCutter {
             for (let i = 0; !isNullOrUndefined(firstChild.childNodes) && i < firstChild.childNodes.length; i++) {
                 if (firstChild.childNodes[i].nodeName === 'IMG' || (firstChild.childNodes[i].nodeName === 'SPAN' &&
                     (firstChild.childNodes[i].classList.contains('e-video-wrap') ||
+                        firstChild.childNodes[i].classList.contains('e-embed-video-wrap') ||
                         firstChild.childNodes[i].classList.contains('e-audio-wrap')))) {
                     result = false;
                 }
@@ -12960,7 +12961,8 @@ class InsertHtml {
                     }
                 }
                 else if (currentNode.nodeName === '#text' && !isNullOrUndefined(currentNode.parentElement) &&
-                    currentNode.parentElement.nodeName === 'LI' && currentNode.parentElement.textContent.trim().length > 0) {
+                    (currentNode.parentElement.nodeName === 'LI' || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
+                    currentNode.parentElement.textContent.trim().length > 0) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNullOrUndefined(currentNode.nextSibling) &&
                         currentNode.nextSibling.nodeName === 'BR') {
@@ -15567,6 +15569,15 @@ class SelectionCommands {
                         isSubSup = formatNode === null ? false : true;
                     }
                 }
+                else if (formatNode.textContent !== nodes[index].textContent && formatNode.nodeName === 'SPAN' && formatNode.style[0] === 'font-size') {
+                    let currentParentElem = nodes[index].parentElement.textContent !== nodes[index].textContent ? nodes[index] : nodes[index].parentElement;
+                    let isSameTextContent = true;
+                    while (currentParentElem.textContent !== nodes[index].textContent && nodes[index].style[0] !== format && currentParentElem.nodeName === 'SPAN') {
+                        isSameTextContent = currentParentElem.textContent === currentParentElem.parentElement.textContent;
+                        currentParentElem = !isNullOrUndefined(currentParentElem.parentElement) && isSameTextContent ? currentParentElem.parentElement : currentParentElem;
+                    }
+                    formatNode = currentParentElem;
+                }
                 if (index === 0 && formatNode === null) {
                     isFormat = true;
                 }
@@ -15858,7 +15869,33 @@ class SelectionCommands {
                                 liElement.style.textDecoration = 'inherit';
                             }
                         }
-                        nodes[index] = this.applyStyles(nodes, index, element);
+                        let enterType = isNullOrUndefined(this.enterAction) ? 'P' : this.enterAction.toString();
+                        const currentNode = nodes[index];
+                        let isNestedNode = !isNullOrUndefined(currentNode) && nodes[index].nodeName === '#text' && nodes[index].parentElement.nodeName !== enterType;
+                        let currentParentElem = currentNode.parentElement.textContent !== currentNode.textContent ? currentNode : currentNode.parentElement;
+                        if (isNestedNode) {
+                            let isSameTextContent = true;
+                            isNestedNode = false;
+                            while (!isNullOrUndefined(currentParentElem) && isSameTextContent && currentParentElem.parentElement.nodeName !== enterType
+                                && (currentParentElem.nodeName === 'SPAN' && (currentParentElem.style.textDecoration === 'line-through' || 'underline')
+                                    || currentParentElem.nodeName === 'SPAN' && (currentParentElem.style[0] === 'background-color' || 'font-family' || 'color')
+                                    || (currentParentElem.nodeName === 'EM' || 'STRONG' || 'SUB' || 'SUP'))) {
+                                isSameTextContent = currentParentElem.textContent === currentParentElem.parentElement.textContent;
+                                currentParentElem = !isNullOrUndefined(currentParentElem.parentElement) && isSameTextContent ? currentParentElem.parentElement : currentParentElem;
+                            }
+                            if (!isNullOrUndefined(currentParentElem) && currentParentElem.childNodes.length > 0) {
+                                let nodeList = currentParentElem.querySelectorAll('span,strong,em,sub,sup');
+                                isNestedNode = nodeList.length > 0 && isSameTextContent;
+                            }
+                        }
+                        if (isNestedNode) {
+                            let nodeList = [];
+                            nodeList[0] = currentParentElem;
+                            this.applyStyles(nodeList, index, element);
+                        }
+                        else {
+                            nodes[index] = this.applyStyles(nodes, index, element);
+                        }
                         if (format === 'fontsize') {
                             const bg = closest(nodes[index].parentElement, 'span[style*=' + 'background-color' + ']');
                             if (!isNullOrUndefined(bg)) {
@@ -16818,7 +16855,9 @@ class MsWordPaste {
         for (let i = 0; i < allElements.length; i++) {
             if (allElements[i].children.length === 0 && allElements[i].innerHTML === '&nbsp;' &&
                 (allElements[i].innerHTML === '&nbsp;' && !allElements[i].closest('li')) &&
-                !allElements[i].closest('td')) {
+                !allElements[i].closest('td') && (allElements[i].nodeName !== 'SPAN' ||
+                allElements[i].nodeName === 'SPAN' && (isNullOrUndefined(allElements[i].previousElementSibling) &&
+                    isNullOrUndefined(allElements[i].nextElementSibling)))) {
                 const detachableElement = this.findDetachElem(allElements[i]);
                 const brElement = createElement('br');
                 if (!isNullOrUndefined(detachableElement.parentElement)) {
@@ -17761,7 +17800,7 @@ class ToolbarStatus {
             && (fontName === null || fontName === undefined || (fontName.filter((value, pos) => {
                 const pattern = new RegExp(name, 'i');
                 if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
-                    (value.search(pattern) > -1)) {
+                    (value.split(',')[0] && value.split(',')[0].search(pattern) > -1)) {
                     index = pos;
                 }
             }) && (index !== null)))) {
@@ -28338,7 +28377,8 @@ class EnterKeyAction {
                                     }
                                     else {
                                         if ((nearBlockNode.textContent.trim().length !== 0 ||
-                                            nearBlockNode.childNodes[0].nodeName === 'IMG')) {
+                                            nearBlockNode.childNodes[0].nodeName === 'IMG' ||
+                                            (nearBlockNode.textContent.trim() === '' && nearBlockNode.querySelectorAll('img').length > 0))) {
                                             if ((this.range.startOffset === this.range.endOffset && this.range.startOffset != 0)) {
                                                 newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, false).cloneNode(true);
                                             }
@@ -29967,9 +30007,11 @@ let RichTextEditor = class RichTextEditor extends Component {
         this.notify(rtlMode, { enableRtl: this.enableRtl });
         if (this.enableRtl) {
             this.element.classList.add(CLS_RTL);
+            this.inputElement.classList.add(CLS_RTL);
         }
         else {
             this.element.classList.remove(CLS_RTL);
+            this.inputElement.classList.remove(CLS_RTL);
         }
     }
     updateReadOnly() {