@syncfusion/ej2-richtexteditor 28.1.36 → 28.1.38-680214

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

@@ -1,4 +1,4 @@
-import { isNullOrUndefined, Browser, addClass, removeClass, selectAll as selectAll$1, createElement, detach, SanitizeHtmlHelper, extend, EventHandler, closest, getInstance, formatUnit, select, Ajax, Property, Event as Event$1, NotifyPropertyChanges, Base, ChildProperty, KeyboardEvents as KeyboardEvents$1, setStyleAttribute, getUniqueID, append, debounce, Observer, prepend, attributes, getComponent, getEnumValue, Complex, print, L10n, compile, Touch, Component } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, Browser, addClass, removeClass, selectAll as selectAll$1, createElement, detach, SanitizeHtmlHelper, extend, EventHandler, closest, getInstance, formatUnit, select, Ajax, Property, Event as Event$1, NotifyPropertyChanges, Base, getComponent, ChildProperty, KeyboardEvents as KeyboardEvents$1, setStyleAttribute, getUniqueID, append, debounce, Observer, prepend, attributes, getEnumValue, Complex, print, L10n, compile, Touch, Component } from '@syncfusion/ej2-base';
 import { Toolbar as Toolbar$1 } from '@syncfusion/ej2-navigations';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
 import { Tooltip, Popup, Dialog, isCollide, getScrollableParent } from '@syncfusion/ej2-popups';
