roosterjs-content-model-plugins 9.43.0 → 9.45.0

package/lib/imageEdit/Cropper/cropperContext.js

@@ -1,73 +1,73 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cropper = void 0;
-var tslib_1 = require("tslib");
-var imageEditUtils_1 = require("../utils/imageEditUtils");
-/**
- * @internal
- * Crop handle for DragAndDropHelper
- */
-exports.Cropper = {
-    onDragStart: function (_a) {
-        var editInfo = _a.editInfo;
-        return ((0, tslib_1.__assign)({}, editInfo));
-    },
-    onDragging: function (_a, e, base, dx, dy) {
-        var _b;
-        var _c;
-        var editInfo = _a.editInfo, x = _a.x, y = _a.y, options = _a.options;
-        _b = (0, tslib_1.__read)((0, imageEditUtils_1.rotateCoordinate)(dx, dy, (_c = editInfo.angleRad) !== null && _c !== void 0 ? _c : 0), 2), dx = _b[0], dy = _b[1];
-        var widthPx = editInfo.widthPx, heightPx = editInfo.heightPx, leftPercent = editInfo.leftPercent, rightPercent = editInfo.rightPercent, topPercent = editInfo.topPercent, bottomPercent = editInfo.bottomPercent;
-        if (leftPercent === undefined ||
-            rightPercent === undefined ||
-            topPercent === undefined ||
-            bottomPercent === undefined ||
-            base.leftPercent === undefined ||
-            base.rightPercent === undefined ||
-            base.topPercent === undefined ||
-            base.bottomPercent === undefined ||
-            widthPx === undefined ||
-            heightPx === undefined) {
-            return false;
-        }
-        var minWidth = options.minWidth, minHeight = options.minHeight;
-        var widthPercent = 1 - leftPercent - rightPercent;
-        var heightPercent = 1 - topPercent - bottomPercent;
-        if (widthPercent > 0 &&
-            heightPercent > 0 &&
-            minWidth !== undefined &&
-            minHeight !== undefined) {
-            var fullWidth = widthPx / widthPercent;
-            var fullHeight = heightPx / heightPercent;
-            var newLeft = x != 'e'
-                ? crop(base.leftPercent, dx, fullWidth, rightPercent, minWidth)
-                : leftPercent;
-            var newRight = x != 'w'
-                ? crop(base.rightPercent, -dx, fullWidth, leftPercent, minWidth)
-                : rightPercent;
-            var newTop = y != 's'
-                ? crop(base.topPercent, dy, fullHeight, bottomPercent, minHeight)
-                : topPercent;
-            var newBottom = y != 'n'
-                ? crop(base.bottomPercent, -dy, fullHeight, topPercent, minHeight)
-                : bottomPercent;
-            editInfo.leftPercent = newLeft;
-            editInfo.rightPercent = newRight;
-            editInfo.topPercent = newTop;
-            editInfo.bottomPercent = newBottom;
-            editInfo.widthPx = fullWidth * (1 - newLeft - newRight);
-            editInfo.heightPx = fullHeight * (1 - newTop - newBottom);
-            return true;
-        }
-        else {
-            return false;
-        }
-    },
-};
-function crop(basePercentage, deltaValue, fullValue, currentPercentage, minValue) {
-    var maxValue = fullValue * (1 - currentPercentage) - minValue;
-    var newValue = fullValue * basePercentage + deltaValue;
-    var validValue = Math.max(Math.min(newValue, maxValue), 0);
-    return validValue / fullValue;
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cropper = void 0;
+var tslib_1 = require("tslib");
+var imageEditUtils_1 = require("../utils/imageEditUtils");
+/**
+ * @internal
+ * Crop handle for DragAndDropHelper
+ */
+exports.Cropper = {
+    onDragStart: function (_a) {
+        var editInfo = _a.editInfo;
+        return ((0, tslib_1.__assign)({}, editInfo));
+    },
+    onDragging: function (_a, e, base, dx, dy) {
+        var _b;
+        var _c;
+        var editInfo = _a.editInfo, x = _a.x, y = _a.y, options = _a.options;
+        _b = (0, tslib_1.__read)((0, imageEditUtils_1.rotateCoordinate)(dx, dy, (_c = editInfo.angleRad) !== null && _c !== void 0 ? _c : 0), 2), dx = _b[0], dy = _b[1];
+        var widthPx = editInfo.widthPx, heightPx = editInfo.heightPx, leftPercent = editInfo.leftPercent, rightPercent = editInfo.rightPercent, topPercent = editInfo.topPercent, bottomPercent = editInfo.bottomPercent;
+        if (leftPercent === undefined ||
+            rightPercent === undefined ||
+            topPercent === undefined ||
+            bottomPercent === undefined ||
+            base.leftPercent === undefined ||
+            base.rightPercent === undefined ||
+            base.topPercent === undefined ||
+            base.bottomPercent === undefined ||
+            widthPx === undefined ||
+            heightPx === undefined) {
+            return false;
+        }
+        var minWidth = options.minWidth, minHeight = options.minHeight;
+        var widthPercent = 1 - leftPercent - rightPercent;
+        var heightPercent = 1 - topPercent - bottomPercent;
+        if (widthPercent > 0 &&
+            heightPercent > 0 &&
+            minWidth !== undefined &&
+            minHeight !== undefined) {
+            var fullWidth = widthPx / widthPercent;
+            var fullHeight = heightPx / heightPercent;
+            var newLeft = x != 'e'
+                ? crop(base.leftPercent, dx, fullWidth, rightPercent, minWidth)
+                : leftPercent;
+            var newRight = x != 'w'
+                ? crop(base.rightPercent, -dx, fullWidth, leftPercent, minWidth)
+                : rightPercent;
+            var newTop = y != 's'
+                ? crop(base.topPercent, dy, fullHeight, bottomPercent, minHeight)
+                : topPercent;
+            var newBottom = y != 'n'
+                ? crop(base.bottomPercent, -dy, fullHeight, topPercent, minHeight)
+                : bottomPercent;
+            editInfo.leftPercent = newLeft;
+            editInfo.rightPercent = newRight;
+            editInfo.topPercent = newTop;
+            editInfo.bottomPercent = newBottom;
+            editInfo.widthPx = fullWidth * (1 - newLeft - newRight);
+            editInfo.heightPx = fullHeight * (1 - newTop - newBottom);
+            return true;
+        }
+        else {
+            return false;
+        }
+    },
+};
+function crop(basePercentage, deltaValue, fullValue, currentPercentage, minValue) {
+    var maxValue = fullValue * (1 - currentPercentage) - minValue;
+    var newValue = fullValue * basePercentage + deltaValue;
+    var validValue = Math.max(Math.min(newValue, maxValue), 0);
+    return validValue / fullValue;
+}
 //# sourceMappingURL=cropperContext.js.map

package/lib/imageEdit/Cropper/cropperContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"cropperContext.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Cropper/cropperContext.ts"],"names":[],"mappings":"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","sourcesContent":["import { rotateCoordinate } from '../utils/imageEditUtils';\nimport type { DragAndDropContext } from '../types/DragAndDropContext';\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\nimport type { ImageCropMetadataFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Crop handle for DragAndDropHelper\n */\nexport const Cropper: DragAndDropHandler<DragAndDropContext, ImageCropMetadataFormat> = {\n    onDragStart: ({ editInfo }) => ({ ...editInfo }),\n    onDragging: ({ editInfo, x, y, options }, e, base, dx, dy) => {\n        [dx, dy] = rotateCoordinate(dx, dy, editInfo.angleRad ?? 0);\n\n        const {\n            widthPx,\n            heightPx,\n            leftPercent,\n            rightPercent,\n            topPercent,\n            bottomPercent,\n        } = editInfo;\n\n        if (\n            leftPercent === undefined ||\n            rightPercent === undefined ||\n            topPercent === undefined ||\n            bottomPercent === undefined ||\n            base.leftPercent === undefined ||\n            base.rightPercent === undefined ||\n            base.topPercent === undefined ||\n            base.bottomPercent === undefined ||\n            widthPx === undefined ||\n            heightPx === undefined\n        ) {\n            return false;\n        }\n\n        const { minWidth, minHeight } = options;\n        const widthPercent = 1 - leftPercent - rightPercent;\n        const heightPercent = 1 - topPercent - bottomPercent;\n\n        if (\n            widthPercent > 0 &&\n            heightPercent > 0 &&\n            minWidth !== undefined &&\n            minHeight !== undefined\n        ) {\n            const fullWidth = widthPx / widthPercent;\n            const fullHeight = heightPx / heightPercent;\n            const newLeft =\n                x != 'e'\n                    ? crop(base.leftPercent, dx, fullWidth, rightPercent, minWidth)\n                    : leftPercent;\n            const newRight =\n                x != 'w'\n                    ? crop(base.rightPercent, -dx, fullWidth, leftPercent, minWidth)\n                    : rightPercent;\n            const newTop =\n                y != 's'\n                    ? crop(base.topPercent, dy, fullHeight, bottomPercent, minHeight)\n                    : topPercent;\n            const newBottom =\n                y != 'n'\n                    ? crop(base.bottomPercent, -dy, fullHeight, topPercent, minHeight)\n                    : bottomPercent;\n\n            editInfo.leftPercent = newLeft;\n            editInfo.rightPercent = newRight;\n            editInfo.topPercent = newTop;\n            editInfo.bottomPercent = newBottom;\n            editInfo.widthPx = fullWidth * (1 - newLeft - newRight);\n            editInfo.heightPx = fullHeight * (1 - newTop - newBottom);\n\n            return true;\n        } else {\n            return false;\n        }\n    },\n};\n\nfunction crop(\n    basePercentage: number,\n    deltaValue: number,\n    fullValue: number,\n    currentPercentage: number,\n    minValue: number\n): number {\n    const maxValue = fullValue * (1 - currentPercentage) - minValue;\n    const newValue = fullValue * basePercentage + deltaValue;\n    const validValue = Math.max(Math.min(newValue, maxValue), 0);\n    return validValue / fullValue;\n}\n"]}
+{"version":3,"file":"cropperContext.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Cropper/cropperContext.ts"],"names":[],"mappings":"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","sourcesContent":["import { rotateCoordinate } from '../utils/imageEditUtils';\r\nimport type { DragAndDropContext } from '../types/DragAndDropContext';\r\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\r\nimport type { ImageCropMetadataFormat } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n * Crop handle for DragAndDropHelper\r\n */\r\nexport const Cropper: DragAndDropHandler<DragAndDropContext, ImageCropMetadataFormat> = {\r\n    onDragStart: ({ editInfo }) => ({ ...editInfo }),\r\n    onDragging: ({ editInfo, x, y, options }, e, base, dx, dy) => {\r\n        [dx, dy] = rotateCoordinate(dx, dy, editInfo.angleRad ?? 0);\r\n\r\n        const {\r\n            widthPx,\r\n            heightPx,\r\n            leftPercent,\r\n            rightPercent,\r\n            topPercent,\r\n            bottomPercent,\r\n        } = editInfo;\r\n\r\n        if (\r\n            leftPercent === undefined ||\r\n            rightPercent === undefined ||\r\n            topPercent === undefined ||\r\n            bottomPercent === undefined ||\r\n            base.leftPercent === undefined ||\r\n            base.rightPercent === undefined ||\r\n            base.topPercent === undefined ||\r\n            base.bottomPercent === undefined ||\r\n            widthPx === undefined ||\r\n            heightPx === undefined\r\n        ) {\r\n            return false;\r\n        }\r\n\r\n        const { minWidth, minHeight } = options;\r\n        const widthPercent = 1 - leftPercent - rightPercent;\r\n        const heightPercent = 1 - topPercent - bottomPercent;\r\n\r\n        if (\r\n            widthPercent > 0 &&\r\n            heightPercent > 0 &&\r\n            minWidth !== undefined &&\r\n            minHeight !== undefined\r\n        ) {\r\n            const fullWidth = widthPx / widthPercent;\r\n            const fullHeight = heightPx / heightPercent;\r\n            const newLeft =\r\n                x != 'e'\r\n                    ? crop(base.leftPercent, dx, fullWidth, rightPercent, minWidth)\r\n                    : leftPercent;\r\n            const newRight =\r\n                x != 'w'\r\n                    ? crop(base.rightPercent, -dx, fullWidth, leftPercent, minWidth)\r\n                    : rightPercent;\r\n            const newTop =\r\n                y != 's'\r\n                    ? crop(base.topPercent, dy, fullHeight, bottomPercent, minHeight)\r\n                    : topPercent;\r\n            const newBottom =\r\n                y != 'n'\r\n                    ? crop(base.bottomPercent, -dy, fullHeight, topPercent, minHeight)\r\n                    : bottomPercent;\r\n\r\n            editInfo.leftPercent = newLeft;\r\n            editInfo.rightPercent = newRight;\r\n            editInfo.topPercent = newTop;\r\n            editInfo.bottomPercent = newBottom;\r\n            editInfo.widthPx = fullWidth * (1 - newLeft - newRight);\r\n            editInfo.heightPx = fullHeight * (1 - newTop - newBottom);\r\n\r\n            return true;\r\n        } else {\r\n            return false;\r\n        }\r\n    },\r\n};\r\n\r\nfunction crop(\r\n    basePercentage: number,\r\n    deltaValue: number,\r\n    fullValue: number,\r\n    currentPercentage: number,\r\n    minValue: number\r\n): number {\r\n    const maxValue = fullValue * (1 - currentPercentage) - minValue;\r\n    const newValue = fullValue * basePercentage + deltaValue;\r\n    const validValue = Math.max(Math.min(newValue, maxValue), 0);\r\n    return validValue / fullValue;\r\n}\r\n"]}

