roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib-mjs/imageEdit/utils/checkEditInfoState.js

@@ -1,49 +1,49 @@
-import { __read, __spreadArray } from "tslib";
-var RESIZE_KEYS = ['widthPx', 'heightPx'];
-var ROTATE_KEYS = ['angleRad'];
-var CROP_KEYS = [
-    'leftPercent',
-    'rightPercent',
-    'topPercent',
-    'bottomPercent',
-];
-var ROTATE_CROP_KEYS = __spreadArray(__spreadArray([], __read(ROTATE_KEYS), false), __read(CROP_KEYS), false);
-var ALL_KEYS = __spreadArray(__spreadArray([], __read(ROTATE_CROP_KEYS), false), __read(RESIZE_KEYS), false);
-/**
- * @internal
- * Check the state of an edit info
- * @param editInfo The edit info to check
- * @param compareTo An optional edit info to compare to
- * @returns If the source edit info is not valid (wrong type, missing field, ...), returns Invalid.
- * If the source edit info doesn't contain any rotation or cropping, returns ResizeOnly
- * If the compare edit info exists, and both of them don't contain rotation, and the have same cropping values,
- * returns SameWithLast. Otherwise, returns FullyChanged
- */
-export function checkEditInfoState(editInfo, compareTo) {
-    if (!editInfo || !editInfo.src || ALL_KEYS.some(function (key) { return !isNumber(editInfo[key]); })) {
-        return 'Invalid';
-    }
-    else if (ROTATE_CROP_KEYS.every(function (key) { return areSameNumber(editInfo[key], 0); }) &&
-        !editInfo.flippedHorizontal &&
-        !editInfo.flippedVertical &&
-        (!compareTo || (compareTo && editInfo.angleRad === compareTo.angleRad))) {
-        return 'ResizeOnly';
-    }
-    else if (compareTo &&
-        ROTATE_KEYS.every(function (key) { return areSameNumber(editInfo[key], compareTo[key]); }) &&
-        CROP_KEYS.every(function (key) { return areSameNumber(editInfo[key], compareTo[key]); }) &&
-        compareTo.flippedHorizontal === editInfo.flippedHorizontal &&
-        compareTo.flippedVertical === editInfo.flippedVertical) {
-        return 'SameWithLast';
-    }
-    else {
-        return 'FullyChanged';
-    }
-}
-function isNumber(o) {
-    return typeof o === 'number';
-}
-function areSameNumber(n1, n2) {
-    return n1 != undefined && n2 != undefined && Math.abs(n1 - n2) < 1e-3;
-}
+import { __read, __spreadArray } from "tslib";
+var RESIZE_KEYS = ['widthPx', 'heightPx'];
+var ROTATE_KEYS = ['angleRad'];
+var CROP_KEYS = [
+    'leftPercent',
+    'rightPercent',
+    'topPercent',
+    'bottomPercent',
+];
+var ROTATE_CROP_KEYS = __spreadArray(__spreadArray([], __read(ROTATE_KEYS), false), __read(CROP_KEYS), false);
+var ALL_KEYS = __spreadArray(__spreadArray([], __read(ROTATE_CROP_KEYS), false), __read(RESIZE_KEYS), false);
+/**
+ * @internal
+ * Check the state of an edit info
+ * @param editInfo The edit info to check
+ * @param compareTo An optional edit info to compare to
+ * @returns If the source edit info is not valid (wrong type, missing field, ...), returns Invalid.
+ * If the source edit info doesn't contain any rotation or cropping, returns ResizeOnly
+ * If the compare edit info exists, and both of them don't contain rotation, and the have same cropping values,
+ * returns SameWithLast. Otherwise, returns FullyChanged
+ */
+export function checkEditInfoState(editInfo, compareTo) {
+    if (!editInfo || !editInfo.src || ALL_KEYS.some(function (key) { return !isNumber(editInfo[key]); })) {
+        return 'Invalid';
+    }
+    else if (ROTATE_CROP_KEYS.every(function (key) { return areSameNumber(editInfo[key], 0); }) &&
+        !editInfo.flippedHorizontal &&
+        !editInfo.flippedVertical &&
+        (!compareTo || (compareTo && editInfo.angleRad === compareTo.angleRad))) {
+        return 'ResizeOnly';
+    }
+    else if (compareTo &&
+        ROTATE_KEYS.every(function (key) { return areSameNumber(editInfo[key], compareTo[key]); }) &&
+        CROP_KEYS.every(function (key) { return areSameNumber(editInfo[key], compareTo[key]); }) &&
+        compareTo.flippedHorizontal === editInfo.flippedHorizontal &&
+        compareTo.flippedVertical === editInfo.flippedVertical) {
+        return 'SameWithLast';
+    }
+    else {
+        return 'FullyChanged';
+    }
+}
+function isNumber(o) {
+    return typeof o === 'number';
+}
+function areSameNumber(n1, n2) {
+    return n1 != undefined && n2 != undefined && Math.abs(n1 - n2) < 1e-3;
+}
 //# sourceMappingURL=checkEditInfoState.js.map

