@syncfusion/ej2-richtexteditor 28.1.33 → 28.1.36

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

@@ -5928,7 +5928,9 @@ class ToolbarRenderer {
                     args.cancel = true;
                     return;
                 }
-                proxy.parent.notify(selectionRestore, {});
+                if (Browser.info.name === 'safari') {
+                    proxy.parent.notify(selectionRestore, {});
+                }
                 const element = (args.event) ? args.event.target : null;
                 proxy.currentElement = dropDown.element;
                 proxy.currentDropdown = dropDown;
@@ -5956,10 +5958,14 @@ class ToolbarRenderer {
         args.element.tabIndex = -1;
         dropDown.element.removeAttribute('type');
         dropDown.element.onmousedown = () => {
-            proxy.parent.notify(selectionSave, {});
+            if (Browser.info.name === 'safari') {
+                proxy.parent.notify(selectionSave, {});
+            }
         };
         dropDown.element.onkeydown = () => {
-            proxy.parent.notify(selectionSave, {});
+            if (Browser.info.name === 'safari') {
+                proxy.parent.notify(selectionSave, {});
+            }
         };
         return dropDown;
     }
@@ -6141,11 +6147,10 @@ class ToolbarRenderer {
             enableRtl: this.parent.enableRtl,
             inline: true,
             value: null,
-            cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
+            cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass,
             created: () => {
                 const value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                const cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
-                colorPicker.setProperties({ value: value, cssClass: cssClass });
+                colorPicker.setProperties({ value: value });
             },
             mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
             modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
@@ -22101,7 +22106,7 @@ class InsertHtml {
     static pasteInsertHTML(nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction) {
         const isCursor = range.startOffset === range.endOffset &&
             range.startContainer === range.endContainer;
-        if (isCursor && range.startContainer === editNode && editNode.textContent === '') {
+        if (isCursor && range.startContainer === editNode && editNode.textContent === '' && range.startOffset === 0 && range.endOffset === 0) {
             const currentBlockNode = this.getImmediateBlockNode(nodes[nodes.length - 1], editNode);
             nodeSelection.setSelectionText(docElement, currentBlockNode, currentBlockNode, 0, 0);
             range = nodeSelection.getRange(docElement);
@@ -22488,9 +22493,20 @@ class InsertHtml {
                 }
             }
             if (blockNode && blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH' || blockNode.nodeName === 'TR') {
-                const tempSpan = createElement('span', { className: 'tempSpan' });
-                range.insertNode(tempSpan);
-                tempSpan.parentNode.replaceChild(node, tempSpan);
+                let parentElem = range.startContainer;
+                while (!isNullOrUndefined(parentElem) && parentElem.parentElement !== blockNode) {
+                    parentElem = parentElem.parentElement;
+                }
+                range.deleteContents();
+                const splitedElm = nodeCutter.GetSpliceNode(range, parentElem);
+                if (splitedElm) {
+                    splitedElm.parentNode.replaceChild(node, splitedElm);
+                }
+                else {
+                    range.insertNode(node);
+                }
+                this.contentsDeleted = true;
+                return;
             }
             else {
                 const nodeSelection = new NodeSelection(editNode);
@@ -25915,6 +25931,7 @@ class LinkCommand {
             if (child && child.length === 1) {
                 e.item.selection.startContainer = e.item.selection.getNodeArray(child[child.length - 1], true);
                 e.item.selection.endContainer = e.item.selection.startContainer;
+                e.item.selection.endOffset = child[child.length - 1].textContent.length;
             }
             e.item.selection = this.parent.domNode.saveMarker(e.item.selection);
         }
@@ -30248,7 +30265,8 @@ class MsWordPaste {
                 imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('_x0000_i') < 0 &&
-                imgElem[i].getAttribute('v:shapes').indexOf('img1') < 0) {
+                imgElem[i].getAttribute('v:shapes').indexOf('img1') < 0 &&
+                imgElem[i].getAttribute('v:shapes').indexOf('Immagine') < 0) {
                 imgElem[i].classList.add('e-rte-image-unsupported');
             }
             imgElem[i].removeAttribute('v:shapes');
@@ -30262,7 +30280,8 @@ class MsWordPaste {
         if (imgElem.length > 0) {
             for (let i = 0; i < imgElem.length; i++) {
                 imgSrc.push(imgElem[i].getAttribute('src'));
-                imgName.push(imgElem[i].getAttribute('src').split('/')[imgElem[i].getAttribute('src').split('/').length - 1].split('.')[0]);
+                const imageName = imgElem[i].getAttribute('src').split('/')[imgElem[i].getAttribute('src').split('/').length - 1].split('.')[0] + i;
+                imgName.push(imageName);
             }
             const hexValue = this.hexConversion(rtfData);
             for (let i = 0; i < hexValue.length; i++) {
@@ -34174,8 +34193,20 @@ class PasteCleanup {
             this.parent.trigger(imageUploadSuccess, e, (e) => {
                 if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
                     const url = this.parent.insertImageSettings.path + e.file.name;
-                    imgElem.src = url;
-                    imgElem.setAttribute('alt', e.file.name);
+                    if (!this.parent.inputElement.contains(imgElem)) {
+                        const imgHtmlElems = this.parent.inputElement.querySelectorAll('#' + imgElem.id);
+                        for (let i = 0; i < imgHtmlElems.length; i++) {
+                            const imgHtmlElem = imgHtmlElems[i];
+                            if (imgHtmlElem && imgHtmlElem.style && imgHtmlElem.style.opacity === '0.5') {
+                                imgHtmlElem.src = url;
+                                imgHtmlElem.setAttribute('alt', e.file.name);
+                            }
+                        }
+                    }
+                    else {
+                        imgElem.src = url;
+                        imgElem.setAttribute('alt', e.file.name);
+                    }
                 }
             });
         }
@@ -34188,7 +34219,18 @@ class PasteCleanup {
         }
         this.popupCloseTime = setTimeout(() => {
             popupObj.close();
-            imgElem.style.opacity = '1';
+            if (!this.parent.inputElement.contains(imgElem)) {
+                const imgHtmlElems = this.parent.inputElement.querySelectorAll('#' + imgElem.id);
+                for (let i = 0; i < imgHtmlElems.length; i++) {
+                    const imgHtmlElem = imgHtmlElems[i];
+                    if (imgHtmlElem && imgHtmlElem.style && imgHtmlElem.style.opacity === '0.5') {
+                        imgHtmlElem.style.opacity = '1';
+                    }
+                }
+            }
+            else {
+                imgElem.style.opacity = '1';
+            }
             this.toolbarEnableDisable(false);
             if (uploadObj && document.body.contains(uploadObj.element)) {
                 uploadObj.destroy();
@@ -37692,7 +37734,14 @@ class EnterKeyAction {
                                 let isMediaNode = false; // To check the image audio and video node cases
                                 let isFocusedFirst = false;
                                 const parentElement = this.range.startContainer.parentElement;
-                                const isPreWrapApplied = parentElement ? this.parent.contentModule.getDocument().defaultView.getComputedStyle(parentElement, null).getPropertyValue('white-space') === 'pre-wrap' : false;
+                                let isPreWrapApplied = false;
+                                let isTextWrapApplied = false;
+                                if (parentElement) {
+                                    // eslint-disable-next-line max-len
+                                    const computedStyle = this.parent.contentModule.getDocument().defaultView.getComputedStyle(parentElement);
+                                    isPreWrapApplied = computedStyle.getPropertyValue('white-space') === 'pre-wrap';
+                                    isTextWrapApplied = computedStyle.getPropertyValue('text-wrap') === 'nowrap';
+                                }
                                 if (this.range.startOffset !== 0 && this.range.endOffset !== 0 &&
                                     this.range.startContainer === this.range.endContainer && !(!isNullOrUndefined(nearBlockNode.childNodes[0])
                                     && (nearBlockNode.childNodes[0].nodeName === 'IMG' || nearBlockNode.querySelectorAll('img, audio, video').length > 0))) {
@@ -37702,9 +37751,9 @@ class EnterKeyAction {
                                     const isSplitTextEmpty = splitFirstText.trim().length === 0;
                                     const hasContentAfterCursor = startNodeText.slice(this.range.startOffset).trim().length !== 0;
                                     const isCursorAtStartNonPreWrap = lastCharBeforeCursor !== 160
-                                        && isSplitTextEmpty && !isPreWrapApplied;
+                                        && isSplitTextEmpty && !isPreWrapApplied && !isTextWrapApplied;
                                     const isCursorAtStartPreWrapWithContent = lastCharBeforeCursor === 32
-                                        && isPreWrapApplied && isSplitTextEmpty && hasContentAfterCursor;
+                                        && (isPreWrapApplied || isTextWrapApplied) && isSplitTextEmpty && hasContentAfterCursor;
                                     if (isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) {
                                         isFocusedFirst = true;
                                     }