roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib-mjs/imageEdit/types/ImageEditElementClass.js

@@ -1,32 +1,32 @@
-/**
- * @internal
- * CSS class names for image editing elements
- */
-export var ImageEditElementClass;
-(function (ImageEditElementClass) {
-    /**
-     * CSS class name for resize handle
-     */
-    ImageEditElementClass["ResizeHandle"] = "r_resizeH";
-    /**
-     * CSS class name for rotate handle
-     */
-    ImageEditElementClass["RotateHandle"] = "r_rotateH";
-    /**
-     * CSS class name for the container of rotate handle
-     */
-    ImageEditElementClass["RotateCenter"] = "r_rotateC";
-    /**
-     * CSS class name for crop overlay
-     */
-    ImageEditElementClass["CropOverlay"] = "r_cropO";
-    /**
-     * CSS class name for container of crop handle
-     */
-    ImageEditElementClass["CropContainer"] = "r_cropC";
-    /**
-     * CSS class name for crop handle
-     */
-    ImageEditElementClass["CropHandle"] = "r_cropH";
-})(ImageEditElementClass || (ImageEditElementClass = {}));
+/**
+ * @internal
+ * CSS class names for image editing elements
+ */
+export var ImageEditElementClass;
+(function (ImageEditElementClass) {
+    /**
+     * CSS class name for resize handle
+     */
+    ImageEditElementClass["ResizeHandle"] = "r_resizeH";
+    /**
+     * CSS class name for rotate handle
+     */
+    ImageEditElementClass["RotateHandle"] = "r_rotateH";
+    /**
+     * CSS class name for the container of rotate handle
+     */
+    ImageEditElementClass["RotateCenter"] = "r_rotateC";
+    /**
+     * CSS class name for crop overlay
+     */
+    ImageEditElementClass["CropOverlay"] = "r_cropO";
+    /**
+     * CSS class name for container of crop handle
+     */
+    ImageEditElementClass["CropContainer"] = "r_cropC";
+    /**
+     * CSS class name for crop handle
+     */
+    ImageEditElementClass["CropHandle"] = "r_cropH";
+})(ImageEditElementClass || (ImageEditElementClass = {}));
 //# sourceMappingURL=ImageEditElementClass.js.map

package/lib-mjs/imageEdit/types/ImageEditElementClass.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditElementClass.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/ImageEditElementClass.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,qBA8BX;AA9BD,WAAY,qBAAqB;IAC7B;;OAEG;IACH,mDAA0B,CAAA;IAE1B;;OAEG;IACH,mDAA0B,CAAA;IAE1B;;OAEG;IACH,mDAA0B,CAAA;IAE1B;;OAEG;IACH,gDAAuB,CAAA;IAEvB;;OAEG;IACH,kDAAyB,CAAA;IAEzB;;OAEG;IACH,+CAAsB,CAAA;AAC1B,CAAC,EA9BW,qBAAqB,KAArB,qBAAqB,QA8BhC","sourcesContent":["/**\n * @internal\n * CSS class names for image editing elements\n */\nexport enum ImageEditElementClass {\n    /**\n     * CSS class name for resize handle\n     */\n    ResizeHandle = 'r_resizeH',\n\n    /**\n     * CSS class name for rotate handle\n     */\n    RotateHandle = 'r_rotateH',\n\n    /**\n     * CSS class name for the container of rotate handle\n     */\n    RotateCenter = 'r_rotateC',\n\n    /**\n     * CSS class name for crop overlay\n     */\n    CropOverlay = 'r_cropO',\n\n    /**\n     * CSS class name for container of crop handle\n     */\n    CropContainer = 'r_cropC',\n\n    /**\n     * CSS class name for crop handle\n     */\n    CropHandle = 'r_cropH',\n}\n"]}
+{"version":3,"file":"ImageEditElementClass.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/ImageEditElementClass.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,qBA8BX;AA9BD,WAAY,qBAAqB;IAC7B;;OAEG;IACH,mDAA0B,CAAA;IAE1B;;OAEG;IACH,mDAA0B,CAAA;IAE1B;;OAEG;IACH,mDAA0B,CAAA;IAE1B;;OAEG;IACH,gDAAuB,CAAA;IAEvB;;OAEG;IACH,kDAAyB,CAAA;IAEzB;;OAEG;IACH,+CAAsB,CAAA;AAC1B,CAAC,EA9BW,qBAAqB,KAArB,qBAAqB,QA8BhC","sourcesContent":["/**\r\n * @internal\r\n * CSS class names for image editing elements\r\n */\r\nexport enum ImageEditElementClass {\r\n    /**\r\n     * CSS class name for resize handle\r\n     */\r\n    ResizeHandle = 'r_resizeH',\r\n\r\n    /**\r\n     * CSS class name for rotate handle\r\n     */\r\n    RotateHandle = 'r_rotateH',\r\n\r\n    /**\r\n     * CSS class name for the container of rotate handle\r\n     */\r\n    RotateCenter = 'r_rotateC',\r\n\r\n    /**\r\n     * CSS class name for crop overlay\r\n     */\r\n    CropOverlay = 'r_cropO',\r\n\r\n    /**\r\n     * CSS class name for container of crop handle\r\n     */\r\n    CropContainer = 'r_cropC',\r\n\r\n    /**\r\n     * CSS class name for crop handle\r\n     */\r\n    CropHandle = 'r_cropH',\r\n}\r\n"]}