@@ -4795,11 +4795,6 @@ var NodeSelection = /** @__PURE__ @class */ (function () {
 /**
  * Defines common util methods used by Rich Text Editor.
  */
-var inlineNode$1 = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
-    'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',
-    'ins', 'kbd', 'label', 'map', 'mark', 'meter', 'noscript', 'object', 'output', 'picture', 'progress',
-    'q', 'ruby', 's', 'samp', 'script', 'select', 'slot', 'small', 'span', 'strong', 'strike', 'sub', 'sup', 'svg',
-    'template', 'textarea', 'time', 'u', 'tt', 'var', 'video', 'wbr'];
 /**
  * @returns {void}
  * @hidden
@@ -4827,109 +4822,68 @@ function setEditFrameFocus(editableElement, selector) {
 }
 /**
  * @param {string} value - specifies the string value
- * @param {string} enterAction - specifies the enter key action API
  * @returns {void}
  * @hidden
  */
-function updateTextNode$1(value, enterAction) {
-    var tempNode = document.createElement('div');
-    tempNode.innerHTML = value;
-    tempNode.setAttribute('class', 'tempDiv');
+function updateTextNode$1(value) {
     var resultElm = document.createElement('div');
-    var childNodes = tempNode.childNodes;
-    if (childNodes.length > 0) {
-        var isPreviousInlineElem = void 0;
-        var previousParent = void 0;
-        var paraElm = void 0;
-        while (tempNode.firstChild) {
-            if ((tempNode.firstChild.nodeName === '#text' &&
-                (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
-                inlineNode$1.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0) {
-                if (!isPreviousInlineElem) {
-                    if (enterAction === 'BR') {
-                        resultElm.appendChild(tempNode.firstChild);
-                        previousParent = resultElm;
-                    }
-                    else {
-                        paraElm = createElement('p');
-                        resultElm.appendChild(paraElm);
-                        paraElm.appendChild(tempNode.firstChild);
-                        previousParent = paraElm;
-                        isPreviousInlineElem = true;
-                    }
-                }
-                else {
-                    previousParent.appendChild(tempNode.firstChild);
-                    previousParent = paraElm;
-                    isPreviousInlineElem = true;
-                }
+    resultElm.innerHTML = value;
+    var tableElm = resultElm.querySelectorAll('table');
+    for (var i = 0; i < tableElm.length; i++) {
+        if (tableElm[i].classList.length > 0 &&
+            !tableElm[i].classList.contains('e-rte-table') && !tableElm[i].classList.contains('e-rte-custom-table')) {
+            tableElm[i].classList.add('e-rte-paste-table');
+            if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
+                tableElm[i].classList.remove('e-rte-paste-word-table');
+                continue; // Skiping the removal of the border if the source is from word.
             }
-            else if (tempNode.firstChild.nodeName === '#text' && (tempNode.firstChild.textContent === '\n' ||
-                (tempNode.firstChild.textContent.indexOf('\n') >= 0 && tempNode.firstChild.textContent.trim() === ''))) {
-                detach(tempNode.firstChild);
-            }
-            else {
-                resultElm.appendChild(tempNode.firstChild);
-                isPreviousInlineElem = false;
-            }
-        }
-        var tableElm = resultElm.querySelectorAll('table');
-        for (var i = 0; i < tableElm.length; i++) {
-            if (tableElm[i].classList.length > 0 &&
-                !tableElm[i].classList.contains('e-rte-table') && !tableElm[i].classList.contains('e-rte-custom-table')) {
-                tableElm[i].classList.add('e-rte-paste-table');
-                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-word-table');
-                    continue; // Skiping the removal of the border if the source is from word.
+            else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
+                tableElm[i].classList.remove('e-rte-paste-excel-table');
+                if (tableElm[i].getAttribute('border') === '0') {
+                    tableElm[i].removeAttribute('border');
                 }
-                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-excel-table');
-                    if (tableElm[i].getAttribute('border') === '0') {
-                        tableElm[i].removeAttribute('border');
+                var tdElm = tableElm[i].querySelectorAll('td');
+                for (var j = 0; j < tdElm.length; j++) {
+                    if (tdElm[j].style.borderLeft === 'none') {
+                        tdElm[j].style.removeProperty('border-left');
                     }
-                    var tdElm = tableElm[i].querySelectorAll('td');
-                    for (var j = 0; j < tdElm.length; j++) {
-                        if (tdElm[j].style.borderLeft === 'none') {
-                            tdElm[j].style.removeProperty('border-left');
-                        }
-                        if (tdElm[j].style.borderRight === 'none') {
-                            tdElm[j].style.removeProperty('border-right');
-                        }
-                        if (tdElm[j].style.borderBottom === 'none') {
-                            tdElm[j].style.removeProperty('border-bottom');
-                        }
-                        if (tdElm[j].style.borderTop === 'none') {
-                            tdElm[j].style.removeProperty('border-top');
-                        }
-                        if (tdElm[j].style.border === 'none') {
-                            tdElm[j].style.removeProperty('border');
-                        }
+                    if (tdElm[j].style.borderRight === 'none') {
+                        tdElm[j].style.removeProperty('border-right');
+                    }
+                    if (tdElm[j].style.borderBottom === 'none') {
+                        tdElm[j].style.removeProperty('border-bottom');
+                    }
+                    if (tdElm[j].style.borderTop === 'none') {
+                        tdElm[j].style.removeProperty('border-top');
+                    }
+                    if (tdElm[j].style.border === 'none') {
+                        tdElm[j].style.removeProperty('border');
                     }
-                }
-                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
-                    continue;
-                }
-                else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-html-table');
-                    continue;
                 }
             }
-        }
-        var imageElm = resultElm.querySelectorAll('img');
-        for (var i = 0; i < imageElm.length; i++) {
-            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
-                continue; // Should not add the class if the image is Broken.
-            }
-            if (!imageElm[i].classList.contains('e-rte-image')) {
-                imageElm[i].classList.add('e-rte-image');
+            else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
+                tableElm[i].classList.remove('e-rte-paste-onenote-table');
+                continue;
             }
-            if (!(imageElm[i].classList.contains('e-imginline') ||
-                imageElm[i].classList.contains('e-imgbreak'))) {
-                imageElm[i].classList.add('e-imginline');
+            else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
+                tableElm[i].classList.remove('e-rte-paste-html-table');
+                continue;
             }
         }
     }
+    var imageElm = resultElm.querySelectorAll('img');
+    for (var i = 0; i < imageElm.length; i++) {
+        if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
+            continue; // Should not add the class if the image is Broken.
+        }
+        if (!imageElm[i].classList.contains('e-rte-image')) {
+            imageElm[i].classList.add('e-rte-image');
+        }
+        if (!(imageElm[i].classList.contains('e-imginline') ||
+            imageElm[i].classList.contains('e-imgbreak'))) {
+            imageElm[i].classList.add('e-imginline');
+        }
+    }
     return resultElm.innerHTML;
 }
 /**
@@ -6154,7 +6108,6 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
         var proxy = this;
         var value;
         var colorPicker = new ColorPicker({
-            enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
             inline: true,
             value: null,
@@ -6190,17 +6143,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;
@@ -6663,10 +6620,10 @@ var Link = /** @__PURE__ @class */ (function () {
         }
         if (!this.selfLink.isUrl(linkUrl)) {
             if (this.selfLink.parent.editorMode === 'Markdown') {
-                linkText = (linkText !== '') ? linkText : '';
+                linkText = (linkText.trim() !== '') ? linkText : '';
             }
             else {
-                linkText = (linkText === '') ? linkUrl : linkText;
+                linkText = (linkText.trim() === '') ? linkUrl : linkText;
             }
             if (!this.selfLink.parent.enableAutoUrl) {
                 linkUrl = linkUrl.indexOf('http') > -1 ? linkUrl : 'http://' + linkUrl;
@@ -12552,7 +12509,6 @@ var Table = /** @__PURE__ @class */ (function () {
         this.parent.on(tableToolbarAction, this.onToolbarAction, this);
         this.parent.on(dropDownSelect, this.dropdownSelect, this);
         this.parent.on(keyDown, this.keyDown, this);
-        this.parent.on(keyUp, this.keyUp, this);
         this.parent.on(tableModulekeyUp, this.tableModulekeyUp, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.destroy, this);
@@ -12573,7 +12529,6 @@ var Table = /** @__PURE__ @class */ (function () {
         this.parent.off(mouseDown, this.cellSelect);
         this.parent.off(tableColorPickerChanged, this.setBGColor);
         this.parent.off(keyDown, this.keyDown);
-        this.parent.off(keyUp, this.keyUp);
         this.parent.off(tableModulekeyUp, this.tableModulekeyUp);
         this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
@@ -12670,20 +12625,6 @@ var Table = /** @__PURE__ @class */ (function () {
         this.parent.formatter.process(this.parent, e, e, { selection: selectCell, subCommand: e.item.subCommand });
         this.hideTableQuickToolbar();
     };
-    Table.prototype.keyUp = function (e) {
-        var target = e.args.target;
-        if (e.args.key.toLocaleLowerCase() === 'escape' && target && target.classList && (this.popupObj && !closest(target, '[id=' + '\'' + this.popupObj.element.id + '\'' + ']')) && this.popupObj) {
-            var createTableToolbarBtn = this.popupObj.relateTo;
-            if (createTableToolbarBtn.nodeName !== 'BUTTON') {
-                createTableToolbarBtn = createTableToolbarBtn.querySelector('span.e-create-table');
-                createTableToolbarBtn = createTableToolbarBtn.parentElement;
-            }
-            this.popupObj.hide();
-            if (createTableToolbarBtn) {
-                createTableToolbarBtn.focus();
-            }
-        }
-    };
     Table.prototype.keyDown = function (e) {
         var event = e.args;
         // eslint-disable-next-line
@@ -14262,6 +14203,8 @@ var Table = /** @__PURE__ @class */ (function () {
         var header = '1X1';
         var insertbtn = this.l10n.getConstant('inserttablebtn');
         this.dlgDiv = this.parent.createElement('div', { className: 'e-rte-table-popup' + this.parent.getCssClass(true), id: this.rteID + '_table' });
+        this.createTablePopupBoundFn = this.createTablePopupKeyDown.bind(this);
+        this.dlgDiv.addEventListener('keydown', this.createTablePopupBoundFn);
         this.tblHeader = this.parent.createElement('div', { className: 'e-rte-popup-header' + this.parent.getCssClass(true) });
         this.tblHeader.innerHTML = header;
         this.dlgDiv.appendChild(this.tblHeader);
@@ -14299,6 +14242,7 @@ var Table = /** @__PURE__ @class */ (function () {
             // eslint-disable-next-line
             close: function (event) {
                 EventHandler.remove(btnEle, 'click', _this.insertTableDialog);
+                _this.dlgDiv.removeEventListener('keydown', _this.createTablePopupBoundFn);
                 detach(btnEle);
                 if (_this.createTableButton && !_this.createTableButton.isDestroyed) {
                     _this.createTableButton.destroy();
@@ -14554,34 +14498,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];
@@ -14676,6 +14626,7 @@ var Table = /** @__PURE__ @class */ (function () {
             this.createTableButton.destroy();
             this.createTableButton = null;
         }
+        this.createTablePopupBoundFn = null;
         this.isDestroyed = true;
     };
     /**
@@ -14702,6 +14653,15 @@ var Table = /** @__PURE__ @class */ (function () {
                 'px; left:' + (tablePosition.left + parseInt(getComputedStyle(this.curTable).width, 10) - 4) + 'px;';
         }
     };
+    Table.prototype.createTablePopupKeyDown = function (e) {
+        if (e.key === 'Escape') {
+            var popupRootElem = e.target.closest('.e-rte-table-popup');
+            var popup = getComponent(popupRootElem, 'popup');
+            var tableToolbarButton = popup.relateTo;
+            popup.hide();
+            tableToolbarButton.focus({ preventScroll: true });
+        }
+    };
     return Table;
 }());
 
@@ -18965,7 +18925,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') {
@@ -21893,7 +21853,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
             nodeSelection.setSelectionText(docElement, lastSelectionNode, lastSelectionNode, 0, 0);
         }
         else {
-            this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
+            this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode);
         }
         this.alignCheck(editNode);
         this.listCleanUp(nodeSelection, docElement);
@@ -22157,9 +22117,9 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    InsertHtml.cursorPos = function (lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction) {
+    InsertHtml.cursorPos = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode.classList.add('lastNode');
-        editNode.innerHTML = updateTextNode$1(editNode.innerHTML, enterAction);
+        editNode.innerHTML = updateTextNode$1(editNode.innerHTML);
         lastSelectionNode = editNode.querySelector('.lastNode');
         if (!isNullOrUndefined(lastSelectionNode)) {
             this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
@@ -23647,6 +23607,17 @@ var Lists = /** @__PURE__ @class */ (function () {
         }
         return false;
     };
+    Lists.prototype.createAutoList = function (enterKey, shiftEnterKey) {
+        var autoListRules = {
+            BR: { BR: true, P: true, DIV: true },
+            P: { BR: false, P: true, DIV: true },
+            DIV: { BR: false, P: true, DIV: true }
+        };
+        if (autoListRules[enterKey] && autoListRules[enterKey][shiftEnterKey] !== undefined) {
+            return autoListRules[enterKey][shiftEnterKey];
+        }
+        return false;
+    };
     Lists.prototype.spaceList = function (e) {
         var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
         this.saveSelection = this.parent.nodeSelection.save(range, this.parent.currentDocument);
@@ -23662,7 +23633,8 @@ var Lists = /** @__PURE__ @class */ (function () {
         var startElementOLTest = this.testCurrentList(range);
         var preElementOLTest = this.testList(preElement);
         var nextElementOLTest = this.testList(nextElement);
-        if (!preElementOLTest && !nextElementOLTest && preElemULStart !== '*' && nextElemULStart !== '*') {
+        var nextElementBRTest = range.startContainer.previousElementSibling && range.startContainer.previousElementSibling.tagName === 'BR';
+        if (!preElementOLTest && !nextElementOLTest && preElemULStart !== '*' && nextElemULStart !== '*' && (this.createAutoList(e.enterKey, e.shiftEnterKey) || !nextElementBRTest)) {
             var brElement = createElement('br');
             if (startElementOLTest) {
                 range.startContainer.textContent = range.startContainer.textContent.slice(range.startOffset, range.startContainer.textContent.length);
@@ -28220,6 +28192,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
             }
             else {
                 InsertMethods.unwrap(cursorFormat);
+                domSelection.setCursorPoint(docElement, cursorNode, 0);
             }
         }
         else {
@@ -32361,7 +32334,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();
         }
     };
@@ -32668,7 +32641,9 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
                 var eventArgs_1 = {
                     callBack: null,
                     event: e.args,
-                    name: 'keydown-handler'
+                    name: 'keydown-handler',
+                    enterKey: this.parent.enterKey,
+                    shiftEnterKey: this.parent.shiftEnterKey
                 };
                 var actionBeginArgs = {
                     cancel: false,
@@ -32804,6 +32779,26 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
             if (isNullOrUndefined(this.oldRangeElement)) {
                 return;
             }
+            else if (findBlockElement[0].previousSibling) {
+                var prevSibling = findBlockElement[0].previousSibling;
+                var currentElement = findBlockElement[0];
+                if (prevSibling.textContent.trim()) {
+                    if (prevSibling.lastChild.nodeName === 'BR') {
+                        prevSibling.removeChild(prevSibling.lastChild);
+                    }
+                    var cursorpointer = prevSibling.lastChild.textContent.length;
+                    var lastChild = prevSibling.lastChild;
+                    var childNodes = Array.from(currentElement.childNodes);
+                    for (var i = 0; i < childNodes.length; i++) {
+                        prevSibling.appendChild(childNodes[i].cloneNode(true));
+                    }
+                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), lastChild, cursorpointer);
+                    currentElement.parentNode.removeChild(currentElement);
+                }
+                else {
+                    prevSibling.parentNode.removeChild(prevSibling);
+                }
+            }
             else {
                 if (this.oldRangeElement.tagName === 'OL' || this.oldRangeElement.tagName === 'UL') {
                     this.oldRangeElement = this.oldRangeElement.lastElementChild.lastElementChild
@@ -32826,7 +32821,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);
@@ -33586,6 +33581,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             var isValueNotEmpty = tempDivElem.textContent !== '' || !isNullOrUndefined(tempDivElem.querySelector('img')) ||
                 !isNullOrUndefined(tempDivElem.querySelector('table'));
             var imgElements = tempDivElem.querySelectorAll('img');
+            var base_1 = this.parent.contentModule.getDocument().location.origin;
             imgElements.forEach(function (imgElement) {
                 var imageFileFormat;
                 var imgElementSrc = imgElement.getAttribute('src');
@@ -33594,7 +33590,9 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
                         imageFileFormat = imgElementSrc.split(';')[0].split('/')[1];
                     }
                     else {
-                        imageFileFormat = imgElementSrc.split('.').pop().toLowerCase();
+                        var parsedUrl = imgElementSrc.indexOf('http') > -1 ? new URL(imgElementSrc) : new URL(imgElementSrc, base_1);
+                        var path = parsedUrl.pathname;
+                        imageFileFormat = path.split('.').pop().toLowerCase();
                     }
                     if (!isNullOrUndefined(imageFileFormat) &&
                         allowedTypes.every(function (type) { return imageFileFormat !== type.substring(1).toLowerCase(); }) &&
@@ -33853,7 +33851,11 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
         this.parent.inputElement.contentEditable = 'true';
         detach(imgElem);
         if (popupObj) {
-            popupObj.close();
+            this.parent.isBlur = false;
+            popupObj.destroy();
+            if (!isNullOrUndefined(popupObj.element)) {
+                detach(popupObj.element);
+            }
         }
         this.parent.trigger(imageUploadFailed, e);
         if (uploadObj && document.body.contains(uploadObj.element)) {
@@ -33870,7 +33872,7 @@ 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;
-                    if (!_this.parent.inputElement.contains(imgElem)) {
+                    if (!_this.parent.inputElement.contains(imgElem) && imgElem.id) {
                         var imgHtmlElems = _this.parent.inputElement.querySelectorAll('#' + imgElem.id);
                         for (var i = 0; i < imgHtmlElems.length; i++) {
                             var imgHtmlElem = imgHtmlElems[i];
@@ -33895,13 +33897,22 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             });
         }
         this.popupCloseTime = setTimeout(function () {
-            popupObj.close();
-            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';
+            if (popupObj) {
+                _this.parent.isBlur = false;
+                popupObj.destroy();
+                if (!isNullOrUndefined(popupObj.element)) {
+                    detach(popupObj.element);
+                }
+            }
+            if (!_this.parent.inputElement.contains(imgElem) && (imgElem.id || imgElem.alt)) {
+                var selector = imgElem.id ? "#" + imgElem.id : "[alt=\"" + imgElem.alt + "\"]";
+                if (selector) {
+                    var imgHtmlElems = _this.parent.inputElement.querySelectorAll(selector);
+                    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';
+                        }
                     }
                 }
             }
@@ -34707,13 +34718,24 @@ var Resize = /** @__PURE__ @class */ (function () {
         this.iframeElement = this.parent.contentModule.getDocument().querySelectorAll('iframe');
         if (!isNullOrUndefined(this.iframeElement)) {
             this.iframeElement.forEach(function (iframe) {
-                EventHandler.add(iframe.contentDocument, 'mouseup', _this.stopResize, _this);
+                EventHandler.add(iframe, 'load', _this.onIFrameLoad, _this);
             });
         }
         this.touchStartEvent = (Browser.info.name === 'msie') ? 'pointerdown' : 'touchstart';
         EventHandler.add(this.resizer, 'mousedown', this.resizeStart, this);
         EventHandler.add(this.resizer, this.touchStartEvent, this.resizeStart, this);
     };
+    Resize.prototype.onIFrameLoad = function (e) {
+        var iframe = e.target;
+        if (iframe.nodeName === 'IFRAME' && iframe.contentDocument) {
+            EventHandler.add(iframe.contentDocument, 'mouseup', this.stopResize, this);
+        }
+    };
+    Resize.prototype.removeMouseUpEventListener = function (iframe) {
+        if (iframe.contentDocument) {
+            EventHandler.remove(iframe.contentDocument, 'mouseup', this.stopResize);
+        }
+    };
     Resize.prototype.resizeStart = function (e) {
         var _this = this;
         this.isResizing = false;
@@ -34820,7 +34842,8 @@ var Resize = /** @__PURE__ @class */ (function () {
         }
         if (!isNullOrUndefined(this.iframeElement)) {
             this.iframeElement.forEach(function (iframe) {
-                EventHandler.remove(iframe.contentDocument, 'mouseup', _this.stopResize);
+                _this.removeMouseUpEventListener(iframe);
+                EventHandler.remove(iframe, 'load', _this.onIFrameLoad);
             });
         }
         if (this.resizer) {
@@ -37574,7 +37597,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                         if ((_this.parent.enterKey === 'P' && !shiftKey_1) || (_this.parent.enterKey === 'DIV' && !shiftKey_1) ||
                             (_this.parent.shiftEnterKey === 'P' && shiftKey_1) ||
                             (_this.parent.shiftEnterKey === 'DIV' && shiftKey_1)) {
-                            if ((_this.range.startOffset === 1 && _this.parent.inputElement.childNodes.length === 1 && _this.parent.inputElement.childNodes[0].nodeName === 'TABLE') || (_this.parent.enterKey === 'BR' && shiftKey_1)) {
+                            if ((_this.range.startOffset === 1 && _this.parent.inputElement.childNodes.length === 1 && _this.parent.inputElement.childNodes[0].nodeName === 'TABLE')) {
                                 var newElem = _this.createInsertElement(shiftKey_1);
                                 newElem.appendChild(_this.parent.createElement('BR'));
                                 _this.parent.inputElement.appendChild(newElem);
@@ -37616,7 +37639,8 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                         && isSplitTextEmpty && !isPreWrapApplied && !isTextWrapApplied;
                                     var isCursorAtStartPreWrapWithContent = lastCharBeforeCursor === 32
                                         && (isPreWrapApplied || isTextWrapApplied) && isSplitTextEmpty && hasContentAfterCursor;
-                                    if (isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) {
+                                    if ((isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) &&
+                                        !_this.range.startContainer.previousSibling) {
                                         isFocusedFirst = true;
                                     }
                                 }
@@ -37625,15 +37649,16 @@ 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') ||
                                     (_this.range.startContainer.nodeName === '#text' && !isNullOrUndefined(_this.range.startContainer.textContent[_this.range.startOffset]) &&
                                         _this.range.startContainer.textContent[_this.range.startOffset].includes('\u200B') && _this.range.startContainer.textContent[_this.range.startOffset] === '\u200B' &&
                                         _this.parent.inputElement.textContent[0] !== '\u200B'));
+                                var preventEnterkeyShiftKey = (_this.range.startContainer.nodeName === '#text' || _this.range.startContainer.nodeName === 'BR') && (_this.range.startOffset === 0 && _this.range.endOffset === 0) && _this.range.startContainer.parentElement === _this.parent.inputElement && _this.parent.enterKey === 'BR' && shiftKey_1;
                                 // eslint-disable-next-line max-len
-                                if (!preventZeroWithSpace && !fireFoxEnterAtMiddle && ((_this.range.startOffset === 0 && _this.range.endOffset === 0) || isFocusedFirst) &&
+                                if (!preventEnterkeyShiftKey && !preventZeroWithSpace && !fireFoxEnterAtMiddle && ((_this.range.startOffset === 0 && _this.range.endOffset === 0) || isFocusedFirst) &&
                                     !(!isNullOrUndefined(_this.range.startContainer.previousSibling) &&
                                         (_this.range.startContainer.previousSibling.nodeName === 'IMG' || _this.range.startContainer.previousSibling.nodeName === 'BR'))) {
                                     var isNearBlockLengthZero = void 0;
@@ -37698,7 +37723,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                     }
                                     _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), insertElem.nextElementSibling, 0);
                                 }
-                                else if (nearBlockNode.textContent.length === 0 && !(!isNullOrUndefined(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG' ||
+                                else if (nearBlockNode !== _this.parent.inputElement && nearBlockNode.textContent.length === 0 && !(!isNullOrUndefined(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG' ||
                                     (nearBlockNode.querySelectorAll('video').length > 0) || (nearBlockNode.querySelectorAll('audio').length > 0) || (nearBlockNode.querySelectorAll('img').length > 0))) {
                                     if (!isNullOrUndefined(nearBlockNode.children[0]) && nearBlockNode.children[0].tagName !== 'BR') {
                                         var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
@@ -37754,6 +37779,36 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                         _this.parent.videoModule.hideVideoQuickToolbar();
                                     }
                                 }
+                                else if (_this.parent.enterKey === 'BR' && shiftKey_1 && _this.range.startContainer.nodeType === Node.TEXT_NODE && _this.range.startContainer.parentElement && _this.range.startContainer.parentElement === _this.parent.inputElement) {
+                                    var range = _this.range;
+                                    var startContainer = range.startContainer;
+                                    var startOffset = range.startOffset;
+                                    var newElement = _this.parent.createElement(_this.parent.shiftEnterKey);
+                                    if (startContainer.nodeType === Node.TEXT_NODE && range.endOffset !== 0 && range.startOffset !== 0) {
+                                        var textNode = startContainer;
+                                        if (startOffset < textNode.length) {
+                                            var newTextNode = textNode.splitText(startOffset);
+                                            newElement.appendChild(newTextNode);
+                                        }
+                                        else {
+                                            newElement.innerHTML = '<br>';
+                                        }
+                                        textNode.parentNode.insertBefore(newElement, textNode.nextSibling);
+                                        _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElement, 0);
+                                    }
+                                    else if (startOffset === 0 && range.endOffset === 0) {
+                                        newElement.innerHTML = '<br>';
+                                        if (range.endOffset === startContainer.textContent.length) {
+                                            var brElement = _this.parent.createElement('br');
+                                            startContainer.parentNode.insertBefore(brElement, startContainer);
+                                        }
+                                        startContainer.parentNode.insertBefore(newElement, startContainer);
+                                        var cursorTarget = (range.endOffset === startContainer.textContent.length)
+                                            ? newElement : newElement.nextSibling;
+                                        startContainer.parentNode.insertBefore(newElement, startContainer);
+                                        _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), cursorTarget, 0);
+                                    }
+                                }
                                 else {
                                     var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, true);
                                     if (!isNullOrUndefined(newElem.childNodes[0]) && newElem.childNodes[0].nodeName === '#text' &&
@@ -39648,7 +39703,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 this.placeHolderWrapper.innerHTML = this.placeholder;
                 if (this.inputElement.textContent.length === 0 && this.inputElement.childNodes.length < 2 && !isNullOrUndefined(this.inputElement.firstChild) && (this.inputElement.firstChild.nodeName === 'BR' ||
                     ((this.inputElement.firstChild.nodeName === 'P' || this.inputElement.firstChild.nodeName === 'DIV') && !isNullOrUndefined(this.inputElement.firstChild.firstChild) &&
-                        this.inputElement.firstChild.firstChild.nodeName === 'BR'))) {
+                        this.inputElement.firstChild.childNodes.length < 2 && this.inputElement.firstChild.firstChild.nodeName === 'BR'))) {
                     this.placeHolderWrapper.classList.add('enabled');
                 }
                 else {
@@ -40384,7 +40439,6 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             var value = this.getUpdatedValue();
             this.setProperties({ value: value });
             this.valueContainer.value = this.value;
-            this.notify(toolbarRefresh, { args: e, documentNode: document });
             this.isValueChangeBlurhandler = true;
             this.invokeChangeEvent();
             this.isFocusOut = true;