roosterjs-content-model-plugins 9.43.0 → 9.45.0

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

@@ -1 +1 @@
-{"version":3,"file":"applyChange.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/applyChange.ts"],"names":[],"mappings":";;;;IAWA;;;;;;;;;OASG;IACH,SAAgB,WAAW,CACvB,MAAe,EACf,KAAuB,EACvB,iBAAoC,EACpC,QAA6B,EAC7B,WAAmB,EACnB,mBAA4B,EAC5B,YAA+B;;QAE/B,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAM,YAAY,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,CAAC;QAC3C,IAAM,YAAY,GAAG,MAAA,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,CAAC,mCAAI,SAAS,CAAC;QACvF,IAAM,KAAK,GAAG,IAAA,uCAAkB,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEzD,QAAQ,KAAK,EAAE;YACX,KAAK,YAAY;gBACb,qFAAqF;gBACrF,MAAM,GAAG,QAAQ,CAAC,GAAG,IAAI,EAAE,CAAC;gBAC5B,MAAM;YACV,KAAK,cAAc;gBACf,+FAA+F;gBAC/F,4DAA4D;gBAC5D,MAAM,GAAG,WAAW,CAAC;gBACrB,MAAM;YACV,KAAK,cAAc;gBACf,8FAA8F;gBAC9F,MAAM,GAAG,IAAA,iCAAe,EAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAC1D,MAAM;SACb;QAED,IAAM,UAAU,GAAG,MAAM,IAAI,WAAW,CAAC;QAEzC,IAAI,UAAU,EAAE;YACZ,yGAAyG;YACzG,sFAAsF;YACtF,IAAM,OAAK,GAAG,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE;gBAC3C,KAAK,EAAE,KAAK;gBACZ,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG;gBACtC,WAAW,aAAA;gBACX,MAAM,QAAA;aACT,CAAC,CAAC;YACH,MAAM,GAAG,OAAK,CAAC,MAAM,CAAC;SACzB;QAED,IAAI,MAAM,IAAI,QAAQ,CAAC,GAAG,EAAE;YACxB,6GAA6G;YAC7G,uDAAuD;YACvD,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;SAC9D;aAAM;YACH,wGAAwG;YACxG,gBAAgB;YAChB,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;SAClE;QAED,uDAAuD;QACvD,IAAM,kBAAkB,GAAG,IAAA,yCAAqB,EAAC,QAAQ,CAAC,CAAC;QAE3D,IAAI,kBAAkB,EAAE;YACpB,iBAAiB,CAAC,GAAG,GAAG,MAAM,CAAC;YAE/B,IAAI,mBAAmB,IAAI,KAAK,IAAI,cAAc,EAAE;gBAChD,iBAAiB,CAAC,MAAM,CAAC,KAAK,GAAG,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC;gBACvE,iBAAiB,CAAC,MAAM,CAAC,MAAM,GAAG,kBAAkB,CAAC,YAAY,GAAG,IAAI,CAAC;aAC5E;SACJ;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;IAnED,kCAmEC","sourcesContent":["import { checkEditInfoState } from './checkEditInfoState';\nimport { generateDataURL } from './generateDataURL';\nimport { getGeneratedImageSize } from './generateImageSize';\nimport { updateImageEditInfo } from './updateImageEditInfo';\nimport type { ImageEditInfoState } from './checkEditInfoState';\nimport type {\n    ContentModelImage,\n    IEditor,\n    ImageMetadataFormat,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Apply changes from the edit info of an image, write result to the image\n * @param editor The editor object that contains the image\n * @param image The image to apply the change\n * @param editInfo Edit info that contains the changed information of the image\n * @param previousSrc Last src value of the image before the change was made\n * @param wasResizedOrCropped if the image was resized or cropped apply the new image dimensions\n * @param editingImage (optional) Image in editing state\n */\nexport function applyChange(\n    editor: IEditor,\n    image: HTMLImageElement,\n    contentModelImage: ContentModelImage,\n    editInfo: ImageMetadataFormat,\n    previousSrc: string,\n    wasResizedOrCropped: boolean,\n    editingImage?: HTMLImageElement\n): ImageEditInfoState {\n    let newSrc = '';\n    const imageEditing = editingImage ?? image;\n    const initEditInfo = updateImageEditInfo(contentModelImage, imageEditing) ?? undefined;\n    const state = checkEditInfoState(editInfo, initEditInfo);\n\n    switch (state) {\n        case 'ResizeOnly':\n            // For resize only case, no need to generate a new image, just reuse the original one\n            newSrc = editInfo.src || '';\n            break;\n        case 'SameWithLast':\n            // For SameWithLast case, image may be resized but the content is still the same with last one,\n            // so no need to create a new image, but just reuse last one\n            newSrc = previousSrc;\n            break;\n        case 'FullyChanged':\n            // For other cases (cropped, rotated, ...) we need to create a new image to reflect the change\n            newSrc = generateDataURL(editingImage ?? image, editInfo);\n            break;\n    }\n\n    const srcChanged = newSrc != previousSrc;\n\n    if (srcChanged) {\n        // If the src is changed, fire an EditImage event so that plugins knows that a new image is used, and can\n        // replace the new src with some other string and it will be used and set to the image\n        const event = editor.triggerEvent('editImage', {\n            image: image,\n            originalSrc: editInfo.src || image.src,\n            previousSrc,\n            newSrc,\n        });\n        newSrc = event.newSrc;\n    }\n\n    if (newSrc == editInfo.src) {\n        // If newSrc is the same with original one, it means there is only size change, but no rotation, no cropping,\n        // so we don't need to keep edit info, we can delete it\n        updateImageEditInfo(contentModelImage, imageEditing, null);\n    } else {\n        // Otherwise, save the new edit info to the image so that next time when we edit the same image, we know\n        // the edit info\n        updateImageEditInfo(contentModelImage, imageEditing, editInfo);\n    }\n\n    // Write back the change to image, and set its new size\n    const generatedImageSize = getGeneratedImageSize(editInfo);\n\n    if (generatedImageSize) {\n        contentModelImage.src = newSrc;\n\n        if (wasResizedOrCropped || state == 'FullyChanged') {\n            contentModelImage.format.width = generatedImageSize.targetWidth + 'px';\n            contentModelImage.format.height = generatedImageSize.targetHeight + 'px';\n        }\n    }\n\n    return state;\n}\n"]}
+{"version":3,"file":"applyChange.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/applyChange.ts"],"names":[],"mappings":";;;;IAWA;;;;;;;;;OASG;IACH,SAAgB,WAAW,CACvB,MAAe,EACf,KAAuB,EACvB,iBAAoC,EACpC,QAA6B,EAC7B,WAAmB,EACnB,mBAA4B,EAC5B,YAA+B;;QAE/B,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAM,YAAY,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,CAAC;QAC3C,IAAM,YAAY,GAAG,MAAA,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,CAAC,mCAAI,SAAS,CAAC;QACvF,IAAM,KAAK,GAAG,IAAA,uCAAkB,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEzD,QAAQ,KAAK,EAAE;YACX,KAAK,YAAY;gBACb,qFAAqF;gBACrF,MAAM,GAAG,QAAQ,CAAC,GAAG,IAAI,EAAE,CAAC;gBAC5B,MAAM;YACV,KAAK,cAAc;gBACf,+FAA+F;gBAC/F,4DAA4D;gBAC5D,MAAM,GAAG,WAAW,CAAC;gBACrB,MAAM;YACV,KAAK,cAAc;gBACf,8FAA8F;gBAC9F,MAAM,GAAG,IAAA,iCAAe,EAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAC1D,MAAM;SACb;QAED,IAAM,UAAU,GAAG,MAAM,IAAI,WAAW,CAAC;QAEzC,IAAI,UAAU,EAAE;YACZ,yGAAyG;YACzG,sFAAsF;YACtF,IAAM,OAAK,GAAG,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE;gBAC3C,KAAK,EAAE,KAAK;gBACZ,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG;gBACtC,WAAW,aAAA;gBACX,MAAM,QAAA;aACT,CAAC,CAAC;YACH,MAAM,GAAG,OAAK,CAAC,MAAM,CAAC;SACzB;QAED,IAAI,MAAM,IAAI,QAAQ,CAAC,GAAG,EAAE;YACxB,6GAA6G;YAC7G,uDAAuD;YACvD,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;SAC9D;aAAM;YACH,wGAAwG;YACxG,gBAAgB;YAChB,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;SAClE;QAED,uDAAuD;QACvD,IAAM,kBAAkB,GAAG,IAAA,yCAAqB,EAAC,QAAQ,CAAC,CAAC;QAE3D,IAAI,kBAAkB,EAAE;YACpB,iBAAiB,CAAC,GAAG,GAAG,MAAM,CAAC;YAE/B,IAAI,mBAAmB,IAAI,KAAK,IAAI,cAAc,EAAE;gBAChD,iBAAiB,CAAC,MAAM,CAAC,KAAK,GAAG,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC;gBACvE,iBAAiB,CAAC,MAAM,CAAC,MAAM,GAAG,kBAAkB,CAAC,YAAY,GAAG,IAAI,CAAC;aAC5E;SACJ;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;IAnED,kCAmEC","sourcesContent":["import { checkEditInfoState } from './checkEditInfoState';\r\nimport { generateDataURL } from './generateDataURL';\r\nimport { getGeneratedImageSize } from './generateImageSize';\r\nimport { updateImageEditInfo } from './updateImageEditInfo';\r\nimport type { ImageEditInfoState } from './checkEditInfoState';\r\nimport type {\r\n    ContentModelImage,\r\n    IEditor,\r\n    ImageMetadataFormat,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n * Apply changes from the edit info of an image, write result to the image\r\n * @param editor The editor object that contains the image\r\n * @param image The image to apply the change\r\n * @param editInfo Edit info that contains the changed information of the image\r\n * @param previousSrc Last src value of the image before the change was made\r\n * @param wasResizedOrCropped if the image was resized or cropped apply the new image dimensions\r\n * @param editingImage (optional) Image in editing state\r\n */\r\nexport function applyChange(\r\n    editor: IEditor,\r\n    image: HTMLImageElement,\r\n    contentModelImage: ContentModelImage,\r\n    editInfo: ImageMetadataFormat,\r\n    previousSrc: string,\r\n    wasResizedOrCropped: boolean,\r\n    editingImage?: HTMLImageElement\r\n): ImageEditInfoState {\r\n    let newSrc = '';\r\n    const imageEditing = editingImage ?? image;\r\n    const initEditInfo = updateImageEditInfo(contentModelImage, imageEditing) ?? undefined;\r\n    const state = checkEditInfoState(editInfo, initEditInfo);\r\n\r\n    switch (state) {\r\n        case 'ResizeOnly':\r\n            // For resize only case, no need to generate a new image, just reuse the original one\r\n            newSrc = editInfo.src || '';\r\n            break;\r\n        case 'SameWithLast':\r\n            // For SameWithLast case, image may be resized but the content is still the same with last one,\r\n            // so no need to create a new image, but just reuse last one\r\n            newSrc = previousSrc;\r\n            break;\r\n        case 'FullyChanged':\r\n            // For other cases (cropped, rotated, ...) we need to create a new image to reflect the change\r\n            newSrc = generateDataURL(editingImage ?? image, editInfo);\r\n            break;\r\n    }\r\n\r\n    const srcChanged = newSrc != previousSrc;\r\n\r\n    if (srcChanged) {\r\n        // If the src is changed, fire an EditImage event so that plugins knows that a new image is used, and can\r\n        // replace the new src with some other string and it will be used and set to the image\r\n        const event = editor.triggerEvent('editImage', {\r\n            image: image,\r\n            originalSrc: editInfo.src || image.src,\r\n            previousSrc,\r\n            newSrc,\r\n        });\r\n        newSrc = event.newSrc;\r\n    }\r\n\r\n    if (newSrc == editInfo.src) {\r\n        // If newSrc is the same with original one, it means there is only size change, but no rotation, no cropping,\r\n        // so we don't need to keep edit info, we can delete it\r\n        updateImageEditInfo(contentModelImage, imageEditing, null);\r\n    } else {\r\n        // Otherwise, save the new edit info to the image so that next time when we edit the same image, we know\r\n        // the edit info\r\n        updateImageEditInfo(contentModelImage, imageEditing, editInfo);\r\n    }\r\n\r\n    // Write back the change to image, and set its new size\r\n    const generatedImageSize = getGeneratedImageSize(editInfo);\r\n\r\n    if (generatedImageSize) {\r\n        contentModelImage.src = newSrc;\r\n\r\n        if (wasResizedOrCropped || state == 'FullyChanged') {\r\n            contentModelImage.format.width = generatedImageSize.targetWidth + 'px';\r\n            contentModelImage.format.height = generatedImageSize.targetHeight + 'px';\r\n        }\r\n    }\r\n\r\n    return state;\r\n}\r\n"]}

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

