@syncfusion/ej2-richtexteditor 19.4.40 → 19.4.47

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.40
+*  version : 19.4.47
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@19.4.38",
+  "_id": "@syncfusion/ej2-richtexteditor@19.4.40",
   "_inBundle": false,
-  "_integrity": "sha512-6lQRXzKBKx2rTh/eLeuOvRrNIGH+pQWuxYXfpi1Hsp2ufATyr9PRjEWAM412RFF5QJD2Ujy36dYqDh31SwcuLQ==",
+  "_integrity": "sha512-NXliovnItdi7jrn+x5uT0dk6n171w7mBNe3K8VkThnEoJ80R6o419mz36rq9IyB2jZJoDBlSO7WrU8Lel+5lWA==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-19.4.38.tgz",
-  "_shasum": "626f34d5f0affb5b5fbd7f5f0435b6abe546d7bd",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-19.4.40.tgz",
+  "_shasum": "6a824e374410a7eda59dc02e5886f29637159629",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -38,13 +38,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-buttons": "~19.4.38",
-    "@syncfusion/ej2-filemanager": "~19.4.38",
-    "@syncfusion/ej2-inputs": "~19.4.38",
-    "@syncfusion/ej2-navigations": "~19.4.40",
-    "@syncfusion/ej2-popups": "~19.4.38",
-    "@syncfusion/ej2-splitbuttons": "~19.4.40"
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-buttons": "~19.4.42",
+    "@syncfusion/ej2-filemanager": "~19.4.47",
+    "@syncfusion/ej2-inputs": "~19.4.47",
+    "@syncfusion/ej2-navigations": "~19.4.47",
+    "@syncfusion/ej2-popups": "~19.4.47",
+    "@syncfusion/ej2-splitbuttons": "~19.4.47"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.40",
+  "version": "19.4.47",
   "sideEffects": false
 }

package/src/editor-manager/plugin/lists.js