package/lib-mjs/imageEdit/utils/checkEditInfoState.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkEditInfoState.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/checkEditInfoState.ts"],"names":[],"mappings":";AAOA,IAAM,WAAW,GAAwC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AACjF,IAAM,WAAW,GAAwC,CAAC,UAAU,CAAC,CAAC;AACtE,IAAM,SAAS,GAAsC;IACjD,aAAa;IACb,cAAc;IACd,YAAY;IACZ,eAAe;CAClB,CAAC;AACF,IAAM,gBAAgB,0CACf,WAAW,kBACX,SAAS,SACf,CAAC;AACF,IAAM,QAAQ,0CAAO,gBAAgB,kBAAK,WAAW,SAAC,CAAC;AAmCvD;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAC9B,QAA6B,EAC7B,SAA+B;IAE/B,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAxB,CAAwB,CAAC,EAAE;QAC9E,OAAO,SAAS,CAAC;KACpB;SAAM,IACH,gBAAgB,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAA/B,CAA+B,CAAC;QAC9D,CAAC,QAAQ,CAAC,iBAAiB;QAC3B,CAAC,QAAQ,CAAC,eAAe;QACzB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAC,CAAC,EACzE;QACE,OAAO,YAAY,CAAC;KACvB;SAAM,IACH,SAAS;QACT,WAAW,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAA5C,CAA4C,CAAC;QACtE,SAAS,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAA5C,CAA4C,CAAC;QACpE,SAAS,CAAC,iBAAiB,KAAK,QAAQ,CAAC,iBAAiB;QAC1D,SAAS,CAAC,eAAe,KAAK,QAAQ,CAAC,eAAe,EACxD;QACE,OAAO,cAAc,CAAC;KACzB;SAAM;QACH,OAAO,cAAc,CAAC;KACzB;AACL,CAAC;AAED,SAAS,QAAQ,CAAC,CAAM;IACpB,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC;AACjC,CAAC;AAED,SAAS,aAAa,CAAC,EAAW,EAAE,EAAW;IAC3C,OAAO,EAAE,IAAI,SAAS,IAAI,EAAE,IAAI,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC;AAC1E,CAAC","sourcesContent":["import type {\n    ImageCropMetadataFormat,\n    ImageMetadataFormat,\n    ImageResizeMetadataFormat,\n    ImageRotateMetadataFormat,\n} from 'roosterjs-content-model-types';\n\nconst RESIZE_KEYS: (keyof ImageResizeMetadataFormat)[] = ['widthPx', 'heightPx'];\nconst ROTATE_KEYS: (keyof ImageRotateMetadataFormat)[] = ['angleRad'];\nconst CROP_KEYS: (keyof ImageCropMetadataFormat)[] = [\n    'leftPercent',\n    'rightPercent',\n    'topPercent',\n    'bottomPercent',\n];\nconst ROTATE_CROP_KEYS: (keyof ImageRotateMetadataFormat | keyof ImageCropMetadataFormat)[] = [\n    ...ROTATE_KEYS,\n    ...CROP_KEYS,\n];\nconst ALL_KEYS = [...ROTATE_CROP_KEYS, ...RESIZE_KEYS];\n\n/**\n * @internal\n * State of an edit info object for image editing.\n * It is returned by checkEditInfoState() function\n */\nexport type ImageEditInfoState =\n    /**\n     * Invalid edit info. It means the given edit info object is either null,\n     * or not all its member are of correct type\n     */\n    | 'Invalid'\n\n    /**\n     * The edit info shows that it is only potentially edited by resizing action.\n     * Image is not rotated or cropped, or event not changed at all.\n     */\n    | 'ResizeOnly'\n\n    /**\n     * When compare with another edit info, this value can be returned when both current\n     * edit info and the other one are not been rotated, and they have same cropping\n     * percentages. So that they can share the same image src, only width and height\n     * need to be adjusted.\n     */\n    | 'SameWithLast'\n\n    /**\n     * When this value is returned, it means the image is edited by either cropping or\n     * rotation, or both. Image source can't be reused, need to generate a new image src\n     * data uri.\n     */\n    | 'FullyChanged';\n\n/**\n * @internal\n * Check the state of an edit info\n * @param editInfo The edit info to check\n * @param compareTo An optional edit info to compare to\n * @returns If the source edit info is not valid (wrong type, missing field, ...), returns Invalid.\n * If the source edit info doesn't contain any rotation or cropping, returns ResizeOnly\n * If the compare edit info exists, and both of them don't contain rotation, and the have same cropping values,\n * returns SameWithLast. Otherwise, returns FullyChanged\n */\nexport function checkEditInfoState(\n    editInfo: ImageMetadataFormat,\n    compareTo?: ImageMetadataFormat\n): ImageEditInfoState {\n    if (!editInfo || !editInfo.src || ALL_KEYS.some(key => !isNumber(editInfo[key]))) {\n        return 'Invalid';\n    } else if (\n        ROTATE_CROP_KEYS.every(key => areSameNumber(editInfo[key], 0)) &&\n        !editInfo.flippedHorizontal &&\n        !editInfo.flippedVertical &&\n        (!compareTo || (compareTo && editInfo.angleRad === compareTo.angleRad))\n    ) {\n        return 'ResizeOnly';\n    } else if (\n        compareTo &&\n        ROTATE_KEYS.every(key => areSameNumber(editInfo[key], compareTo[key])) &&\n        CROP_KEYS.every(key => areSameNumber(editInfo[key], compareTo[key])) &&\n        compareTo.flippedHorizontal === editInfo.flippedHorizontal &&\n        compareTo.flippedVertical === editInfo.flippedVertical\n    ) {\n        return 'SameWithLast';\n    } else {\n        return 'FullyChanged';\n    }\n}\n\nfunction isNumber(o: any): o is number {\n    return typeof o === 'number';\n}\n\nfunction areSameNumber(n1?: number, n2?: number) {\n    return n1 != undefined && n2 != undefined && Math.abs(n1 - n2) < 1e-3;\n}\n"]}
+{"version":3,"file":"checkEditInfoState.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/checkEditInfoState.ts"],"names":[],"mappings":";AAOA,IAAM,WAAW,GAAwC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AACjF,IAAM,WAAW,GAAwC,CAAC,UAAU,CAAC,CAAC;AACtE,IAAM,SAAS,GAAsC;IACjD,aAAa;IACb,cAAc;IACd,YAAY;IACZ,eAAe;CAClB,CAAC;AACF,IAAM,gBAAgB,0CACf,WAAW,kBACX,SAAS,SACf,CAAC;AACF,IAAM,QAAQ,0CAAO,gBAAgB,kBAAK,WAAW,SAAC,CAAC;AAmCvD;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAC9B,QAA6B,EAC7B,SAA+B;IAE/B,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAxB,CAAwB,CAAC,EAAE;QAC9E,OAAO,SAAS,CAAC;KACpB;SAAM,IACH,gBAAgB,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAA/B,CAA+B,CAAC;QAC9D,CAAC,QAAQ,CAAC,iBAAiB;QAC3B,CAAC,QAAQ,CAAC,eAAe;QACzB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAC,CAAC,EACzE;QACE,OAAO,YAAY,CAAC;KACvB;SAAM,IACH,SAAS;QACT,WAAW,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAA5C,CAA4C,CAAC;QACtE,SAAS,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAA5C,CAA4C,CAAC;QACpE,SAAS,CAAC,iBAAiB,KAAK,QAAQ,CAAC,iBAAiB;QAC1D,SAAS,CAAC,eAAe,KAAK,QAAQ,CAAC,eAAe,EACxD;QACE,OAAO,cAAc,CAAC;KACzB;SAAM;QACH,OAAO,cAAc,CAAC;KACzB;AACL,CAAC;AAED,SAAS,QAAQ,CAAC,CAAM;IACpB,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC;AACjC,CAAC;AAED,SAAS,aAAa,CAAC,EAAW,EAAE,EAAW;IAC3C,OAAO,EAAE,IAAI,SAAS,IAAI,EAAE,IAAI,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC;AAC1E,CAAC","sourcesContent":["import type {\r\n    ImageCropMetadataFormat,\r\n    ImageMetadataFormat,\r\n    ImageResizeMetadataFormat,\r\n    ImageRotateMetadataFormat,\r\n} from 'roosterjs-content-model-types';\r\n\r\nconst RESIZE_KEYS: (keyof ImageResizeMetadataFormat)[] = ['widthPx', 'heightPx'];\r\nconst ROTATE_KEYS: (keyof ImageRotateMetadataFormat)[] = ['angleRad'];\r\nconst CROP_KEYS: (keyof ImageCropMetadataFormat)[] = [\r\n    'leftPercent',\r\n    'rightPercent',\r\n    'topPercent',\r\n    'bottomPercent',\r\n];\r\nconst ROTATE_CROP_KEYS: (keyof ImageRotateMetadataFormat | keyof ImageCropMetadataFormat)[] = [\r\n    ...ROTATE_KEYS,\r\n    ...CROP_KEYS,\r\n];\r\nconst ALL_KEYS = [...ROTATE_CROP_KEYS, ...RESIZE_KEYS];\r\n\r\n/**\r\n * @internal\r\n * State of an edit info object for image editing.\r\n * It is returned by checkEditInfoState() function\r\n */\r\nexport type ImageEditInfoState =\r\n    /**\r\n     * Invalid edit info. It means the given edit info object is either null,\r\n     * or not all its member are of correct type\r\n     */\r\n    | 'Invalid'\r\n\r\n    /**\r\n     * The edit info shows that it is only potentially edited by resizing action.\r\n     * Image is not rotated or cropped, or event not changed at all.\r\n     */\r\n    | 'ResizeOnly'\r\n\r\n    /**\r\n     * When compare with another edit info, this value can be returned when both current\r\n     * edit info and the other one are not been rotated, and they have same cropping\r\n     * percentages. So that they can share the same image src, only width and height\r\n     * need to be adjusted.\r\n     */\r\n    | 'SameWithLast'\r\n\r\n    /**\r\n     * When this value is returned, it means the image is edited by either cropping or\r\n     * rotation, or both. Image source can't be reused, need to generate a new image src\r\n     * data uri.\r\n     */\r\n    | 'FullyChanged';\r\n\r\n/**\r\n * @internal\r\n * Check the state of an edit info\r\n * @param editInfo The edit info to check\r\n * @param compareTo An optional edit info to compare to\r\n * @returns If the source edit info is not valid (wrong type, missing field, ...), returns Invalid.\r\n * If the source edit info doesn't contain any rotation or cropping, returns ResizeOnly\r\n * If the compare edit info exists, and both of them don't contain rotation, and the have same cropping values,\r\n * returns SameWithLast. Otherwise, returns FullyChanged\r\n */\r\nexport function checkEditInfoState(\r\n    editInfo: ImageMetadataFormat,\r\n    compareTo?: ImageMetadataFormat\r\n): ImageEditInfoState {\r\n    if (!editInfo || !editInfo.src || ALL_KEYS.some(key => !isNumber(editInfo[key]))) {\r\n        return 'Invalid';\r\n    } else if (\r\n        ROTATE_CROP_KEYS.every(key => areSameNumber(editInfo[key], 0)) &&\r\n        !editInfo.flippedHorizontal &&\r\n        !editInfo.flippedVertical &&\r\n        (!compareTo || (compareTo && editInfo.angleRad === compareTo.angleRad))\r\n    ) {\r\n        return 'ResizeOnly';\r\n    } else if (\r\n        compareTo &&\r\n        ROTATE_KEYS.every(key => areSameNumber(editInfo[key], compareTo[key])) &&\r\n        CROP_KEYS.every(key => areSameNumber(editInfo[key], compareTo[key])) &&\r\n        compareTo.flippedHorizontal === editInfo.flippedHorizontal &&\r\n        compareTo.flippedVertical === editInfo.flippedVertical\r\n    ) {\r\n        return 'SameWithLast';\r\n    } else {\r\n        return 'FullyChanged';\r\n    }\r\n}\r\n\r\nfunction isNumber(o: any): o is number {\r\n    return typeof o === 'number';\r\n}\r\n\r\nfunction areSameNumber(n1?: number, n2?: number) {\r\n    return n1 != undefined && n2 != undefined && Math.abs(n1 - n2) < 1e-3;\r\n}\r\n"]}