@@ -1,8 +1,8 @@
-/**
- * @internal
- * Check if we can regenerate edited image from the source image.
- * An image can't regenerate result when there is CORS issue of the source content.
- * @param img The image element to test
- * @returns True when we can regenerate the edited image, otherwise false
- */
-export declare function canRegenerateImage(img: HTMLImageElement | null): boolean;
+/**
+ * @internal
+ * Check if we can regenerate edited image from the source image.
+ * An image can't regenerate result when there is CORS issue of the source content.
+ * @param img The image element to test
+ * @returns True when we can regenerate the edited image, otherwise false
+ */
+export declare function canRegenerateImage(img: HTMLImageElement | null): boolean;

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

@@ -1,34 +1,34 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.canRegenerateImage = void 0;
-    /**
-     * @internal
-     * Check if we can regenerate edited image from the source image.
-     * An image can't regenerate result when there is CORS issue of the source content.
-     * @param img The image element to test
-     * @returns True when we can regenerate the edited image, otherwise false
-     */
-    function canRegenerateImage(img) {
-        if (!img) {
-            return false;
-        }
-        try {
-            var canvas = img.ownerDocument.createElement('canvas');
-            canvas.width = 10;
-            canvas.height = 10;
-            var context = canvas.getContext('2d');
-            if (context) {
-                context.drawImage(img, 0, 0);
-                context.getImageData(0, 0, 1, 1);
-                return true;
-            }
-            return false;
-        }
-        catch (_a) {
-            return false;
-        }
-    }
-    exports.canRegenerateImage = canRegenerateImage;
-});
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.canRegenerateImage = void 0;
+    /**
+     * @internal
+     * Check if we can regenerate edited image from the source image.
+     * An image can't regenerate result when there is CORS issue of the source content.
+     * @param img The image element to test
+     * @returns True when we can regenerate the edited image, otherwise false
+     */
+    function canRegenerateImage(img) {
+        if (!img) {
+            return false;
+        }
+        try {
+            var canvas = img.ownerDocument.createElement('canvas');
+            canvas.width = 10;
+            canvas.height = 10;
+            var context = canvas.getContext('2d');
+            if (context) {
+                context.drawImage(img, 0, 0);
+                context.getImageData(0, 0, 1, 1);
+                return true;
+            }
+            return false;
+        }
+        catch (_a) {
+            return false;
+        }
+    }
+    exports.canRegenerateImage = canRegenerateImage;
+});
 //# sourceMappingURL=canRegenerateImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"canRegenerateImage.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/canRegenerateImage.ts"],"names":[],"mappings":";;;;IAAA;;;;;;OAMG;IACH,SAAgB,kBAAkB,CAAC,GAA4B;QAC3D,IAAI,CAAC,GAAG,EAAE;YACN,OAAO,KAAK,CAAC;SAChB;QAED,IAAI;YACA,IAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACzD,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;YAClB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;YACnB,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACxC,IAAI,OAAO,EAAE;gBACT,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC7B,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBACjC,OAAO,IAAI,CAAC;aACf;YAED,OAAO,KAAK,CAAC;SAChB;QAAC,WAAM;YACJ,OAAO,KAAK,CAAC;SAChB;IACL,CAAC;IApBD,gDAoBC","sourcesContent":["/**\n * @internal\n * Check if we can regenerate edited image from the source image.\n * An image can't regenerate result when there is CORS issue of the source content.\n * @param img The image element to test\n * @returns True when we can regenerate the edited image, otherwise false\n */\nexport function canRegenerateImage(img: HTMLImageElement | null): boolean {\n    if (!img) {\n        return false;\n    }\n\n    try {\n        const canvas = img.ownerDocument.createElement('canvas');\n        canvas.width = 10;\n        canvas.height = 10;\n        const context = canvas.getContext('2d');\n        if (context) {\n            context.drawImage(img, 0, 0);\n            context.getImageData(0, 0, 1, 1);\n            return true;\n        }\n\n        return false;\n    } catch {\n        return false;\n    }\n}\n"]}
