roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib-amd/imageEdit/utils/generateImageSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateImageSize.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/generateImageSize.ts"],"names":[],"mappings":";;;;IAGA;;;;;;;;;;;OAWG;IACH,SAAgB,qBAAqB,CACjC,QAA6B,EAC7B,UAAoB;QAGhB,IAAS,KAAK,GAOd,QAAQ,QAPM,EACJ,MAAM,GAMhB,QAAQ,SANQ,EAChB,QAAQ,GAKR,QAAQ,SALA,EACK,IAAI,GAIjB,QAAQ,YAJS,EACH,KAAK,GAGnB,QAAQ,aAHW,EACP,GAAG,GAEf,QAAQ,WAFO,EACA,MAAM,GACrB,QAAQ,cADa,CACZ;QAEb,IACI,MAAM,IAAI,SAAS;YACnB,KAAK,IAAI,SAAS;YAClB,IAAI,IAAI,SAAS;YACjB,KAAK,IAAI,SAAS;YAClB,GAAG,IAAI,SAAS;YAChB,MAAM,IAAI,SAAS,EACrB;YACE,OAAO;SACV;QAED,IAAM,KAAK,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC;QAE5B,6CAA6C;QAC7C,IAAM,aAAa,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;QACjD,IAAM,cAAc,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC;QAEnD,eAAe;QACf,IAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;QACxD,IAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;QAE3D,oCAAoC;QACpC,IAAM,WAAW,GACb,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QACzF,IAAM,YAAY,GACd,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAEzF,OAAO;YACH,WAAW,aAAA;YACX,YAAY,cAAA;YACZ,aAAa,eAAA;YACb,cAAc,gBAAA;YACd,YAAY,cAAA;YACZ,aAAa,eAAA;SAChB,CAAC;IACN,CAAC;IAjDD,sDAiDC","sourcesContent":["import type { ImageMetadataFormat } from 'roosterjs-content-model-types';\nimport type { GeneratedImageSize } from '../types/GeneratedImageSize';\n\n/**\n * @internal\n * Calculate the target size of an image.\n * For image that is not rotated, target size is the same with resizing/cropping size.\n * For image that is rotated, target size is calculated from resizing/cropping size and its rotate angle\n * Say an image is resized to 100w*100h, cropped 25% on each side, then rotated 45deg, so that cropped size\n * will be (both height and width) 100*(1-0.25-0,25) = 50px, then final image size will be 50*sqrt(2) = 71px\n * @param editInfo The edit info to calculate size from\n * @param beforeCrop True to calculate the full size of original image before crop, false to calculate the size\n * after crop\n * @returns A GeneratedImageSize object which contains original, visible and target target width and height of the image\n */\nexport function getGeneratedImageSize(\n    editInfo: ImageMetadataFormat,\n    beforeCrop?: boolean\n): GeneratedImageSize | undefined {\n    const {\n        widthPx: width,\n        heightPx: height,\n        angleRad,\n        leftPercent: left,\n        rightPercent: right,\n        topPercent: top,\n        bottomPercent: bottom,\n    } = editInfo;\n\n    if (\n        height == undefined ||\n        width == undefined ||\n        left == undefined ||\n        right == undefined ||\n        top == undefined ||\n        bottom == undefined\n    ) {\n        return;\n    }\n\n    const angle = angleRad ?? 0;\n\n    // Original image size before crop and rotate\n    const originalWidth = width / (1 - left - right);\n    const originalHeight = height / (1 - top - bottom);\n\n    // Visible size\n    const visibleWidth = beforeCrop ? originalWidth : width;\n    const visibleHeight = beforeCrop ? originalHeight : height;\n\n    // Target size after crop and rotate\n    const targetWidth =\n        Math.abs(visibleWidth * Math.cos(angle)) + Math.abs(visibleHeight * Math.sin(angle));\n    const targetHeight =\n        Math.abs(visibleWidth * Math.sin(angle)) + Math.abs(visibleHeight * Math.cos(angle));\n\n    return {\n        targetWidth,\n        targetHeight,\n        originalWidth,\n        originalHeight,\n        visibleWidth,\n        visibleHeight,\n    };\n}\n"]}
+{"version":3,"file":"generateImageSize.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/generateImageSize.ts"],"names":[],"mappings":";;;;IAGA;;;;;;;;;;;OAWG;IACH,SAAgB,qBAAqB,CACjC,QAA6B,EAC7B,UAAoB;QAGhB,IAAS,KAAK,GAOd,QAAQ,QAPM,EACJ,MAAM,GAMhB,QAAQ,SANQ,EAChB,QAAQ,GAKR,QAAQ,SALA,EACK,IAAI,GAIjB,QAAQ,YAJS,EACH,KAAK,GAGnB,QAAQ,aAHW,EACP,GAAG,GAEf,QAAQ,WAFO,EACA,MAAM,GACrB,QAAQ,cADa,CACZ;QAEb,IACI,MAAM,IAAI,SAAS;YACnB,KAAK,IAAI,SAAS;YAClB,IAAI,IAAI,SAAS;YACjB,KAAK,IAAI,SAAS;YAClB,GAAG,IAAI,SAAS;YAChB,MAAM,IAAI,SAAS,EACrB;YACE,OAAO;SACV;QAED,IAAM,KAAK,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC;QAE5B,6CAA6C;QAC7C,IAAM,aAAa,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;QACjD,IAAM,cAAc,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC;QAEnD,eAAe;QACf,IAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;QACxD,IAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;QAE3D,oCAAoC;QACpC,IAAM,WAAW,GACb,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QACzF,IAAM,YAAY,GACd,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAEzF,OAAO;YACH,WAAW,aAAA;YACX,YAAY,cAAA;YACZ,aAAa,eAAA;YACb,cAAc,gBAAA;YACd,YAAY,cAAA;YACZ,aAAa,eAAA;SAChB,CAAC;IACN,CAAC;IAjDD,sDAiDC","sourcesContent":["import type { ImageMetadataFormat } from 'roosterjs-content-model-types';\r\nimport type { GeneratedImageSize } from '../types/GeneratedImageSize';\r\n\r\n/**\r\n * @internal\r\n * Calculate the target size of an image.\r\n * For image that is not rotated, target size is the same with resizing/cropping size.\r\n * For image that is rotated, target size is calculated from resizing/cropping size and its rotate angle\r\n * Say an image is resized to 100w*100h, cropped 25% on each side, then rotated 45deg, so that cropped size\r\n * will be (both height and width) 100*(1-0.25-0,25) = 50px, then final image size will be 50*sqrt(2) = 71px\r\n * @param editInfo The edit info to calculate size from\r\n * @param beforeCrop True to calculate the full size of original image before crop, false to calculate the size\r\n * after crop\r\n * @returns A GeneratedImageSize object which contains original, visible and target target width and height of the image\r\n */\r\nexport function getGeneratedImageSize(\r\n    editInfo: ImageMetadataFormat,\r\n    beforeCrop?: boolean\r\n): GeneratedImageSize | undefined {\r\n    const {\r\n        widthPx: width,\r\n        heightPx: height,\r\n        angleRad,\r\n        leftPercent: left,\r\n        rightPercent: right,\r\n        topPercent: top,\r\n        bottomPercent: bottom,\r\n    } = editInfo;\r\n\r\n    if (\r\n        height == undefined ||\r\n        width == undefined ||\r\n        left == undefined ||\r\n        right == undefined ||\r\n        top == undefined ||\r\n        bottom == undefined\r\n    ) {\r\n        return;\r\n    }\r\n\r\n    const angle = angleRad ?? 0;\r\n\r\n    // Original image size before crop and rotate\r\n    const originalWidth = width / (1 - left - right);\r\n    const originalHeight = height / (1 - top - bottom);\r\n\r\n    // Visible size\r\n    const visibleWidth = beforeCrop ? originalWidth : width;\r\n    const visibleHeight = beforeCrop ? originalHeight : height;\r\n\r\n    // Target size after crop and rotate\r\n    const targetWidth =\r\n        Math.abs(visibleWidth * Math.cos(angle)) + Math.abs(visibleHeight * Math.sin(angle));\r\n    const targetHeight =\r\n        Math.abs(visibleWidth * Math.sin(angle)) + Math.abs(visibleHeight * Math.cos(angle));\r\n\r\n    return {\r\n        targetWidth,\r\n        targetHeight,\r\n        originalWidth,\r\n        originalHeight,\r\n        visibleWidth,\r\n        visibleHeight,\r\n    };\r\n}\r\n"]}

