@syncfusion/ej2-richtexteditor 28.1.35 → 28.1.37

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

@@ -6158,11 +6158,10 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
             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: function () {
                 var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                var 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),
@@ -6191,17 +6190,21 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
                     value: colorpickerValue
                 };
                 proxy.parent.notify(selectionRestore, {});
-                proxy.currentElement.querySelector('.' + CLS_RTE_ELEMENTS).style.borderBottomColor = colorpickerValue;
+                if (proxy.currentElement) {
+                    proxy.currentElement.querySelector('.' + CLS_RTE_ELEMENTS).style.borderBottomColor = colorpickerValue;
+                }
                 var range = proxy.parent.formatter.editorManager.nodeSelection.getRange(proxy.parent.contentModule.getDocument());
                 var closestElement = closest(range.startContainer.parentNode, 'table');
                 if ((range.startContainer.nodeName === 'TD' || range.startContainer.nodeName === 'TH' || range.startContainer.nodeName === 'BODY' ||
-                    closest(range.startContainer.parentNode, 'td,th')) && range.collapsed && args.subCommand === 'BackgroundColor' && (closest(closestElement, '.' + CLS_RTE) || proxy.parent.iframeSettings.enable)) {
+                    (range.startContainer.parentNode && closest(range.startContainer.parentNode, 'td,th'))) && range.collapsed && args.subCommand === 'BackgroundColor' && (closestElement && closest(closestElement, '.' + CLS_RTE) || proxy.parent.iframeSettings.enable)) {
                     proxy.parent.notify(tableColorPickerChanged, colorPickerArgs);
                 }
                 else {
                     proxy.parent.notify(colorPickerChanged, colorPickerArgs);
                 }
