@syncfusion/ej2-richtexteditor 27.1.48 → 27.1.51

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

@@ -2991,7 +2991,7 @@ let toolsLocale = {
     'remove': 'remove',
     'insertlink': 'insertLink',
     'display': 'display',
-    'alttext': 'alternateHeader',
+    'alttext': 'imageAlternateText',
     'dimension': 'dimension',
     'fullscreen': 'fullscreen',
     'maximize': 'maximize',
@@ -8637,7 +8637,7 @@ class Image$1 {
                                 };
                                 proxy.inputUrl.setAttribute('disabled', 'true');
                                 if (isNullOrUndefined(proxy.parent.insertImageSettings.saveUrl) && this.isAllowedTypes
-                                    && !isNullOrUndefined(this.dialogObj)) {
+                                    && !isNullOrUndefined(this.dialogObj) && selectArgs.filesData[0].size <= this.uploadObj.maxFileSize) {
                                     this.dialogObj.getButtons(0).element.removeAttribute('disabled');
                                 }
                             });
@@ -18641,7 +18641,7 @@ class Formatter {
                     }
                     self.isBlur = false;
                     const quickToolbarAction = !isNullOrUndefined(event) && !isNullOrUndefined(event.target) && (!isNullOrUndefined(closest(event.target, '.e-rte-elements.e-dropdown-popup.e-rte-dropdown-popup.e-quick-dropdown.e-popup-open')) || !isNullOrUndefined(closest(event.target, '.e-rte-elements.e-rte-quick-popup.e-popup-open')));