package/lib-amd/imageEdit/utils/getDropAndDragHelpers.d.ts

@@ -1,10 +1,10 @@
-import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';
-import type { ImageEditElementClass } from '../types/ImageEditElementClass';
-import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
-import type { ImageEditOptions } from '../types/ImageEditOptions';
-import type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';
-import type { DragAndDropContext } from '../types/DragAndDropContext';
-/**
- * @internal
- */
-export declare function getDropAndDragHelpers(wrapper: HTMLElement, editInfo: ImageMetadataFormat, options: ImageEditOptions, elementClass: ImageEditElementClass, helper: DragAndDropHandler<DragAndDropContext, any>, updateWrapper: (context: DragAndDropContext, _handle: HTMLElement) => void, zoomScale: number, useTouch: boolean): DragAndDropHelper<DragAndDropContext, any>[];
+import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';
+import type { ImageEditElementClass } from '../types/ImageEditElementClass';
+import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
+import type { ImageEditOptions } from '../types/ImageEditOptions';
+import type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';
+import type { DragAndDropContext } from '../types/DragAndDropContext';
+/**
+ * @internal
+ */
+export declare function getDropAndDragHelpers(wrapper: HTMLElement, editInfo: ImageMetadataFormat, options: ImageEditOptions, elementClass: ImageEditElementClass, helper: DragAndDropHandler<DragAndDropContext, any>, updateWrapper: (context: DragAndDropContext, _handle: HTMLElement) => void, zoomScale: number, useTouch: boolean): DragAndDropHelper<DragAndDropContext, any>[];

package/lib-amd/imageEdit/utils/getDropAndDragHelpers.js

@@ -1,24 +1,24 @@
-define(["require", "exports", "../../pluginUtils/DragAndDrop/DragAndDropHelper", "roosterjs-content-model-dom"], function (require, exports, DragAndDropHelper_1, roosterjs_content_model_dom_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getDropAndDragHelpers = void 0;
-    /**
-     * @internal
-     */
-    function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale, useTouch) {
-        return getEditElements(wrapper, elementClass).map(function (element) {
-            return new DragAndDropHelper_1.DragAndDropHelper(element, {
-                editInfo: editInfo,
-                options: options,
-                elementClass: elementClass,
-                x: element.dataset.x,
-                y: element.dataset.y,
-            }, updateWrapper, helper, zoomScale, useTouch);
-        });
-    }
-    exports.getDropAndDragHelpers = getDropAndDragHelpers;
-    function getEditElements(wrapper, elementClass) {
-        return (0, roosterjs_content_model_dom_1.toArray)(wrapper.querySelectorAll('.' + elementClass));
-    }
-});
+define(["require", "exports", "../../pluginUtils/DragAndDrop/DragAndDropHelper", "roosterjs-content-model-dom"], function (require, exports, DragAndDropHelper_1, roosterjs_content_model_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getDropAndDragHelpers = void 0;
+    /**
+     * @internal
+     */
+    function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale, useTouch) {
+        return getEditElements(wrapper, elementClass).map(function (element) {
+            return new DragAndDropHelper_1.DragAndDropHelper(element, {
+                editInfo: editInfo,
+                options: options,
+                elementClass: elementClass,
+                x: element.dataset.x,
+                y: element.dataset.y,
+            }, updateWrapper, helper, zoomScale, useTouch);
+        });
+    }
+    exports.getDropAndDragHelpers = getDropAndDragHelpers;
+    function getEditElements(wrapper, elementClass) {
+        return (0, roosterjs_content_model_dom_1.toArray)(wrapper.querySelectorAll('.' + elementClass));
+    }
+});
 //# sourceMappingURL=getDropAndDragHelpers.js.map

