roosterjs-content-model-plugins 9.43.0 → 9.45.0

package/lib/imageEdit/types/GeneratedImageSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneratedImageSize.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/GeneratedImageSize.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal The result structure for getGeneratedImageSize()\n */\nexport interface GeneratedImageSize {\n    /**\n     * Final image width after rotate and crop\n     */\n    targetWidth: number;\n\n    /**\n     * Final image height after rotate and crop\n     */\n    targetHeight: number;\n\n    /**\n     * Original width of image before rotate and crop\n     */\n    originalWidth: number;\n\n    /**\n     * Original height of image before rotate and crop\n     */\n    originalHeight: number;\n\n    /**\n     * Visible width of image at current state\n     * Depends on if beforeCrop is true passed into getGeneratedImageSize(),\n     * the value can be before or after crop\n     */\n    visibleWidth: number;\n\n    /**\n     * Visible height of image at current state\n     * Depends on if beforeCrop is true passed into getGeneratedImageSize(),\n     * the value can be before or after crop\n     */\n    visibleHeight: number;\n}\n"]}
+{"version":3,"file":"GeneratedImageSize.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/GeneratedImageSize.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * @internal The result structure for getGeneratedImageSize()\r\n */\r\nexport interface GeneratedImageSize {\r\n    /**\r\n     * Final image width after rotate and crop\r\n     */\r\n    targetWidth: number;\r\n\r\n    /**\r\n     * Final image height after rotate and crop\r\n     */\r\n    targetHeight: number;\r\n\r\n    /**\r\n     * Original width of image before rotate and crop\r\n     */\r\n    originalWidth: number;\r\n\r\n    /**\r\n     * Original height of image before rotate and crop\r\n     */\r\n    originalHeight: number;\r\n\r\n    /**\r\n     * Visible width of image at current state\r\n     * Depends on if beforeCrop is true passed into getGeneratedImageSize(),\r\n     * the value can be before or after crop\r\n     */\r\n    visibleWidth: number;\r\n\r\n    /**\r\n     * Visible height of image at current state\r\n     * Depends on if beforeCrop is true passed into getGeneratedImageSize(),\r\n     * the value can be before or after crop\r\n     */\r\n    visibleHeight: number;\r\n}\r\n"]}

package/lib/imageEdit/types/ImageAndParagraph.d.ts

@@ -1,8 +1,8 @@
-import type { ReadonlyContentModelImage, ReadonlyContentModelParagraph } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export interface ImageAndParagraph {
-    image: ReadonlyContentModelImage;
-    paragraph: ReadonlyContentModelParagraph;
-}
+import type { ReadonlyContentModelImage, ReadonlyContentModelParagraph } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export interface ImageAndParagraph {
+    image: ReadonlyContentModelImage;
+    paragraph: ReadonlyContentModelParagraph;
+}

package/lib/imageEdit/types/ImageAndParagraph.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=ImageAndParagraph.js.map

package/lib/imageEdit/types/ImageAndParagraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageAndParagraph.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/ImageAndParagraph.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n    ReadonlyContentModelImage,\n    ReadonlyContentModelParagraph,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport interface ImageAndParagraph {\n    image: ReadonlyContentModelImage;\n    paragraph: ReadonlyContentModelParagraph;\n}\n"]}
+{"version":3,"file":"ImageAndParagraph.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/types/ImageAndParagraph.ts"],"names":[],"mappings":"","sourcesContent":["import type {\r\n    ReadonlyContentModelImage,\r\n    ReadonlyContentModelParagraph,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport interface ImageAndParagraph {\r\n    image: ReadonlyContentModelImage;\r\n    paragraph: ReadonlyContentModelParagraph;\r\n}\r\n"]}

package/lib/imageEdit/types/ImageEditElementClass.d.ts

@@ -1,30 +1,30 @@
-/**
- * @internal
- * CSS class names for image editing elements
- */
-export declare enum ImageEditElementClass {
-    /**
-     * CSS class name for resize handle
-     */
-    ResizeHandle = "r_resizeH",
-    /**
-     * CSS class name for rotate handle
-     */
-    RotateHandle = "r_rotateH",
-    /**
-     * CSS class name for the container of rotate handle
-     */
-    RotateCenter = "r_rotateC",
-    /**
-     * CSS class name for crop overlay
-     */
-    CropOverlay = "r_cropO",
-    /**
-     * CSS class name for container of crop handle
-     */
-    CropContainer = "r_cropC",
-    /**
-     * CSS class name for crop handle
-     */
-    CropHandle = "r_cropH"
-}
+/**
+ * @internal
+ * CSS class names for image editing elements
+ */
+export declare enum ImageEditElementClass {
+    /**
+     * CSS class name for resize handle
+     */
+    ResizeHandle = "r_resizeH",
+    /**
+     * CSS class name for rotate handle
+     */
+    RotateHandle = "r_rotateH",
+    /**
+     * CSS class name for the container of rotate handle
+     */
+    RotateCenter = "r_rotateC",
+    /**
+     * CSS class name for crop overlay
+     */
+    CropOverlay = "r_cropO",
+    /**
+     * CSS class name for container of crop handle
+     */
+    CropContainer = "r_cropC",
+    /**
+     * CSS class name for crop handle
+     */
+    CropHandle = "r_cropH"
+}