package/lib-mjs/imageEdit/utils/createImageWrapper.d.ts

@@ -1,18 +1,18 @@
-import type { IEditor, ImageEditOperation, ImageMetadataFormat } from 'roosterjs-content-model-types';
-import type { ImageEditOptions } from '../types/ImageEditOptions';
-import type { ImageHtmlOptions } from '../types/ImageHtmlOptions';
-/**
- * @internal
- */
-export interface WrapperElements {
-    wrapper: HTMLSpanElement;
-    shadowSpan: HTMLElement;
-    imageClone: HTMLImageElement;
-    resizers: HTMLDivElement[];
-    rotators: HTMLDivElement[];
-    croppers: HTMLDivElement[];
-}
-/**
- * @internal
- */
-export declare function createImageWrapper(editor: IEditor, image: HTMLImageElement, options: ImageEditOptions, editInfo: ImageMetadataFormat, htmlOptions: ImageHtmlOptions, operation: ImageEditOperation[]): WrapperElements;
+import type { IEditor, ImageEditOperation, ImageMetadataFormat } from 'roosterjs-content-model-types';
+import type { ImageEditOptions } from '../types/ImageEditOptions';
+import type { ImageHtmlOptions } from '../types/ImageHtmlOptions';
+/**
+ * @internal
+ */
+export interface WrapperElements {
+    wrapper: HTMLSpanElement;
+    shadowSpan: HTMLElement;
+    imageClone: HTMLImageElement;
+    resizers: HTMLDivElement[];
+    rotators: HTMLDivElement[];
+    croppers: HTMLDivElement[];
+}
+/**
+ * @internal
+ */
+export declare function createImageWrapper(editor: IEditor, image: HTMLImageElement, options: ImageEditOptions, editInfo: ImageMetadataFormat, htmlOptions: ImageHtmlOptions, operation: ImageEditOperation[]): WrapperElements;

package/lib-mjs/imageEdit/utils/createImageWrapper.js