package/lib-amd/imageEdit/utils/getDropAndDragHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDropAndDragHelpers.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getDropAndDragHelpers.ts"],"names":[],"mappings":";;;;IAQA;;OAEG;IACH,SAAgB,qBAAqB,CACjC,OAAoB,EACpB,QAA6B,EAC7B,OAAyB,EACzB,YAAmC,EACnC,MAAmD,EACnD,aAA0E,EAC1E,SAAiB,EACjB,QAAiB;QAEjB,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,GAAG,CAC7C,UAAA,OAAO;YACH,OAAA,IAAI,qCAAiB,CACjB,OAAO,EACP;gBACI,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,OAAO;gBAChB,YAAY,cAAA;gBACZ,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAkB;gBACrC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAkB;aACxC,EACD,aAAa,EACb,MAAM,EACN,SAAS,EACT,QAAQ,CACX;QAbD,CAaC,CACR,CAAC;IACN,CAAC;IA3BD,sDA2BC;IAED,SAAS,eAAe,CAAC,OAAoB,EAAE,YAAmC;QAC9E,OAAO,IAAA,qCAAO,EAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,GAAG,YAAY,CAAC,CAAkB,CAAC;IAClF,CAAC","sourcesContent":["import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';\nimport { toArray } from 'roosterjs-content-model-dom';\nimport type { ImageEditElementClass } from '../types/ImageEditElementClass';\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\nimport type { DragAndDropContext, DNDDirectionX, DnDDirectionY } from '../types/DragAndDropContext';\n\n/**\n * @internal\n */\nexport function getDropAndDragHelpers(\n    wrapper: HTMLElement,\n    editInfo: ImageMetadataFormat,\n    options: ImageEditOptions,\n    elementClass: ImageEditElementClass,\n    helper: DragAndDropHandler<DragAndDropContext, any>,\n    updateWrapper: (context: DragAndDropContext, _handle: HTMLElement) => void,\n    zoomScale: number,\n    useTouch: boolean\n): DragAndDropHelper<DragAndDropContext, any>[] {\n    return getEditElements(wrapper, elementClass).map(\n        element =>\n            new DragAndDropHelper<DragAndDropContext, any>(\n                element,\n                {\n                    editInfo: editInfo,\n                    options: options,\n                    elementClass,\n                    x: element.dataset.x as DNDDirectionX,\n                    y: element.dataset.y as DnDDirectionY,\n                },\n                updateWrapper,\n                helper,\n                zoomScale,\n                useTouch\n            )\n    );\n}\n\nfunction getEditElements(wrapper: HTMLElement, elementClass: ImageEditElementClass): HTMLElement[] {\n    return toArray(wrapper.querySelectorAll('.' + elementClass)) as HTMLElement[];\n}\n"]}
+{"version":3,"file":"getDropAndDragHelpers.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getDropAndDragHelpers.ts"],"names":[],"mappings":";;;;IAQA;;OAEG;IACH,SAAgB,qBAAqB,CACjC,OAAoB,EACpB,QAA6B,EAC7B,OAAyB,EACzB,YAAmC,EACnC,MAAmD,EACnD,aAA0E,EAC1E,SAAiB,EACjB,QAAiB;QAEjB,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,GAAG,CAC7C,UAAA,OAAO;YACH,OAAA,IAAI,qCAAiB,CACjB,OAAO,EACP;gBACI,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,OAAO;gBAChB,YAAY,cAAA;gBACZ,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAkB;gBACrC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAkB;aACxC,EACD,aAAa,EACb,MAAM,EACN,SAAS,EACT,QAAQ,CACX;QAbD,CAaC,CACR,CAAC;IACN,CAAC;IA3BD,sDA2BC;IAED,SAAS,eAAe,CAAC,OAAoB,EAAE,YAAmC;QAC9E,OAAO,IAAA,qCAAO,EAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,GAAG,YAAY,CAAC,CAAkB,CAAC;IAClF,CAAC","sourcesContent":["import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';\r\nimport { toArray } from 'roosterjs-content-model-dom';\r\nimport type { ImageEditElementClass } from '../types/ImageEditElementClass';\r\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\r\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\r\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\r\nimport type { DragAndDropContext, DNDDirectionX, DnDDirectionY } from '../types/DragAndDropContext';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getDropAndDragHelpers(\r\n    wrapper: HTMLElement,\r\n    editInfo: ImageMetadataFormat,\r\n    options: ImageEditOptions,\r\n    elementClass: ImageEditElementClass,\r\n    helper: DragAndDropHandler<DragAndDropContext, any>,\r\n    updateWrapper: (context: DragAndDropContext, _handle: HTMLElement) => void,\r\n    zoomScale: number,\r\n    useTouch: boolean\r\n): DragAndDropHelper<DragAndDropContext, any>[] {\r\n    return getEditElements(wrapper, elementClass).map(\r\n        element =>\r\n            new DragAndDropHelper<DragAndDropContext, any>(\r\n                element,\r\n                {\r\n                    editInfo: editInfo,\r\n                    options: options,\r\n                    elementClass,\r\n                    x: element.dataset.x as DNDDirectionX,\r\n                    y: element.dataset.y as DnDDirectionY,\r\n                },\r\n                updateWrapper,\r\n                helper,\r\n                zoomScale,\r\n                useTouch\r\n            )\r\n    );\r\n}\r\n\r\nfunction getEditElements(wrapper: HTMLElement, elementClass: ImageEditElementClass): HTMLElement[] {\r\n    return toArray(wrapper.querySelectorAll('.' + elementClass)) as HTMLElement[];\r\n}\r\n"]}

package/lib-amd/imageEdit/utils/getHTMLImageOptions.d.ts

