@syncfusion/ej2-richtexteditor 27.1.55 → 27.1.57

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.55
+*  version : 27.1.57
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@27.1.52",
+  "_id": "@syncfusion/ej2-richtexteditor@27.1.55",
   "_inBundle": false,
-  "_integrity": "sha512-XR/x+b75MIK0pvux0i7pKXCiE3wHiKBruu+8envZ4mRykDST1Gga87CiBMHuz9R1cuFm6lAmulHlCXqv+xjabw==",
+  "_integrity": "sha512-FkQvU6rbg+RgDWBi+nu3SpZ2kwoDNif3vbSxDqbVh3crbjTrl8mnEY2l9DPXgzMI8AKbrzkywhmbz+QU7Py+Xg==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.52.tgz",
-  "_shasum": "990c5dad0331d0dc7e2947c6fc5577bbe886f01b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.55.tgz",
+  "_shasum": "a888e8865fd0e8182ac49c4f745d8f6f78b6bf6a",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -39,12 +39,12 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~27.1.55",
     "@syncfusion/ej2-buttons": "~27.1.53",
-    "@syncfusion/ej2-dropdowns": "~27.1.55",
+    "@syncfusion/ej2-dropdowns": "~27.1.57",
     "@syncfusion/ej2-filemanager": "~27.1.55",
     "@syncfusion/ej2-inputs": "~27.1.55",
-    "@syncfusion/ej2-navigations": "~27.1.55",
-    "@syncfusion/ej2-popups": "~27.1.55",
-    "@syncfusion/ej2-splitbuttons": "~27.1.50"
+    "@syncfusion/ej2-navigations": "~27.1.57",
+    "@syncfusion/ej2-popups": "~27.1.57",
+    "@syncfusion/ej2-splitbuttons": "~27.1.56"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.55",
+  "version": "27.1.57",
   "sideEffects": false
 }

package/src/common/config.d.ts

@@ -54,6 +54,13 @@ export declare const selfClosingTags: string[];
  *
  */
 export declare const imageResizeFactor: IImageResizeFactor;