@@ -1,88 +1,88 @@
-import { createImageCropper } from '../Cropper/createImageCropper';
-import { createImageResizer } from '../Resizer/createImageResizer';
-import { createImageRotator } from '../Rotator/createImageRotator';
-import { wrap } from 'roosterjs-content-model-dom';
-var IMAGE_EDIT_SHADOW_ROOT = 'ImageEditShadowRoot';
-/**
- * @internal
- */
-export function createImageWrapper(editor, image, options, editInfo, htmlOptions, operation) {
-    var imageClone = cloneImage(image, editInfo);
-    var doc = editor.getDocument();
-    var rotators = [];
-    if (!options.disableRotate && operation.indexOf('rotate') > -1) {
-        rotators = createImageRotator(doc, htmlOptions);
-    }
-    var resizers = [];
-    if (operation.indexOf('resize') > -1) {
-        resizers = createImageResizer(doc, !!options.disableSideResize);
-    }
-    var croppers = [];
-    if (operation.indexOf('crop') > -1) {
-        croppers = createImageCropper(doc);
-    }
-    var wrapper = createWrapper(editor, imageClone, options, editInfo, resizers, rotators, croppers);
-    var imageSpan = wrap(doc, image, 'span');
-    var shadowSpan = createShadowSpan(wrapper, imageSpan);
-    return { wrapper: wrapper, shadowSpan: shadowSpan, imageClone: imageClone, resizers: resizers, rotators: rotators, croppers: croppers };
-}
-var createShadowSpan = function (wrapper, imageSpan) {
-    var shadowRoot = imageSpan.attachShadow({
-        mode: 'open',
-    });
-    imageSpan.id = IMAGE_EDIT_SHADOW_ROOT;
-    shadowRoot.appendChild(wrapper);
-    return imageSpan;
-};
-var createWrapper = function (editor, image, options, editInfo, resizers, rotators, cropper) {
-    var _a;
-    var doc = editor.getDocument();
-    var wrapper = doc.createElement('span');
-    var imageBox = doc.createElement('div');
-    imageBox.setAttribute("style", "position:relative;width:100%;height:100%;overflow:hidden;transform:scale(1);");
-    imageBox.appendChild(image);
-    wrapper.setAttribute('style', "font-size: 24px; margin: 0px; transform: rotate(" + ((_a = editInfo.angleRad) !== null && _a !== void 0 ? _a : 0) + "rad);");
-    wrapper.style.display = editor.getEnvironment().isSafari
-        ? '-webkit-inline-flex'
-        : 'inline-flex';
-    var border = createBorder(editor, options.borderColor);
-    wrapper.appendChild(imageBox);
-    wrapper.appendChild(border);
-    wrapper.style.userSelect = 'none';
-    if (resizers && (resizers === null || resizers === void 0 ? void 0 : resizers.length) > 0) {
-        resizers.forEach(function (resizer) {
-            wrapper.appendChild(resizer);
-        });
-    }
-    if (rotators && rotators.length > 0) {
-        rotators.forEach(function (r) {
-            wrapper.appendChild(r);
-        });
-    }
-    if (cropper && cropper.length > 0) {
-        cropper.forEach(function (c) {
-            wrapper.appendChild(c);
-        });
-    }
-    return wrapper;
-};
-var createBorder = function (editor, borderColor) {
-    var doc = editor.getDocument();
-    var resizeBorder = doc.createElement('div');
-    resizeBorder.setAttribute("style", "position:absolute;left:0;right:0;top:0;bottom:0;border:solid 2px " + borderColor + ";pointer-events:none;");
-    return resizeBorder;
-};
-var cloneImage = function (image, editInfo) {
-    var imageClone = image.cloneNode(true);
-    imageClone.style.removeProperty('transform');
-    if (editInfo.src) {
-        imageClone.src = editInfo.src;
-        imageClone.removeAttribute('id');
-        imageClone.style.removeProperty('max-width');
-        imageClone.style.removeProperty('max-height');
-        imageClone.style.width = editInfo.widthPx + 'px';
-        imageClone.style.height = editInfo.heightPx + 'px';
-    }
-    return imageClone;
-};
+import { createImageCropper } from '../Cropper/createImageCropper';
+import { createImageResizer } from '../Resizer/createImageResizer';
+import { createImageRotator } from '../Rotator/createImageRotator';
+import { wrap } from 'roosterjs-content-model-dom';
+var IMAGE_EDIT_SHADOW_ROOT = 'ImageEditShadowRoot';
+/**
+ * @internal
+ */
+export function createImageWrapper(editor, image, options, editInfo, htmlOptions, operation) {
+    var imageClone = cloneImage(image, editInfo);
+    var doc = editor.getDocument();
+    var rotators = [];
+    if (!options.disableRotate && operation.indexOf('rotate') > -1) {
+        rotators = createImageRotator(doc, htmlOptions);
+    }
+    var resizers = [];
+    if (operation.indexOf('resize') > -1) {
+        resizers = createImageResizer(doc, !!options.disableSideResize);
+    }
+    var croppers = [];
+    if (operation.indexOf('crop') > -1) {
+        croppers = createImageCropper(doc);
+    }
+    var wrapper = createWrapper(editor, imageClone, options, editInfo, resizers, rotators, croppers);
+    var imageSpan = wrap(doc, image, 'span');
+    var shadowSpan = createShadowSpan(wrapper, imageSpan);
+    return { wrapper: wrapper, shadowSpan: shadowSpan, imageClone: imageClone, resizers: resizers, rotators: rotators, croppers: croppers };
+}
+var createShadowSpan = function (wrapper, imageSpan) {
+    var shadowRoot = imageSpan.attachShadow({
+        mode: 'open',
+    });
+    imageSpan.id = IMAGE_EDIT_SHADOW_ROOT;
+    shadowRoot.appendChild(wrapper);
+    return imageSpan;
+};
+var createWrapper = function (editor, image, options, editInfo, resizers, rotators, cropper) {
+    var _a;
+    var doc = editor.getDocument();
+    var wrapper = doc.createElement('span');
+    var imageBox = doc.createElement('div');
+    imageBox.setAttribute("style", "position:relative;width:100%;height:100%;overflow:hidden;transform:scale(1);");
+    imageBox.appendChild(image);
+    wrapper.setAttribute('style', "font-size: 24px; margin: 0px; transform: rotate(" + ((_a = editInfo.angleRad) !== null && _a !== void 0 ? _a : 0) + "rad);");
+    wrapper.style.display = editor.getEnvironment().isSafari
+        ? '-webkit-inline-flex'
+        : 'inline-flex';
+    var border = createBorder(editor, options.borderColor);
+    wrapper.appendChild(imageBox);
+    wrapper.appendChild(border);
+    wrapper.style.userSelect = 'none';
+    if (resizers && (resizers === null || resizers === void 0 ? void 0 : resizers.length) > 0) {
+        resizers.forEach(function (resizer) {
+            wrapper.appendChild(resizer);
+        });
+    }
+    if (rotators && rotators.length > 0) {
+        rotators.forEach(function (r) {
+            wrapper.appendChild(r);
+        });
+    }
+    if (cropper && cropper.length > 0) {
+        cropper.forEach(function (c) {
+            wrapper.appendChild(c);
+        });
+    }
+    return wrapper;
+};
+var createBorder = function (editor, borderColor) {
+    var doc = editor.getDocument();
+    var resizeBorder = doc.createElement('div');
+    resizeBorder.setAttribute("style", "position:absolute;left:0;right:0;top:0;bottom:0;border:solid 2px " + borderColor + ";pointer-events:none;");
+    return resizeBorder;
+};
+var cloneImage = function (image, editInfo) {
+    var imageClone = image.cloneNode(true);
+    imageClone.style.removeProperty('transform');
+    if (editInfo.src) {
+        imageClone.src = editInfo.src;
+        imageClone.removeAttribute('id');
+        imageClone.style.removeProperty('max-width');
+        imageClone.style.removeProperty('max-height');
+        imageClone.style.width = editInfo.widthPx + 'px';
+        imageClone.style.height = editInfo.heightPx + 'px';
+    }
+    return imageClone;
+};
 //# sourceMappingURL=createImageWrapper.js.map