package/lib/imageEdit/ImageEditPlugin.d.ts

@@ -1,86 +1,86 @@
-import type { ImageEditOptions } from './types/ImageEditOptions';
-import type { EditorPlugin, IEditor, ImageEditOperation, ImageEditor, ImageMetadataFormat, PluginEvent } from 'roosterjs-content-model-types';
-/**
- * ImageEdit plugin handles the following image editing features:
- * - Resize image
- * - Crop image
- * - Rotate image
- * - Flip image
- */
-export declare class ImageEditPlugin implements ImageEditor, EditorPlugin {
-    protected editor: IEditor | null;
-    private shadowSpan;
-    private selectedImage;
-    protected wrapper: HTMLSpanElement | null;
-    protected imageEditInfo: ImageMetadataFormat | null;
-    private imageHTMLOptions;
-    private dndHelpers;
-    private clonedImage;
-    private lastSrc;
-    private wasImageResized;
-    private isCropMode;
-    private resizers;
-    private rotators;
-    private croppers;
-    private zoomScale;
-    private disposer;
-    protected isEditing: boolean;
-    protected options: ImageEditOptions;
-    constructor(options?: ImageEditOptions);
-    /**
-     * Get name of this plugin
-     */
-    getName(): string;
-    /**
-     * The first method that editor will call to a plugin when editor is initializing.
-     * It will pass in the editor instance, plugin should take this chance to save the
-     * editor reference so that it can call to any editor method or format API later.
-     * @param editor The editor object
-     */
-    initialize(editor: IEditor): void;
-    /**
-     * The last method that editor will call to a plugin before it is disposed.
-     * Plugin can take this chance to clear the reference to editor. After this method is
-     * called, plugin should not call to any editor method since it will result in error.
-     */
-    dispose(): void;
-    /**
-     * Core method for a plugin. Once an event happens in editor, editor will call this
-     * method of each plugin to handle the event as long as the event is not handled
-     * exclusively by another plugin.
-     * @param event The event to handle:
-     */
-    onPluginEvent(event: PluginEvent): void;
-    private handleBeforeLogicalRootChange;
-    private removeImageEditing;
-    private isImageSelection;
-    private mouseUpHandler;
-    private mouseDownHandler;
-    private onDropHandler;
-    private keyDownHandler;
-    private setContentHandler;
-    private formatEventHandler;
-    private contentChangedHandler;
-    /**
-     * EXPOSED FOR TESTING PURPOSE ONLY
-     */
-    protected applyFormatWithContentModel(editor: IEditor, isCropMode: boolean, shouldSelectImage?: boolean, isApiOperation?: boolean): void;
-    private startEditing;
-    private updateImageDimensionsIfZero;
-    private startEditingInternal;
-    startRotateAndResize(editor: IEditor, image: HTMLImageElement, isRTL: boolean): void;
-    private updateResizeHandleDirection;
-    private updateRotateHandleState;
-    isOperationAllowed(operation: ImageEditOperation): boolean;
-    canRegenerateImage(image: HTMLImageElement): boolean;
-    private startCropMode;
-    cropImage(): void;
-    private editImage;
-    /**
-     * Exported for testing purpose only
-     */
-    cleanInfo(): void;
-    private removeImageWrapper;
-    flipImage(direction: 'horizontal' | 'vertical'): void;
-    rotateImage(angleRad: number): void;
-}
+import type { ImageEditOptions } from './types/ImageEditOptions';
+import type { EditorPlugin, IEditor, ImageEditOperation, ImageEditor, ImageMetadataFormat, PluginEvent } from 'roosterjs-content-model-types';
+/**
+ * ImageEdit plugin handles the following image editing features:
+ * - Resize image
+ * - Crop image
+ * - Rotate image
+ * - Flip image
+ */
+export declare class ImageEditPlugin implements ImageEditor, EditorPlugin {
+    protected editor: IEditor | null;
+    private shadowSpan;
+    private selectedImage;
+    protected wrapper: HTMLSpanElement | null;
+    protected imageEditInfo: ImageMetadataFormat | null;
+    private imageHTMLOptions;
+    private dndHelpers;
+    private clonedImage;
+    private lastSrc;
+    private wasImageResized;
+    private isCropMode;
+    private resizers;
+    private rotators;
+    private croppers;
+    private zoomScale;
+    private disposer;
+    protected isEditing: boolean;
+    protected options: ImageEditOptions;
+    constructor(options?: ImageEditOptions);
+    /**
+     * Get name of this plugin
+     */
+    getName(): string;
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    dispose(): void;
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    onPluginEvent(event: PluginEvent): void;
+    private handleBeforeLogicalRootChange;
+    private removeImageEditing;
+    private isImageSelection;
+    private mouseUpHandler;
+    private mouseDownHandler;
+    private onDropHandler;
+    private keyDownHandler;
+    private setContentHandler;
+    private formatEventHandler;
+    private contentChangedHandler;
+    /**
+     * EXPOSED FOR TESTING PURPOSE ONLY
+     */
+    protected applyFormatWithContentModel(editor: IEditor, isCropMode: boolean, shouldSelectImage?: boolean, isApiOperation?: boolean): void;
+    private startEditing;
+    private updateImageDimensionsIfZero;
+    private startEditingInternal;
+    startRotateAndResize(editor: IEditor, image: HTMLImageElement, isRTL: boolean): void;
+    private updateResizeHandleDirection;
+    private updateRotateHandleState;
+    isOperationAllowed(operation: ImageEditOperation): boolean;
+    canRegenerateImage(image: HTMLImageElement): boolean;
+    private startCropMode;
+    cropImage(): void;
+    private editImage;
+    /**
+     * Exported for testing purpose only
+     */
+    cleanInfo(): void;
+    private removeImageWrapper;
+    flipImage(direction: 'horizontal' | 'vertical'): void;
+    rotateImage(angleRad: number): void;
+}