package/lib-mjs/imageEdit/types/ImageEditOptions.d.ts

@@ -1,55 +1,55 @@
-import type { ImageEditOperation } from 'roosterjs-content-model-types';
-/**
- * Options for customize ImageEdit plugin
- */
-export interface ImageEditOptions {
-    /**
-     * Color of resize/rotate border, handle and icon
-     * @default #DB626C
-     */
-    borderColor?: string;
-    /**
-     * Minimum resize/crop width
-     * @default 10
-     */
-    minWidth?: number;
-    /**
-     * Minimum resize/crop height
-     * @default 10
-     */
-    minHeight?: number;
-    /**
-     * Whether preserve width/height ratio when resize
-     * Pressing SHIFT key when resize will for preserve ratio even this value is set to false
-     * @default true
-     */
-    preserveRatio?: boolean;
-    /**
-     * Minimum degree increase/decrease when rotate image.
-     * Pressing SHIFT key when rotate will ignore this value and rotate by any degree with mouse moving
-     * @default 5
-     */
-    minRotateDeg?: number;
-    /**
-     * Selector of the image that allows editing
-     * @default img
-     */
-    imageSelector?: string;
-    /**
-     * Whether side resizing (single direction resizing) is disabled. @default false
-     */
-    disableSideResize?: boolean;
-    /**
-     * Whether image rotate is disabled. @default false
-     */
-    disableRotate?: boolean;
-    /**
-     * Whether image crop is disabled. @default false
-     */
-    disableCrop?: boolean;
-    /**
-     * Which operations will be executed when image is selected
-     * @default resizeAndRotate
-     */
-    onSelectState?: ImageEditOperation[];
-}
+import type { ImageEditOperation } from 'roosterjs-content-model-types';
+/**
+ * Options for customize ImageEdit plugin
+ */
+export interface ImageEditOptions {
+    /**
+     * Color of resize/rotate border, handle and icon
+     * @default #DB626C
+     */
+    borderColor?: string;
+    /**
+     * Minimum resize/crop width
+     * @default 10
+     */
+    minWidth?: number;
+    /**
+     * Minimum resize/crop height
+     * @default 10
+     */
+    minHeight?: number;
+    /**
+     * Whether preserve width/height ratio when resize
+     * Pressing SHIFT key when resize will for preserve ratio even this value is set to false
+     * @default true
+     */
+    preserveRatio?: boolean;
+    /**
+     * Minimum degree increase/decrease when rotate image.
+     * Pressing SHIFT key when rotate will ignore this value and rotate by any degree with mouse moving
+     * @default 5
+     */
+    minRotateDeg?: number;
+    /**
+     * Selector of the image that allows editing
+     * @default img
+     */
+    imageSelector?: string;
+    /**
+     * Whether side resizing (single direction resizing) is disabled. @default false
+     */
+    disableSideResize?: boolean;
+    /**
+     * Whether image rotate is disabled. @default false
+     */
+    disableRotate?: boolean;
+    /**
+     * Whether image crop is disabled. @default false
+     */
+    disableCrop?: boolean;
+    /**
+     * Which operations will be executed when image is selected
+     * @default resizeAndRotate
+     */
+    onSelectState?: ImageEditOperation[];
+}