-                    if (isNullOrUndefined(saveSelection) || (!quickToolbarAction && (isNullOrUndefined(closest(saveSelection.range.startContainer.parentElement, '.e-img-caption')) ? true : !(closest(saveSelection.range.startContainer.parentElement, '.e-img-caption').getAttribute('contenteditable') === 'false')))) {
+                    if (isNullOrUndefined(saveSelection) || (!quickToolbarAction && (isNullOrUndefined(closest(saveSelection.range.startContainer.parentElement, '.e-img-caption')) ? true : !(closest(saveSelection.range.startContainer.parentElement, '.e-img-caption').getAttribute('contenteditable') === 'false'))) && !(Browser.userAgent.indexOf('Firefox') !== -1)) {
                         self.contentModule.getEditPanel().focus();
                     }
                     if (self.editorMode === 'HTML' && !isKeyboardVideoInsert) {
@@ -24195,6 +24195,9 @@ class InsertHtml {
                     const rangeElement = closest(nearestAnchor, 'span');
                     rangeElement.appendChild(tempSpan);
                 }
+                else if (nodes[0].nodeName === '#text' && nodes[0].nodeValue.includes('\u200B') && !isNullOrUndefined(nodes[0].parentElement) && !isNullOrUndefined(nodes[0].parentElement.previousElementSibling) && nodes[0].parentElement.previousElementSibling.classList.contains('e-mention-chip')) {
+                    range.startContainer.parentElement.insertAdjacentElement('afterend', tempSpan);
+                }
                 else {
                     range.insertNode(tempSpan);
                 }
@@ -24280,6 +24283,24 @@ class InsertHtml {
         if (lastSelectionNode.nodeName === '#text') {
             this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
         }
+        else if (lastSelectionNode.nodeName === 'HR') {
+            const nextSiblingNode = lastSelectionNode.nextSibling ? lastSelectionNode.nextSibling : null;
+            const siblingTag = enterAction === 'DIV' ? createElement('div') : createElement('p');
+            siblingTag.appendChild(createElement('br'));
+            if (!isNullOrUndefined(nextSiblingNode) && nextSiblingNode.nodeName === 'HR') {
+                lastSelectionNode.parentNode.insertBefore(siblingTag, nextSiblingNode);
+                lastSelectionNode = siblingTag;
+            }
+            else if (!isNullOrUndefined(nextSiblingNode)) {
+                lastSelectionNode = nextSiblingNode;
+            }
+            else {
+                lastSelectionNode.parentNode.appendChild(siblingTag);
+                lastSelectionNode.parentNode.insertBefore(lastSelectionNode, siblingTag);
+                lastSelectionNode = siblingTag;
+            }
+            nodeSelection.setSelectionText(docElement, lastSelectionNode, lastSelectionNode, 0, 0);
+        }
         else {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
@@ -24351,7 +24372,7 @@ class InsertHtml {
             if (blockNode.nodeName === 'BODY' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
                 blockNode = range.startContainer;
             }
-            if (blockNode.closest('LI') && blockNode.nodeName !== 'TD' && blockNode.nodeName !== 'TH' && blockNode.nodeName !== 'TR' && node && node.firstElementChild &&
+            if (blockNode.closest('LI') && editNode.contains(blockNode.closest('LI')) && blockNode.nodeName !== 'TD' && blockNode.nodeName !== 'TH' && blockNode.nodeName !== 'TR' && node && node.firstElementChild &&
                 ((node).firstElementChild.tagName === 'OL' || node.firstElementChild.tagName === 'UL')) {
                 let liNode;
                 while (node.firstElementChild.lastElementChild && node.firstElementChild.lastElementChild.tagName === 'LI') {
@@ -26224,6 +26245,9 @@ class TableCommand {
         for (let i = 0; i < thTdElm.length; i++) {
             thTdElm[i].dataset.oldWidth = (thTdElm[i].offsetWidth / currentTabElm.offsetWidth * 100) + '%';
         }
+        if (isNullOrUndefined(currentTabElm.style.width) || currentTabElm.style.width === '') {
+            currentTabElm.style.width = currentTabElm.offsetWidth + 'px';
+        }
         for (let i = 0; i < allRows.length; i++) {
             curCell = allRows[i].querySelectorAll(':scope > td, :scope > th')[colIndex];
             const colTemplate = curCell.cloneNode(true);
@@ -28352,9 +28376,13 @@ class ClearFormat$1 {
                 nodeSelection.setSelectionText(docElement, parentNodes[index1], parentNodes[index1], 0, parentNodes[index1].childNodes.length);
                 InsertMethods.unwrap(nodeCutter.GetSpliceNode(nodeSelection.getRange(docElement), parentNodes[index1].parentNode));
             }
+            const blockquoteNode = closest(parentNodes[index1], 'blockquote');
+            if (parentNodes[index1].nodeName.toLocaleLowerCase() !== 'blockquote' && !isNullOrUndefined(blockquoteNode) && blockquoteNode.textContent === parentNodes[index1].textContent) {
+                const blockNodes = this.removeParent([blockquoteNode]);
+                this.unWrap(docElement, blockNodes, nodeCutter, nodeSelection);
+            }
             if (parentNodes[index1].nodeName.toLocaleLowerCase() !== 'p') {
                 if (this.NONVALID_PARENT_TAGS.indexOf(parentNodes[index1].nodeName.toLowerCase()) < 0
-                    && parentNodes[index1].parentNode.nodeName.toLocaleLowerCase() !== 'p'
                     && !((parentNodes[index1].nodeName.toLocaleLowerCase() === 'blockquote'
                         || parentNodes[index1].nodeName.toLocaleLowerCase() === 'li')
                         && this.IGNORE_PARENT_TAGS.indexOf(parentNodes[index1].childNodes[0].nodeName.toLocaleLowerCase()) > -1)
@@ -28378,13 +28406,16 @@ class ClearFormat$1 {
                         this.unWrap(docElement, blockNodes, nodeCutter, nodeSelection);
                     }
                     else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
-                        childNodes[index2].parentNode.nodeName.toLocaleLowerCase() ===
-                            childNodes[index2].nodeName.toLocaleLowerCase()) {
+                        childNodes[index2].nodeName.toLocaleLowerCase() === 'p') {
+                        if (childNodes[index2].parentNode.nodeName.toLocaleLowerCase() === 'p') {
+                            InsertMethods.unwrap(childNodes[index2].parentNode);
+                        }
+                        InsertMethods.Wrap(childNodes[index2], docElement.createElement(this.defaultTag));
                         InsertMethods.unwrap(childNodes[index2]);
                     }
                     else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
-                        childNodes[index2].nodeName.toLocaleLowerCase() === 'p') {
-                        InsertMethods.Wrap(childNodes[index2], docElement.createElement(this.defaultTag));
+                        childNodes[index2].parentNode.nodeName.toLocaleLowerCase() ===
+                            childNodes[index2].nodeName.toLocaleLowerCase()) {
                         InsertMethods.unwrap(childNodes[index2]);
                     }
                 }
@@ -29267,15 +29298,22 @@ class MsWordPaste {
                         const styleProperty = resultElem[j].getAttribute('style');
                         if (!isNullOrUndefined(styleProperty) && styleProperty.trim() !== '') {
                             const valueSplit = values[i].split(';');
+                            for (let q = 0; q < valueSplit.length; q++) {
+                                if (valueSplit[q].split(':')[0] === 'border' && valueSplit[q].split(':')[1] === 'none') {
+                                    valueSplit.splice(q, 1);
+                                    q--;
+                                }
+                            }
                             if (!fromClass) {
                                 for (let k = 0; k < valueSplit.length; k++) {
-                                    if (styleProperty.indexOf(valueSplit[k].split(':')[0]) >= 0) {
+                                    const propertyName = valueSplit[k].split(':')[0];
+                                    if (styleProperty.includes(propertyName + ':')) {
                                         valueSplit.splice(k, 1);
                                         k--;
                                     }
                                 }
                             }
-                            const changedValue = styleProperty + valueSplit.join(';') + ';';
+                            const changedValue = valueSplit.join(';') + ';' + styleProperty;
                             resultElem[j].setAttribute('style', changedValue);
                         }
                         else {
@@ -29757,6 +29795,14 @@ class MsWordPaste {
                 for (let i = 0; i < listIgnoreTag.length; i++) {
                     listIgnoreTag[i].setAttribute('style', listIgnoreTag[i].getAttribute('style').replace(/\n/g, ''));
                 }
+                const listOrderCleanup = firstChild.querySelector('span[style*="mso-list"]');
+                if (listOrderCleanup) {
+                    let style = listOrderCleanup.getAttribute('style');
+                    if (style) {
+                        style = style.replace(/\s*:\s*/g, ':');
+                        listOrderCleanup.setAttribute('style', style);
+                    }
+                }
                 const listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
                 if (!isNullOrUndefined(listOrder)) {
                     this.listContents.push(listOrder.textContent.trim());
@@ -31817,12 +31863,13 @@ class HtmlEditor {
                         this.isImageDelete = false;
                     }
                     const brNode = this.deleteRangeElement.querySelector('BR');
+                    const brLastChildNode = this.deleteRangeElement.lastChild;
                     if (brNode && brNode.classList.contains('e-rte-image-remove-focus')) {
                         removeClass([brNode], ['e-rte-image-focus']);
                         return;
                     }
-                    else if (brNode) {
-                        detach(brNode);
+                    else if (brNode && brLastChildNode && brLastChildNode.nodeName === 'BR') {
+                        detach(brLastChildNode);
                         e.args.preventDefault();
                     }
                     if (!isNullOrUndefined(this.deleteRangeElement) && (this.deleteOldRangeElement.tagName !== 'OL' && this.deleteOldRangeElement.tagName !== 'UL')
@@ -32402,12 +32449,12 @@ class PasteCleanup {
         if (e.args && !isNullOrUndefined(e.args.clipboardData)) {
             value = e.args.clipboardData.getData('text/html');
         }
-        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');
+                this.parent.trigger(beforePasteCleanup, { value: value });
                 this.isNotFromHtml = value !== '' ? true : false;
                 value = value.replace(/</g, '&lt;');
                 value = value.replace(/>/g, '&gt;');
@@ -32440,6 +32487,7 @@ class PasteCleanup {
                 }
             }
             else if (value.length > 0) {
+                this.parent.trigger(beforePasteCleanup, { value: value });
                 this.parent.formatter.editorManager.observer.notify(MS_WORD_CLEANUP, {
                     args: e.args,
                     text: e.text,
@@ -36131,7 +36179,12 @@ class EnterKeyAction {
                             else {
                                 let nearBlockNode;
                                 if (isTableEnter && this.parent.formatter.editorManager.domNode.isBlockNode(this.startNode)) {
-                                    nearBlockNode = this.startNode;
+                                    if (this.range.startContainer.nodeName === '#text' && !isNullOrUndefined(this.range.startContainer.previousSibling) && this.range.startContainer.previousSibling.nodeName === 'HR') {
+                                        nearBlockNode = this.range.startContainer.nextSibling;
+                                    }
+                                    else {
+                                        nearBlockNode = this.startNode;
+                                    }
                                 }
                                 else {
                                     nearBlockNode = this.parent.formatter.editorManager.domNode.blockParentNode(this.startNode);
@@ -36179,7 +36232,7 @@ class EnterKeyAction {
                                     }
                                     else {
                                         if ((nearBlockNode.textContent.trim().length !== 0 ||
-                                            nearBlockNode.childNodes[0].nodeName === 'IMG' ||
+                                            (!isNullOrUndefined(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG') ||
                                             (nearBlockNode.textContent.trim() === '' && nearBlockNode.querySelectorAll('img, audio, video').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);
@@ -37293,8 +37346,12 @@ let RichTextEditor = class RichTextEditor extends Component {
     keyDown(e) {
         if (this.inputElement.classList.contains('e-mention')) {
             const mentionPopup = this.inputElement.ownerDocument.getElementById(this.inputElement.id + '_popup');
+            const slashMenuPopup = this.inputElement.ownerDocument.getElementById(this.inputElement.id + '_slash_menu_popup');
             const mentionKeys = mentionRestrictKeys;
-            if (mentionKeys.indexOf(e.key) !== -1 && mentionPopup && mentionPopup.classList.contains('e-popup-open')) {
+            const isMentionKeys = mentionKeys.indexOf(e.key) !== -1;
+            const isMentionPopupOpen = mentionPopup && mentionPopup.classList.contains('e-popup-open');
+            const isSlashMenuPopupOpen = slashMenuPopup && slashMenuPopup.classList.contains('e-popup-open');
+            if (isMentionKeys && (isMentionPopupOpen || isSlashMenuPopupOpen)) {
                 return;
             }
         }