@syncfusion/ej2-richtexteditor 21.2.8 → 21.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.8
+*  version : 21.2.10
 *  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@21.2.6",
+  "_id": "@syncfusion/ej2-richtexteditor@21.2.9",
   "_inBundle": false,
-  "_integrity": "sha512-jj82YucBL6CkkpfxTdzF6l5l20oIvLtIL+XfC21CGQ7EMAk5IWF1dj8Y0ciPX7rowpY9LmzR3pw7noivMaD0dw==",
+  "_integrity": "sha512-ISaeZrVvp/ekmd+F2kcZWR/vVih9rcyg7p1tFl6Cf+AAiESStZ6jlkxWmPbb/wnZr65rdjbbkQoND0vjejQtow==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-21.2.6.tgz",
-  "_shasum": "10c78eb2a8529e7180d8936d871accb4ea2ac2b9",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-21.2.9.tgz",
+  "_shasum": "836aa3ae47ee1d0a5d0cd6657c5432fdef49dedd",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -38,12 +38,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-buttons": "~21.2.6",
+    "@syncfusion/ej2-base": "~21.2.9",
+    "@syncfusion/ej2-buttons": "~21.2.10",
     "@syncfusion/ej2-filemanager": "~21.2.5",
-    "@syncfusion/ej2-inputs": "~21.2.8",
-    "@syncfusion/ej2-navigations": "~21.2.8",
-    "@syncfusion/ej2-popups": "~21.2.4",
+    "@syncfusion/ej2-inputs": "~21.2.9",
+    "@syncfusion/ej2-navigations": "~21.2.9",
+    "@syncfusion/ej2-popups": "~21.2.10",
     "@syncfusion/ej2-splitbuttons": "~21.2.5"
   },
   "deprecated": false,
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.8",
+  "version": "21.2.10",
   "sideEffects": false
 }

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