package/lib-mjs/imageEdit/utils/createImageWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"createImageWrapper.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/createImageWrapper.ts"],"names":[],"mappings":"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","sourcesContent":["import { createImageCropper } from '../Cropper/createImageCropper';\nimport { createImageResizer } from '../Resizer/createImageResizer';\nimport { createImageRotator } from '../Rotator/createImageRotator';\nimport { wrap } from 'roosterjs-content-model-dom';\n\nimport type {\n    IEditor,\n    ImageEditOperation,\n    ImageMetadataFormat,\n} from 'roosterjs-content-model-types';\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\nimport type { ImageHtmlOptions } from '../types/ImageHtmlOptions';\n\nconst IMAGE_EDIT_SHADOW_ROOT = 'ImageEditShadowRoot';\n\n/**\n * @internal\n */\nexport interface WrapperElements {\n    wrapper: HTMLSpanElement;\n    shadowSpan: HTMLElement;\n    imageClone: HTMLImageElement;\n    resizers: HTMLDivElement[];\n    rotators: HTMLDivElement[];\n    croppers: HTMLDivElement[];\n}\n\n/**\n * @internal\n */\nexport function createImageWrapper(\n    editor: IEditor,\n    image: HTMLImageElement,\n    options: ImageEditOptions,\n    editInfo: ImageMetadataFormat,\n    htmlOptions: ImageHtmlOptions,\n    operation: ImageEditOperation[]\n): WrapperElements {\n    const imageClone = cloneImage(image, editInfo);\n    const doc = editor.getDocument();\n\n    let rotators: HTMLDivElement[] = [];\n    if (!options.disableRotate && operation.indexOf('rotate') > -1) {\n        rotators = createImageRotator(doc, htmlOptions);\n    }\n    let resizers: HTMLDivElement[] = [];\n    if (operation.indexOf('resize') > -1) {\n        resizers = createImageResizer(doc, !!options.disableSideResize);\n    }\n\n    let croppers: HTMLDivElement[] = [];\n    if (operation.indexOf('crop') > -1) {\n        croppers = createImageCropper(doc);\n    }\n\n    const wrapper = createWrapper(\n        editor,\n        imageClone,\n        options,\n        editInfo,\n        resizers,\n        rotators,\n        croppers\n    );\n    const imageSpan = wrap(doc, image, 'span');\n    const shadowSpan = createShadowSpan(wrapper, imageSpan);\n    return { wrapper, shadowSpan, imageClone, resizers, rotators, croppers };\n}\n\nconst createShadowSpan = (wrapper: HTMLElement, imageSpan: HTMLSpanElement) => {\n    const shadowRoot = imageSpan.attachShadow({\n        mode: 'open',\n    });\n    imageSpan.id = IMAGE_EDIT_SHADOW_ROOT;\n    shadowRoot.appendChild(wrapper);\n    return imageSpan;\n};\n\nconst createWrapper = (\n    editor: IEditor,\n    image: HTMLImageElement,\n    options: ImageEditOptions,\n    editInfo: ImageMetadataFormat,\n    resizers?: HTMLDivElement[],\n    rotators?: HTMLDivElement[],\n    cropper?: HTMLDivElement[]\n) => {\n    const doc = editor.getDocument();\n    const wrapper = doc.createElement('span');\n    const imageBox = doc.createElement('div');\n\n    imageBox.setAttribute(\n        `style`,\n        `position:relative;width:100%;height:100%;overflow:hidden;transform:scale(1);`\n    );\n    imageBox.appendChild(image);\n    wrapper.setAttribute(\n        'style',\n        `font-size: 24px; margin: 0px; transform: rotate(${editInfo.angleRad ?? 0}rad);`\n    );\n    wrapper.style.display = editor.getEnvironment().isSafari\n        ? '-webkit-inline-flex'\n        : 'inline-flex';\n\n    const border = createBorder(editor, options.borderColor);\n    wrapper.appendChild(imageBox);\n    wrapper.appendChild(border);\n    wrapper.style.userSelect = 'none';\n\n    if (resizers && resizers?.length > 0) {\n        resizers.forEach(resizer => {\n            wrapper.appendChild(resizer);\n        });\n    }\n    if (rotators && rotators.length > 0) {\n        rotators.forEach(r => {\n            wrapper.appendChild(r);\n        });\n    }\n    if (cropper && cropper.length > 0) {\n        cropper.forEach(c => {\n            wrapper.appendChild(c);\n        });\n    }\n\n    return wrapper;\n};\n\nconst createBorder = (editor: IEditor, borderColor?: string) => {\n    const doc = editor.getDocument();\n    const resizeBorder = doc.createElement('div');\n    resizeBorder.setAttribute(\n        `style`,\n        `position:absolute;left:0;right:0;top:0;bottom:0;border:solid 2px ${borderColor};pointer-events:none;`\n    );\n    return resizeBorder;\n};\n\nconst cloneImage = (image: HTMLImageElement, editInfo: ImageMetadataFormat) => {\n    const imageClone = image.cloneNode(true) as HTMLImageElement;\n    imageClone.style.removeProperty('transform');\n    if (editInfo.src) {\n        imageClone.src = editInfo.src;\n        imageClone.removeAttribute('id');\n        imageClone.style.removeProperty('max-width');\n        imageClone.style.removeProperty('max-height');\n        imageClone.style.width = editInfo.widthPx + 'px';\n        imageClone.style.height = editInfo.heightPx + 'px';\n    }\n    return imageClone;\n};\n"]}
+{"version":3,"file":"createImageWrapper.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/createImageWrapper.ts"],"names":[],"mappings":"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","sourcesContent":["import { createImageCropper } from '../Cropper/createImageCropper';\r\nimport { createImageResizer } from '../Resizer/createImageResizer';\r\nimport { createImageRotator } from '../Rotator/createImageRotator';\r\nimport { wrap } from 'roosterjs-content-model-dom';\r\n\r\nimport type {\r\n    IEditor,\r\n    ImageEditOperation,\r\n    ImageMetadataFormat,\r\n} from 'roosterjs-content-model-types';\r\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\r\nimport type { ImageHtmlOptions } from '../types/ImageHtmlOptions';\r\n\r\nconst IMAGE_EDIT_SHADOW_ROOT = 'ImageEditShadowRoot';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport interface WrapperElements {\r\n    wrapper: HTMLSpanElement;\r\n    shadowSpan: HTMLElement;\r\n    imageClone: HTMLImageElement;\r\n    resizers: HTMLDivElement[];\r\n    rotators: HTMLDivElement[];\r\n    croppers: HTMLDivElement[];\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function createImageWrapper(\r\n    editor: IEditor,\r\n    image: HTMLImageElement,\r\n    options: ImageEditOptions,\r\n    editInfo: ImageMetadataFormat,\r\n    htmlOptions: ImageHtmlOptions,\r\n    operation: ImageEditOperation[]\r\n): WrapperElements {\r\n    const imageClone = cloneImage(image, editInfo);\r\n    const doc = editor.getDocument();\r\n\r\n    let rotators: HTMLDivElement[] = [];\r\n    if (!options.disableRotate && operation.indexOf('rotate') > -1) {\r\n        rotators = createImageRotator(doc, htmlOptions);\r\n    }\r\n    let resizers: HTMLDivElement[] = [];\r\n    if (operation.indexOf('resize') > -1) {\r\n        resizers = createImageResizer(doc, !!options.disableSideResize);\r\n    }\r\n\r\n    let croppers: HTMLDivElement[] = [];\r\n    if (operation.indexOf('crop') > -1) {\r\n        croppers = createImageCropper(doc);\r\n    }\r\n\r\n    const wrapper = createWrapper(\r\n        editor,\r\n        imageClone,\r\n        options,\r\n        editInfo,\r\n        resizers,\r\n        rotators,\r\n        croppers\r\n    );\r\n    const imageSpan = wrap(doc, image, 'span');\r\n    const shadowSpan = createShadowSpan(wrapper, imageSpan);\r\n    return { wrapper, shadowSpan, imageClone, resizers, rotators, croppers };\r\n}\r\n\r\nconst createShadowSpan = (wrapper: HTMLElement, imageSpan: HTMLSpanElement) => {\r\n    const shadowRoot = imageSpan.attachShadow({\r\n        mode: 'open',\r\n    });\r\n    imageSpan.id = IMAGE_EDIT_SHADOW_ROOT;\r\n    shadowRoot.appendChild(wrapper);\r\n    return imageSpan;\r\n};\r\n\r\nconst createWrapper = (\r\n    editor: IEditor,\r\n    image: HTMLImageElement,\r\n    options: ImageEditOptions,\r\n    editInfo: ImageMetadataFormat,\r\n    resizers?: HTMLDivElement[],\r\n    rotators?: HTMLDivElement[],\r\n    cropper?: HTMLDivElement[]\r\n) => {\r\n    const doc = editor.getDocument();\r\n    const wrapper = doc.createElement('span');\r\n    const imageBox = doc.createElement('div');\r\n\r\n    imageBox.setAttribute(\r\n        `style`,\r\n        `position:relative;width:100%;height:100%;overflow:hidden;transform:scale(1);`\r\n    );\r\n    imageBox.appendChild(image);\r\n    wrapper.setAttribute(\r\n        'style',\r\n        `font-size: 24px; margin: 0px; transform: rotate(${editInfo.angleRad ?? 0}rad);`\r\n    );\r\n    wrapper.style.display = editor.getEnvironment().isSafari\r\n        ? '-webkit-inline-flex'\r\n        : 'inline-flex';\r\n\r\n    const border = createBorder(editor, options.borderColor);\r\n    wrapper.appendChild(imageBox);\r\n    wrapper.appendChild(border);\r\n    wrapper.style.userSelect = 'none';\r\n\r\n    if (resizers && resizers?.length > 0) {\r\n        resizers.forEach(resizer => {\r\n            wrapper.appendChild(resizer);\r\n        });\r\n    }\r\n    if (rotators && rotators.length > 0) {\r\n        rotators.forEach(r => {\r\n            wrapper.appendChild(r);\r\n        });\r\n    }\r\n    if (cropper && cropper.length > 0) {\r\n        cropper.forEach(c => {\r\n            wrapper.appendChild(c);\r\n        });\r\n    }\r\n\r\n    return wrapper;\r\n};\r\n\r\nconst createBorder = (editor: IEditor, borderColor?: string) => {\r\n    const doc = editor.getDocument();\r\n    const resizeBorder = doc.createElement('div');\r\n    resizeBorder.setAttribute(\r\n        `style`,\r\n        `position:absolute;left:0;right:0;top:0;bottom:0;border:solid 2px ${borderColor};pointer-events:none;`\r\n    );\r\n    return resizeBorder;\r\n};\r\n\r\nconst cloneImage = (image: HTMLImageElement, editInfo: ImageMetadataFormat) => {\r\n    const imageClone = image.cloneNode(true) as HTMLImageElement;\r\n    imageClone.style.removeProperty('transform');\r\n    if (editInfo.src) {\r\n        imageClone.src = editInfo.src;\r\n        imageClone.removeAttribute('id');\r\n        imageClone.style.removeProperty('max-width');\r\n        imageClone.style.removeProperty('max-height');\r\n        imageClone.style.width = editInfo.widthPx + 'px';\r\n        imageClone.style.height = editInfo.heightPx + 'px';\r\n    }\r\n    return imageClone;\r\n};\r\n"]}