+{"version":3,"file":"canRegenerateImage.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/canRegenerateImage.ts"],"names":[],"mappings":";;;;IAAA;;;;;;OAMG;IACH,SAAgB,kBAAkB,CAAC,GAA4B;QAC3D,IAAI,CAAC,GAAG,EAAE;YACN,OAAO,KAAK,CAAC;SAChB;QAED,IAAI;YACA,IAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACzD,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;YAClB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;YACnB,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACxC,IAAI,OAAO,EAAE;gBACT,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC7B,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBACjC,OAAO,IAAI,CAAC;aACf;YAED,OAAO,KAAK,CAAC;SAChB;QAAC,WAAM;YACJ,OAAO,KAAK,CAAC;SAChB;IACL,CAAC;IApBD,gDAoBC","sourcesContent":["/**\r\n * @internal\r\n * Check if we can regenerate edited image from the source image.\r\n * An image can't regenerate result when there is CORS issue of the source content.\r\n * @param img The image element to test\r\n * @returns True when we can regenerate the edited image, otherwise false\r\n */\r\nexport function canRegenerateImage(img: HTMLImageElement | null): boolean {\r\n    if (!img) {\r\n        return false;\r\n    }\r\n\r\n    try {\r\n        const canvas = img.ownerDocument.createElement('canvas');\r\n        canvas.width = 10;\r\n        canvas.height = 10;\r\n        const context = canvas.getContext('2d');\r\n        if (context) {\r\n            context.drawImage(img, 0, 0);\r\n            context.getImageData(0, 0, 1, 1);\r\n            return true;\r\n        }\r\n\r\n        return false;\r\n    } catch {\r\n        return false;\r\n    }\r\n}\r\n"]}

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