@@ -131,7 +131,7 @@ var MsWordPaste = /** @class */ (function () {
                 imgElem[i].getAttribute('v:shapes').indexOf('Picture') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('圖片') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('Grafik') < 0 &&
-                imgElem[i].getAttribute('v:shapes').indexOf('Image') < 0 &&
+                imgElem[i].getAttribute('v:shapes').toLowerCase().indexOf('image') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0) {
                 detach(imgElem[i]);
             }
@@ -714,12 +714,31 @@ var MsWordPaste = /** @class */ (function () {
                     temp.style.listStyleType = collection[index].listStyleTypeName;
                 }
                 else {
-                    root.appendChild(temp = createElement(collection[index].listType));
-                    prevList = createElement('li');
-                    prevList.appendChild(pElement);
-                    temp.appendChild(prevList);
-                    temp.setAttribute('level', collection[index].nestedLevel.toString());
-                    temp.style.listStyleType = collection[index].listStyleTypeName;
+                    if (collection[index].nestedLevel > pLevel && isNormalList) {
+                        var initialNode = void 0;
+                        initialNode = createElement(collection[index].listType);
+                        prevList = createElement('li');
+                        initialNode.appendChild(prevList);
+                        initialNode.style.listStyleType = 'none';
+                        for (var j = 0; j < collection[index].nestedLevel - 1; j++) {
+                            prevList.appendChild(temp = createElement(collection[index].listType));
+                            prevList = createElement('li');
+                            temp.appendChild(prevList);
+                            temp.style.listStyleType = 'none';
+                        }
+                        prevList.appendChild(pElement);
+                        root.appendChild(initialNode);
+                        temp.setAttribute('level', collection[index].nestedLevel.toString());
+                        temp.style.listStyleType = collection[index].listStyleTypeName;
+                    }
+                    else {
+                        root.appendChild(temp = createElement(collection[index].listType));
+                        prevList = createElement('li');
+                        prevList.appendChild(pElement);
+                        temp.appendChild(prevList);
+                        temp.setAttribute('level', collection[index].nestedLevel.toString());
+                        temp.style.listStyleType = collection[index].listStyleTypeName;
+                    }
                 }
             }
             else if (collection[index].nestedLevel === 1) {

package/src/rich-text-editor/actions/base-quick-toolbar.js

@@ -183,7 +183,7 @@ var BaseQuickToolbar = /** @class */ (function () {
      */
     BaseQuickToolbar.prototype.showPopup = function (x, y, target) {
         var _this = this;
-        var eventArgs = { popup: this.popupObj, cancel: false, targetElement: target };
+        var eventArgs = { popup: this.popupObj, cancel: false, targetElement: target, positionX: x, positionY: y };
         this.parent.trigger(events.beforeQuickToolbarOpen, eventArgs, function (beforeQuickToolbarArgs) {
             if (!beforeQuickToolbarArgs.cancel) {
                 var editPanelTop = void 0;
@@ -223,8 +223,8 @@ var BaseQuickToolbar = /** @class */ (function () {
                     });
                     _this.tooltip.appendTo(_this.element);
                 }
-                _this.popupObj.position.X = x + 20;
-                _this.popupObj.position.Y = y + 20;
+                _this.popupObj.position.X = beforeQuickToolbarArgs.positionX + 20;
+                _this.popupObj.position.Y = beforeQuickToolbarArgs.positionY + 20;
                 _this.popupObj.dataBind();
                 _this.popupObj.element.classList.add('e-popup-open');
                 _this.dropDownButtons.renderDropDowns({

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

@@ -116,9 +116,10 @@ var HtmlEditor = /** @class */ (function () {
             range.startContainer.nodeName === '#text' ? range.startContainer.parentElement !== this.parent.inputElement ? range.startContainer.parentElement.classList.add('currentStartMark')
                 : isRootParent = true : range.startContainer.classList.add('currentStartMark');
             if (range.startContainer.textContent.charCodeAt(0) === 8203) {
-                pointer = range.startOffset === 0 ? range.startOffset :
-                    range.startContainer.textContent.replace(regEx, '').trim().length !== 0 ? range.startOffset - 1 : 0;
+                var previousLength_1 = range.startContainer.textContent.length;
+                var previousRange = range.startOffset;
                 range.startContainer.textContent = range.startContainer.textContent.replace(regEx, '');
+                pointer = previousRange === 0 ? previousRange : previousRange - (previousLength_1 - range.startContainer.textContent.length);
                 this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), range.startContainer, pointer);
             }
             var previousLength = this.parent.inputElement.innerHTML.length;
@@ -138,7 +139,10 @@ var HtmlEditor = /** @class */ (function () {
                             i--;
                         }
                         if (focusNode.textContent.replace(regEx, '') === currentChildNode[i].textContent) {
-                            pointer = focusNode.textContent.length > 1 ? focusNode.textContent.length - 1 : focusNode.textContent.length;
+                            pointer = focusNode.textContent.length > 1 ?
+                                (focusNode.textContent === currentChildNode[i].textContent ? pointer :
+                                    pointer - (focusNode.textContent.length - focusNode.textContent.replace(regEx, '').length)) :
+                                focusNode.textContent.length;
                             focusNode = currentChildNode[i];
                         }
                     }
@@ -329,9 +333,14 @@ var HtmlEditor = /** @class */ (function () {
                         ? this.oldRangeElement.lastElementChild.lastElementChild :
                         this.oldRangeElement.lastElementChild;
                 }
+                var lastNode = this.oldRangeElement.lastChild;
+                while (lastNode.nodeType !== 3 && lastNode.nodeName !== '#text' &&
+                    lastNode.nodeName !== 'BR') {
+                    lastNode = lastNode.lastChild;
+                }
                 this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), 
                 // eslint-disable-next-line
-                this.oldRangeElement, this.oldRangeElement.childNodes.length);
+                lastNode, lastNode.textContent.length);
                 if (this.oldRangeElement.querySelectorAll('BR').length === 1) {
                     detach(this.oldRangeElement.querySelector('BR'));
                 }

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

@@ -778,6 +778,10 @@ export interface BeforeQuickToolbarOpenArgs {
     cancel: boolean;
     /** Defines the target element of the quick toolbar */
     targetElement: Element;
+    /** Defines the X position of the quick toolbar */
+    positionX?: number;
+    /** Defines the Y position of the quick toolbar */
+    positionY?: number;
 }
 /**
  * Provides information about a AfterImageDeleteEvent event.

package/styles/rich-text-editor/_layout.scss

@@ -1823,11 +1823,6 @@
     .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
       line-height: 20px;
     }
-
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-      padding: 0;
-    }
   }
 
   @if $skin-name == 'bootstrap5' {

package/styles/rich-text-editor/tailwind-dark.css

@@ -2323,11 +2323,6 @@
   line-height: 20px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  padding: 0;
-}
-
 .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
   margin: 1px;
 }

package/styles/rich-text-editor/tailwind.css

@@ -2323,11 +2323,6 @@
   line-height: 20px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  padding: 0;
-}
-
 .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
   margin: 1px;
 }

package/styles/tailwind-dark.css

@@ -2323,11 +2323,6 @@
   line-height: 20px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  padding: 0;
-}
-
 .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
   margin: 1px;
 }

package/styles/tailwind.css

@@ -2323,11 +2323,6 @@
   line-height: 20px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  padding: 0;
-}
-
 .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
   margin: 1px;
 }