package/lib-mjs/imageEdit/utils/doubleCheckResize.d.ts

@@ -1,12 +1,12 @@
-import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
-/**
- * @internal
- * Double check if the changed size can satisfy current width of container.
- * When resize an image and preserve ratio, its size can be limited by the size of container.
- * So we need to check the actual size and calculate the size again
- * @param editInfo Edit info of the image
- * @param preserveRatio Whether w/h ratio need to be preserved
- * @param actualWidth Actual width of the image after resize
- * @param actualHeight Actual height of the image after resize
- */
-export declare function doubleCheckResize(editInfo: ImageMetadataFormat, preserveRatio: boolean, actualWidth: number, actualHeight: number): void;
+import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Double check if the changed size can satisfy current width of container.
+ * When resize an image and preserve ratio, its size can be limited by the size of container.
+ * So we need to check the actual size and calculate the size again
+ * @param editInfo Edit info of the image
+ * @param preserveRatio Whether w/h ratio need to be preserved
+ * @param actualWidth Actual width of the image after resize
+ * @param actualHeight Actual height of the image after resize
+ */
+export declare function doubleCheckResize(editInfo: ImageMetadataFormat, preserveRatio: boolean, actualWidth: number, actualHeight: number): void;

package/lib-mjs/imageEdit/utils/doubleCheckResize.js