+/**
+ * Resize factor for image in iframe editor.
+ *
+ *@hidden
+ *
+ */
+export declare const iframeResizeFactor: IImageResizeFactor;
 /**
  * Mention restrict key configuration.
  *

package/src/common/config.js

@@ -142,6 +142,18 @@ export var imageResizeFactor = {
     botRight: [1, 1],
     botLeft: [-1, 1]
 };
+/**
+ * Resize factor for image in iframe editor.
+ *
+ *@hidden
+ *
+ */
+export var iframeResizeFactor = {
+    topLeft: [-1.2, -1.2],
+    topRight: [1.2, -1.2],
+    botRight: [1.2, 1.2],
+    botLeft: [-1.2, 1.2]
+};
 /**
  * Mention restrict key configuration.
  *

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

@@ -119,8 +119,8 @@ var ImageCommand = /** @class */ (function () {
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
             var onImageLoadEvent_1 = function () {
                 if (!isNOU(_this.parent.currentDocument)) {
-                    imgElm_1.setAttribute('width', _this.calculateStyleValue(imgElm_1.offsetWidth));
-                    imgElm_1.setAttribute('height', _this.calculateStyleValue(imgElm_1.offsetHeight));
+                    imgElm_1.setAttribute('width', imgElm_1.offsetWidth.toString());
+                    imgElm_1.setAttribute('height', imgElm_1.offsetHeight.toString());
                     e.callBack({
                         requestType: (e.value === 'Replace') ? (e.item.subCommand = 'Replace', 'Replace') : 'Images',
                         editorMode: 'HTML',

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

@@ -55,5 +55,6 @@ export declare class MsWordPaste {
     private processMargin;
     private removeEmptyAnchorTag;
     private findSource;
+    private handleOneNoteContent;
     destroy(): void;
 }

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

@@ -1,6 +1,7 @@
 import * as EVENTS from '../../common/constant';
 import { createElement, isNullOrUndefined as isNOU, detach, addClass, Browser } from '@syncfusion/ej2-base';
 import { PASTE_SOURCE } from '../base/constant';
+import { InsertMethods } from './insert-methods';
 /**
  * PasteCleanup for MsWord content
  *
@@ -99,6 +100,9 @@ var MsWordPaste = /** @class */ (function () {
             e.callBack(elm.innerHTML, this.cropImageDimensions, source);
         }
         else {
+            if (source === PASTE_SOURCE[2]) {
+                this.handleOneNoteContent(elm);
+            }
             e.callBack(elm.innerHTML, null, source);
         }
     };
@@ -1093,6 +1097,18 @@ var MsWordPaste = /** @class */ (function () {
         }
         return 'html';
     };
+    MsWordPaste.prototype.handleOneNoteContent = function (element) {
+        var allListElements = element.querySelectorAll('ul, ol');
+        if (allListElements.length > 0) {
+            for (var i = 0; i < allListElements.length; i++) {
+                // Removing the ul and ol parent node for the p tag
+                var currentList = allListElements[i];
+                if (currentList.querySelectorAll('li').length === 0 && currentList.childNodes.length > 0) {
+                    InsertMethods.unwrap(currentList);
+                }
+            }
+        }
+    };
     MsWordPaste.prototype.destroy = function () {
         this.removeEventListener();
     };

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

@@ -80,6 +80,10 @@ var Resize = /** @class */ (function () {
             this.parent.element.style.height = eventType.clientY - boundRect.top + 'px';
             this.parent.element.style.width = (!this.parent.enableRtl) ? eventType.clientX - boundRect.left + 'px' : boundRect.right - eventType.clientX + 'px';
         }
+        var rteContent = this.parent.element.querySelector('#' + this.parent.getID() + '_source-view');
+        if (!isNullOrUndefined(rteContent)) {
+            rteContent.style.height = this.parent.element.style.height;
+        }
         this.parent.refreshUI();
     };
     Resize.prototype.stopResize = function (e) {

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

@@ -844,6 +844,9 @@ var Audio = /** @class */ (function () {
             proxy.uploadUrl.cssClass = (proxy.parent.insertAudioSettings.layoutOption === 'Inline' ?
                 classes.CLS_AUDIOINLINE : classes.CLS_AUDIOBREAK);
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
             proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, proxy.uploadUrl);
             proxy.uploadUrl.url = '';
         }
@@ -862,8 +865,11 @@ var Audio = /** @class */ (function () {
                 url: url, selection: this.selection, fileName: name_1,
                 selectParent: this.selectParent
             };
-            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
+            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
         }
     };
     /* eslint-disable */

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

@@ -8,7 +8,7 @@ import { Button, CheckBox } from '@syncfusion/ej2-buttons';
 import { RenderType, ImageInputSource } from '../base/enum';
 import { dispatchEvent, parseHtml, hasClass, convertToBlob } from '../base/util';
 import { isIDevice } from '../../common/util';
-import { imageResizeFactor } from '../../common/config';
+import { iframeResizeFactor, imageResizeFactor } from '../../common/config';
 /**
  * `Image` module is used to handle image actions.
  */
@@ -208,8 +208,14 @@ var Image = /** @class */ (function () {
             if (this.parent.formatter.getUndoRedoStack().length === 0) {
                 this.parent.formatter.saveData();
             }
-            this.pageX = this.getPointX(e);
-            this.pageY = this.getPointY(e);
+            if (this.parent.iframeSettings.enable) {
+                this.pageX = e.screenX;
+                this.pageY = e.screenY;
+            }
+            else {
+                this.pageX = this.getPointX(e);
+                this.pageY = this.getPointY(e);
+            }
             e.preventDefault();
             e.stopImmediatePropagation();
             this.resizeBtnInit();
@@ -474,29 +480,50 @@ var Image = /** @class */ (function () {
             return;
         }
         if (this.resizeBtnStat.botRight || this.resizeBtnStat.botLeft || this.resizeBtnStat.topRight || this.resizeBtnStat.topLeft) {
-            var pageX = this.getPointX(e);
-            var pageY = this.getPointY(e);
-            var resizeFactor = this.getResizeFactor(this.currentResizeHandler);
-            var diffX = (pageX - this.pageX);
-            var diffY = (pageY - this.pageY);
-            var currentWidth = this.imgEle.clientWidth;
-            var currentHeight = this.imgEle.clientHeight;
-            var width = diffX * resizeFactor[0] + currentWidth;
-            var height = diffY * resizeFactor[1] + currentHeight;
-            var dimensions = this.adjustDimensions(width, height, diffX, diffY, this.aspectRatio);
-            this.pageX = pageX;
-            this.pageY = pageY;
-            this.imgDupMouseMove(dimensions.width + 'px', dimensions.height + 'px', e);
+            if (this.parent.iframeSettings.enable) {
+                var resizeFactor = this.getResizeFactor(this.currentResizeHandler);
+                var currentScreenX = e.screenX;
+                var currentScreenY = e.screenY;
+                var currentWidth = this.imgEle.clientWidth;
+                var currentHeight = this.imgEle.clientHeight;
+                var deltaX = currentScreenX - this.pageX;
+                var deltaY = currentScreenY - this.pageY;
+                var width = deltaX * resizeFactor[0] + currentWidth;
+                var height = deltaY * resizeFactor[1] + currentHeight;
+                var dimensions = this.adjustDimensions(width, height, deltaX, deltaY, this.aspectRatio);
+                this.pageX = currentScreenX;
+                this.pageY = currentScreenY;
+                this.imgDupMouseMove(dimensions.width + 'px', dimensions.height + 'px', e);
+                this.parent.autoResize();
+            }
+            else {
+                var pageX = this.getPointX(e);
+                var pageY = this.getPointY(e);
+                var resizeFactor = this.getResizeFactor(this.currentResizeHandler);
+                var diffX = (pageX - this.pageX);
+                var diffY = (pageY - this.pageY);
+                var currentWidth = this.imgEle.clientWidth;
+                var currentHeight = this.imgEle.clientHeight;
+                var width = diffX * resizeFactor[0] + currentWidth;
+                var height = diffY * resizeFactor[1] + currentHeight;
+                var dimensions = this.adjustDimensions(width, height, diffX, diffY, this.aspectRatio);
+                this.pageX = pageX;
+                this.pageY = pageY;
+                this.imgDupMouseMove(dimensions.width + 'px', dimensions.height + 'px', e);
+            }
         }
     };
     Image.prototype.adjustDimensions = function (width, height, diffX, diffY, aspectRatio) {
         width = (width < 16) ? 16 : width;
         height = (height < 16) ? 16 : height;
-        var isWidthPrimary = Math.abs(diffX) > Math.abs(diffY);
+        var isWidthPrimary = width > height;
         var dimensions = this.adjustDimensionsByAspectRatio(width, height, aspectRatio, isWidthPrimary);
         return dimensions;
     };
     Image.prototype.getResizeFactor = function (value) {
+        if (this.parent.iframeSettings.enable) {
+            return iframeResizeFactor[value];
+        }
         return imageResizeFactor[value];
     };
     Image.prototype.findAspectRatio = function (image) {
@@ -1590,6 +1617,9 @@ var Image = /** @class */ (function () {
             proxy.uploadUrl.cssClass = (proxy.parent.insertImageSettings.display === 'inline' ?
                 classes.CLS_IMGINLINE : classes.CLS_IMGBREAK);
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
             proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, proxy.uploadUrl);
             proxy.uploadUrl.url = '';
             if (proxy.contentModule.getEditPanel().querySelector('.e-img-resize')) {
@@ -1620,8 +1650,11 @@ var Image = /** @class */ (function () {
                     maxHeight: proxy.parent.insertImageSettings.maxHeight
                 }
             };
-            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
+            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
         }
     };
     Image.prototype.imgsizeInput = function (e) {

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

@@ -427,6 +427,9 @@ var Link = /** @class */ (function () {
         if (document.body.contains(proxy.dialogObj.element)) {
             this.selfLink.dialogObj.hide({ returnValue: false });
         }
+        if (this.selfLink.dialogObj !== null) {
+            return;
+        }
         if (isIDevice() && proxy.parent.iframeSettings.enable) {
             select('iframe', proxy.parent.element).contentWindow.focus();
         }

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

@@ -1419,7 +1419,8 @@ var Table = /** @class */ (function () {
             else {
                 var tableReBox = _this.contentModule.getEditPanel().querySelector('.e-table-box');
                 var tableWidth = parseInt(getComputedStyle(_this.curTable).width, 10);
-                var tableHeight = parseInt(getComputedStyle(_this.curTable).height, 10);
+                var tableHeight = !isNaN(parseInt(_this.curTable.style.height, 10)) ?
+                    parseInt(_this.curTable.style.height, 10) : parseInt(getComputedStyle(_this.curTable).height, 10);
                 var paddingSize = +getComputedStyle(_this.contentModule.getEditPanel()).paddingRight.match(/\d/g).join('');
                 var rteWidth = _this.contentModule.getEditPanel().offsetWidth -
                     (_this.contentModule.getEditPanel().offsetWidth -
@@ -1564,7 +1565,7 @@ var Table = /** @class */ (function () {
                     _this.curTable.style.height = tableHeight + mouseY + 'px';
                     if (!isNOU(tableReBox)) {
                         tableReBox.classList.add('e-rbox-select');
-                        tableReBox.style.cssText = 'top: ' + (_this.calcPos(_this.curTable).top + tableHeight - 4) +
+                        tableReBox.style.cssText = 'top: ' + (_this.calcPos(_this.curTable).top + parseInt(getComputedStyle(_this.curTable).height, 10) - 4) +
                             'px; left:' + (_this.calcPos(_this.curTable).left + tableWidth - 4) + 'px;';
                     }
                     if (_this.curTable.closest('li')) {

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

@@ -1446,6 +1446,9 @@ var Video = /** @class */ (function () {
                 maxHeight: proxy.parent.insertVideoSettings.maxHeight
             };
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
             proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, proxy.uploadUrl);
             proxy.uploadUrl.url = '';
         }
@@ -1472,8 +1475,11 @@ var Video = /** @class */ (function () {
                     maxHeight: proxy.parent.insertVideoSettings.maxHeight
                 }
             };
-            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
             proxy.dialogObj.hide({ returnValue: false });
+            if (proxy.dialogObj !== null) {
+                return;
+            }
+            proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, value);
         }
     };
     /* eslint-disable */