package/lib/imageEdit/types/ImageEditElementClass.js

@@ -1,35 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageEditElementClass = void 0;
-/**
- * @internal
- * CSS class names for image editing elements
- */
-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 = exports.ImageEditElementClass || (exports.ImageEditElementClass = {}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageEditElementClass = void 0;
+/**
+ * @internal
+ * CSS class names for image editing elements
+ */
+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 = exports.ImageEditElementClass || (exports.ImageEditElementClass = {}));
 //# sourceMappingURL=ImageEditElementClass.js.map

package/lib/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,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,GAArB,6BAAqB,KAArB,6BAAqB,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,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,GAArB,6BAAqB,KAArB,6BAAqB,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/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/imageEdit/types/ImageEditOptions.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=ImageEditOptions.js.map

package/lib/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/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/imageEdit/types/ImageHtmlOptions.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=ImageHtmlOptions.js.map

package/lib/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/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/imageEdit/utils/applyChange.js

@@ -1,73 +1,73 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyChange = void 0;
-var checkEditInfoState_1 = require("./checkEditInfoState");
-var generateDataURL_1 = require("./generateDataURL");
-var generateImageSize_1 = require("./generateImageSize");
-var updateImageEditInfo_1 = require("./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
- */
-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 = (0, updateImageEditInfo_1.updateImageEditInfo)(contentModelImage, imageEditing)) !== null && _a !== void 0 ? _a : undefined;
-    var state = (0, checkEditInfoState_1.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 = (0, generateDataURL_1.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
-        (0, updateImageEditInfo_1.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
-        (0, updateImageEditInfo_1.updateImageEditInfo)(contentModelImage, imageEditing, editInfo);
-    }
-    // Write back the change to image, and set its new size
-    var generatedImageSize = (0, generateImageSize_1.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;
-}
-exports.applyChange = applyChange;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyChange = void 0;
+var checkEditInfoState_1 = require("./checkEditInfoState");
+var generateDataURL_1 = require("./generateDataURL");
+var generateImageSize_1 = require("./generateImageSize");
+var updateImageEditInfo_1 = require("./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
+ */
+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 = (0, updateImageEditInfo_1.updateImageEditInfo)(contentModelImage, imageEditing)) !== null && _a !== void 0 ? _a : undefined;
+    var state = (0, checkEditInfoState_1.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 = (0, generateDataURL_1.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
+        (0, updateImageEditInfo_1.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
+        (0, updateImageEditInfo_1.updateImageEditInfo)(contentModelImage, imageEditing, editInfo);
+    }
+    // Write back the change to image, and set its new size
+    var generatedImageSize = (0, generateImageSize_1.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;
+}
+exports.applyChange = applyChange;
 //# sourceMappingURL=applyChange.js.map

package/lib/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,2DAA0D;AAC1D,qDAAoD;AACpD,yDAA4D;AAC5D,6DAA4D;AAQ5D;;;;;;;;;GASG;AACH,SAAgB,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,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,CAAC,mCAAI,SAAS,CAAC;IACvF,IAAM,KAAK,GAAG,IAAA,uCAAkB,EAAC,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,IAAA,iCAAe,EAAC,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,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;KAC9D;SAAM;QACH,wGAAwG;QACxG,gBAAgB;QAChB,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;KAClE;IAED,uDAAuD;IACvD,IAAM,kBAAkB,GAAG,IAAA,yCAAqB,EAAC,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;AAnED,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":";;;AAAA,2DAA0D;AAC1D,qDAAoD;AACpD,yDAA4D;AAC5D,6DAA4D;AAQ5D;;;;;;;;;GASG;AACH,SAAgB,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,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,CAAC,mCAAI,SAAS,CAAC;IACvF,IAAM,KAAK,GAAG,IAAA,uCAAkB,EAAC,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,IAAA,iCAAe,EAAC,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,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;KAC9D;SAAM;QACH,wGAAwG;QACxG,gBAAgB;QAChB,IAAA,yCAAmB,EAAC,iBAAiB,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;KAClE;IAED,uDAAuD;IACvD,IAAM,kBAAkB,GAAG,IAAA,yCAAqB,EAAC,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;AAnED,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/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;