@@ -1,32 +1,32 @@
-/**
- * @internal
- * Double check if the changed size can satisfy current width of container.
- * When resize an image and preserve ratio, its size can be limited by the size of container.
- * So we need to check the actual size and calculate the size again
- * @param editInfo Edit info of the image
- * @param preserveRatio Whether w/h ratio need to be preserved
- * @param actualWidth Actual width of the image after resize
- * @param actualHeight Actual height of the image after resize
- */
-export function doubleCheckResize(editInfo, preserveRatio, actualWidth, actualHeight) {
-    var widthPx = editInfo.widthPx, heightPx = editInfo.heightPx;
-    if (widthPx == undefined || heightPx == undefined) {
-        return;
-    }
-    var ratio = heightPx > 0 ? widthPx / heightPx : 0;
-    actualWidth = Math.floor(actualWidth);
-    actualHeight = Math.floor(actualHeight);
-    widthPx = Math.floor(widthPx);
-    heightPx = Math.floor(heightPx);
-    editInfo.widthPx = actualWidth;
-    editInfo.heightPx = actualHeight;
-    if (preserveRatio && ratio > 0 && (widthPx !== actualWidth || heightPx !== actualHeight)) {
-        if (actualWidth < widthPx) {
-            editInfo.heightPx = actualWidth / ratio;
-        }
-        else {
-            editInfo.widthPx = actualHeight * ratio;
-        }
-    }
-}
+/**
+ * @internal
+ * Double check if the changed size can satisfy current width of container.
+ * When resize an image and preserve ratio, its size can be limited by the size of container.
+ * So we need to check the actual size and calculate the size again
+ * @param editInfo Edit info of the image
+ * @param preserveRatio Whether w/h ratio need to be preserved
+ * @param actualWidth Actual width of the image after resize
+ * @param actualHeight Actual height of the image after resize
+ */
+export function doubleCheckResize(editInfo, preserveRatio, actualWidth, actualHeight) {
+    var widthPx = editInfo.widthPx, heightPx = editInfo.heightPx;
+    if (widthPx == undefined || heightPx == undefined) {
+        return;
+    }
+    var ratio = heightPx > 0 ? widthPx / heightPx : 0;
+    actualWidth = Math.floor(actualWidth);
+    actualHeight = Math.floor(actualHeight);
+    widthPx = Math.floor(widthPx);
+    heightPx = Math.floor(heightPx);
+    editInfo.widthPx = actualWidth;
+    editInfo.heightPx = actualHeight;
+    if (preserveRatio && ratio > 0 && (widthPx !== actualWidth || heightPx !== actualHeight)) {
+        if (actualWidth < widthPx) {
+            editInfo.heightPx = actualWidth / ratio;
+        }
+        else {
+            editInfo.widthPx = actualHeight * ratio;
+        }
+    }
+}
 //# sourceMappingURL=doubleCheckResize.js.map

package/lib-mjs/imageEdit/utils/doubleCheckResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"doubleCheckResize.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/doubleCheckResize.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAC7B,QAA6B,EAC7B,aAAsB,EACtB,WAAmB,EACnB,YAAoB;IAEd,IAAA,OAAO,GAAe,QAAQ,QAAvB,EAAE,QAAQ,GAAK,QAAQ,SAAb,CAAc;IACrC,IAAI,OAAO,IAAI,SAAS,IAAI,QAAQ,IAAI,SAAS,EAAE;QAC/C,OAAO;KACV;IACD,IAAM,KAAK,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACtC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACxC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEhC,QAAQ,CAAC,OAAO,GAAG,WAAW,CAAC;IAC/B,QAAQ,CAAC,QAAQ,GAAG,YAAY,CAAC;IAEjC,IAAI,aAAa,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,KAAK,WAAW,IAAI,QAAQ,KAAK,YAAY,CAAC,EAAE;QACtF,IAAI,WAAW,GAAG,OAAO,EAAE;YACvB,QAAQ,CAAC,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;SAC3C;aAAM;YACH,QAAQ,CAAC,OAAO,GAAG,YAAY,GAAG,KAAK,CAAC;SAC3C;KACJ;AACL,CAAC","sourcesContent":["import type { ImageMetadataFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Double check if the changed size can satisfy current width of container.\n * When resize an image and preserve ratio, its size can be limited by the size of container.\n * So we need to check the actual size and calculate the size again\n * @param editInfo Edit info of the image\n * @param preserveRatio Whether w/h ratio need to be preserved\n * @param actualWidth Actual width of the image after resize\n * @param actualHeight Actual height of the image after resize\n */\nexport function doubleCheckResize(\n    editInfo: ImageMetadataFormat,\n    preserveRatio: boolean,\n    actualWidth: number,\n    actualHeight: number\n) {\n    let { widthPx, heightPx } = editInfo;\n    if (widthPx == undefined || heightPx == undefined) {\n        return;\n    }\n    const ratio = heightPx > 0 ? widthPx / heightPx : 0;\n\n    actualWidth = Math.floor(actualWidth);\n    actualHeight = Math.floor(actualHeight);\n    widthPx = Math.floor(widthPx);\n    heightPx = Math.floor(heightPx);\n\n    editInfo.widthPx = actualWidth;\n    editInfo.heightPx = actualHeight;\n\n    if (preserveRatio && ratio > 0 && (widthPx !== actualWidth || heightPx !== actualHeight)) {\n        if (actualWidth < widthPx) {\n            editInfo.heightPx = actualWidth / ratio;\n        } else {\n            editInfo.widthPx = actualHeight * ratio;\n        }\n    }\n}\n"]}
+{"version":3,"file":"doubleCheckResize.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/doubleCheckResize.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAC7B,QAA6B,EAC7B,aAAsB,EACtB,WAAmB,EACnB,YAAoB;IAEd,IAAA,OAAO,GAAe,QAAQ,QAAvB,EAAE,QAAQ,GAAK,QAAQ,SAAb,CAAc;IACrC,IAAI,OAAO,IAAI,SAAS,IAAI,QAAQ,IAAI,SAAS,EAAE;QAC/C,OAAO;KACV;IACD,IAAM,KAAK,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACtC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACxC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEhC,QAAQ,CAAC,OAAO,GAAG,WAAW,CAAC;IAC/B,QAAQ,CAAC,QAAQ,GAAG,YAAY,CAAC;IAEjC,IAAI,aAAa,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,KAAK,WAAW,IAAI,QAAQ,KAAK,YAAY,CAAC,EAAE;QACtF,IAAI,WAAW,GAAG,OAAO,EAAE;YACvB,QAAQ,CAAC,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;SAC3C;aAAM;YACH,QAAQ,CAAC,OAAO,GAAG,YAAY,GAAG,KAAK,CAAC;SAC3C;KACJ;AACL,CAAC","sourcesContent":["import type { ImageMetadataFormat } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n * Double check if the changed size can satisfy current width of container.\r\n * When resize an image and preserve ratio, its size can be limited by the size of container.\r\n * So we need to check the actual size and calculate the size again\r\n * @param editInfo Edit info of the image\r\n * @param preserveRatio Whether w/h ratio need to be preserved\r\n * @param actualWidth Actual width of the image after resize\r\n * @param actualHeight Actual height of the image after resize\r\n */\r\nexport function doubleCheckResize(\r\n    editInfo: ImageMetadataFormat,\r\n    preserveRatio: boolean,\r\n    actualWidth: number,\r\n    actualHeight: number\r\n) {\r\n    let { widthPx, heightPx } = editInfo;\r\n    if (widthPx == undefined || heightPx == undefined) {\r\n        return;\r\n    }\r\n    const ratio = heightPx > 0 ? widthPx / heightPx : 0;\r\n\r\n    actualWidth = Math.floor(actualWidth);\r\n    actualHeight = Math.floor(actualHeight);\r\n    widthPx = Math.floor(widthPx);\r\n    heightPx = Math.floor(heightPx);\r\n\r\n    editInfo.widthPx = actualWidth;\r\n    editInfo.heightPx = actualHeight;\r\n\r\n    if (preserveRatio && ratio > 0 && (widthPx !== actualWidth || heightPx !== actualHeight)) {\r\n        if (actualWidth < widthPx) {\r\n            editInfo.heightPx = actualWidth / ratio;\r\n        } else {\r\n            editInfo.widthPx = actualHeight * ratio;\r\n        }\r\n    }\r\n}\r\n"]}