-                proxy.currentDropdown.toggle();
+                if (proxy.currentDropdown) {
+                    proxy.currentDropdown.toggle();
+                }
             },
             beforeModeSwitch: function (args) {
                 value = colorPicker.value;
@@ -14555,34 +14558,40 @@ var Table = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line
     Table.prototype.applyProperties = function (args, e) {
         var dialogEle = this.editdlgObj.element;
-        var table = closest(args.selectNode[0], 'table');
-        table.style.width = dialogEle.querySelector('.e-table-width') ? dialogEle.querySelector('.e-table-width').value + 'px'
-            : table.style.width;
-        if (dialogEle.querySelector('.e-cell-padding') && dialogEle.querySelector('.e-cell-padding').value !== '') {
-            var tdElm = table.querySelectorAll('td');
-            for (var i = 0; i < tdElm.length; i++) {
-                var padVal = '';
-                if (tdElm[i].style.padding === '') {
-                    padVal = tdElm[i].getAttribute('style') + ' padding:' +
-                        dialogEle.querySelector('.e-cell-padding').value + 'px;';
+        if (dialogEle && args && args.selectNode.length > 0 && args.selectNode[0]) {
+            var selectedElement = (args.selectNode[0] && args.selectNode[0].nodeType === 3 ?
+                args.selectNode[0].parentNode : args.selectNode[0]);
+            var table = selectedElement ? closest(selectedElement, 'table') : null;
+            if (table) {
+                table.style.width = dialogEle.querySelector('.e-table-width') ? dialogEle.querySelector('.e-table-width').value + 'px'
+                    : table.style.width;
+                if (dialogEle.querySelector('.e-cell-padding') && dialogEle.querySelector('.e-cell-padding').value !== '') {
+                    var tdElm = table.querySelectorAll('td');
+                    for (var i = 0; i < tdElm.length; i++) {
+                        var padVal = '';
+                        if (tdElm[i].style.padding === '') {
+                            padVal = tdElm[i].getAttribute('style') + ' padding:' +
+                                dialogEle.querySelector('.e-cell-padding').value + 'px;';
+                        }
+                        else {
+                            tdElm[i].style.padding = dialogEle.querySelector('.e-cell-padding').value + 'px';
+                            padVal = tdElm[i].getAttribute('style');
+                        }
+                        tdElm[i].setAttribute('style', padVal);
+                    }
+                }
+                table.cellSpacing = dialogEle.querySelector('.e-cell-spacing') ? dialogEle.querySelector('.e-cell-spacing').value
+                    : table.cellSpacing;
+                if (!isNullOrUndefined(table.cellSpacing) && table.cellSpacing !== '0') {
+                    addClass([table], CLS_TABLE_BORDER);
                 }
                 else {
-                    tdElm[i].style.padding = dialogEle.querySelector('.e-cell-padding').value + 'px';
-                    padVal = tdElm[i].getAttribute('style');
+                    removeClassWithAttr([table], CLS_TABLE_BORDER);
                 }
-                tdElm[i].setAttribute('style', padVal);
+                this.parent.formatter.saveData();
+                this.editdlgObj.hide({ returnValue: true });
             }
         }
-        table.cellSpacing = dialogEle.querySelector('.e-cell-spacing') ? dialogEle.querySelector('.e-cell-spacing').value
-            : table.cellSpacing;
-        if (!isNullOrUndefined(table.cellSpacing) && table.cellSpacing !== '0') {
-            addClass([table], CLS_TABLE_BORDER);
-        }
-        else {
-            removeClassWithAttr([table], CLS_TABLE_BORDER);
-        }
-        this.parent.formatter.saveData();
-        this.editdlgObj.hide({ returnValue: true });
     };
     Table.prototype.tableDlgContent = function (e) {
         var selectNode = e.selectParent[0];
@@ -18966,7 +18975,7 @@ var Formatter = /** @__PURE__ @class */ (function () {
                         }
                     }
                     var command = actionBeginArgs.item.subCommand.toLocaleLowerCase();
-                    if (command === 'image') {
+                    if (command === 'image' || command === 'file' || command === 'replace') {
                         value = actionBeginArgs.itemCollection;
                     }
                     if (command === 'paste' || command === 'cut' || command === 'copy') {
@@ -25550,6 +25559,7 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
             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);
         }
@@ -29907,7 +29917,8 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                 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');
@@ -29921,7 +29932,8 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
         if (imgElem.length > 0) {
             for (var 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]);
+                var imageName = imgElem[i].getAttribute('src').split('/')[imgElem[i].getAttribute('src').split('/').length - 1].split('.')[0] + i;
+                imgName.push(imageName);
             }
             var hexValue = this.hexConversion(rtfData);
             for (var i = 0; i < hexValue.length; i++) {
@@ -32359,7 +32371,7 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
     HtmlEditor.prototype.onSelectionRestore = function (e) {
         this.parent.isBlur = false;
         this.contentRenderer.getEditPanel().focus({ preventScroll: true });
-        if (isNullOrUndefined(e.items) || e.items) {
+        if ((isNullOrUndefined(e.items) || e.items) && (!isNullOrUndefined(this.saveSelection))) {
             this.saveSelection.restore();
         }
     };
@@ -32824,7 +32836,7 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
                 var checkParent = false;
                 if (this.oldRangeElement && this.oldRangeElement.nodeName !== '#text' && this.oldRangeElement.querySelectorAll('BR').length === 1) {
                     var brElement = this.oldRangeElement.querySelector('BR');
-                    if (brElement) {
+                    if (brElement && isNullOrUndefined(brElement.nextSibling)) {
                         var brParentElement = brElement.parentNode;
                         var currentState = this.oldRangeElement.innerHTML;
                         this.parent.formatter.saveData(currentState);
@@ -33868,8 +33880,20 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             this.parent.trigger(imageUploadSuccess, e, function (e) {
                 if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
                     var url = _this.parent.insertImageSettings.path + e.file.name;
-                    imgElem.src = url;
-                    imgElem.setAttribute('alt', e.file.name);
+                    if (!_this.parent.inputElement.contains(imgElem)) {
+                        var imgHtmlElems = _this.parent.inputElement.querySelectorAll('#' + imgElem.id);
+                        for (var i = 0; i < imgHtmlElems.length; i++) {
+                            var 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);
+                    }
                 }
             });
         }
@@ -33882,7 +33906,18 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
         }
         this.popupCloseTime = setTimeout(function () {
             popupObj.close();
-            imgElem.style.opacity = '1';
+            if (!_this.parent.inputElement.contains(imgElem)) {
+                var imgHtmlElems = _this.parent.inputElement.querySelectorAll('#' + imgElem.id);
+                for (var i = 0; i < imgHtmlElems.length; i++) {
+                    var 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();
@@ -37571,7 +37606,14 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                 var isMediaNode = false; // To check the image audio and video node cases
                                 var isFocusedFirst = false;
                                 var parentElement = _this.range.startContainer.parentElement;
-                                var isPreWrapApplied = parentElement ? _this.parent.contentModule.getDocument().defaultView.getComputedStyle(parentElement, null).getPropertyValue('white-space') === 'pre-wrap' : false;
+                                var isPreWrapApplied = false;
+                                var isTextWrapApplied = false;
+                                if (parentElement) {
+                                    // eslint-disable-next-line max-len
+                                    var 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))) {
@@ -37581,10 +37623,11 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                     var isSplitTextEmpty = splitFirstText.trim().length === 0;
                                     var hasContentAfterCursor = startNodeText.slice(_this.range.startOffset).trim().length !== 0;
                                     var isCursorAtStartNonPreWrap = lastCharBeforeCursor !== 160
-                                        && isSplitTextEmpty && !isPreWrapApplied;
+                                        && isSplitTextEmpty && !isPreWrapApplied && !isTextWrapApplied;
                                     var isCursorAtStartPreWrapWithContent = lastCharBeforeCursor === 32
-                                        && isPreWrapApplied && isSplitTextEmpty && hasContentAfterCursor;
-                                    if (isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) {
+                                        && (isPreWrapApplied || isTextWrapApplied) && isSplitTextEmpty && hasContentAfterCursor;
+                                    if ((isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) &&
+                                        !_this.range.startContainer.previousSibling) {
                                         isFocusedFirst = true;
                                     }
                                 }
@@ -37593,7 +37636,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                 }
                                 _this.removeBRElement(nearBlockNode);
                                 var fireFoxEnterAtMiddle = Browser.userAgent.indexOf('Firefox') !== -1 && _this.range.startOffset === 0 && _this.range.startContainer === _this.range.endContainer &&
-                                    _this.range.startContainer.nodeName === '#text' && !_this.parent.formatter.editorManager.domNode.isBlockNode(_this.range.startContainer.previousSibling) &&
+                                    _this.range.startContainer.nodeName === '#text' && !isNullOrUndefined(_this.range.startContainer.previousSibling) && !_this.parent.formatter.editorManager.domNode.isBlockNode(_this.range.startContainer.previousSibling) &&
                                     _this.range.startContainer.parentElement === _this.range.startContainer.previousSibling.parentElement;
                                 var preventZeroWithSpace = ((_this.range.startContainer.nodeName === '#text' && _this.range.startContainer.textContent.includes('\u200B') &&
                                     _this.range.startContainer.textContent.trim() === '\u200B') ||