@@ -90,7 +90,8 @@ var Lists = /** @class */ (function () {
             range.startContainer.parentElement.closest('LI');
         var endNode = range.endContainer.nodeName === 'LI' ? range.endContainer :
             range.endContainer.parentElement.closest('LI');
-        if (!isNOU(startNode) && !isNOU(endNode) && startNode === endNode && startNode.tagName === 'LI' && startNode.textContent.trim() === '') {
+        if (!isNOU(startNode) && !isNOU(endNode) && startNode === endNode && startNode.tagName === 'LI' &&
+            startNode.textContent.trim() === '' && startNode.querySelectorAll('IMG').length === 0) {
             if (startNode.textContent.charCodeAt(0) === 65279) {
                 startNode.textContent = '';
             }

package/src/editor-manager/plugin/ms-word-clean-up.d.ts

@@ -38,7 +38,7 @@ export declare class MsWordPaste {
     private removingComments;
     private cleanUp;
     private listConverter;
+    private getlistStyleType;
     private makeConversion;
-    private getListStyle;
     private getListContent;
 }

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -471,8 +471,10 @@ var MsWordPaste = /** @class */ (function () {
             this.listContents = [];
             this.getListContent(listNodes[i]);
             var type = void 0;
+            var listStyleType = void 0;
             if (!isNOU(this.listContents[0])) {
                 type = this.listContents[0].trim().length > 1 ? 'ol' : 'ul';
+                listStyleType = this.getlistStyleType(this.listContents[0], type);
                 var tempNode = [];
                 for (var j = 1; j < this.listContents.length; j++) {
                     tempNode.push(this.listContents[j]);
@@ -489,7 +491,7 @@ var MsWordPaste = /** @class */ (function () {
                     }
                 }
                 collection.push({ listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
-                    listStyle: currentListStyle });
+                    listStyle: currentListStyle, listStyleTypeName: listStyleType });
             }
         }
         stNode = listNodes.shift();
@@ -513,6 +515,45 @@ var MsWordPaste = /** @class */ (function () {
             }
         }
     };
+    MsWordPaste.prototype.getlistStyleType = function (listContent, type) {
+        var currentListClass;
+        if (type === 'ol') {
+            switch (listContent.split('.')[0]) {
+                case "A":
+                    currentListClass = "upper-alpha";
+                    break;
+                case "a":
+                    currentListClass = "lower-alpha";
+                    break;
+                case "I":
+                    currentListClass = "upper-roman";
+                    break;
+                case "i":
+                    currentListClass = "lower-roman";
+                    break;
+                case "α":
+                    currentListClass = "lower-greek";
+                    break;
+                default:
+                    currentListClass = "decimal";
+                    break;
+            }
+        }
+        else {
+            switch (listContent.split('.')[0]) {
+                case "o":
+                    currentListClass = "circle";
+                    break;
+                case "§":
+                    currentListClass = "square";
+                    break;
+                default:
+                    currentListClass = "disc";
+                    break;
+            }
+        }
+        return currentListClass;
+    };
     MsWordPaste.prototype.makeConversion = function (collection) {
         var root = createElement('div');
         var temp;
@@ -529,7 +570,7 @@ var MsWordPaste = /** @class */ (function () {
                 prevList.appendChild(pElement);
                 temp.appendChild(prevList);
                 temp.setAttribute('level', collection[index].nestedLevel.toString());
-                temp.style.listStyle = this.getListStyle(collection[index].listType, collection[index].nestedLevel);
+                temp.style.listStyleType = collection[index].listStyleTypeName;
             }
             else if (collection[index].nestedLevel === pLevel) {
                 if (prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
@@ -538,6 +579,7 @@ var MsWordPaste = /** @class */ (function () {
                 }
                 else {
                     temp = createElement(collection[index].listType);
+                    temp.style.listStyleType = collection[index].listStyleTypeName;
                     prevList.parentElement.parentElement.appendChild(temp);
                     prevList = createElement('li');
                     prevList.appendChild(pElement);
@@ -549,14 +591,15 @@ var MsWordPaste = /** @class */ (function () {
                 if (!isNOU(prevList)) {
                     for (var j = 0; j < collection[index].nestedLevel - pLevel; j++) {
                         prevList.appendChild(temp = createElement(collection[index].listType));
-                        prevList = createElement('li', { styles: 'list-style-type: none;' });
+                        prevList = createElement('li');
+                        if (j != collection[index].nestedLevel - pLevel - 1 && collection[index].nestedLevel - pLevel > 1) {
+                            prevList.style.listStyleType = "none";
+                        }
                         temp.appendChild(prevList);
                     }
                     prevList.appendChild(pElement);
                     temp.setAttribute('level', collection[index].nestedLevel.toString());
-                    temp.style.listStyle = this.getListStyle(collection[index].listType, collection[index].nestedLevel);
-                    temp.childNodes[0].style.listStyle =
-                        this.getListStyle(collection[index].listType, collection[index].nestedLevel);
+                    temp.style.listStyleType = collection[index].listStyleTypeName;
                 }
                 else {
                     root.appendChild(temp = createElement(collection[index].listType));
@@ -564,7 +607,7 @@ var MsWordPaste = /** @class */ (function () {
                     prevList.appendChild(pElement);
                     temp.appendChild(prevList);
                     temp.setAttribute('level', collection[index].nestedLevel.toString());
-                    temp.style.listStyle = this.getListStyle(collection[index].listType, collection[index].nestedLevel);
+                    temp.style.listStyleType = collection[index].listStyleTypeName;
                 }
             }
             else if (collection[index].nestedLevel === 1) {
@@ -573,12 +616,12 @@ var MsWordPaste = /** @class */ (function () {
                 }
                 else {
                     root.appendChild(temp = createElement(collection[index].listType));
+                    temp.style.listStyleType = collection[index].listStyleTypeName;
                 }
                 prevList = createElement('li');
                 prevList.appendChild(pElement);
                 temp.appendChild(prevList);
                 temp.setAttribute('level', collection[index].nestedLevel.toString());
-                temp.style.listStyle = this.getListStyle(collection[index].listType, collection[index].nestedLevel);
             }
             else {
                 elem = prevList;
@@ -599,7 +642,7 @@ var MsWordPaste = /** @class */ (function () {
                             prevList.appendChild(pElement);
                             temp.appendChild(prevList);
                             temp.setAttribute('level', collection[index].nestedLevel.toString());
-                            temp.style.listStyle = this.getListStyle(collection[index].listType, collection[index].nestedLevel);
+                            temp.style.listStyleType = collection[index].listStyleTypeName;
                             break;
                         }
                     }
@@ -608,21 +651,12 @@ var MsWordPaste = /** @class */ (function () {
             }
             prevList.setAttribute('class', collection[index].class);
             var currentStyle = prevList.getAttribute('style');
-            prevList.setAttribute('style', (!isNOU(currentStyle) ? currentStyle : '') + collection[index].listStyle);
+            prevList.setAttribute('style', (!isNOU(currentStyle) ? currentStyle : ''));
             pLevel = collection[index].nestedLevel;
             listCount++;
         }
         return root;
     };
-    MsWordPaste.prototype.getListStyle = function (listType, nestedLevel) {
-        nestedLevel = (nestedLevel > 0) ? nestedLevel - 1 : nestedLevel;
-        if (listType === 'ol') {
-            return (nestedLevel < this.olData.length ? this.olData[nestedLevel] : this.olData[0]);
-        }
-        else {
-            return (nestedLevel < this.ulData.length ? this.ulData[nestedLevel] : this.ulData[0]);
-        }
-    };
     MsWordPaste.prototype.getListContent = function (elem) {
         var pushContent = '';
         var firstChild = elem.firstElementChild;

package/src/rich-text-editor/actions/enter-key.js

@@ -237,9 +237,11 @@ var EnterKeyAction = /** @class */ (function () {
                                 _this.parent.formatter.editorManager.domNode.isBlockNode(currentParent) &&
                                 _this.range.startOffset === _this.range.endOffset &&
                                 _this.range.startOffset === isLastNodeLength) {
-                                var outerBRElem = _this.parent.createElement('br');
-                                _this.parent.formatter.editorManager.domNode.insertAfter(outerBRElem, currentParent);
-                                _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), outerBRElem, 0);
+                                var focusBRElem = _this.parent.createElement('br');
+                                var lineBreakBRElem = _this.parent.createElement('br');
+                                _this.parent.formatter.editorManager.domNode.insertAfter(focusBRElem, _this.range.startContainer);
+                                _this.parent.formatter.editorManager.domNode.insertAfter(lineBreakBRElem, _this.range.startContainer);
+                                _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), focusBRElem, 0);
                             }
                             else if (!isNOU(currentParent) && currentParent !== _this.parent.inputElement && currentParent.nodeName !== 'BR') {
                                 if (currentParent.textContent.trim().length === 0 || (currentParent.textContent.trim().length === 1 &&

package/src/rich-text-editor/actions/html-editor.js

@@ -229,7 +229,8 @@ var HtmlEditor = /** @class */ (function () {
             if (this.rangeElement.tagName === 'OL' || this.rangeElement.tagName === 'UL') {
                 var liElement = this.getRangeLiNode(currentRange.startContainer);
                 if (liElement.previousElementSibling && liElement.previousElementSibling.childElementCount > 0) {
-                    this.oldRangeElement = liElement.previousElementSibling.lastElementChild;
+                    this.oldRangeElement = liElement.previousElementSibling.lastElementChild.nodeName === 'BR' ?
+                        liElement.previousElementSibling : liElement.previousElementSibling.lastElementChild;
                     if (!isNullOrUndefined(liElement.lastElementChild)) {
                         this.rangeElement = liElement.lastElementChild;
                         isLiElement = true;

package/src/rich-text-editor/base/rich-text-editor-model.d.ts

@@ -78,7 +78,7 @@ export interface RichTextEditorModel extends ComponentModel{
      * allowedStyleProps: ['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius',
      * 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor',
      * 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style',
-     * 'height', 'left', 'line-height', 'margin', 'margin-top', 'margin-left',
+     * 'height', 'left', 'line-height', 'list-style-type', 'margin', 'margin-top', 'margin-left',
      * 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width',
      * 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right',
      * 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent',

package/src/rich-text-editor/base/rich-text-editor.d.ts

@@ -230,7 +230,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * allowedStyleProps: ['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius',
      * 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor',
      * 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style',
-     * 'height', 'left', 'line-height', 'margin', 'margin-top', 'margin-left',
+     * 'height', 'left', 'line-height', 'list-style-type', 'margin', 'margin-top', 'margin-left',
      * 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width',
      * 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right',
      * 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent',

package/src/rich-text-editor/base/rich-text-editor.js

@@ -1826,7 +1826,7 @@ var RichTextEditor = /** @class */ (function (_super) {
             this.isRTE = false;
         }
         this.notify(events.docClick, { args: e });
-        if (e.detail > 3) {
+        if (Browser.info.name !== 'msie' && e.detail > 3) {
             e.preventDefault();
         }
     };

package/src/rich-text-editor/models/toolbar-settings-model.d.ts

@@ -429,7 +429,7 @@ export interface PasteCleanupSettingsModel {
     /**
      * Specifies the allowed style properties when pasting in RichTextEditor.
      *
-     * @default ['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius', 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor', 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style', 'height', 'left', 'line-height', 'margin', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width', 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent', 'top', 'vertical-align', 'visibility', 'white-space', 'width']
+     * @default ['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius', 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor', 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style', 'height', 'left', 'line-height', 'list-style-type', 'margin', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width', 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent', 'top', 'vertical-align', 'visibility', 'white-space', 'width']
      */
     allowedStyleProps?: string[];
 

package/src/rich-text-editor/models/toolbar-settings.d.ts

@@ -374,7 +374,7 @@ export declare class PasteCleanupSettings extends ChildProperty<PasteCleanupSett
     /**
      * Specifies the allowed style properties when pasting in RichTextEditor.
      *
-     * @default ['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius', 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor', 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style', 'height', 'left', 'line-height', 'margin', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width', 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent', 'top', 'vertical-align', 'visibility', 'white-space', 'width']
+     * @default ['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius', 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor', 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style', 'height', 'left', 'line-height', 'list-style-type', 'margin', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width', 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent', 'top', 'vertical-align', 'visibility', 'white-space', 'width']
      */
     allowedStyleProps: string[];
     /**

package/src/rich-text-editor/models/toolbar-settings.js

@@ -236,7 +236,7 @@ var PasteCleanupSettings = /** @class */ (function (_super) {
         Property(null)
     ], PasteCleanupSettings.prototype, "deniedAttrs", void 0);
     __decorate([
-        Property(['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius', 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor', 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style', 'height', 'left', 'line-height', 'margin', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width', 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent', 'top', 'vertical-align', 'visibility', 'white-space', 'width'])
+        Property(['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius', 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor', 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style', 'height', 'left', 'line-height', 'list-style-type', 'margin', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width', 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent', 'top', 'vertical-align', 'visibility', 'white-space', 'width'])
     ], PasteCleanupSettings.prototype, "allowedStyleProps", void 0);
     __decorate([
         Property(null)

package/src/rich-text-editor/renderer/image-module.js

@@ -444,7 +444,8 @@ var Image = /** @class */ (function () {
     };
     Image.prototype.resizeImgDupPos = function (e) {
         this.imgDupPos = {
-            width: (e.style.width !== '') ? this.imgEle.style.width : e.width + 'px',
+            width: (e.style.width !== '' && (this.parent.insertImageSettings &&
+                !this.parent.insertImageSettings.resizeByPercent)) ? this.imgEle.style.width : e.width + 'px',
             height: (e.style.height !== '') ? this.imgEle.style.height : e.height + 'px'
         };
     };