package/lib-mjs/imageEdit/types/ImageEditOptions.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=ImageEditOptions.js.map

package/lib-mjs/imageEdit/types/ImageEditOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditOptions.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/ImageEditOptions.ts"],"names":[],"mappings":"","sourcesContent":["import type { ImageEditOperation } from 'roosterjs-content-model-types';\n\n/**\n * Options for customize ImageEdit plugin\n */\nexport interface ImageEditOptions {\n    /**\n     * Color of resize/rotate border, handle and icon\n     * @default #DB626C\n     */\n    borderColor?: string;\n\n    /**\n     * Minimum resize/crop width\n     * @default 10\n     */\n    minWidth?: number;\n\n    /**\n     * Minimum resize/crop height\n     * @default 10\n     */\n    minHeight?: number;\n\n    /**\n     * Whether preserve width/height ratio when resize\n     * Pressing SHIFT key when resize will for preserve ratio even this value is set to false\n     * @default true\n     */\n    preserveRatio?: boolean;\n\n    /**\n     * Minimum degree increase/decrease when rotate image.\n     * Pressing SHIFT key when rotate will ignore this value and rotate by any degree with mouse moving\n     * @default 5\n     */\n    minRotateDeg?: number;\n\n    /**\n     * Selector of the image that allows editing\n     * @default img\n     */\n    imageSelector?: string;\n\n    /**\n     * Whether side resizing (single direction resizing) is disabled. @default false\n     */\n    disableSideResize?: boolean;\n\n    /**\n     * Whether image rotate is disabled. @default false\n     */\n    disableRotate?: boolean;\n\n    /**\n     * Whether image crop is disabled. @default false\n     */\n    disableCrop?: boolean;\n\n    /**\n     * Which operations will be executed when image is selected\n     * @default resizeAndRotate\n     */\n    onSelectState?: ImageEditOperation[];\n}\n"]}
+{"version":3,"file":"ImageEditOptions.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/ImageEditOptions.ts"],"names":[],"mappings":"","sourcesContent":["import type { ImageEditOperation } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * Options for customize ImageEdit plugin\r\n */\r\nexport interface ImageEditOptions {\r\n    /**\r\n     * Color of resize/rotate border, handle and icon\r\n     * @default #DB626C\r\n     */\r\n    borderColor?: string;\r\n\r\n    /**\r\n     * Minimum resize/crop width\r\n     * @default 10\r\n     */\r\n    minWidth?: number;\r\n\r\n    /**\r\n     * Minimum resize/crop height\r\n     * @default 10\r\n     */\r\n    minHeight?: number;\r\n\r\n    /**\r\n     * Whether preserve width/height ratio when resize\r\n     * Pressing SHIFT key when resize will for preserve ratio even this value is set to false\r\n     * @default true\r\n     */\r\n    preserveRatio?: boolean;\r\n\r\n    /**\r\n     * Minimum degree increase/decrease when rotate image.\r\n     * Pressing SHIFT key when rotate will ignore this value and rotate by any degree with mouse moving\r\n     * @default 5\r\n     */\r\n    minRotateDeg?: number;\r\n\r\n    /**\r\n     * Selector of the image that allows editing\r\n     * @default img\r\n     */\r\n    imageSelector?: string;\r\n\r\n    /**\r\n     * Whether side resizing (single direction resizing) is disabled. @default false\r\n     */\r\n    disableSideResize?: boolean;\r\n\r\n    /**\r\n     * Whether image rotate is disabled. @default false\r\n     */\r\n    disableRotate?: boolean;\r\n\r\n    /**\r\n     * Whether image crop is disabled. @default false\r\n     */\r\n    disableCrop?: boolean;\r\n\r\n    /**\r\n     * Which operations will be executed when image is selected\r\n     * @default resizeAndRotate\r\n     */\r\n    onSelectState?: ImageEditOperation[];\r\n}\r\n"]}

package/lib-mjs/imageEdit/types/ImageHtmlOptions.d.ts

