npm - @syncfusion/ej2-richtexteditor - Versions diffs - 27.1.55 → 27.1.57-637881 - Mend

@syncfusion/ej2-richtexteditor 27.1.55 → 27.1.57-637881

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (174) hide show

package/src/rich-text-editor/renderer/dialog-renderer.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ export declare class DialogRenderer {
      * @param {DialogModel} e - specifies the dialog model.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     render(e: DialogModel): Dialog;
     private beforeOpen;
@@ -33,7 +33,7 @@ export declare class DialogRenderer {
      * @param {Object} args - specifies the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     close(args: Object): void;
 }

package/src/rich-text-editor/renderer/dialog-renderer.js CHANGED Viewed

@@ -29,7 +29,7 @@ var DialogRenderer = /** @class */ (function () {
      * @param {DialogModel} e - specifies the dialog model.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     DialogRenderer.prototype.render = function (e) {
         var dlgObj;
@@ -114,7 +114,7 @@ var DialogRenderer = /** @class */ (function () {
      * @param {Object} args - specifies the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     DialogRenderer.prototype.close = function (args) {
         this.parent.trigger(events.dialogClose, args);

package/src/rich-text-editor/renderer/iframe-content-renderer.d.ts CHANGED Viewed

@@ -3,14 +3,14 @@ import { ContentRender } from '../renderer/content-renderer';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
+ * @deprecated
  */
 export declare class IframeContentRender extends ContentRender {
     /**
      * The function is used to render Rich Text Editor iframe
      *
      * @hidden
+     * @deprecated
      */
     renderPanel(): void;
     private setThemeColor;
@@ -19,7 +19,7 @@ export declare class IframeContentRender extends ContentRender {
      *
      * @returns {Element} - specifies the element.
      * @hidden
+     * @deprecated
      */
     getEditPanel(): Element;
     /**
@@ -27,7 +27,7 @@ export declare class IframeContentRender extends ContentRender {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     getDocument(): Document;
 }

package/src/rich-text-editor/renderer/iframe-content-renderer.js CHANGED Viewed

@@ -21,7 +21,7 @@ var IFRAMEHEADER = "\n    <!DOCTYPE html> \n    <html>\n         <head>\n
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
+ * @deprecated
  */
 var IframeContentRender = /** @class */ (function (_super) {
     __extends(IframeContentRender, _super);
@@ -32,7 +32,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      * The function is used to render Rich Text Editor iframe
      *
      * @hidden
+     * @deprecated
      */
     IframeContentRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -100,7 +100,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      *
      * @returns {Element} - specifies the element.
      * @hidden
+     * @deprecated
      */
     IframeContentRender.prototype.getEditPanel = function () {
         var editNode;
@@ -117,7 +117,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     IframeContentRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

package/src/rich-text-editor/renderer/image-module.d.ts CHANGED Viewed

@@ -182,7 +182,7 @@ export declare class Image {
      * @method destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     destroy(): void;
     /**

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

@@ -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) {
@@ -912,7 +939,9 @@ var Image = /** @class */ (function () {
                     _this.parent.formatter.editorManager.nodeSelection.Clear(_this.contentModule.getDocument());
                     _this.parent.formatter.editorManager.nodeSelection.setSelectionContents(_this.contentModule.getDocument(), target);
                     _this.quickToolObj.imageQTBar.showPopup(args.pageX, pageY, target);
-                    _this.resizeStart(e.args, target);
+                    if (_this.parent.insertImageSettings.resize === true) {
+                        _this.resizeStart(e.args, target);
+                    }
                 }, 400);
             }
             else {
@@ -1590,6 +1619,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 +1652,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) {
@@ -2389,7 +2424,9 @@ var Image = /** @class */ (function () {
         if (imageElement) {
             this.showImageQTbarTime = setTimeout(function () {
                 _this.showImageQuickToolbar(args);
-                _this.resizeStart(e.args, imageElement);
+                if (_this.parent.insertImageSettings.resize) {
+                    _this.resizeStart(e.args, imageElement);
+                }
             }, 0);
         }
     };
@@ -2400,7 +2437,7 @@ var Image = /** @class */ (function () {
      * @method destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     /* eslint-enable */
     Image.prototype.destroy = function () {

package/src/rich-text-editor/renderer/link-module.d.ts CHANGED Viewed

@@ -47,7 +47,7 @@ export declare class Link {
      * @function destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     destroy(): void;
     /**

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

@@ -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();
         }
@@ -558,7 +561,7 @@ var Link = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     Link.prototype.destroy = function () {
         if (this.isDestroyed) {

package/src/rich-text-editor/renderer/markdown-renderer.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { IRenderer, IRichTextEditor } from '../base/interface';
  * Markdown module is used to render Rich Text Editor as Markdown editor content
  *
  * @hidden
+ * @deprecated
  */
 export declare class MarkdownRender implements IRenderer {
     private contentPanel;
@@ -20,7 +20,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -28,7 +28,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -36,7 +36,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     getEditPanel(): Element;
     /**
@@ -51,7 +51,7 @@ export declare class MarkdownRender implements IRenderer {
      * @param  {Element} panel - specifies the element.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     setPanel(panel: Element): void;
     /**
@@ -59,7 +59,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     getDocument(): Document;
 }

package/src/rich-text-editor/renderer/markdown-renderer.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Markdown module is used to render Rich Text Editor as Markdown editor content
  *
  * @hidden
+ * @deprecated
  */
 var MarkdownRender = /** @class */ (function () {
     /**
@@ -18,7 +18,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -37,7 +37,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.getPanel = function () {
         return this.contentPanel;
@@ -47,7 +47,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.getEditPanel = function () {
         return this.editableElement;
@@ -66,7 +66,7 @@ var MarkdownRender = /** @class */ (function () {
      * @param  {Element} panel - specifies the element.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.setPanel = function (panel) {
         this.contentPanel = panel;
@@ -76,7 +76,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

package/src/rich-text-editor/renderer/popup-renderer.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { BaseQuickToolbar } from '../actions/base-quick-toolbar';
  * `Popup renderer` module is used to render popup in RichTextEditor.
  *
  * @hidden
+ * @deprecated
  */
 export declare class PopupRenderer implements IRenderer {
     private popupObj;
@@ -23,7 +23,7 @@ export declare class PopupRenderer implements IRenderer {
      * @param {BaseQuickToolbar} args - specifies  the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderPopup(args: BaseQuickToolbar): void;
     /**
@@ -31,7 +31,7 @@ export declare class PopupRenderer implements IRenderer {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -39,7 +39,7 @@ export declare class PopupRenderer implements IRenderer {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -48,7 +48,7 @@ export declare class PopupRenderer implements IRenderer {
      * @returns {void}
      * @param  {Element} panel - specifies the element
      * @hidden
+     * @deprecated
      */
     setPanel(panel: Element): void;
 }

package/src/rich-text-editor/renderer/popup-renderer.js CHANGED Viewed

@@ -5,7 +5,7 @@ import * as events from '../base/constant';
  * `Popup renderer` module is used to render popup in RichTextEditor.
  *
  * @hidden
+ * @deprecated
  */
 var PopupRenderer = /** @class */ (function () {
     /**
@@ -26,7 +26,7 @@ var PopupRenderer = /** @class */ (function () {
      * @param {BaseQuickToolbar} args - specifies  the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     PopupRenderer.prototype.renderPopup = function (args) {
         this.setPanel(args.element);
@@ -44,7 +44,7 @@ var PopupRenderer = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     PopupRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_QUICK_POP);
@@ -54,7 +54,7 @@ var PopupRenderer = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     PopupRenderer.prototype.getPanel = function () {
         return this.popupPanel;
@@ -65,7 +65,7 @@ var PopupRenderer = /** @class */ (function () {
      * @returns {void}
      * @param  {Element} panel - specifies the element
      * @hidden
+     * @deprecated
      */
     PopupRenderer.prototype.setPanel = function (panel) {
         this.popupPanel = panel;

package/src/rich-text-editor/renderer/render.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { ServiceLocator } from '../services/service-locator';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
+ * @deprecated
  */
 export declare class Render {
     private parent;
@@ -24,7 +24,7 @@ export declare class Render {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     render(): void;
     /**

package/src/rich-text-editor/renderer/render.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
+ * @deprecated
  */
 var Render = /** @class */ (function () {
     /**
@@ -26,7 +26,7 @@ var Render = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     Render.prototype.render = function () {
         // eslint-disable-next-line

package/src/rich-text-editor/renderer/table-module.d.ts CHANGED Viewed

@@ -139,7 +139,7 @@ export declare class Table {
      * @function destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     destroy(): void;
     /**

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

@@ -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')) {
@@ -2133,7 +2134,7 @@ var Table = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     Table.prototype.destroy = function () {
         if (this.isDestroyed) {

package/src/rich-text-editor/renderer/toolbar-renderer.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import { ServiceLocator } from '../services/service-locator';
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
  * @hidden
+ * @deprecated
  */
 export declare class ToolbarRenderer implements IRenderer {
     private mode;
@@ -48,7 +48,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderToolbar(args: IToolbarOptions): void;
     tooltipBeforeOpen(args: TooltipEventArgs): void;
@@ -58,7 +58,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderDropDownButton(args: IDropDownModel): DropDownButton;
     private mouseOutHandler;
@@ -69,7 +69,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderListDropDown(args: IDropDownModel): DropDownButton;
     private paletteSelection;
@@ -82,7 +82,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} defaultColor -specifies the defaultColor.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderColorPickerDropDown(args: IColorPickerModel, item: string, colorPicker: ColorPicker, defaultColor: string): DropDownButton;
     private pickerRefresh;
@@ -94,7 +94,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderColorPicker(args: IColorPickerModel, item: string): ColorPicker;
     /**
@@ -102,7 +102,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -110,7 +110,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {Element} - specifies the element.
      * @hidden
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -119,7 +119,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @returns {void}
      * @param  {Element} panel - specifies the element.
      * @hidden
+     * @deprecated
      */
     setPanel(panel: Element): void;
     destroy(): void;