@syncfusion/ej2-richtexteditor 28.1.36 → 28.1.38

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

@@ -6179,17 +6179,21 @@ class ToolbarRenderer {
                     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;
+                }
                 const range = proxy.parent.formatter.editorManager.nodeSelection.getRange(proxy.parent.contentModule.getDocument());
                 const 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: (args) => {
                 value = colorPicker.value;
@@ -14477,34 +14481,40 @@ class Table {
     // eslint-disable-next-line
     applyProperties(args, e) {
         const dialogEle = this.editdlgObj.element;
-        const 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 !== '') {
-            const tdElm = table.querySelectorAll('td');
-            for (let i = 0; i < tdElm.length; i++) {
-                let 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]) {
+            const selectedElement = (args.selectNode[0] && args.selectNode[0].nodeType === 3 ?
+                args.selectNode[0].parentNode : args.selectNode[0]);
+            const 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 !== '') {
+                    const tdElm = table.querySelectorAll('td');
+                    for (let i = 0; i < tdElm.length; i++) {
+                        let 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 });
     }
     tableDlgContent(e) {
         const selectNode = e.selectParent[0];
@@ -19400,7 +19410,7 @@ class Formatter {
                         }
                     }
                     const 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') {
@@ -28587,6 +28597,7 @@ class SelectionCommands {
             }
             else {
                 InsertMethods.unwrap(cursorFormat);
+                domSelection.setCursorPoint(docElement, cursorNode, 0);
             }
         }
         else {
@@ -32696,7 +32707,7 @@ class HtmlEditor {
     onSelectionRestore(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();
         }
     }
@@ -33154,7 +33165,7 @@ class HtmlEditor {
                 let checkParent = false;
                 if (this.oldRangeElement && this.oldRangeElement.nodeName !== '#text' && this.oldRangeElement.querySelectorAll('BR').length === 1) {
                     const brElement = this.oldRangeElement.querySelector('BR');
-                    if (brElement) {
+                    if (brElement && isNullOrUndefined(brElement.nextSibling)) {
                         const brParentElement = brElement.parentNode;
                         const currentState = this.oldRangeElement.innerHTML;
                         this.parent.formatter.saveData(currentState);
@@ -33911,6 +33922,7 @@ class PasteCleanup {
             const isValueNotEmpty = tempDivElem.textContent !== '' || !isNullOrUndefined(tempDivElem.querySelector('img')) ||
                 !isNullOrUndefined(tempDivElem.querySelector('table'));
             const imgElements = tempDivElem.querySelectorAll('img');
+            const base = this.parent.contentModule.getDocument().location.origin;
             imgElements.forEach((imgElement) => {
                 let imageFileFormat;
                 const imgElementSrc = imgElement.getAttribute('src');
@@ -33919,7 +33931,9 @@ class PasteCleanup {
                         imageFileFormat = imgElementSrc.split(';')[0].split('/')[1];
                     }
                     else {
-                        imageFileFormat = imgElementSrc.split('.').pop().toLowerCase();
+                        const parsedUrl = imgElementSrc.indexOf('http') > -1 ? new URL(imgElementSrc) : new URL(imgElementSrc, base);
+                        const path = parsedUrl.pathname;
+                        imageFileFormat = path.split('.').pop().toLowerCase();
                     }
                     if (!isNullOrUndefined(imageFileFormat) &&
                         allowedTypes.every((type) => imageFileFormat !== type.substring(1).toLowerCase()) &&
@@ -37754,7 +37768,8 @@ class EnterKeyAction {
                                         && isSplitTextEmpty && !isPreWrapApplied && !isTextWrapApplied;
                                     const isCursorAtStartPreWrapWithContent = lastCharBeforeCursor === 32
                                         && (isPreWrapApplied || isTextWrapApplied) && isSplitTextEmpty && hasContentAfterCursor;
-                                    if (isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) {
+                                    if ((isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) &&
+                                        !this.range.startContainer.previousSibling) {
                                         isFocusedFirst = true;
                                     }
                                 }
@@ -37763,7 +37778,7 @@ class EnterKeyAction {
                                 }
                                 this.removeBRElement(nearBlockNode);
                                 const 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;
                                 const preventZeroWithSpace = ((this.range.startContainer.nodeName === '#text' && this.range.startContainer.textContent.includes('\u200B') &&
                                     this.range.startContainer.textContent.trim() === '\u200B') ||