@@ -1,22 +1,22 @@
-/**
- * @internal
- * Options for retrieve HTML string for image editing
- */
-export interface ImageHtmlOptions {
-    /**
-     * Border and handle color of resize and rotate handle
-     */
-    borderColor: string;
-    /**
-     * Background color of the rotate handle
-     */
-    rotateHandleBackColor: string;
-    /**
-     * Verify if the area of the image is less than 10000px, if yes, don't insert the side handles
-     */
-    isSmallImage: boolean;
-    /**
-     * Whether side resize handles should be disabled
-     */
-    disableSideResize: boolean;
-}
+/**
+ * @internal
+ * Options for retrieve HTML string for image editing
+ */
+export interface ImageHtmlOptions {
+    /**
+     * Border and handle color of resize and rotate handle
+     */
+    borderColor: string;
+    /**
+     * Background color of the rotate handle
+     */
+    rotateHandleBackColor: string;
+    /**
+     * Verify if the area of the image is less than 10000px, if yes, don't insert the side handles
+     */
+    isSmallImage: boolean;
+    /**
+     * Whether side resize handles should be disabled
+     */
+    disableSideResize: boolean;
+}

package/lib-mjs/imageEdit/types/ImageHtmlOptions.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=ImageHtmlOptions.js.map

package/lib-mjs/imageEdit/types/ImageHtmlOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageHtmlOptions.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/ImageHtmlOptions.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n * Options for retrieve HTML string for image editing\n */\nexport interface ImageHtmlOptions {\n    /**\n     * Border and handle color of resize and rotate handle\n     */\n    borderColor: string;\n\n    /**\n     * Background color of the rotate handle\n     */\n    rotateHandleBackColor: string;\n\n    /**\n     * Verify if the area of the image is less than 10000px, if yes, don't insert the side handles\n     */\n    isSmallImage: boolean;\n\n    /**\n     * Whether side resize handles should be disabled\n     */\n    disableSideResize: boolean;\n}\n"]}
+{"version":3,"file":"ImageHtmlOptions.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/ImageHtmlOptions.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * @internal\r\n * Options for retrieve HTML string for image editing\r\n */\r\nexport interface ImageHtmlOptions {\r\n    /**\r\n     * Border and handle color of resize and rotate handle\r\n     */\r\n    borderColor: string;\r\n\r\n    /**\r\n     * Background color of the rotate handle\r\n     */\r\n    rotateHandleBackColor: string;\r\n\r\n    /**\r\n     * Verify if the area of the image is less than 10000px, if yes, don't insert the side handles\r\n     */\r\n    isSmallImage: boolean;\r\n\r\n    /**\r\n     * Whether side resize handles should be disabled\r\n     */\r\n    disableSideResize: boolean;\r\n}\r\n"]}

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