package/lib-mjs/imageEdit/utils/filterInnerResizerHandles.d.ts

@@ -1,4 +1,4 @@
-/**
- * @internal
- */
-export declare function filterInnerResizerHandles(resizeHandles: HTMLDivElement[]): HTMLDivElement[];
+/**
+ * @internal
+ */
+export declare function filterInnerResizerHandles(resizeHandles: HTMLDivElement[]): HTMLDivElement[];

package/lib-mjs/imageEdit/utils/filterInnerResizerHandles.js

@@ -1,16 +1,16 @@
-import { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';
-/**
- * @internal
- */
-export function filterInnerResizerHandles(resizeHandles) {
-    return resizeHandles
-        .map(function (resizer) {
-        var resizeHandle = resizer.firstElementChild;
-        if (isNodeOfType(resizeHandle, 'ELEMENT_NODE') &&
-            isElementOfType(resizeHandle, 'div')) {
-            return resizeHandle;
-        }
-    })
-        .filter(function (handle) { return !!handle; });
-}
+import { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';
+/**
+ * @internal
+ */
+export function filterInnerResizerHandles(resizeHandles) {
+    return resizeHandles
+        .map(function (resizer) {
+        var resizeHandle = resizer.firstElementChild;
+        if (isNodeOfType(resizeHandle, 'ELEMENT_NODE') &&
+            isElementOfType(resizeHandle, 'div')) {
+            return resizeHandle;
+        }
+    })
+        .filter(function (handle) { return !!handle; });
+}
 //# sourceMappingURL=filterInnerResizerHandles.js.map

package/lib-mjs/imageEdit/utils/filterInnerResizerHandles.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterInnerResizerHandles.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/filterInnerResizerHandles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE5E;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,aAA+B;IACrE,OAAO,aAAa;SACf,GAAG,CAAC,UAAA,OAAO;QACR,IAAM,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC;QAC/C,IACI,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC;YAC1C,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,EACtC;YACE,OAAO,YAAY,CAAC;SACvB;IACL,CAAC,CAAC;SACD,MAAM,CAAC,UAAA,MAAM,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAqB,CAAC;AACxD,CAAC","sourcesContent":["import { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';\n\n/**\n * @internal\n */\nexport function filterInnerResizerHandles(resizeHandles: HTMLDivElement[]) {\n    return resizeHandles\n        .map(resizer => {\n            const resizeHandle = resizer.firstElementChild;\n            if (\n                isNodeOfType(resizeHandle, 'ELEMENT_NODE') &&\n                isElementOfType(resizeHandle, 'div')\n            ) {\n                return resizeHandle;\n            }\n        })\n        .filter(handle => !!handle) as HTMLDivElement[];\n}\n"]}
+{"version":3,"file":"filterInnerResizerHandles.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/filterInnerResizerHandles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE5E;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,aAA+B;IACrE,OAAO,aAAa;SACf,GAAG,CAAC,UAAA,OAAO;QACR,IAAM,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC;QAC/C,IACI,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC;YAC1C,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,EACtC;YACE,OAAO,YAAY,CAAC;SACvB;IACL,CAAC,CAAC;SACD,MAAM,CAAC,UAAA,MAAM,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAqB,CAAC;AACxD,CAAC","sourcesContent":["import { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function filterInnerResizerHandles(resizeHandles: HTMLDivElement[]) {\r\n    return resizeHandles\r\n        .map(resizer => {\r\n            const resizeHandle = resizer.firstElementChild;\r\n            if (\r\n                isNodeOfType(resizeHandle, 'ELEMENT_NODE') &&\r\n                isElementOfType(resizeHandle, 'div')\r\n            ) {\r\n                return resizeHandle;\r\n            }\r\n        })\r\n        .filter(handle => !!handle) as HTMLDivElement[];\r\n}\r\n"]}

package/lib-mjs/imageEdit/utils/findEditingImage.d.ts

@@ -1,10 +1,10 @@
-import type { ReadonlyContentModelBlockGroup } from 'roosterjs-content-model-types';
-import type { ImageAndParagraph } from '../types/ImageAndParagraph';
-/**
- * @internal
- */
-export declare const EDITING_MARKER = "isEditing";
-/**
- * @internal
- */
-export declare function findEditingImage(group: ReadonlyContentModelBlockGroup, imageId?: string): ImageAndParagraph | null;
+import type { ReadonlyContentModelBlockGroup } from 'roosterjs-content-model-types';
+import type { ImageAndParagraph } from '../types/ImageAndParagraph';
+/**
+ * @internal
+ */
+export declare const EDITING_MARKER = "isEditing";
+/**
+ * @internal
+ */
+export declare function findEditingImage(group: ReadonlyContentModelBlockGroup, imageId?: string): ImageAndParagraph | null;