@@ -1,41 +1,41 @@
-import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
-/**
- * @internal
- * State of an edit info object for image editing.
- * It is returned by checkEditInfoState() function
- */
-export declare type ImageEditInfoState = 
-/**
- * Invalid edit info. It means the given edit info object is either null,
- * or not all its member are of correct type
- */
-'Invalid'
-/**
- * The edit info shows that it is only potentially edited by resizing action.
- * Image is not rotated or cropped, or event not changed at all.
- */
- | 'ResizeOnly'
-/**
- * When compare with another edit info, this value can be returned when both current
- * edit info and the other one are not been rotated, and they have same cropping
- * percentages. So that they can share the same image src, only width and height
- * need to be adjusted.
- */
- | 'SameWithLast'
-/**
- * When this value is returned, it means the image is edited by either cropping or
- * rotation, or both. Image source can't be reused, need to generate a new image src
- * data uri.
- */
- | 'FullyChanged';
-/**
- * @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 declare function checkEditInfoState(editInfo: ImageMetadataFormat, compareTo?: ImageMetadataFormat): ImageEditInfoState;
+import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * State of an edit info object for image editing.
+ * It is returned by checkEditInfoState() function
+ */
+export declare type ImageEditInfoState = 
+/**
+ * Invalid edit info. It means the given edit info object is either null,
+ * or not all its member are of correct type
+ */
+'Invalid'
+/**
+ * The edit info shows that it is only potentially edited by resizing action.
+ * Image is not rotated or cropped, or event not changed at all.
+ */
+ | 'ResizeOnly'
+/**
+ * When compare with another edit info, this value can be returned when both current
+ * edit info and the other one are not been rotated, and they have same cropping
+ * percentages. So that they can share the same image src, only width and height
+ * need to be adjusted.
+ */
+ | 'SameWithLast'
+/**
+ * When this value is returned, it means the image is edited by either cropping or
+ * rotation, or both. Image source can't be reused, need to generate a new image src
+ * data uri.
+ */
+ | 'FullyChanged';
+/**
+ * @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 declare function checkEditInfoState(editInfo: ImageMetadataFormat, compareTo?: ImageMetadataFormat): ImageEditInfoState;

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

@@ -1,54 +1,54 @@
-define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.checkEditInfoState = void 0;
-    var RESIZE_KEYS = ['widthPx', 'heightPx'];
-    var ROTATE_KEYS = ['angleRad'];
-    var CROP_KEYS = [
-        'leftPercent',
-        'rightPercent',
-        'topPercent',
-        'bottomPercent',
-    ];
-    var ROTATE_CROP_KEYS = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(ROTATE_KEYS), false), (0, tslib_1.__read)(CROP_KEYS), false);
-    var ALL_KEYS = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(ROTATE_CROP_KEYS), false), (0, tslib_1.__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
-     */
-    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';
-        }
-    }
-    exports.checkEditInfoState = checkEditInfoState;
-    function isNumber(o) {
-        return typeof o === 'number';
-    }
-    function areSameNumber(n1, n2) {
-        return n1 != undefined && n2 != undefined && Math.abs(n1 - n2) < 1e-3;
-    }
-});
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.checkEditInfoState = void 0;
+    var RESIZE_KEYS = ['widthPx', 'heightPx'];
+    var ROTATE_KEYS = ['angleRad'];
+    var CROP_KEYS = [
+        'leftPercent',
+        'rightPercent',
+        'topPercent',
+        'bottomPercent',
+    ];
+    var ROTATE_CROP_KEYS = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(ROTATE_KEYS), false), (0, tslib_1.__read)(CROP_KEYS), false);
+    var ALL_KEYS = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(ROTATE_CROP_KEYS), false), (0, tslib_1.__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
+     */
+    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';
+        }
+    }
+    exports.checkEditInfoState = checkEditInfoState;
+    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-amd/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":";;;;IAOA,IAAM,WAAW,GAAwC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACjF,IAAM,WAAW,GAAwC,CAAC,UAAU,CAAC,CAAC;IACtE,IAAM,SAAS,GAAsC;QACjD,aAAa;QACb,cAAc;QACd,YAAY;QACZ,eAAe;KAClB,CAAC;IACF,IAAM,gBAAgB,iFACf,WAAW,+BACX,SAAS,SACf,CAAC;IACF,IAAM,QAAQ,iFAAO,gBAAgB,+BAAK,WAAW,SAAC,CAAC;IAmCvD;;;;;;;;;OASG;IACH,SAAgB,kBAAkB,CAC9B,QAA6B,EAC7B,SAA+B;QAE/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;YAC9E,OAAO,SAAS,CAAC;SACpB;aAAM,IACH,gBAAgB,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAA/B,CAA+B,CAAC;YAC9D,CAAC,QAAQ,CAAC,iBAAiB;YAC3B,CAAC,QAAQ,CAAC,eAAe;YACzB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAC,CAAC,EACzE;YACE,OAAO,YAAY,CAAC;SACvB;aAAM,IACH,SAAS;YACT,WAAW,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAA5C,CAA4C,CAAC;YACtE,SAAS,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAA5C,CAA4C,CAAC;YACpE,SAAS,CAAC,iBAAiB,KAAK,QAAQ,CAAC,iBAAiB;YAC1D,SAAS,CAAC,eAAe,KAAK,QAAQ,CAAC,eAAe,EACxD;YACE,OAAO,cAAc,CAAC;SACzB;aAAM;YACH,OAAO,cAAc,CAAC;SACzB;IACL,CAAC;IAxBD,gDAwBC;IAED,SAAS,QAAQ,CAAC,CAAM;QACpB,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC;IACjC,CAAC;IAED,SAAS,aAAa,CAAC,EAAW,EAAE,EAAW;QAC3C,OAAO,EAAE,IAAI,SAAS,IAAI,EAAE,IAAI,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1E,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":";;;;IAOA,IAAM,WAAW,GAAwC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACjF,IAAM,WAAW,GAAwC,CAAC,UAAU,CAAC,CAAC;IACtE,IAAM,SAAS,GAAsC;QACjD,aAAa;QACb,cAAc;QACd,YAAY;QACZ,eAAe;KAClB,CAAC;IACF,IAAM,gBAAgB,iFACf,WAAW,+BACX,SAAS,SACf,CAAC;IACF,IAAM,QAAQ,iFAAO,gBAAgB,+BAAK,WAAW,SAAC,CAAC;IAmCvD;;;;;;;;;OASG;IACH,SAAgB,kBAAkB,CAC9B,QAA6B,EAC7B,SAA+B;QAE/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;YAC9E,OAAO,SAAS,CAAC;SACpB;aAAM,IACH,gBAAgB,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAA/B,CAA+B,CAAC;YAC9D,CAAC,QAAQ,CAAC,iBAAiB;YAC3B,CAAC,QAAQ,CAAC,eAAe;YACzB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAC,CAAC,EACzE;YACE,OAAO,YAAY,CAAC;SACvB;aAAM,IACH,SAAS;YACT,WAAW,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAA5C,CAA4C,CAAC;YACtE,SAAS,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAA5C,CAA4C,CAAC;YACpE,SAAS,CAAC,iBAAiB,KAAK,QAAQ,CAAC,iBAAiB;YAC1D,SAAS,CAAC,eAAe,KAAK,QAAQ,CAAC,eAAe,EACxD;YACE,OAAO,cAAc,CAAC;SACzB;aAAM;YACH,OAAO,cAAc,CAAC;SACzB;IACL,CAAC;IAxBD,gDAwBC;IAED,SAAS,QAAQ,CAAC,CAAM;QACpB,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC;IACjC,CAAC;IAED,SAAS,aAAa,CAAC,EAAW,EAAE,EAAW;QAC3C,OAAO,EAAE,IAAI,SAAS,IAAI,EAAE,IAAI,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1E,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-amd/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-amd/imageEdit/utils/createImageWrapper.js

