@syncfusion/ej2-richtexteditor 20.4.52 → 20.4.53

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

@@ -5007,6 +5007,11 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
     Toolbar$$1.prototype.toolbarClickHandler = function (e) {
         var trg = closest(e.originalEvent.target, '.e-hor-nav');
         if (trg && this.parent.toolbarSettings.type === ToolbarType.Expand && !isNullOrUndefined(trg)) {
+            var extendedTbar = this.tbElement.querySelector('.e-toolbar-extended');
+            if (!isNullOrUndefined(extendedTbar)) {
+                setStyleAttribute(extendedTbar, { maxHeight: '', display: 'block' });
+                setStyleAttribute(extendedTbar, { maxHeight: extendedTbar.offsetHeight + 'px', display: '' });
+            }
             if (!trg.classList.contains('e-nav-active')) {
                 removeClass([this.tbElement], [CLS_EXPAND_OPEN]);
                 this.parent.setContentHeight('toolbar', false);
@@ -6343,10 +6348,17 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
     };
     QuickToolbar.prototype.keyUpHandler = function (e) {
         if (this.parent.inlineMode.enable && !Browser.isDevice) {
+            var args = e.args;
             if (this.parent.inlineMode.onSelection) {
+                if (this.parent.getSelection().length > 0) {
+                    if ((args.ctrlKey && args.keyCode === 65) || (args.shiftKey && (args.keyCode === 33 || args.keyCode === 34 ||
+                        args.keyCode === 35 || args.keyCode === 36 || args.keyCode === 37 || args.keyCode === 38 ||
+                        args.keyCode === 39 || args.keyCode === 40))) {
+                        this.showInlineQTBar(this.offsetX, this.offsetY, args.target);
+                    }
+                }
                 return;
             }
-            var args = e.args;
             this.deBounce(this.offsetX, this.offsetY, args.target);
         }
     };
@@ -7006,7 +7018,7 @@ function setEditFrameFocus(editableElement, selector) {
  * @returns {void}
  * @hidden
  */
-function updateTextNode$1(value) {
+function updateTextNode$1(value, enterAction) {
     var tempNode = document.createElement('div');
     tempNode.innerHTML = value;
     tempNode.setAttribute('class', 'tempDiv');
@@ -7021,15 +7033,23 @@ function updateTextNode$1(value) {
                 (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
                 inlineNode$1.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0) {
                 if (!isPreviousInlineElem) {
-                    paraElm = createElement('p');
-                    resultElm.appendChild(paraElm);
-                    paraElm.appendChild(tempNode.firstChild);
+                    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;
                 }
-                previousParent = paraElm;
-                isPreviousInlineElem = true;
             }
             else if (tempNode.firstChild.nodeName === '#text' && (tempNode.firstChild.textContent === '\n' ||
                 (tempNode.firstChild.textContent.indexOf('\n') >= 0 && tempNode.firstChild.textContent.trim() === ''))) {
@@ -12719,7 +12739,7 @@ var Formats = /** @__PURE__ @class */ (function () {
 var InsertHtml = /** @__PURE__ @class */ (function () {
     function InsertHtml() {
     }
-    InsertHtml.Insert = function (docElement, insertNode, editNode, isExternal) {
+    InsertHtml.Insert = function (docElement, insertNode, editNode, isExternal, enterAction) {
         var node;
         if (typeof insertNode === 'string') {
             var divNode = document.createElement('div');
@@ -12741,7 +12761,8 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         var nodeCutter = new NodeCutter();
         var range = nodeSelection.getRange(docElement);
         if (range.startContainer === editNode && range.startContainer === range.endContainer && range.startOffset === 0 &&
-            range.startOffset === range.endOffset && editNode.textContent.length === 0 && editNode.children[0].tagName === 'P') {
+            range.startOffset === range.endOffset && editNode.textContent.length === 0 &&
+            (editNode.children[0].tagName === 'P' || (editNode.children[0].tagName === 'BR'))) {
             nodeSelection.setSelectionText(docElement, range.startContainer.children[0], range.startContainer.children[0], 0, 0);
             range = nodeSelection.getRange(docElement);
         }
@@ -12758,7 +12779,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         var closestParentNode = (node.nodeName.toLowerCase() === 'table') ? this.closestEle(nodes[0].parentNode, editNode) : nodes[0];
         if (isExternal || (!isNullOrUndefined(node) && !isNullOrUndefined(node.classList) &&
             node.classList.contains('pasteContent'))) {
-            this.pasteInsertHTML(nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode);
+            this.pasteInsertHTML(nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction);
             return;
         }
         if (editNode !== range.startContainer && ((!isCollapsed && !(closestParentNode.nodeType === Node.ELEMENT_NODE &&
@@ -12872,7 +12893,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    InsertHtml.pasteInsertHTML = function (nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode) {
+    InsertHtml.pasteInsertHTML = function (nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction) {
         var isCursor = range.startOffset === range.endOffset &&
             range.startContainer === range.endContainer;
         if (isCursor && range.startContainer === editNode && editNode.textContent === '') {
@@ -12982,7 +13003,12 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                             var firstParaElm = createElement('p');
                             node.parentElement.insertBefore(firstParaElm, node);
                         }
-                        node.previousElementSibling.appendChild(node.firstChild);
+                        if (node.previousElementSibling.nodeName === 'BR') {
+                            node.parentElement.insertBefore(node.firstChild, node);
+                        }
+                        else {
+                            node.previousElementSibling.appendChild(node.firstChild);
+                        }
                     }
                     else {
                         lastSelectionNode = node.firstChild;
@@ -13014,7 +13040,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
             this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
         }
         else {
-            this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode);
+            this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
     };
     InsertHtml.placeCursorEnd = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
@@ -13129,9 +13155,9 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    InsertHtml.cursorPos = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
+    InsertHtml.cursorPos = function (lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction) {
         lastSelectionNode.classList.add('lastNode');
-        editNode.innerHTML = updateTextNode$1(editNode.innerHTML);
+        editNode.innerHTML = updateTextNode$1(editNode.innerHTML, enterAction);
         lastSelectionNode = editNode.querySelector('.lastNode');
         if (!isNullOrUndefined(lastSelectionNode)) {
             this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
@@ -16324,7 +16350,7 @@ var InsertHtmlExec = /** @__PURE__ @class */ (function () {
         this.parent.observer.on(INSERTHTML_TYPE, this.applyHtml, this);
     };
     InsertHtmlExec.prototype.applyHtml = function (e) {
-        InsertHtml.Insert(this.parent.currentDocument, e.value, this.parent.editableElement, true);
+        InsertHtml.Insert(this.parent.currentDocument, e.value, this.parent.editableElement, true, e.enterAction);
         if (e.subCommand === 'pasteCleanup') {
             var pastedElements = this.parent.editableElement.querySelectorAll('.pasteContent_RTE');
             var allPastedElements = [].slice.call(pastedElements);
@@ -17222,6 +17248,29 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                 }
                 fromClass = false;
             }
+            var listClass = ['MsoListParagraphCxSpFirst', 'MsoListParagraphCxSpMiddle', 'MsoListParagraphCxSpLast'];
+            for (var i = 0; i < listClass.length; i++) {
+                if (keys.indexOf('li.' + listClass[i]) > -1) {
+                    var olULElems = elm.querySelectorAll('ol.' + listClass[i] + ', ul.' + listClass[i]);
+                    for (var j = 0; j < olULElems.length; j++) {
+                        var styleProperty = olULElems[j].getAttribute('style');
+                        if (!isNullOrUndefined(styleProperty) && styleProperty.trim() !== '' && olULElems[j].style.marginLeft !== '') {
+                            var valueSplit = values[keys.indexOf('li.' + listClass[i])].split(';');
+                            for (var k = 0; k < valueSplit.length; k++) {
+                                if ('margin-left'.indexOf(valueSplit[k].split(':')[0]) >= 0) {
+                                    if (!isNullOrUndefined(valueSplit[k].split(':')[1]) &&
+                                        valueSplit[k].split(':')[1].indexOf('in') >= 0 &&
+                                        olULElems[j].style.marginLeft.indexOf('in') >= 0) {
+                                        var classStyle = parseFloat(valueSplit[k].split(':')[1].split('in')[0]);
+                                        var inlineStyle = parseFloat(olULElems[j].style.marginLeft.split('in')[0]);
+                                        olULElems[j].style.marginLeft = (inlineStyle - classStyle) + 'in';
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
         }
     };
     MsWordPaste.prototype.filterStyles = function (elm, wordPasteStyleConfig) {
@@ -17342,12 +17391,13 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
             var type = void 0;
             var listStyleType = void 0;
             var startAttr = void 0;
+            var styleMarginLeft = void 0;
             if (!isNullOrUndefined(this.listContents[0])) {
                 type = this.listContents[0].trim().length > 1 ? 'ol' : 'ul';
                 listStyleType = this.getlistStyleType(this.listContents[0], type);
-                if (type === 'ol' && listNodes[i - 1] === null) {
+                if (type === 'ol' && (i === 0 || listNodes[i - 1] === null)) {
                     var startString = this.listContents[0].split('.')[0];
-                    var listTypes = ['A', 'a', 'I', 'i', 'α', '1'];
+                    var listTypes = ['A', 'a', 'I', 'i', 'α', '1', '1-']; // Add '1-' for rare list type. 
                     if (listTypes.indexOf(startString) === -1) {
                         if (listStyleType === 'decimal') {
                             // Bug in getlistStyleType() list style stype is returned as decimal for nested list with start attribute
@@ -17355,10 +17405,16 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                                 startAttr = parseInt(startString);
                             }
                         }
-                        else if (listStyleType === 'upper-alpha' || listStyleType === 'lower-alpha') {
-                            startAttr = parseInt(startString.toLowerCase()) - 96;
+                        else if (listStyleType === 'upper-alpha') {
+                            startAttr = (startString.split('.')[0].charCodeAt(0) - 64);
+                        }
+                        else if (listStyleType === 'lower-alpha') {
+                            startAttr = (startString.split('.')[0].charCodeAt(0) - 96);
                         }
                     }
+                    if (listNodes[i].style.marginLeft !== '') {
+                        styleMarginLeft = listNodes[i].style.marginLeft;
+                    }
                 }
                 var tempNode = [];
                 for (var j = 1; j < this.listContents.length; j++) {
@@ -17376,7 +17432,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                     }
                 }
                 collection.push({ listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
-                    listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr });
+                    listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr, styleMarginLeft: styleMarginLeft });
             }
         }
         stNode = listNodes.shift();
@@ -17402,23 +17458,30 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
     };
     MsWordPaste.prototype.getlistStyleType = function (listContent, type) {
         var currentListClass;
+        var upperRomanNumber = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX',
+            'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX'];
+        var lowerRomanNumber = ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix',
+            'x', 'xi', 'xii', 'xiii', 'xiv', 'xv', 'xvi', 'xvii', 'xviii', 'xix', 'xx'];
+        var lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
+            'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
         if (type === 'ol') {
-            switch (listContent.split('.')[0]) {
-                case 'A':
-                    currentListClass = 'upper-alpha';
-                    break;
-                case 'a':
-                    currentListClass = 'lower-alpha';
-                    break;
-                case 'I':
+            var charCode = listContent.split('.')[0].charCodeAt(0);
+            switch (true) {
+                case upperRomanNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'upper-roman';
                     break;
-                case 'i':
+                case lowerRomanNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'lower-roman';
                     break;
-                case 'α':
+                case lowerGreekNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'lower-greek';
                     break;
+                case (charCode > 64 && charCode < 91):
+                    currentListClass = 'upper-alpha';
+                    break;
+                case (charCode > 96 && charCode < 123):
+                    currentListClass = 'lower-alpha';
+                    break;
                 default:
                     currentListClass = 'decimal';
                     break;
@@ -17450,11 +17513,12 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
             var pElement = createElement('p');
             pElement.innerHTML = collection[index].content.join(' ');
             if ((collection[index].nestedLevel === 1) && listCount === 0 && collection[index].content) {
-                root.appendChild(temp = createElement(collection[index].listType));
+                root.appendChild(temp = createElement(collection[index].listType, { className: collection[index].class }));
                 prevList = createElement('li');
                 prevList.appendChild(pElement);
                 temp.appendChild(prevList);
                 temp.setAttribute('level', collection[index].nestedLevel.toString());
+                temp.style.marginLeft = collection[index].styleMarginLeft;
                 temp.style.listStyleType = collection[index].listStyleTypeName;
             }
             else if (collection[index].nestedLevel === pLevel) {
@@ -17787,7 +17851,7 @@ var EditorManager = /** @__PURE__ @class */ (function () {
                 this.observer.notify(SELECTION_TYPE, { subCommand: value, event: event, callBack: callBack, value: text, selector: selector, enterAction: enterAction });
                 break;
             case 'inserthtml':
-                this.observer.notify(INSERTHTML_TYPE, { subCommand: value, callBack: callBack, value: text });
+                this.observer.notify(INSERTHTML_TYPE, { subCommand: value, callBack: callBack, value: text, enterAction: enterAction });
                 break;
             case 'inserttext':
                 this.observer.notify(INSERT_TEXT_TYPE, { subCommand: value, callBack: callBack, value: text });
@@ -20025,7 +20089,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
-            }, clipBoardElem);
+            }, clipBoardElem, null, null, this.parent.enterKey);
             this.removeTempClass();
             this.parent.notify(toolbarRefresh, {});
             this.imgUploading(this.parent.inputElement);
@@ -20095,7 +20159,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
-            }, clipBoardElem);
+            }, clipBoardElem, null, null, this.parent.enterKey);
             this.removeTempClass();
         }
         else {
@@ -28798,7 +28862,16 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                 _this.parent.tableModule.removeResizeElement();
                             }
                             if (!(_this.parent.inputElement.childNodes.length === 1 && _this.parent.inputElement.childNodes[0].nodeName === 'TABLE')) {
-                                _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), _this.range.startContainer.childNodes[_this.range.startOffset], 0);
+                                if (isNullOrUndefined(_this.range.startContainer.childNodes[_this.range.startOffset])) {
+                                    var currentLastElem = _this.range.startContainer.childNodes[_this.range.startOffset - 1];
+                                    while (currentLastElem.lastChild !== null && currentLastElem.nodeName !== '#text') {
+                                        currentLastElem = currentLastElem.lastChild;
+                                    }
+                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), currentLastElem, (currentLastElem.nodeName === 'BR' ? 0 : currentLastElem.textContent.length));
+                                }
+                                else {
+                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), _this.range.startContainer.childNodes[_this.range.startOffset], 0);
+                                }
                             }
                             _this.getRangeNode();
                         }
@@ -29020,11 +29093,13 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                             }
                             var isLastNodeLength = _this.range.startContainer === currentParentLastChild ?
                                 _this.range.startContainer.textContent.length : currentParent.textContent.length;
+                            var isImageElement = (_this.range.startContainer.nodeName === 'IMG' || (_this.range.startContainer.childNodes.length > 0
+                                && _this.range.startContainer.childNodes[_this.range.startOffset].nodeName === 'IMG'));
                             if (currentParent !== _this.parent.inputElement &&
                                 _this.parent.formatter.editorManager.domNode.isBlockNode(currentParent) &&
                                 _this.range.startOffset === _this.range.endOffset &&
                                 (_this.range.startOffset === isLastNodeLength ||
-                                    (currentParent.textContent.trim().length === 0 && currentParent.lastChild.nodeName === 'IMG'))) {
+                                    (currentParent.textContent.trim().length === 0 && isImageElement))) {
                                 var focusBRElem = _this.parent.createElement('br');
                                 if (_this.range.startOffset === 0 && _this.range.startContainer.nodeName === 'TABLE') {
                                     _this.range.startContainer.parentElement.insertBefore(focusBRElem, _this.range.startContainer);
@@ -29033,10 +29108,11 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                     if (currentParentLastChild.nodeName === 'BR' && currentParent.textContent.length === 0) {
                                         _this.parent.formatter.editorManager.domNode.insertAfter(focusBRElem, currentParentLastChild);
                                     }
-                                    else if (_this.range.startOffset === 0 && _this.range.endOffset === 0 &&
-                                        currentParent.lastChild && currentParent.lastChild.nodeName === 'IMG') {
-                                        currentParentLastChild.parentElement.insertBefore(focusBRElem, currentParentLastChild);
-                                        focusBRElem = currentParentLastChild;
+                                    else if (_this.range.startOffset === 0 && _this.range.endOffset === 0 && isImageElement) {
+                                        var imageElement = _this.range.startContainer.nodeName === 'IMG' ? _this.range.startContainer :
+                                            _this.range.startContainer.childNodes[_this.range.startOffset];
+                                        currentParent.insertBefore(focusBRElem, imageElement);
+                                        focusBRElem = imageElement;
                                     }
                                     else {
                                         var lineBreakBRElem = _this.parent.createElement('br');
@@ -29748,15 +29824,16 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         var currentEndContainer = range.endContainer;
         var currentStartOffset = range.startOffset;
         var isSameContainer = currentStartContainer === currentEndContainer ? true : false;
-        var currentEndOffset = currentEndContainer.textContent.length;
         var endNode = range.endContainer.nodeName === '#text' ? range.endContainer.parentElement :
             range.endContainer;
         var closestLI = closest(endNode, 'LI');
+        var isDetached = false;
         if (!isNullOrUndefined(closestLI) && endNode.textContent.length === range.endOffset &&
             !range.collapsed && isNullOrUndefined(endNode.nextElementSibling)) {
             for (var i = 0; i < closestLI.childNodes.length; i++) {
                 if (closestLI.childNodes[i].nodeName === '#text' && closestLI.childNodes[i].textContent.trim().length === 0) {
                     detach(closestLI.childNodes[i]);
+                    isDetached = true;
                     i--;
                 }
             }
@@ -29764,7 +29841,11 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             while (currentLastElem.lastChild !== null && currentLastElem.nodeName !== '#text') {
                 currentLastElem = currentLastElem.lastChild;
             }
-            this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), isSameContainer ? currentStartContainer : (currentLastElem.nodeName === 'BR' && !isNullOrUndefined(currentLastElem.previousSibling) ? currentLastElem.previousSibling : currentStartContainer), currentEndContainer, currentStartOffset, (currentLastElem.nodeName === 'BR' ? 0 : currentEndOffset));
+            if (isDetached) {
+                var currentLast = currentLastElem.nodeName === 'BR' && !isNullOrUndefined(currentLastElem.previousSibling) ?
+                    currentLastElem.previousSibling : currentLastElem;
+                this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), isSameContainer ? currentLast : currentStartContainer, currentLast, currentStartOffset, (currentLast.nodeName === 'BR' ? 0 : currentLast.textContent.length));
+            }
         }
     };
     /**