@@ -1,13 +1,13 @@
-import type { ImageEditInfoState } from './checkEditInfoState';
-import type { ContentModelImage, IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';
-/**
- * @internal
- * Apply changes from the edit info of an image, write result to the image
- * @param editor The editor object that contains the image
- * @param image The image to apply the change
- * @param editInfo Edit info that contains the changed information of the image
- * @param previousSrc Last src value of the image before the change was made
- * @param wasResizedOrCropped if the image was resized or cropped apply the new image dimensions
- * @param editingImage (optional) Image in editing state
- */
-export declare function applyChange(editor: IEditor, image: HTMLImageElement, contentModelImage: ContentModelImage, editInfo: ImageMetadataFormat, previousSrc: string, wasResizedOrCropped: boolean, editingImage?: HTMLImageElement): ImageEditInfoState;
+import type { ImageEditInfoState } from './checkEditInfoState';
+import type { ContentModelImage, IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Apply changes from the edit info of an image, write result to the image
+ * @param editor The editor object that contains the image
+ * @param image The image to apply the change
+ * @param editInfo Edit info that contains the changed information of the image
+ * @param previousSrc Last src value of the image before the change was made
+ * @param wasResizedOrCropped if the image was resized or cropped apply the new image dimensions
+ * @param editingImage (optional) Image in editing state
+ */
+export declare function applyChange(editor: IEditor, image: HTMLImageElement, contentModelImage: ContentModelImage, editInfo: ImageMetadataFormat, previousSrc: string, wasResizedOrCropped: boolean, editingImage?: HTMLImageElement): ImageEditInfoState;

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

@@ -1,69 +1,69 @@
-import { checkEditInfoState } from './checkEditInfoState';
-import { generateDataURL } from './generateDataURL';
-import { getGeneratedImageSize } from './generateImageSize';
-import { updateImageEditInfo } from './updateImageEditInfo';
-/**
- * @internal
- * Apply changes from the edit info of an image, write result to the image
- * @param editor The editor object that contains the image
- * @param image The image to apply the change
- * @param editInfo Edit info that contains the changed information of the image
- * @param previousSrc Last src value of the image before the change was made
- * @param wasResizedOrCropped if the image was resized or cropped apply the new image dimensions
- * @param editingImage (optional) Image in editing state
- */
-export function applyChange(editor, image, contentModelImage, editInfo, previousSrc, wasResizedOrCropped, editingImage) {
-    var _a;
-    var newSrc = '';
-    var imageEditing = editingImage !== null && editingImage !== void 0 ? editingImage : image;
-    var initEditInfo = (_a = updateImageEditInfo(contentModelImage, imageEditing)) !== null && _a !== void 0 ? _a : undefined;
-    var state = checkEditInfoState(editInfo, initEditInfo);
-    switch (state) {
-        case 'ResizeOnly':
-            // For resize only case, no need to generate a new image, just reuse the original one
-            newSrc = editInfo.src || '';
-            break;
-        case 'SameWithLast':
-            // For SameWithLast case, image may be resized but the content is still the same with last one,
-            // so no need to create a new image, but just reuse last one
-            newSrc = previousSrc;
-            break;
-        case 'FullyChanged':
-            // For other cases (cropped, rotated, ...) we need to create a new image to reflect the change
-            newSrc = generateDataURL(editingImage !== null && editingImage !== void 0 ? editingImage : image, editInfo);
-            break;
-    }
-    var srcChanged = newSrc != previousSrc;
-    if (srcChanged) {
-        // If the src is changed, fire an EditImage event so that plugins knows that a new image is used, and can
-        // replace the new src with some other string and it will be used and set to the image
-        var event_1 = editor.triggerEvent('editImage', {
-            image: image,
-            originalSrc: editInfo.src || image.src,
-            previousSrc: previousSrc,
-            newSrc: newSrc,
-        });
-        newSrc = event_1.newSrc;
-    }
-    if (newSrc == editInfo.src) {
-        // If newSrc is the same with original one, it means there is only size change, but no rotation, no cropping,
-        // so we don't need to keep edit info, we can delete it
-        updateImageEditInfo(contentModelImage, imageEditing, null);
-    }
-    else {
-        // Otherwise, save the new edit info to the image so that next time when we edit the same image, we know
-        // the edit info
-        updateImageEditInfo(contentModelImage, imageEditing, editInfo);
-    }
-    // Write back the change to image, and set its new size
-    var generatedImageSize = getGeneratedImageSize(editInfo);
-    if (generatedImageSize) {
-        contentModelImage.src = newSrc;
-        if (wasResizedOrCropped || state == 'FullyChanged') {
-            contentModelImage.format.width = generatedImageSize.targetWidth + 'px';
-            contentModelImage.format.height = generatedImageSize.targetHeight + 'px';
-        }
-    }
-    return state;
-}
+import { checkEditInfoState } from './checkEditInfoState';
+import { generateDataURL } from './generateDataURL';
+import { getGeneratedImageSize } from './generateImageSize';
+import { updateImageEditInfo } from './updateImageEditInfo';
+/**
+ * @internal
+ * Apply changes from the edit info of an image, write result to the image
+ * @param editor The editor object that contains the image
+ * @param image The image to apply the change
+ * @param editInfo Edit info that contains the changed information of the image
+ * @param previousSrc Last src value of the image before the change was made
+ * @param wasResizedOrCropped if the image was resized or cropped apply the new image dimensions
+ * @param editingImage (optional) Image in editing state
+ */
+export function applyChange(editor, image, contentModelImage, editInfo, previousSrc, wasResizedOrCropped, editingImage) {
+    var _a;
+    var newSrc = '';
+    var imageEditing = editingImage !== null && editingImage !== void 0 ? editingImage : image;
+    var initEditInfo = (_a = updateImageEditInfo(contentModelImage, imageEditing)) !== null && _a !== void 0 ? _a : undefined;
+    var state = checkEditInfoState(editInfo, initEditInfo);
+    switch (state) {
+        case 'ResizeOnly':
+            // For resize only case, no need to generate a new image, just reuse the original one
+            newSrc = editInfo.src || '';
+            break;
+        case 'SameWithLast':
+            // For SameWithLast case, image may be resized but the content is still the same with last one,
+            // so no need to create a new image, but just reuse last one
+            newSrc = previousSrc;
+            break;
+        case 'FullyChanged':
+            // For other cases (cropped, rotated, ...) we need to create a new image to reflect the change
+            newSrc = generateDataURL(editingImage !== null && editingImage !== void 0 ? editingImage : image, editInfo);
+            break;
+    }
+    var srcChanged = newSrc != previousSrc;
+    if (srcChanged) {
+        // If the src is changed, fire an EditImage event so that plugins knows that a new image is used, and can
+        // replace the new src with some other string and it will be used and set to the image
+        var event_1 = editor.triggerEvent('editImage', {
+            image: image,
+            originalSrc: editInfo.src || image.src,
+            previousSrc: previousSrc,
+            newSrc: newSrc,
+        });
+        newSrc = event_1.newSrc;
+    }
+    if (newSrc == editInfo.src) {
+        // If newSrc is the same with original one, it means there is only size change, but no rotation, no cropping,
+        // so we don't need to keep edit info, we can delete it
+        updateImageEditInfo(contentModelImage, imageEditing, null);
+    }
+    else {
+        // Otherwise, save the new edit info to the image so that next time when we edit the same image, we know
+        // the edit info
+        updateImageEditInfo(contentModelImage, imageEditing, editInfo);
+    }
+    // Write back the change to image, and set its new size
+    var generatedImageSize = getGeneratedImageSize(editInfo);
+    if (generatedImageSize) {
+        contentModelImage.src = newSrc;
+        if (wasResizedOrCropped || state == 'FullyChanged') {
+            contentModelImage.format.width = generatedImageSize.targetWidth + 'px';
+            contentModelImage.format.height = generatedImageSize.targetHeight + 'px';
+        }
+    }
+    return state;
+}
 //# sourceMappingURL=applyChange.js.map

package/lib-mjs/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":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQ5D;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CACvB,MAAe,EACf,KAAuB,EACvB,iBAAoC,EACpC,QAA6B,EAC7B,WAAmB,EACnB,mBAA4B,EAC5B,YAA+B;;IAE/B,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAM,YAAY,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,CAAC;IAC3C,IAAM,YAAY,GAAG,MAAA,mBAAmB,CAAC,iBAAiB,EAAE,YAAY,CAAC,mCAAI,SAAS,CAAC;IACvF,IAAM,KAAK,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAEzD,QAAQ,KAAK,EAAE;QACX,KAAK,YAAY;YACb,qFAAqF;YACrF,MAAM,GAAG,QAAQ,CAAC,GAAG,IAAI,EAAE,CAAC;YAC5B,MAAM;QACV,KAAK,cAAc;YACf,+FAA+F;YAC/F,4DAA4D;YAC5D,MAAM,GAAG,WAAW,CAAC;YACrB,MAAM;QACV,KAAK,cAAc;YACf,8FAA8F;YAC9F,MAAM,GAAG,eAAe,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC1D,MAAM;KACb;IAED,IAAM,UAAU,GAAG,MAAM,IAAI,WAAW,CAAC;IAEzC,IAAI,UAAU,EAAE;QACZ,yGAAyG;QACzG,sFAAsF;QACtF,IAAM,OAAK,GAAG,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE;YAC3C,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG;YACtC,WAAW,aAAA;YACX,MAAM,QAAA;SACT,CAAC,CAAC;QACH,MAAM,GAAG,OAAK,CAAC,MAAM,CAAC;KACzB;IAED,IAAI,MAAM,IAAI,QAAQ,CAAC,GAAG,EAAE;QACxB,6GAA6G;QAC7G,uDAAuD;QACvD,mBAAmB,CAAC,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;KAC9D;SAAM;QACH,wGAAwG;QACxG,gBAAgB;QAChB,mBAAmB,CAAC,iBAAiB,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;KAClE;IAED,uDAAuD;IACvD,IAAM,kBAAkB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAE3D,IAAI,kBAAkB,EAAE;QACpB,iBAAiB,CAAC,GAAG,GAAG,MAAM,CAAC;QAE/B,IAAI,mBAAmB,IAAI,KAAK,IAAI,cAAc,EAAE;YAChD,iBAAiB,CAAC,MAAM,CAAC,KAAK,GAAG,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC;YACvE,iBAAiB,CAAC,MAAM,CAAC,MAAM,GAAG,kBAAkB,CAAC,YAAY,GAAG,IAAI,CAAC;SAC5E;KACJ;IAED,OAAO,KAAK,CAAC;AACjB,CAAC","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":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQ5D;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CACvB,MAAe,EACf,KAAuB,EACvB,iBAAoC,EACpC,QAA6B,EAC7B,WAAmB,EACnB,mBAA4B,EAC5B,YAA+B;;IAE/B,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAM,YAAY,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,CAAC;IAC3C,IAAM,YAAY,GAAG,MAAA,mBAAmB,CAAC,iBAAiB,EAAE,YAAY,CAAC,mCAAI,SAAS,CAAC;IACvF,IAAM,KAAK,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAEzD,QAAQ,KAAK,EAAE;QACX,KAAK,YAAY;YACb,qFAAqF;YACrF,MAAM,GAAG,QAAQ,CAAC,GAAG,IAAI,EAAE,CAAC;YAC5B,MAAM;QACV,KAAK,cAAc;YACf,+FAA+F;YAC/F,4DAA4D;YAC5D,MAAM,GAAG,WAAW,CAAC;YACrB,MAAM;QACV,KAAK,cAAc;YACf,8FAA8F;YAC9F,MAAM,GAAG,eAAe,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC1D,MAAM;KACb;IAED,IAAM,UAAU,GAAG,MAAM,IAAI,WAAW,CAAC;IAEzC,IAAI,UAAU,EAAE;QACZ,yGAAyG;QACzG,sFAAsF;QACtF,IAAM,OAAK,GAAG,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE;YAC3C,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG;YACtC,WAAW,aAAA;YACX,MAAM,QAAA;SACT,CAAC,CAAC;QACH,MAAM,GAAG,OAAK,CAAC,MAAM,CAAC;KACzB;IAED,IAAI,MAAM,IAAI,QAAQ,CAAC,GAAG,EAAE;QACxB,6GAA6G;QAC7G,uDAAuD;QACvD,mBAAmB,CAAC,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;KAC9D;SAAM;QACH,wGAAwG;QACxG,gBAAgB;QAChB,mBAAmB,CAAC,iBAAiB,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;KAClE;IAED,uDAAuD;IACvD,IAAM,kBAAkB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAE3D,IAAI,kBAAkB,EAAE;QACpB,iBAAiB,CAAC,GAAG,GAAG,MAAM,CAAC;QAE/B,IAAI,mBAAmB,IAAI,KAAK,IAAI,cAAc,EAAE;YAChD,iBAAiB,CAAC,MAAM,CAAC,KAAK,GAAG,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC;YACvE,iBAAiB,CAAC,MAAM,CAAC,MAAM,GAAG,kBAAkB,CAAC,YAAY,GAAG,IAAI,CAAC;SAC5E;KACJ;IAED,OAAO,KAAK,CAAC;AACjB,CAAC","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-mjs/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-mjs/imageEdit/utils/canRegenerateImage.js

@@ -1,28 +1,28 @@
-/**
- * @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 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;
-    }
-}
+/**
+ * @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 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;
+    }
+}
 //# sourceMappingURL=canRegenerateImage.js.map

package/lib-mjs/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":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,GAA4B;IAC3D,IAAI,CAAC,GAAG,EAAE;QACN,OAAO,KAAK,CAAC;KAChB;IAED,IAAI;QACA,IAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;QAClB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;QACnB,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC7B,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,OAAO,IAAI,CAAC;SACf;QAED,OAAO,KAAK,CAAC;KAChB;IAAC,WAAM;QACJ,OAAO,KAAK,CAAC;KAChB;AACL,CAAC","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":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,GAA4B;IAC3D,IAAI,CAAC,GAAG,EAAE;QACN,OAAO,KAAK,CAAC;KAChB;IAED,IAAI;QACA,IAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;QAClB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;QACnB,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC7B,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,OAAO,IAAI,CAAC;SACf;QAED,OAAO,KAAK,CAAC;KAChB;IAAC,WAAM;QACJ,OAAO,KAAK,CAAC;KAChB;AACL,CAAC","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-mjs/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;