@@ -1,90 +1,90 @@
-define(["require", "exports", "../Cropper/createImageCropper", "../Resizer/createImageResizer", "../Rotator/createImageRotator", "roosterjs-content-model-dom"], function (require, exports, createImageCropper_1, createImageResizer_1, createImageRotator_1, roosterjs_content_model_dom_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.createImageWrapper = void 0;
-    var IMAGE_EDIT_SHADOW_ROOT = 'ImageEditShadowRoot';
-    /**
-     * @internal
-     */
-    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 = (0, createImageRotator_1.createImageRotator)(doc, htmlOptions);
-        }
-        var resizers = [];
-        if (operation.indexOf('resize') > -1) {
-            resizers = (0, createImageResizer_1.createImageResizer)(doc, !!options.disableSideResize);
-        }
-        var croppers = [];
-        if (operation.indexOf('crop') > -1) {
-            croppers = (0, createImageCropper_1.createImageCropper)(doc);
-        }
-        var wrapper = createWrapper(editor, imageClone, options, editInfo, resizers, rotators, croppers);
-        var imageSpan = (0, roosterjs_content_model_dom_1.wrap)(doc, image, 'span');
-        var shadowSpan = createShadowSpan(wrapper, imageSpan);
-        return { wrapper: wrapper, shadowSpan: shadowSpan, imageClone: imageClone, resizers: resizers, rotators: rotators, croppers: croppers };
-    }
-    exports.createImageWrapper = createImageWrapper;
-    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;
-    };
-});
+define(["require", "exports", "../Cropper/createImageCropper", "../Resizer/createImageResizer", "../Rotator/createImageRotator", "roosterjs-content-model-dom"], function (require, exports, createImageCropper_1, createImageResizer_1, createImageRotator_1, roosterjs_content_model_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createImageWrapper = void 0;
+    var IMAGE_EDIT_SHADOW_ROOT = 'ImageEditShadowRoot';
+    /**
+     * @internal
+     */
+    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 = (0, createImageRotator_1.createImageRotator)(doc, htmlOptions);
+        }
+        var resizers = [];
+        if (operation.indexOf('resize') > -1) {
+            resizers = (0, createImageResizer_1.createImageResizer)(doc, !!options.disableSideResize);
+        }
+        var croppers = [];
+        if (operation.indexOf('crop') > -1) {
+            croppers = (0, createImageCropper_1.createImageCropper)(doc);
+        }
+        var wrapper = createWrapper(editor, imageClone, options, editInfo, resizers, rotators, croppers);
+        var imageSpan = (0, roosterjs_content_model_dom_1.wrap)(doc, image, 'span');
+        var shadowSpan = createShadowSpan(wrapper, imageSpan);
+        return { wrapper: wrapper, shadowSpan: shadowSpan, imageClone: imageClone, resizers: resizers, rotators: rotators, croppers: croppers };
+    }
+    exports.createImageWrapper = createImageWrapper;
+    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-amd/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"]}