@@ -1,7 +1,7 @@
-import type { IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';
-import type { ImageEditOptions } from '../types/ImageEditOptions';
-import type { ImageHtmlOptions } from '../types/ImageHtmlOptions';
-/**
- * @internal
- */
-export declare const getHTMLImageOptions: (editor: IEditor, options: ImageEditOptions, editInfo: ImageMetadataFormat) => ImageHtmlOptions;
+import type { IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';
+import type { ImageEditOptions } from '../types/ImageEditOptions';
+import type { ImageHtmlOptions } from '../types/ImageHtmlOptions';
+/**
+ * @internal
+ */
+export declare const getHTMLImageOptions: (editor: IEditor, options: ImageEditOptions, editInfo: ImageMetadataFormat) => ImageHtmlOptions;

package/lib-amd/imageEdit/utils/getHTMLImageOptions.js

@@ -1,24 +1,24 @@
-define(["require", "exports", "./imageEditUtils"], function (require, exports, imageEditUtils_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getHTMLImageOptions = void 0;
-    /**
-     * Default background colors for rotate handle
-     */
-    var LIGHT_MODE_BGCOLOR = 'white';
-    var DARK_MODE_BGCOLOR = '#333';
-    /**
-     * @internal
-     */
-    var getHTMLImageOptions = function (editor, options, editInfo) {
-        var _a, _b;
-        return {
-            borderColor: options.borderColor || (editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR),
-            rotateHandleBackColor: editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR,
-            isSmallImage: (0, imageEditUtils_1.isASmallImage)((_a = editInfo.widthPx) !== null && _a !== void 0 ? _a : 0, (_b = editInfo.heightPx) !== null && _b !== void 0 ? _b : 0),
-            disableSideResize: !!options.disableSideResize,
-        };
-    };
-    exports.getHTMLImageOptions = getHTMLImageOptions;
-});
+define(["require", "exports", "./imageEditUtils"], function (require, exports, imageEditUtils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getHTMLImageOptions = void 0;
+    /**
+     * Default background colors for rotate handle
+     */
+    var LIGHT_MODE_BGCOLOR = 'white';
+    var DARK_MODE_BGCOLOR = '#333';
+    /**
+     * @internal
+     */
+    var getHTMLImageOptions = function (editor, options, editInfo) {
+        var _a, _b;
+        return {
+            borderColor: options.borderColor || (editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR),
+            rotateHandleBackColor: editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR,
+            isSmallImage: (0, imageEditUtils_1.isASmallImage)((_a = editInfo.widthPx) !== null && _a !== void 0 ? _a : 0, (_b = editInfo.heightPx) !== null && _b !== void 0 ? _b : 0),
+            disableSideResize: !!options.disableSideResize,
+        };
+    };
+    exports.getHTMLImageOptions = getHTMLImageOptions;
+});
 //# sourceMappingURL=getHTMLImageOptions.js.map

package/lib-amd/imageEdit/utils/getHTMLImageOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"getHTMLImageOptions.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getHTMLImageOptions.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACH,IAAM,kBAAkB,GAAG,OAAO,CAAC;IACnC,IAAM,iBAAiB,GAAG,MAAM,CAAC;IAEjC;;OAEG;IACI,IAAM,mBAAmB,GAAG,UAC/B,MAAe,EACf,OAAyB,EACzB,QAA6B;;QAE7B,OAAO;YACH,WAAW,EACP,OAAO,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACzF,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;YACnF,YAAY,EAAE,IAAA,8BAAa,EAAC,MAAA,QAAQ,CAAC,OAAO,mCAAI,CAAC,EAAE,MAAA,QAAQ,CAAC,QAAQ,mCAAI,CAAC,CAAC;YAC1E,iBAAiB,EAAE,CAAC,CAAC,OAAO,CAAC,iBAAiB;SACjD,CAAC;IACN,CAAC,CAAC;IAZW,QAAA,mBAAmB,uBAY9B","sourcesContent":["import { isASmallImage } from './imageEditUtils';\nimport type { IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\nimport type { ImageHtmlOptions } from '../types/ImageHtmlOptions';\n\n/**\n * Default background colors for rotate handle\n */\nconst LIGHT_MODE_BGCOLOR = 'white';\nconst DARK_MODE_BGCOLOR = '#333';\n\n/**\n * @internal\n */\nexport const getHTMLImageOptions = (\n    editor: IEditor,\n    options: ImageEditOptions,\n    editInfo: ImageMetadataFormat\n): ImageHtmlOptions => {\n    return {\n        borderColor:\n            options.borderColor || (editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR),\n        rotateHandleBackColor: editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR,\n        isSmallImage: isASmallImage(editInfo.widthPx ?? 0, editInfo.heightPx ?? 0),\n        disableSideResize: !!options.disableSideResize,\n    };\n};\n"]}
+{"version":3,"file":"getHTMLImageOptions.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getHTMLImageOptions.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACH,IAAM,kBAAkB,GAAG,OAAO,CAAC;IACnC,IAAM,iBAAiB,GAAG,MAAM,CAAC;IAEjC;;OAEG;IACI,IAAM,mBAAmB,GAAG,UAC/B,MAAe,EACf,OAAyB,EACzB,QAA6B;;QAE7B,OAAO;YACH,WAAW,EACP,OAAO,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACzF,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;YACnF,YAAY,EAAE,IAAA,8BAAa,EAAC,MAAA,QAAQ,CAAC,OAAO,mCAAI,CAAC,EAAE,MAAA,QAAQ,CAAC,QAAQ,mCAAI,CAAC,CAAC;YAC1E,iBAAiB,EAAE,CAAC,CAAC,OAAO,CAAC,iBAAiB;SACjD,CAAC;IACN,CAAC,CAAC;IAZW,QAAA,mBAAmB,uBAY9B","sourcesContent":["import { isASmallImage } from './imageEditUtils';\r\nimport type { IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';\r\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\r\nimport type { ImageHtmlOptions } from '../types/ImageHtmlOptions';\r\n\r\n/**\r\n * Default background colors for rotate handle\r\n */\r\nconst LIGHT_MODE_BGCOLOR = 'white';\r\nconst DARK_MODE_BGCOLOR = '#333';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport const getHTMLImageOptions = (\r\n    editor: IEditor,\r\n    options: ImageEditOptions,\r\n    editInfo: ImageMetadataFormat\r\n): ImageHtmlOptions => {\r\n    return {\r\n        borderColor:\r\n            options.borderColor || (editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR),\r\n        rotateHandleBackColor: editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR,\r\n        isSmallImage: isASmallImage(editInfo.widthPx ?? 0, editInfo.heightPx ?? 0),\r\n        disableSideResize: !!options.disableSideResize,\r\n    };\r\n};\r\n"]}

package/lib-amd/imageEdit/utils/getSelectedImage.d.ts

@@ -1,6 +1,6 @@
-import type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';
-import type { ImageAndParagraph } from '../types/ImageAndParagraph';
-/**
- * @internal
- */
-export declare function getSelectedImage(model: ReadonlyContentModelDocument): ImageAndParagraph | null;
+import type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';
+import type { ImageAndParagraph } from '../types/ImageAndParagraph';
+/**
+ * @internal
+ */
+export declare function getSelectedImage(model: ReadonlyContentModelDocument): ImageAndParagraph | null;

package/lib-amd/imageEdit/utils/getSelectedImage.js

@@ -1,22 +1,22 @@
-define(["require", "exports", "roosterjs-content-model-dom"], function (require, exports, roosterjs_content_model_dom_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getSelectedImage = void 0;
-    /**
-     * @internal
-     */
-    function getSelectedImage(model) {
-        var selections = (0, roosterjs_content_model_dom_1.getSelectedSegmentsAndParagraphs)(model, false);
-        if (selections.length == 1 && selections[0][0].segmentType == 'Image' && selections[0][1]) {
-            return {
-                image: selections[0][0],
-                paragraph: selections[0][1],
-            };
-        }
-        else {
-            return null;
-        }
-    }
-    exports.getSelectedImage = getSelectedImage;
-});
+define(["require", "exports", "roosterjs-content-model-dom"], function (require, exports, roosterjs_content_model_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getSelectedImage = void 0;
+    /**
+     * @internal
+     */
+    function getSelectedImage(model) {
+        var selections = (0, roosterjs_content_model_dom_1.getSelectedSegmentsAndParagraphs)(model, false);
+        if (selections.length == 1 && selections[0][0].segmentType == 'Image' && selections[0][1]) {
+            return {
+                image: selections[0][0],
+                paragraph: selections[0][1],
+            };
+        }
+        else {
+            return null;
+        }
+    }
+    exports.getSelectedImage = getSelectedImage;
+});
 //# sourceMappingURL=getSelectedImage.js.map

package/lib-amd/imageEdit/utils/getSelectedImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSelectedImage.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getSelectedImage.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACH,SAAgB,gBAAgB,CAAC,KAAmC;QAChE,IAAM,UAAU,GAAG,IAAA,8DAAgC,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAElE,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvF,OAAO;gBACH,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC9B,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IAXD,4CAWC","sourcesContent":["import { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-dom';\nimport type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';\nimport type { ImageAndParagraph } from '../types/ImageAndParagraph';\n\n/**\n * @internal\n */\nexport function getSelectedImage(model: ReadonlyContentModelDocument): ImageAndParagraph | null {\n    const selections = getSelectedSegmentsAndParagraphs(model, false);\n\n    if (selections.length == 1 && selections[0][0].segmentType == 'Image' && selections[0][1]) {\n        return {\n            image: selections[0][0],\n            paragraph: selections[0][1],\n        };\n    } else {\n        return null;\n    }\n}\n"]}
+{"version":3,"file":"getSelectedImage.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getSelectedImage.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACH,SAAgB,gBAAgB,CAAC,KAAmC;QAChE,IAAM,UAAU,GAAG,IAAA,8DAAgC,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAElE,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvF,OAAO;gBACH,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC9B,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IAXD,4CAWC","sourcesContent":["import { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-dom';\r\nimport type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';\r\nimport type { ImageAndParagraph } from '../types/ImageAndParagraph';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getSelectedImage(model: ReadonlyContentModelDocument): ImageAndParagraph | null {\r\n    const selections = getSelectedSegmentsAndParagraphs(model, false);\r\n\r\n    if (selections.length == 1 && selections[0][0].segmentType == 'Image' && selections[0][1]) {\r\n        return {\r\n            image: selections[0][0],\r\n            paragraph: selections[0][1],\r\n        };\r\n    } else {\r\n        return null;\r\n    }\r\n}\r\n"]}

package/lib-amd/imageEdit/utils/imageEditUtils.d.ts

@@ -1,47 +1,47 @@
-/**
- * @internal
- */
-interface WrapperDimensions {
-    height: number;
-    width: number;
-}
-/**
- * @internal
- */
-export declare function getPx(value: number): string;
-/**
- * @internal
- */
-export declare function isASmallImage(widthPx: number, heightPx: number): boolean;
-/**
- * @internal Calculate the rotated x and y distance for mouse moving
- * @param x Original x distance
- * @param y Original y distance
- * @param angle Rotated angle, in radian
- * @returns rotated x and y distances
- */
-export declare function rotateCoordinate(x: number, y: number, angle: number): [number, number];
-/**
- * @internal
- */
-export declare function setFlipped(element: HTMLElement | null, flippedHorizontally?: boolean, flippedVertically?: boolean): void;
-/**
- * @internal
- */
-export declare function setWrapperSizeDimensions(wrapper: HTMLElement, image: HTMLImageElement, width: number, height: number, isRotating: boolean): void;
-/**
- * @internal
- */
-export declare function setSize(element: HTMLElement, left: number | undefined, top: number | undefined, right: number | undefined, bottom: number | undefined, width: number | undefined, height: number | undefined): void;
-/**
- * @internal
- * Check if the current image was resized by the user
- * @param image the current image
- * @returns if the user resized the image, returns true, otherwise, returns false
- */
-export declare function checkIfImageWasResized(image: HTMLImageElement): boolean;
-/**
- * @internal
- */
-export declare function getActualWrapperDimensions(image: HTMLImageElement, wrapperWidth: number, wrapperHeight: number): WrapperDimensions;
-export {};
+/**
+ * @internal
+ */
+interface WrapperDimensions {
+    height: number;
+    width: number;
+}
+/**
+ * @internal
+ */
+export declare function getPx(value: number): string;
+/**
+ * @internal
+ */
+export declare function isASmallImage(widthPx: number, heightPx: number): boolean;
+/**
+ * @internal Calculate the rotated x and y distance for mouse moving
+ * @param x Original x distance
+ * @param y Original y distance
+ * @param angle Rotated angle, in radian
+ * @returns rotated x and y distances
+ */
+export declare function rotateCoordinate(x: number, y: number, angle: number): [number, number];
+/**
+ * @internal
+ */
+export declare function setFlipped(element: HTMLElement | null, flippedHorizontally?: boolean, flippedVertically?: boolean): void;
+/**
+ * @internal
+ */
+export declare function setWrapperSizeDimensions(wrapper: HTMLElement, image: HTMLImageElement, width: number, height: number, isRotating: boolean): void;
+/**
+ * @internal
+ */
+export declare function setSize(element: HTMLElement, left: number | undefined, top: number | undefined, right: number | undefined, bottom: number | undefined, width: number | undefined, height: number | undefined): void;
+/**
+ * @internal
+ * Check if the current image was resized by the user
+ * @param image the current image
+ * @returns if the user resized the image, returns true, otherwise, returns false
+ */
+export declare function checkIfImageWasResized(image: HTMLImageElement): boolean;
+/**
+ * @internal
+ */
+export declare function getActualWrapperDimensions(image: HTMLImageElement, wrapperWidth: number, wrapperHeight: number): WrapperDimensions;
+export {};

package/lib-amd/imageEdit/utils/imageEditUtils.js

@@ -1,117 +1,117 @@
-define(["require", "exports", "../constants/constants"], function (require, exports, constants_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getActualWrapperDimensions = exports.checkIfImageWasResized = exports.setSize = exports.setWrapperSizeDimensions = exports.setFlipped = exports.rotateCoordinate = exports.isASmallImage = exports.getPx = void 0;
-    /**
-     * @internal
-     */
-    function getPx(value) {
-        return value + 'px';
-    }
-    exports.getPx = getPx;
-    /**
-     * @internal
-     */
-    function isASmallImage(widthPx, heightPx) {
-        return widthPx && heightPx && (widthPx < constants_1.MIN_HEIGHT_WIDTH || heightPx < constants_1.MIN_HEIGHT_WIDTH)
-            ? true
-            : false;
-    }
-    exports.isASmallImage = isASmallImage;
-    /**
-     * @internal Calculate the rotated x and y distance for mouse moving
-     * @param x Original x distance
-     * @param y Original y distance
-     * @param angle Rotated angle, in radian
-     * @returns rotated x and y distances
-     */
-    function rotateCoordinate(x, y, angle) {
-        if (x == 0 && y == 0) {
-            return [0, 0];
-        }
-        var hypotenuse = Math.sqrt(x * x + y * y);
-        angle = Math.atan2(y, x) - angle;
-        return [hypotenuse * Math.cos(angle), hypotenuse * Math.sin(angle)];
-    }
-    exports.rotateCoordinate = rotateCoordinate;
-    /**
-     * @internal
-     */
-    function setFlipped(element, flippedHorizontally, flippedVertically) {
-        if (element) {
-            element.style.transform = "scale(" + (flippedHorizontally ? -1 : 1) + ", " + (flippedVertically ? -1 : 1) + ")";
-        }
-    }
-    exports.setFlipped = setFlipped;
-    /**
-     * @internal
-     */
-    function setWrapperSizeDimensions(wrapper, image, width, height, isRotating) {
-        var hasBorder = image.style.borderStyle;
-        if (hasBorder) {
-            var borderWidth = image.style.borderWidth ? 2 * parseInt(image.style.borderWidth) : 2;
-            if (isRotating) {
-                wrapper.style.width = getPx(parseInt(image.style.width) + borderWidth);
-                wrapper.style.height = getPx(parseInt(image.style.height) + borderWidth);
-                return;
-            }
-            wrapper.style.width = getPx(width + borderWidth);
-            wrapper.style.height = getPx(height + borderWidth);
-            return;
-        }
-        wrapper.style.width = getPx(width);
-        wrapper.style.height = getPx(height);
-    }
-    exports.setWrapperSizeDimensions = setWrapperSizeDimensions;
-    /**
-     * @internal
-     */
-    function setSize(element, left, top, right, bottom, width, height) {
-        element.style.left = left !== undefined ? getPx(left) : element.style.left;
-        element.style.top = top !== undefined ? getPx(top) : element.style.top;
-        element.style.right = right !== undefined ? getPx(right) : element.style.right;
-        element.style.bottom = bottom !== undefined ? getPx(bottom) : element.style.bottom;
-        element.style.width = width !== undefined ? getPx(width) : element.style.width;
-        element.style.height = height !== undefined ? getPx(height) : element.style.height;
-    }
-    exports.setSize = setSize;
-    /**
-     * @internal
-     * Check if the current image was resized by the user
-     * @param image the current image
-     * @returns if the user resized the image, returns true, otherwise, returns false
-     */
-    function checkIfImageWasResized(image) {
-        var style = image.style;
-        var isMaxWidthInitial = style.maxWidth === '' || style.maxWidth === 'initial' || style.maxWidth === 'auto';
-        if (isMaxWidthInitial &&
-            (isFixedNumberValue(style.height) || isFixedNumberValue(style.width))) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    exports.checkIfImageWasResized = checkIfImageWasResized;
-    function isFixedNumberValue(value) {
-        var numberValue = typeof value === 'string' ? parseInt(value) : value;
-        return !isNaN(numberValue);
-    }
-    /**
-     * @internal
-     */
-    function getActualWrapperDimensions(image, wrapperWidth, wrapperHeight) {
-        var hasBorder = image.style.borderStyle;
-        var borderWidth = hasBorder && image.style.borderWidth
-            ? 2 * parseInt(image.style.borderWidth)
-            : hasBorder
-                ? 2
-                : 0;
-        return {
-            width: wrapperWidth - borderWidth,
-            height: wrapperHeight - borderWidth,
-        };
-    }
-    exports.getActualWrapperDimensions = getActualWrapperDimensions;
-});
+define(["require", "exports", "../constants/constants"], function (require, exports, constants_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getActualWrapperDimensions = exports.checkIfImageWasResized = exports.setSize = exports.setWrapperSizeDimensions = exports.setFlipped = exports.rotateCoordinate = exports.isASmallImage = exports.getPx = void 0;
+    /**
+     * @internal
+     */
+    function getPx(value) {
+        return value + 'px';
+    }
+    exports.getPx = getPx;
+    /**
+     * @internal
+     */
+    function isASmallImage(widthPx, heightPx) {
+        return widthPx && heightPx && (widthPx < constants_1.MIN_HEIGHT_WIDTH || heightPx < constants_1.MIN_HEIGHT_WIDTH)
+            ? true
+            : false;
+    }
+    exports.isASmallImage = isASmallImage;
+    /**
+     * @internal Calculate the rotated x and y distance for mouse moving
+     * @param x Original x distance
+     * @param y Original y distance
+     * @param angle Rotated angle, in radian
+     * @returns rotated x and y distances
+     */
+    function rotateCoordinate(x, y, angle) {
+        if (x == 0 && y == 0) {
+            return [0, 0];
+        }
+        var hypotenuse = Math.sqrt(x * x + y * y);
+        angle = Math.atan2(y, x) - angle;
+        return [hypotenuse * Math.cos(angle), hypotenuse * Math.sin(angle)];
+    }
+    exports.rotateCoordinate = rotateCoordinate;
+    /**
+     * @internal
+     */
+    function setFlipped(element, flippedHorizontally, flippedVertically) {
+        if (element) {
+            element.style.transform = "scale(" + (flippedHorizontally ? -1 : 1) + ", " + (flippedVertically ? -1 : 1) + ")";
+        }
+    }
+    exports.setFlipped = setFlipped;
+    /**
+     * @internal
+     */
+    function setWrapperSizeDimensions(wrapper, image, width, height, isRotating) {
+        var hasBorder = image.style.borderStyle;
+        if (hasBorder) {
+            var borderWidth = image.style.borderWidth ? 2 * parseInt(image.style.borderWidth) : 2;
+            if (isRotating) {
+                wrapper.style.width = getPx(parseInt(image.style.width) + borderWidth);
+                wrapper.style.height = getPx(parseInt(image.style.height) + borderWidth);
+                return;
+            }
+            wrapper.style.width = getPx(width + borderWidth);
+            wrapper.style.height = getPx(height + borderWidth);
+            return;
+        }
+        wrapper.style.width = getPx(width);
+        wrapper.style.height = getPx(height);
+    }
+    exports.setWrapperSizeDimensions = setWrapperSizeDimensions;
+    /**
+     * @internal
+     */
+    function setSize(element, left, top, right, bottom, width, height) {
+        element.style.left = left !== undefined ? getPx(left) : element.style.left;
+        element.style.top = top !== undefined ? getPx(top) : element.style.top;
+        element.style.right = right !== undefined ? getPx(right) : element.style.right;
+        element.style.bottom = bottom !== undefined ? getPx(bottom) : element.style.bottom;
+        element.style.width = width !== undefined ? getPx(width) : element.style.width;
+        element.style.height = height !== undefined ? getPx(height) : element.style.height;
+    }
+    exports.setSize = setSize;
+    /**
+     * @internal
+     * Check if the current image was resized by the user
+     * @param image the current image
+     * @returns if the user resized the image, returns true, otherwise, returns false
+     */
+    function checkIfImageWasResized(image) {
+        var style = image.style;
+        var isMaxWidthInitial = style.maxWidth === '' || style.maxWidth === 'initial' || style.maxWidth === 'auto';
+        if (isMaxWidthInitial &&
+            (isFixedNumberValue(style.height) || isFixedNumberValue(style.width))) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    exports.checkIfImageWasResized = checkIfImageWasResized;
+    function isFixedNumberValue(value) {
+        var numberValue = typeof value === 'string' ? parseInt(value) : value;
+        return !isNaN(numberValue);
+    }
+    /**
+     * @internal
+     */
+    function getActualWrapperDimensions(image, wrapperWidth, wrapperHeight) {
+        var hasBorder = image.style.borderStyle;
+        var borderWidth = hasBorder && image.style.borderWidth
+            ? 2 * parseInt(image.style.borderWidth)
+            : hasBorder
+                ? 2
+                : 0;
+        return {
+            width: wrapperWidth - borderWidth,
+            height: wrapperHeight - borderWidth,
+        };
+    }
+    exports.getActualWrapperDimensions = getActualWrapperDimensions;
+});
 //# sourceMappingURL=imageEditUtils.js.map

package/lib-amd/imageEdit/utils/imageEditUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageEditUtils.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/imageEditUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import { MIN_HEIGHT_WIDTH } from '../constants/constants';\n\n/**\n * @internal\n */\ninterface WrapperDimensions {\n    height: number;\n    width: number;\n}\n\n/**\n * @internal\n */\nexport function getPx(value: number): string {\n    return value + 'px';\n}\n\n/**\n * @internal\n */\nexport function isASmallImage(widthPx: number, heightPx: number): boolean {\n    return widthPx && heightPx && (widthPx < MIN_HEIGHT_WIDTH || heightPx < MIN_HEIGHT_WIDTH)\n        ? true\n        : false;\n}\n\n/**\n * @internal Calculate the rotated x and y distance for mouse moving\n * @param x Original x distance\n * @param y Original y distance\n * @param angle Rotated angle, in radian\n * @returns rotated x and y distances\n */\nexport function rotateCoordinate(x: number, y: number, angle: number): [number, number] {\n    if (x == 0 && y == 0) {\n        return [0, 0];\n    }\n    const hypotenuse = Math.sqrt(x * x + y * y);\n    angle = Math.atan2(y, x) - angle;\n    return [hypotenuse * Math.cos(angle), hypotenuse * Math.sin(angle)];\n}\n\n/**\n * @internal\n */\nexport function setFlipped(\n    element: HTMLElement | null,\n    flippedHorizontally?: boolean,\n    flippedVertically?: boolean\n) {\n    if (element) {\n        element.style.transform = `scale(${flippedHorizontally ? -1 : 1}, ${\n            flippedVertically ? -1 : 1\n        })`;\n    }\n}\n\n/**\n * @internal\n */\nexport function setWrapperSizeDimensions(\n    wrapper: HTMLElement,\n    image: HTMLImageElement,\n    width: number,\n    height: number,\n    isRotating: boolean\n) {\n    const hasBorder = image.style.borderStyle;\n    if (hasBorder) {\n        const borderWidth = image.style.borderWidth ? 2 * parseInt(image.style.borderWidth) : 2;\n        if (isRotating) {\n            wrapper.style.width = getPx(parseInt(image.style.width) + borderWidth);\n            wrapper.style.height = getPx(parseInt(image.style.height) + borderWidth);\n            return;\n        }\n        wrapper.style.width = getPx(width + borderWidth);\n        wrapper.style.height = getPx(height + borderWidth);\n        return;\n    }\n    wrapper.style.width = getPx(width);\n    wrapper.style.height = getPx(height);\n}\n\n/**\n * @internal\n */\nexport function setSize(\n    element: HTMLElement,\n    left: number | undefined,\n    top: number | undefined,\n    right: number | undefined,\n    bottom: number | undefined,\n    width: number | undefined,\n    height: number | undefined\n) {\n    element.style.left = left !== undefined ? getPx(left) : element.style.left;\n    element.style.top = top !== undefined ? getPx(top) : element.style.top;\n    element.style.right = right !== undefined ? getPx(right) : element.style.right;\n    element.style.bottom = bottom !== undefined ? getPx(bottom) : element.style.bottom;\n    element.style.width = width !== undefined ? getPx(width) : element.style.width;\n    element.style.height = height !== undefined ? getPx(height) : element.style.height;\n}\n\n/**\n * @internal\n * Check if the current image was resized by the user\n * @param image the current image\n * @returns if the user resized the image, returns true, otherwise, returns false\n */\nexport function checkIfImageWasResized(image: HTMLImageElement): boolean {\n    const { style } = image;\n    const isMaxWidthInitial =\n        style.maxWidth === '' || style.maxWidth === 'initial' || style.maxWidth === 'auto';\n    if (\n        isMaxWidthInitial &&\n        (isFixedNumberValue(style.height) || isFixedNumberValue(style.width))\n    ) {\n        return true;\n    } else {\n        return false;\n    }\n}\n\nfunction isFixedNumberValue(value: string | number) {\n    const numberValue = typeof value === 'string' ? parseInt(value) : value;\n    return !isNaN(numberValue);\n}\n\n/**\n * @internal\n */\nexport function getActualWrapperDimensions(\n    image: HTMLImageElement,\n    wrapperWidth: number,\n    wrapperHeight: number\n): WrapperDimensions {\n    const hasBorder = image.style.borderStyle;\n    const borderWidth =\n        hasBorder && image.style.borderWidth\n            ? 2 * parseInt(image.style.borderWidth)\n            : hasBorder\n            ? 2\n            : 0;\n\n    return {\n        width: wrapperWidth - borderWidth,\n        height: wrapperHeight - borderWidth,\n    };\n}\n"]}
+{"version":3,"file":"imageEditUtils.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/imageEditUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import { MIN_HEIGHT_WIDTH } from '../constants/constants';\r\n\r\n/**\r\n * @internal\r\n */\r\ninterface WrapperDimensions {\r\n    height: number;\r\n    width: number;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getPx(value: number): string {\r\n    return value + 'px';\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function isASmallImage(widthPx: number, heightPx: number): boolean {\r\n    return widthPx && heightPx && (widthPx < MIN_HEIGHT_WIDTH || heightPx < MIN_HEIGHT_WIDTH)\r\n        ? true\r\n        : false;\r\n}\r\n\r\n/**\r\n * @internal Calculate the rotated x and y distance for mouse moving\r\n * @param x Original x distance\r\n * @param y Original y distance\r\n * @param angle Rotated angle, in radian\r\n * @returns rotated x and y distances\r\n */\r\nexport function rotateCoordinate(x: number, y: number, angle: number): [number, number] {\r\n    if (x == 0 && y == 0) {\r\n        return [0, 0];\r\n    }\r\n    const hypotenuse = Math.sqrt(x * x + y * y);\r\n    angle = Math.atan2(y, x) - angle;\r\n    return [hypotenuse * Math.cos(angle), hypotenuse * Math.sin(angle)];\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function setFlipped(\r\n    element: HTMLElement | null,\r\n    flippedHorizontally?: boolean,\r\n    flippedVertically?: boolean\r\n) {\r\n    if (element) {\r\n        element.style.transform = `scale(${flippedHorizontally ? -1 : 1}, ${\r\n            flippedVertically ? -1 : 1\r\n        })`;\r\n    }\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function setWrapperSizeDimensions(\r\n    wrapper: HTMLElement,\r\n    image: HTMLImageElement,\r\n    width: number,\r\n    height: number,\r\n    isRotating: boolean\r\n) {\r\n    const hasBorder = image.style.borderStyle;\r\n    if (hasBorder) {\r\n        const borderWidth = image.style.borderWidth ? 2 * parseInt(image.style.borderWidth) : 2;\r\n        if (isRotating) {\r\n            wrapper.style.width = getPx(parseInt(image.style.width) + borderWidth);\r\n            wrapper.style.height = getPx(parseInt(image.style.height) + borderWidth);\r\n            return;\r\n        }\r\n        wrapper.style.width = getPx(width + borderWidth);\r\n        wrapper.style.height = getPx(height + borderWidth);\r\n        return;\r\n    }\r\n    wrapper.style.width = getPx(width);\r\n    wrapper.style.height = getPx(height);\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function setSize(\r\n    element: HTMLElement,\r\n    left: number | undefined,\r\n    top: number | undefined,\r\n    right: number | undefined,\r\n    bottom: number | undefined,\r\n    width: number | undefined,\r\n    height: number | undefined\r\n) {\r\n    element.style.left = left !== undefined ? getPx(left) : element.style.left;\r\n    element.style.top = top !== undefined ? getPx(top) : element.style.top;\r\n    element.style.right = right !== undefined ? getPx(right) : element.style.right;\r\n    element.style.bottom = bottom !== undefined ? getPx(bottom) : element.style.bottom;\r\n    element.style.width = width !== undefined ? getPx(width) : element.style.width;\r\n    element.style.height = height !== undefined ? getPx(height) : element.style.height;\r\n}\r\n\r\n/**\r\n * @internal\r\n * Check if the current image was resized by the user\r\n * @param image the current image\r\n * @returns if the user resized the image, returns true, otherwise, returns false\r\n */\r\nexport function checkIfImageWasResized(image: HTMLImageElement): boolean {\r\n    const { style } = image;\r\n    const isMaxWidthInitial =\r\n        style.maxWidth === '' || style.maxWidth === 'initial' || style.maxWidth === 'auto';\r\n    if (\r\n        isMaxWidthInitial &&\r\n        (isFixedNumberValue(style.height) || isFixedNumberValue(style.width))\r\n    ) {\r\n        return true;\r\n    } else {\r\n        return false;\r\n    }\r\n}\r\n\r\nfunction isFixedNumberValue(value: string | number) {\r\n    const numberValue = typeof value === 'string' ? parseInt(value) : value;\r\n    return !isNaN(numberValue);\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getActualWrapperDimensions(\r\n    image: HTMLImageElement,\r\n    wrapperWidth: number,\r\n    wrapperHeight: number\r\n): WrapperDimensions {\r\n    const hasBorder = image.style.borderStyle;\r\n    const borderWidth =\r\n        hasBorder && image.style.borderWidth\r\n            ? 2 * parseInt(image.style.borderWidth)\r\n            : hasBorder\r\n            ? 2\r\n            : 0;\r\n\r\n    return {\r\n        width: wrapperWidth - borderWidth,\r\n        height: wrapperHeight - borderWidth,\r\n    };\r\n}\r\n"]}