roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib-mjs/imageEdit/Resizer/resizerContext.js

@@ -1,58 +1,58 @@
-import { __assign, __read } from "tslib";
-import { rotateCoordinate } from '../utils/imageEditUtils';
-/**
- * @internal
- * The resize drag and drop handler
- */
-export var Resizer = {
-    onDragStart: function (_a) {
-        var editInfo = _a.editInfo;
-        return (__assign({}, editInfo));
-    },
-    onDragging: function (_a, e, base, deltaX, deltaY) {
-        var _b;
-        var _c;
-        var x = _a.x, y = _a.y, editInfo = _a.editInfo, options = _a.options;
-        if (base.heightPx &&
-            base.widthPx &&
-            options.minWidth !== undefined &&
-            options.minHeight !== undefined) {
-            var ratio = base.widthPx > 0 && base.heightPx > 0 ? (base.widthPx * 1.0) / base.heightPx : 0;
-            _b = __read(rotateCoordinate(deltaX, deltaY, (_c = editInfo.angleRad) !== null && _c !== void 0 ? _c : 0), 2), deltaX = _b[0], deltaY = _b[1];
-            var horizontalOnly = x == '';
-            var verticalOnly = y == '';
-            var shouldPreserveRatio = !(horizontalOnly || verticalOnly) && (options.preserveRatio || e.shiftKey);
-            var newWidth = horizontalOnly
-                ? base.widthPx
-                : Math.max(base.widthPx + deltaX * (x == 'w' ? -1 : 1), options.minWidth);
-            var newHeight = verticalOnly
-                ? base.heightPx
-                : Math.max(base.heightPx + deltaY * (y == 'n' ? -1 : 1), options.minHeight);
-            if (shouldPreserveRatio && ratio > 0) {
-                if (ratio > 1) {
-                    // first sure newHeight is right，calculate newWidth
-                    newWidth = newHeight * ratio;
-                    if (newWidth < options.minWidth) {
-                        newWidth = options.minWidth;
-                        newHeight = newWidth / ratio;
-                    }
-                }
-                else {
-                    // first sure newWidth is right，calculate newHeight
-                    newHeight = newWidth / ratio;
-                    if (newHeight < options.minHeight) {
-                        newHeight = options.minHeight;
-                        newWidth = newHeight * ratio;
-                    }
-                }
-            }
-            editInfo.widthPx = newWidth;
-            editInfo.heightPx = newHeight;
-            return true;
-        }
-        else {
-            return false;
-        }
-    },
-};
+import { __assign, __read } from "tslib";
+import { rotateCoordinate } from '../utils/imageEditUtils';
+/**
+ * @internal
+ * The resize drag and drop handler
+ */
+export var Resizer = {
+    onDragStart: function (_a) {
+        var editInfo = _a.editInfo;
+        return (__assign({}, editInfo));
+    },
+    onDragging: function (_a, e, base, deltaX, deltaY) {
+        var _b;
+        var _c;
+        var x = _a.x, y = _a.y, editInfo = _a.editInfo, options = _a.options;
+        if (base.heightPx &&
+            base.widthPx &&
+            options.minWidth !== undefined &&
+            options.minHeight !== undefined) {
+            var ratio = base.widthPx > 0 && base.heightPx > 0 ? (base.widthPx * 1.0) / base.heightPx : 0;
+            _b = __read(rotateCoordinate(deltaX, deltaY, (_c = editInfo.angleRad) !== null && _c !== void 0 ? _c : 0), 2), deltaX = _b[0], deltaY = _b[1];
+            var horizontalOnly = x == '';
+            var verticalOnly = y == '';
+            var shouldPreserveRatio = !(horizontalOnly || verticalOnly) && (options.preserveRatio || e.shiftKey);
+            var newWidth = horizontalOnly
+                ? base.widthPx
+                : Math.max(base.widthPx + deltaX * (x == 'w' ? -1 : 1), options.minWidth);
+            var newHeight = verticalOnly
+                ? base.heightPx
+                : Math.max(base.heightPx + deltaY * (y == 'n' ? -1 : 1), options.minHeight);
+            if (shouldPreserveRatio && ratio > 0) {
+                if (ratio > 1) {
+                    // first sure newHeight is right，calculate newWidth
+                    newWidth = newHeight * ratio;
+                    if (newWidth < options.minWidth) {
+                        newWidth = options.minWidth;
+                        newHeight = newWidth / ratio;
+                    }
+                }
+                else {
+                    // first sure newWidth is right，calculate newHeight
+                    newHeight = newWidth / ratio;
+                    if (newHeight < options.minHeight) {
+                        newHeight = options.minHeight;
+                        newWidth = newHeight * ratio;
+                    }
+                }
+            }
+            editInfo.widthPx = newWidth;
+            editInfo.heightPx = newHeight;
+            return true;
+        }
+        else {
+            return false;
+        }
+    },
+};
 //# sourceMappingURL=resizerContext.js.map

package/lib-mjs/imageEdit/Resizer/resizerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizerContext.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Resizer/resizerContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK3D;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAsE;IACtF,WAAW,EAAE,UAAC,EAAY;YAAV,QAAQ,cAAA;QAAO,OAAA,cAAM,QAAQ,EAAG;IAAjB,CAAiB;IAChD,UAAU,EAAE,UAAC,EAA2B,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM;;;YAAlD,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA;QAClC,IACI,IAAI,CAAC,QAAQ;YACb,IAAI,CAAC,OAAO;YACZ,OAAO,CAAC,QAAQ,KAAK,SAAS;YAC9B,OAAO,CAAC,SAAS,KAAK,SAAS,EACjC;YACE,IAAM,KAAK,GACP,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACrF,KAAA,OAAmB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAA,QAAQ,CAAC,QAAQ,mCAAI,CAAC,CAAC,IAAA,EAA1E,MAAM,QAAA,EAAE,MAAM,QAAA,CAA6D;YAC5E,IAAM,cAAc,GAAG,CAAC,IAAI,EAAE,CAAC;YAC/B,IAAM,YAAY,GAAG,CAAC,IAAI,EAAE,CAAC;YAC7B,IAAM,mBAAmB,GACrB,CAAC,CAAC,cAAc,IAAI,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC/E,IAAI,QAAQ,GAAG,cAAc;gBACzB,CAAC,CAAC,IAAI,CAAC,OAAO;gBACd,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC9E,IAAI,SAAS,GAAG,YAAY;gBACxB,CAAC,CAAC,IAAI,CAAC,QAAQ;gBACf,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;YAEhF,IAAI,mBAAmB,IAAI,KAAK,GAAG,CAAC,EAAE;gBAClC,IAAI,KAAK,GAAG,CAAC,EAAE;oBACX,mDAAmD;oBACnD,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;oBAC7B,IAAI,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE;wBAC7B,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;wBAC5B,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;qBAChC;iBACJ;qBAAM;oBACH,mDAAmD;oBACnD,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;oBAC7B,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE;wBAC/B,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;wBAC9B,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;qBAChC;iBACJ;aACJ;YAED,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;YAC5B,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC;YAC9B,OAAO,IAAI,CAAC;SACf;aAAM;YACH,OAAO,KAAK,CAAC;SAChB;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { rotateCoordinate } from '../utils/imageEditUtils';\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\nimport type { ImageResizeMetadataFormat } from 'roosterjs-content-model-types';\nimport type { DragAndDropContext } from '../types/DragAndDropContext';\n\n/**\n * @internal\n * The resize drag and drop handler\n */\nexport const Resizer: DragAndDropHandler<DragAndDropContext, ImageResizeMetadataFormat> = {\n    onDragStart: ({ editInfo }) => ({ ...editInfo }),\n    onDragging: ({ x, y, editInfo, options }, e, base, deltaX, deltaY) => {\n        if (\n            base.heightPx &&\n            base.widthPx &&\n            options.minWidth !== undefined &&\n            options.minHeight !== undefined\n        ) {\n            const ratio =\n                base.widthPx > 0 && base.heightPx > 0 ? (base.widthPx * 1.0) / base.heightPx : 0;\n            [deltaX, deltaY] = rotateCoordinate(deltaX, deltaY, editInfo.angleRad ?? 0);\n            const horizontalOnly = x == '';\n            const verticalOnly = y == '';\n            const shouldPreserveRatio =\n                !(horizontalOnly || verticalOnly) && (options.preserveRatio || e.shiftKey);\n            let newWidth = horizontalOnly\n                ? base.widthPx\n                : Math.max(base.widthPx + deltaX * (x == 'w' ? -1 : 1), options.minWidth);\n            let newHeight = verticalOnly\n                ? base.heightPx\n                : Math.max(base.heightPx + deltaY * (y == 'n' ? -1 : 1), options.minHeight);\n\n            if (shouldPreserveRatio && ratio > 0) {\n                if (ratio > 1) {\n                    // first sure newHeight is right，calculate newWidth\n                    newWidth = newHeight * ratio;\n                    if (newWidth < options.minWidth) {\n                        newWidth = options.minWidth;\n                        newHeight = newWidth / ratio;\n                    }\n                } else {\n                    // first sure newWidth is right，calculate newHeight\n                    newHeight = newWidth / ratio;\n                    if (newHeight < options.minHeight) {\n                        newHeight = options.minHeight;\n                        newWidth = newHeight * ratio;\n                    }\n                }\n            }\n\n            editInfo.widthPx = newWidth;\n            editInfo.heightPx = newHeight;\n            return true;\n        } else {\n            return false;\n        }\n    },\n};\n"]}
+{"version":3,"file":"resizerContext.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Resizer/resizerContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK3D;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAsE;IACtF,WAAW,EAAE,UAAC,EAAY;YAAV,QAAQ,cAAA;QAAO,OAAA,cAAM,QAAQ,EAAG;IAAjB,CAAiB;IAChD,UAAU,EAAE,UAAC,EAA2B,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM;;;YAAlD,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA;QAClC,IACI,IAAI,CAAC,QAAQ;YACb,IAAI,CAAC,OAAO;YACZ,OAAO,CAAC,QAAQ,KAAK,SAAS;YAC9B,OAAO,CAAC,SAAS,KAAK,SAAS,EACjC;YACE,IAAM,KAAK,GACP,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACrF,KAAA,OAAmB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAA,QAAQ,CAAC,QAAQ,mCAAI,CAAC,CAAC,IAAA,EAA1E,MAAM,QAAA,EAAE,MAAM,QAAA,CAA6D;YAC5E,IAAM,cAAc,GAAG,CAAC,IAAI,EAAE,CAAC;YAC/B,IAAM,YAAY,GAAG,CAAC,IAAI,EAAE,CAAC;YAC7B,IAAM,mBAAmB,GACrB,CAAC,CAAC,cAAc,IAAI,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC/E,IAAI,QAAQ,GAAG,cAAc;gBACzB,CAAC,CAAC,IAAI,CAAC,OAAO;gBACd,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC9E,IAAI,SAAS,GAAG,YAAY;gBACxB,CAAC,CAAC,IAAI,CAAC,QAAQ;gBACf,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;YAEhF,IAAI,mBAAmB,IAAI,KAAK,GAAG,CAAC,EAAE;gBAClC,IAAI,KAAK,GAAG,CAAC,EAAE;oBACX,mDAAmD;oBACnD,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;oBAC7B,IAAI,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE;wBAC7B,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;wBAC5B,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;qBAChC;iBACJ;qBAAM;oBACH,mDAAmD;oBACnD,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;oBAC7B,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE;wBAC/B,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;wBAC9B,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;qBAChC;iBACJ;aACJ;YAED,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;YAC5B,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC;YAC9B,OAAO,IAAI,CAAC;SACf;aAAM;YACH,OAAO,KAAK,CAAC;SAChB;IACL,CAAC;CACJ,CAAC","sourcesContent":["import { rotateCoordinate } from '../utils/imageEditUtils';\r\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\r\nimport type { ImageResizeMetadataFormat } from 'roosterjs-content-model-types';\r\nimport type { DragAndDropContext } from '../types/DragAndDropContext';\r\n\r\n/**\r\n * @internal\r\n * The resize drag and drop handler\r\n */\r\nexport const Resizer: DragAndDropHandler<DragAndDropContext, ImageResizeMetadataFormat> = {\r\n    onDragStart: ({ editInfo }) => ({ ...editInfo }),\r\n    onDragging: ({ x, y, editInfo, options }, e, base, deltaX, deltaY) => {\r\n        if (\r\n            base.heightPx &&\r\n            base.widthPx &&\r\n            options.minWidth !== undefined &&\r\n            options.minHeight !== undefined\r\n        ) {\r\n            const ratio =\r\n                base.widthPx > 0 && base.heightPx > 0 ? (base.widthPx * 1.0) / base.heightPx : 0;\r\n            [deltaX, deltaY] = rotateCoordinate(deltaX, deltaY, editInfo.angleRad ?? 0);\r\n            const horizontalOnly = x == '';\r\n            const verticalOnly = y == '';\r\n            const shouldPreserveRatio =\r\n                !(horizontalOnly || verticalOnly) && (options.preserveRatio || e.shiftKey);\r\n            let newWidth = horizontalOnly\r\n                ? base.widthPx\r\n                : Math.max(base.widthPx + deltaX * (x == 'w' ? -1 : 1), options.minWidth);\r\n            let newHeight = verticalOnly\r\n                ? base.heightPx\r\n                : Math.max(base.heightPx + deltaY * (y == 'n' ? -1 : 1), options.minHeight);\r\n\r\n            if (shouldPreserveRatio && ratio > 0) {\r\n                if (ratio > 1) {\r\n                    // first sure newHeight is right，calculate newWidth\r\n                    newWidth = newHeight * ratio;\r\n                    if (newWidth < options.minWidth) {\r\n                        newWidth = options.minWidth;\r\n                        newHeight = newWidth / ratio;\r\n                    }\r\n                } else {\r\n                    // first sure newWidth is right，calculate newHeight\r\n                    newHeight = newWidth / ratio;\r\n                    if (newHeight < options.minHeight) {\r\n                        newHeight = options.minHeight;\r\n                        newWidth = newHeight * ratio;\r\n                    }\r\n                }\r\n            }\r\n\r\n            editInfo.widthPx = newWidth;\r\n            editInfo.heightPx = newHeight;\r\n            return true;\r\n        } else {\r\n            return false;\r\n        }\r\n    },\r\n};\r\n"]}

package/lib-mjs/imageEdit/Resizer/updateSideHandlesVisibility.d.ts

@@ -1,4 +1,4 @@
-/**
- * @internal
- */
-export declare function updateSideHandlesVisibility(handles: HTMLDivElement[], isSmall: boolean): void;
+/**
+ * @internal
+ */
+export declare function updateSideHandlesVisibility(handles: HTMLDivElement[], isSmall: boolean): void;

package/lib-mjs/imageEdit/Resizer/updateSideHandlesVisibility.js

@@ -1,13 +1,13 @@
-/**
- * @internal
- */
-export function updateSideHandlesVisibility(handles, isSmall) {
-    handles.forEach(function (handle) {
-        var _a = handle.dataset, y = _a.y, x = _a.x;
-        var coordinate = (y !== null && y !== void 0 ? y : '') + (x !== null && x !== void 0 ? x : '');
-        var directions = ['n', 's', 'e', 'w'];
-        var isSideHandle = directions.indexOf(coordinate) > -1;
-        handle.style.display = isSideHandle && isSmall ? 'none' : '';
-    });
-}
+/**
+ * @internal
+ */
+export function updateSideHandlesVisibility(handles, isSmall) {
+    handles.forEach(function (handle) {
+        var _a = handle.dataset, y = _a.y, x = _a.x;
+        var coordinate = (y !== null && y !== void 0 ? y : '') + (x !== null && x !== void 0 ? x : '');
+        var directions = ['n', 's', 'e', 'w'];
+        var isSideHandle = directions.indexOf(coordinate) > -1;
+        handle.style.display = isSideHandle && isSmall ? 'none' : '';
+    });
+}
 //# sourceMappingURL=updateSideHandlesVisibility.js.map

package/lib-mjs/imageEdit/Resizer/updateSideHandlesVisibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"updateSideHandlesVisibility.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Resizer/updateSideHandlesVisibility.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,2BAA2B,CAAC,OAAyB,EAAE,OAAgB;IACnF,OAAO,CAAC,OAAO,CAAC,UAAA,MAAM;QACZ,IAAA,KAAW,MAAM,CAAC,OAAO,EAAvB,CAAC,OAAA,EAAE,CAAC,OAAmB,CAAC;QAChC,IAAM,UAAU,GAAG,CAAC,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,EAAE,CAAC,GAAG,CAAC,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,EAAE,CAAC,CAAC;QACzC,IAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACxC,IAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;QACzD,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;AACP,CAAC","sourcesContent":["/**\n * @internal\n */\nexport function updateSideHandlesVisibility(handles: HTMLDivElement[], isSmall: boolean) {\n    handles.forEach(handle => {\n        const { y, x } = handle.dataset;\n        const coordinate = (y ?? '') + (x ?? '');\n        const directions = ['n', 's', 'e', 'w'];\n        const isSideHandle = directions.indexOf(coordinate) > -1;\n        handle.style.display = isSideHandle && isSmall ? 'none' : '';\n    });\n}\n"]}
+{"version":3,"file":"updateSideHandlesVisibility.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Resizer/updateSideHandlesVisibility.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,2BAA2B,CAAC,OAAyB,EAAE,OAAgB;IACnF,OAAO,CAAC,OAAO,CAAC,UAAA,MAAM;QACZ,IAAA,KAAW,MAAM,CAAC,OAAO,EAAvB,CAAC,OAAA,EAAE,CAAC,OAAmB,CAAC;QAChC,IAAM,UAAU,GAAG,CAAC,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,EAAE,CAAC,GAAG,CAAC,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,EAAE,CAAC,CAAC;QACzC,IAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACxC,IAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;QACzD,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;AACP,CAAC","sourcesContent":["/**\r\n * @internal\r\n */\r\nexport function updateSideHandlesVisibility(handles: HTMLDivElement[], isSmall: boolean) {\r\n    handles.forEach(handle => {\r\n        const { y, x } = handle.dataset;\r\n        const coordinate = (y ?? '') + (x ?? '');\r\n        const directions = ['n', 's', 'e', 'w'];\r\n        const isSideHandle = directions.indexOf(coordinate) > -1;\r\n        handle.style.display = isSideHandle && isSmall ? 'none' : '';\r\n    });\r\n}\r\n"]}

package/lib-mjs/imageEdit/Rotator/createImageRotator.d.ts

@@ -1,6 +1,6 @@
-import type { ImageHtmlOptions } from '../types/ImageHtmlOptions';
-/**
- * @internal
- * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image
- */
-export declare function createImageRotator(doc: Document, htmlOptions: ImageHtmlOptions): HTMLDivElement[];
+import type { ImageHtmlOptions } from '../types/ImageHtmlOptions';
+/**
+ * @internal
+ * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image
+ */
+export declare function createImageRotator(doc: Document, htmlOptions: ImageHtmlOptions): HTMLDivElement[];

package/lib-mjs/imageEdit/Rotator/createImageRotator.js

@@ -1,72 +1,72 @@
-import { createElement } from '../../pluginUtils/CreateElement/createElement';
-import { ImageEditElementClass } from '../types/ImageEditElementClass';
-import { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';
-import { ROTATE_GAP, ROTATE_HANDLE_TOP, ROTATE_HANDLE_TOP_NO_SIDE_RESIZE, ROTATE_ICON_MARGIN, ROTATE_SIZE, ROTATE_WIDTH, } from '../constants/constants';
-/**
- * @internal
- * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image
- */
-export function createImageRotator(doc, htmlOptions) {
-    return getRotateHTML(htmlOptions)
-        .map(function (element) {
-        var rotator = createElement(element, doc);
-        if (isNodeOfType(rotator, 'ELEMENT_NODE') && isElementOfType(rotator, 'div')) {
-            return rotator;
-        }
-    })
-        .filter(function (rotator) { return !!rotator; });
-}
-/**
- * @internal
- * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image
- *
- */
-function getRotateHTML(_a) {
-    var borderColor = _a.borderColor, rotateHandleBackColor = _a.rotateHandleBackColor, disableSideResize = _a.disableSideResize;
-    var handleLeft = ROTATE_SIZE / 2;
-    return [
-        {
-            tag: 'div',
-            className: ImageEditElementClass.RotateCenter,
-            style: "position:absolute;left:50%;width:1px;background-color:" + borderColor + ";top:" + (disableSideResize ? -ROTATE_HANDLE_TOP_NO_SIDE_RESIZE : -ROTATE_HANDLE_TOP) + "px;height:" + ROTATE_GAP + "px;margin-left:" + -ROTATE_WIDTH + "px;",
-            children: [
-                {
-                    tag: 'div',
-                    className: ImageEditElementClass.RotateHandle,
-                    style: "position:absolute;background-color:" + rotateHandleBackColor + ";border:solid 1px " + borderColor + ";border-radius:50%;width:" + ROTATE_SIZE + "px;height:" + ROTATE_SIZE + "px;left:-" + (handleLeft + ROTATE_WIDTH) + "px;cursor:move;top:" + -ROTATE_SIZE + "px;line-height: 0px;",
-                    children: [getRotateIconHTML(borderColor)],
-                },
-            ],
-        },
-    ];
-}
-function getRotateIconHTML(borderColor) {
-    var _a;
-    return {
-        tag: 'svg',
-        namespace: 'http://www.w3.org/2000/svg',
-        style: "width:16px;height:16px;margin: " + ROTATE_ICON_MARGIN + "px " + ROTATE_ICON_MARGIN + "px",
-        children: [
-            {
-                tag: 'path',
-                namespace: 'http://www.w3.org/2000/svg',
-                attributes: (_a = {
-                        d: 'M 10.5,10.0 A 3.8,3.8 0 1 1 6.7,6.3',
-                        transform: 'matrix(1.1 1.1 -1.1 1.1 11.6 -10.8)'
-                    },
-                    _a['fill-opacity'] = '0',
-                    _a.stroke = borderColor,
-                    _a),
-            },
-            {
-                tag: 'path',
-                namespace: 'http://www.w3.org/2000/svg',
-                attributes: {
-                    d: 'M12.0 3.648l.884-.884.53 2.298-2.298-.53z',
-                    stroke: borderColor,
-                },
-            },
-        ],
-    };
-}
+import { createElement } from '../../pluginUtils/CreateElement/createElement';
+import { ImageEditElementClass } from '../types/ImageEditElementClass';
+import { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';
+import { ROTATE_GAP, ROTATE_HANDLE_TOP, ROTATE_HANDLE_TOP_NO_SIDE_RESIZE, ROTATE_ICON_MARGIN, ROTATE_SIZE, ROTATE_WIDTH, } from '../constants/constants';
+/**
+ * @internal
+ * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image
+ */
+export function createImageRotator(doc, htmlOptions) {
+    return getRotateHTML(htmlOptions)
+        .map(function (element) {
+        var rotator = createElement(element, doc);
+        if (isNodeOfType(rotator, 'ELEMENT_NODE') && isElementOfType(rotator, 'div')) {
+            return rotator;
+        }
+    })
+        .filter(function (rotator) { return !!rotator; });
+}
+/**
+ * @internal
+ * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image
+ *
+ */
+function getRotateHTML(_a) {
+    var borderColor = _a.borderColor, rotateHandleBackColor = _a.rotateHandleBackColor, disableSideResize = _a.disableSideResize;
+    var handleLeft = ROTATE_SIZE / 2;
+    return [
+        {
+            tag: 'div',
+            className: ImageEditElementClass.RotateCenter,
+            style: "position:absolute;left:50%;width:1px;background-color:" + borderColor + ";top:" + (disableSideResize ? -ROTATE_HANDLE_TOP_NO_SIDE_RESIZE : -ROTATE_HANDLE_TOP) + "px;height:" + ROTATE_GAP + "px;margin-left:" + -ROTATE_WIDTH + "px;",
+            children: [
+                {
+                    tag: 'div',
+                    className: ImageEditElementClass.RotateHandle,
+                    style: "position:absolute;background-color:" + rotateHandleBackColor + ";border:solid 1px " + borderColor + ";border-radius:50%;width:" + ROTATE_SIZE + "px;height:" + ROTATE_SIZE + "px;left:-" + (handleLeft + ROTATE_WIDTH) + "px;cursor:move;top:" + -ROTATE_SIZE + "px;line-height: 0px;",
+                    children: [getRotateIconHTML(borderColor)],
+                },
+            ],
+        },
+    ];
+}
+function getRotateIconHTML(borderColor) {
+    var _a;
+    return {
+        tag: 'svg',
+        namespace: 'http://www.w3.org/2000/svg',
+        style: "width:16px;height:16px;margin: " + ROTATE_ICON_MARGIN + "px " + ROTATE_ICON_MARGIN + "px",
+        children: [
+            {
+                tag: 'path',
+                namespace: 'http://www.w3.org/2000/svg',
+                attributes: (_a = {
+                        d: 'M 10.5,10.0 A 3.8,3.8 0 1 1 6.7,6.3',
+                        transform: 'matrix(1.1 1.1 -1.1 1.1 11.6 -10.8)'
+                    },
+                    _a['fill-opacity'] = '0',
+                    _a.stroke = borderColor,
+                    _a),
+            },
+            {
+                tag: 'path',
+                namespace: 'http://www.w3.org/2000/svg',
+                attributes: {
+                    d: 'M12.0 3.648l.884-.884.53 2.298-2.298-.53z',
+                    stroke: borderColor,
+                },
+            },
+        ],
+    };
+}
 //# sourceMappingURL=createImageRotator.js.map

package/lib-mjs/imageEdit/Rotator/createImageRotator.js.map

@@ -1 +1 @@
-{"version":3,"file":"createImageRotator.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Rotator/createImageRotator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG5E,OAAO,EACH,UAAU,EACV,iBAAiB,EACjB,gCAAgC,EAChC,kBAAkB,EAClB,WAAW,EACX,YAAY,GACf,MAAM,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,GAAa,EAAE,WAA6B;IAC3E,OAAO,aAAa,CAAC,WAAW,CAAC;SAC5B,GAAG,CAAC,UAAA,OAAO;QACR,IAAM,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAC5C,IAAI,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;YAC1E,OAAO,OAAO,CAAC;SAClB;IACL,CAAC,CAAC;SACD,MAAM,CAAC,UAAA,OAAO,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAqB,CAAC;AAC1D,CAAC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,EAIJ;QAHf,WAAW,iBAAA,EACX,qBAAqB,2BAAA,EACrB,iBAAiB,uBAAA;IAEjB,IAAM,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC;IACnC,OAAO;QACH;YACI,GAAG,EAAE,KAAK;YACV,SAAS,EAAE,qBAAqB,CAAC,YAAY;YAC7C,KAAK,EAAE,2DAAyD,WAAW,cACvE,iBAAiB,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,iBAAiB,mBACjE,UAAU,uBAAkB,CAAC,YAAY,QAAK;YAC3D,QAAQ,EAAE;gBACN;oBACI,GAAG,EAAE,KAAK;oBACV,SAAS,EAAE,qBAAqB,CAAC,YAAY;oBAC7C,KAAK,EAAE,wCAAsC,qBAAqB,0BAAqB,WAAW,iCAA4B,WAAW,kBAAa,WAAW,kBAC7J,UAAU,GAAG,YAAY,4BACP,CAAC,WAAW,yBAAsB;oBACxD,QAAQ,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;iBAC7C;aACJ;SACJ;KACJ,CAAC;AACN,CAAC;AAED,SAAS,iBAAiB,CAAC,WAAmB;;IAC1C,OAAO;QACH,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,4BAA4B;QACvC,KAAK,EAAE,oCAAkC,kBAAkB,WAAM,kBAAkB,OAAI;QACvF,QAAQ,EAAE;YACN;gBACI,GAAG,EAAE,MAAM;gBACX,SAAS,EAAE,4BAA4B;gBACvC,UAAU;wBACN,CAAC,EAAE,qCAAqC;wBACxC,SAAS,EAAE,qCAAqC;;oBAChD,GAAC,cAAc,IAAG,GAAG;oBACrB,SAAM,GAAE,WAAW;uBACtB;aACJ;YACD;gBACI,GAAG,EAAE,MAAM;gBACX,SAAS,EAAE,4BAA4B;gBACvC,UAAU,EAAE;oBACR,CAAC,EAAE,2CAA2C;oBAC9C,MAAM,EAAE,WAAW;iBACtB;aACJ;SACJ;KACJ,CAAC;AACN,CAAC","sourcesContent":["import { createElement } from '../../pluginUtils/CreateElement/createElement';\nimport { ImageEditElementClass } from '../types/ImageEditElementClass';\nimport { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';\nimport type { CreateElementData } from '../../pluginUtils/CreateElement/CreateElementData';\nimport type { ImageHtmlOptions } from '../types/ImageHtmlOptions';\nimport {\n    ROTATE_GAP,\n    ROTATE_HANDLE_TOP,\n    ROTATE_HANDLE_TOP_NO_SIDE_RESIZE,\n    ROTATE_ICON_MARGIN,\n    ROTATE_SIZE,\n    ROTATE_WIDTH,\n} from '../constants/constants';\n\n/**\n * @internal\n * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image\n */\nexport function createImageRotator(doc: Document, htmlOptions: ImageHtmlOptions) {\n    return getRotateHTML(htmlOptions)\n        .map(element => {\n            const rotator = createElement(element, doc);\n            if (isNodeOfType(rotator, 'ELEMENT_NODE') && isElementOfType(rotator, 'div')) {\n                return rotator;\n            }\n        })\n        .filter(rotator => !!rotator) as HTMLDivElement[];\n}\n\n/**\n * @internal\n * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image\n *\n */\nfunction getRotateHTML({\n    borderColor,\n    rotateHandleBackColor,\n    disableSideResize,\n}: ImageHtmlOptions): CreateElementData[] {\n    const handleLeft = ROTATE_SIZE / 2;\n    return [\n        {\n            tag: 'div',\n            className: ImageEditElementClass.RotateCenter,\n            style: `position:absolute;left:50%;width:1px;background-color:${borderColor};top:${\n                disableSideResize ? -ROTATE_HANDLE_TOP_NO_SIDE_RESIZE : -ROTATE_HANDLE_TOP\n            }px;height:${ROTATE_GAP}px;margin-left:${-ROTATE_WIDTH}px;`,\n            children: [\n                {\n                    tag: 'div',\n                    className: ImageEditElementClass.RotateHandle,\n                    style: `position:absolute;background-color:${rotateHandleBackColor};border:solid 1px ${borderColor};border-radius:50%;width:${ROTATE_SIZE}px;height:${ROTATE_SIZE}px;left:-${\n                        handleLeft + ROTATE_WIDTH\n                    }px;cursor:move;top:${-ROTATE_SIZE}px;line-height: 0px;`,\n                    children: [getRotateIconHTML(borderColor)],\n                },\n            ],\n        },\n    ];\n}\n\nfunction getRotateIconHTML(borderColor: string): CreateElementData {\n    return {\n        tag: 'svg',\n        namespace: 'http://www.w3.org/2000/svg',\n        style: `width:16px;height:16px;margin: ${ROTATE_ICON_MARGIN}px ${ROTATE_ICON_MARGIN}px`,\n        children: [\n            {\n                tag: 'path',\n                namespace: 'http://www.w3.org/2000/svg',\n                attributes: {\n                    d: 'M 10.5,10.0 A 3.8,3.8 0 1 1 6.7,6.3',\n                    transform: 'matrix(1.1 1.1 -1.1 1.1 11.6 -10.8)',\n                    ['fill-opacity']: '0',\n                    stroke: borderColor,\n                },\n            },\n            {\n                tag: 'path',\n                namespace: 'http://www.w3.org/2000/svg',\n                attributes: {\n                    d: 'M12.0 3.648l.884-.884.53 2.298-2.298-.53z',\n                    stroke: borderColor,\n                },\n            },\n        ],\n    };\n}\n"]}
+{"version":3,"file":"createImageRotator.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Rotator/createImageRotator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG5E,OAAO,EACH,UAAU,EACV,iBAAiB,EACjB,gCAAgC,EAChC,kBAAkB,EAClB,WAAW,EACX,YAAY,GACf,MAAM,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,GAAa,EAAE,WAA6B;IAC3E,OAAO,aAAa,CAAC,WAAW,CAAC;SAC5B,GAAG,CAAC,UAAA,OAAO;QACR,IAAM,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAC5C,IAAI,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;YAC1E,OAAO,OAAO,CAAC;SAClB;IACL,CAAC,CAAC;SACD,MAAM,CAAC,UAAA,OAAO,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAqB,CAAC;AAC1D,CAAC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,EAIJ;QAHf,WAAW,iBAAA,EACX,qBAAqB,2BAAA,EACrB,iBAAiB,uBAAA;IAEjB,IAAM,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC;IACnC,OAAO;QACH;YACI,GAAG,EAAE,KAAK;YACV,SAAS,EAAE,qBAAqB,CAAC,YAAY;YAC7C,KAAK,EAAE,2DAAyD,WAAW,cACvE,iBAAiB,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,iBAAiB,mBACjE,UAAU,uBAAkB,CAAC,YAAY,QAAK;YAC3D,QAAQ,EAAE;gBACN;oBACI,GAAG,EAAE,KAAK;oBACV,SAAS,EAAE,qBAAqB,CAAC,YAAY;oBAC7C,KAAK,EAAE,wCAAsC,qBAAqB,0BAAqB,WAAW,iCAA4B,WAAW,kBAAa,WAAW,kBAC7J,UAAU,GAAG,YAAY,4BACP,CAAC,WAAW,yBAAsB;oBACxD,QAAQ,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;iBAC7C;aACJ;SACJ;KACJ,CAAC;AACN,CAAC;AAED,SAAS,iBAAiB,CAAC,WAAmB;;IAC1C,OAAO;QACH,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,4BAA4B;QACvC,KAAK,EAAE,oCAAkC,kBAAkB,WAAM,kBAAkB,OAAI;QACvF,QAAQ,EAAE;YACN;gBACI,GAAG,EAAE,MAAM;gBACX,SAAS,EAAE,4BAA4B;gBACvC,UAAU;wBACN,CAAC,EAAE,qCAAqC;wBACxC,SAAS,EAAE,qCAAqC;;oBAChD,GAAC,cAAc,IAAG,GAAG;oBACrB,SAAM,GAAE,WAAW;uBACtB;aACJ;YACD;gBACI,GAAG,EAAE,MAAM;gBACX,SAAS,EAAE,4BAA4B;gBACvC,UAAU,EAAE;oBACR,CAAC,EAAE,2CAA2C;oBAC9C,MAAM,EAAE,WAAW;iBACtB;aACJ;SACJ;KACJ,CAAC;AACN,CAAC","sourcesContent":["import { createElement } from '../../pluginUtils/CreateElement/createElement';\r\nimport { ImageEditElementClass } from '../types/ImageEditElementClass';\r\nimport { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';\r\nimport type { CreateElementData } from '../../pluginUtils/CreateElement/CreateElementData';\r\nimport type { ImageHtmlOptions } from '../types/ImageHtmlOptions';\r\nimport {\r\n    ROTATE_GAP,\r\n    ROTATE_HANDLE_TOP,\r\n    ROTATE_HANDLE_TOP_NO_SIDE_RESIZE,\r\n    ROTATE_ICON_MARGIN,\r\n    ROTATE_SIZE,\r\n    ROTATE_WIDTH,\r\n} from '../constants/constants';\r\n\r\n/**\r\n * @internal\r\n * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image\r\n */\r\nexport function createImageRotator(doc: Document, htmlOptions: ImageHtmlOptions) {\r\n    return getRotateHTML(htmlOptions)\r\n        .map(element => {\r\n            const rotator = createElement(element, doc);\r\n            if (isNodeOfType(rotator, 'ELEMENT_NODE') && isElementOfType(rotator, 'div')) {\r\n                return rotator;\r\n            }\r\n        })\r\n        .filter(rotator => !!rotator) as HTMLDivElement[];\r\n}\r\n\r\n/**\r\n * @internal\r\n * Get HTML for rotate elements, including the rotate handle with icon, and a line between the handle and the image\r\n *\r\n */\r\nfunction getRotateHTML({\r\n    borderColor,\r\n    rotateHandleBackColor,\r\n    disableSideResize,\r\n}: ImageHtmlOptions): CreateElementData[] {\r\n    const handleLeft = ROTATE_SIZE / 2;\r\n    return [\r\n        {\r\n            tag: 'div',\r\n            className: ImageEditElementClass.RotateCenter,\r\n            style: `position:absolute;left:50%;width:1px;background-color:${borderColor};top:${\r\n                disableSideResize ? -ROTATE_HANDLE_TOP_NO_SIDE_RESIZE : -ROTATE_HANDLE_TOP\r\n            }px;height:${ROTATE_GAP}px;margin-left:${-ROTATE_WIDTH}px;`,\r\n            children: [\r\n                {\r\n                    tag: 'div',\r\n                    className: ImageEditElementClass.RotateHandle,\r\n                    style: `position:absolute;background-color:${rotateHandleBackColor};border:solid 1px ${borderColor};border-radius:50%;width:${ROTATE_SIZE}px;height:${ROTATE_SIZE}px;left:-${\r\n                        handleLeft + ROTATE_WIDTH\r\n                    }px;cursor:move;top:${-ROTATE_SIZE}px;line-height: 0px;`,\r\n                    children: [getRotateIconHTML(borderColor)],\r\n                },\r\n            ],\r\n        },\r\n    ];\r\n}\r\n\r\nfunction getRotateIconHTML(borderColor: string): CreateElementData {\r\n    return {\r\n        tag: 'svg',\r\n        namespace: 'http://www.w3.org/2000/svg',\r\n        style: `width:16px;height:16px;margin: ${ROTATE_ICON_MARGIN}px ${ROTATE_ICON_MARGIN}px`,\r\n        children: [\r\n            {\r\n                tag: 'path',\r\n                namespace: 'http://www.w3.org/2000/svg',\r\n                attributes: {\r\n                    d: 'M 10.5,10.0 A 3.8,3.8 0 1 1 6.7,6.3',\r\n                    transform: 'matrix(1.1 1.1 -1.1 1.1 11.6 -10.8)',\r\n                    ['fill-opacity']: '0',\r\n                    stroke: borderColor,\r\n                },\r\n            },\r\n            {\r\n                tag: 'path',\r\n                namespace: 'http://www.w3.org/2000/svg',\r\n                attributes: {\r\n                    d: 'M12.0 3.648l.884-.884.53 2.298-2.298-.53z',\r\n                    stroke: borderColor,\r\n                },\r\n            },\r\n        ],\r\n    };\r\n}\r\n"]}

package/lib-mjs/imageEdit/Rotator/rotatorContext.d.ts

@@ -1,8 +1,8 @@
-import type { ImageRotateMetadataFormat } from 'roosterjs-content-model-types';
-import type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';
-import type { DragAndDropContext } from '../types/DragAndDropContext';
-/**
- * @internal
- * The rotate drag and drop handler
- */
-export declare const Rotator: DragAndDropHandler<DragAndDropContext, ImageRotateMetadataFormat>;
+import type { ImageRotateMetadataFormat } from 'roosterjs-content-model-types';
+import type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';
+import type { DragAndDropContext } from '../types/DragAndDropContext';
+/**
+ * @internal
+ * The rotate drag and drop handler
+ */
+export declare const Rotator: DragAndDropHandler<DragAndDropContext, ImageRotateMetadataFormat>;

package/lib-mjs/imageEdit/Rotator/rotatorContext.js

@@ -1,33 +1,33 @@
-import { __assign } from "tslib";
-import { DEFAULT_ROTATE_HANDLE_HEIGHT, DEG_PER_RAD } from '../constants/constants';
-/**
- * @internal
- * The rotate drag and drop handler
- */
-export var Rotator = {
-    onDragStart: function (_a) {
-        var editInfo = _a.editInfo;
-        return (__assign({}, editInfo));
-    },
-    onDragging: function (_a, e, base, deltaX, deltaY) {
-        var _b, _c;
-        var editInfo = _a.editInfo, options = _a.options;
-        if (editInfo.heightPx) {
-            var distance = editInfo.heightPx / 2 + DEFAULT_ROTATE_HANDLE_HEIGHT;
-            var newX = distance * Math.sin((_b = base.angleRad) !== null && _b !== void 0 ? _b : 0) + deltaX;
-            var newY = distance * Math.cos((_c = base.angleRad) !== null && _c !== void 0 ? _c : 0) - deltaY;
-            var angleInRad = Math.atan2(newX, newY);
-            if (!e.altKey && options && options.minRotateDeg !== undefined) {
-                var angleInDeg = angleInRad * DEG_PER_RAD;
-                var adjustedAngleInDeg = Math.round(angleInDeg / options.minRotateDeg) * options.minRotateDeg;
-                angleInRad = adjustedAngleInDeg / DEG_PER_RAD;
-            }
-            if (editInfo.angleRad != angleInRad) {
-                editInfo.angleRad = angleInRad;
-                return true;
-            }
-        }
-        return false;
-    },
-};
+import { __assign } from "tslib";
+import { DEFAULT_ROTATE_HANDLE_HEIGHT, DEG_PER_RAD } from '../constants/constants';
+/**
+ * @internal
+ * The rotate drag and drop handler
+ */
+export var Rotator = {
+    onDragStart: function (_a) {
+        var editInfo = _a.editInfo;
+        return (__assign({}, editInfo));
+    },
+    onDragging: function (_a, e, base, deltaX, deltaY) {
+        var _b, _c;
+        var editInfo = _a.editInfo, options = _a.options;
+        if (editInfo.heightPx) {
+            var distance = editInfo.heightPx / 2 + DEFAULT_ROTATE_HANDLE_HEIGHT;
+            var newX = distance * Math.sin((_b = base.angleRad) !== null && _b !== void 0 ? _b : 0) + deltaX;
+            var newY = distance * Math.cos((_c = base.angleRad) !== null && _c !== void 0 ? _c : 0) - deltaY;
+            var angleInRad = Math.atan2(newX, newY);
+            if (!e.altKey && options && options.minRotateDeg !== undefined) {
+                var angleInDeg = angleInRad * DEG_PER_RAD;
+                var adjustedAngleInDeg = Math.round(angleInDeg / options.minRotateDeg) * options.minRotateDeg;
+                angleInRad = adjustedAngleInDeg / DEG_PER_RAD;
+            }
+            if (editInfo.angleRad != angleInRad) {
+                editInfo.angleRad = angleInRad;
+                return true;
+            }
+        }
+        return false;
+    },
+};
 //# sourceMappingURL=rotatorContext.js.map

package/lib-mjs/imageEdit/Rotator/rotatorContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"rotatorContext.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Rotator/rotatorContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,4BAA4B,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAKnF;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAsE;IACtF,WAAW,EAAE,UAAC,EAAY;YAAV,QAAQ,cAAA;QAAO,OAAA,cAAM,QAAQ,EAAG;IAAjB,CAAiB;IAChD,UAAU,EAAE,UAAC,EAAqB,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM;;YAA5C,QAAQ,cAAA,EAAE,OAAO,aAAA;QAC5B,IAAI,QAAQ,CAAC,QAAQ,EAAE;YACnB,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,GAAG,CAAC,GAAG,4BAA4B,CAAC;YACtE,IAAM,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,GAAG,MAAM,CAAC;YAC9D,IAAM,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,GAAG,MAAM,CAAC;YAC9D,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAExC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,OAAO,IAAI,OAAO,CAAC,YAAY,KAAK,SAAS,EAAE;gBAC5D,IAAM,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;gBAC5C,IAAM,kBAAkB,GACpB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC;gBACzE,UAAU,GAAG,kBAAkB,GAAG,WAAW,CAAC;aACjD;YAED,IAAI,QAAQ,CAAC,QAAQ,IAAI,UAAU,EAAE;gBACjC,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC;gBAC/B,OAAO,IAAI,CAAC;aACf;SACJ;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ,CAAC","sourcesContent":["import { DEFAULT_ROTATE_HANDLE_HEIGHT, DEG_PER_RAD } from '../constants/constants';\nimport type { ImageRotateMetadataFormat } from 'roosterjs-content-model-types';\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\nimport type { DragAndDropContext } from '../types/DragAndDropContext';\n\n/**\n * @internal\n * The rotate drag and drop handler\n */\nexport const Rotator: DragAndDropHandler<DragAndDropContext, ImageRotateMetadataFormat> = {\n    onDragStart: ({ editInfo }) => ({ ...editInfo }),\n    onDragging: ({ editInfo, options }, e, base, deltaX, deltaY) => {\n        if (editInfo.heightPx) {\n            const distance = editInfo.heightPx / 2 + DEFAULT_ROTATE_HANDLE_HEIGHT;\n            const newX = distance * Math.sin(base.angleRad ?? 0) + deltaX;\n            const newY = distance * Math.cos(base.angleRad ?? 0) - deltaY;\n            let angleInRad = Math.atan2(newX, newY);\n\n            if (!e.altKey && options && options.minRotateDeg !== undefined) {\n                const angleInDeg = angleInRad * DEG_PER_RAD;\n                const adjustedAngleInDeg =\n                    Math.round(angleInDeg / options.minRotateDeg) * options.minRotateDeg;\n                angleInRad = adjustedAngleInDeg / DEG_PER_RAD;\n            }\n\n            if (editInfo.angleRad != angleInRad) {\n                editInfo.angleRad = angleInRad;\n                return true;\n            }\n        }\n        return false;\n    },\n};\n"]}
+{"version":3,"file":"rotatorContext.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Rotator/rotatorContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,4BAA4B,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAKnF;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAsE;IACtF,WAAW,EAAE,UAAC,EAAY;YAAV,QAAQ,cAAA;QAAO,OAAA,cAAM,QAAQ,EAAG;IAAjB,CAAiB;IAChD,UAAU,EAAE,UAAC,EAAqB,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM;;YAA5C,QAAQ,cAAA,EAAE,OAAO,aAAA;QAC5B,IAAI,QAAQ,CAAC,QAAQ,EAAE;YACnB,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,GAAG,CAAC,GAAG,4BAA4B,CAAC;YACtE,IAAM,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,GAAG,MAAM,CAAC;YAC9D,IAAM,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,GAAG,MAAM,CAAC;YAC9D,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAExC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,OAAO,IAAI,OAAO,CAAC,YAAY,KAAK,SAAS,EAAE;gBAC5D,IAAM,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;gBAC5C,IAAM,kBAAkB,GACpB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC;gBACzE,UAAU,GAAG,kBAAkB,GAAG,WAAW,CAAC;aACjD;YAED,IAAI,QAAQ,CAAC,QAAQ,IAAI,UAAU,EAAE;gBACjC,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC;gBAC/B,OAAO,IAAI,CAAC;aACf;SACJ;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ,CAAC","sourcesContent":["import { DEFAULT_ROTATE_HANDLE_HEIGHT, DEG_PER_RAD } from '../constants/constants';\r\nimport type { ImageRotateMetadataFormat } from 'roosterjs-content-model-types';\r\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\r\nimport type { DragAndDropContext } from '../types/DragAndDropContext';\r\n\r\n/**\r\n * @internal\r\n * The rotate drag and drop handler\r\n */\r\nexport const Rotator: DragAndDropHandler<DragAndDropContext, ImageRotateMetadataFormat> = {\r\n    onDragStart: ({ editInfo }) => ({ ...editInfo }),\r\n    onDragging: ({ editInfo, options }, e, base, deltaX, deltaY) => {\r\n        if (editInfo.heightPx) {\r\n            const distance = editInfo.heightPx / 2 + DEFAULT_ROTATE_HANDLE_HEIGHT;\r\n            const newX = distance * Math.sin(base.angleRad ?? 0) + deltaX;\r\n            const newY = distance * Math.cos(base.angleRad ?? 0) - deltaY;\r\n            let angleInRad = Math.atan2(newX, newY);\r\n\r\n            if (!e.altKey && options && options.minRotateDeg !== undefined) {\r\n                const angleInDeg = angleInRad * DEG_PER_RAD;\r\n                const adjustedAngleInDeg =\r\n                    Math.round(angleInDeg / options.minRotateDeg) * options.minRotateDeg;\r\n                angleInRad = adjustedAngleInDeg / DEG_PER_RAD;\r\n            }\r\n\r\n            if (editInfo.angleRad != angleInRad) {\r\n                editInfo.angleRad = angleInRad;\r\n                return true;\r\n            }\r\n        }\r\n        return false;\r\n    },\r\n};\r\n"]}

package/lib-mjs/imageEdit/Rotator/updateRotateHandle.d.ts

@@ -1,7 +1,7 @@
-import type { Rect } from 'roosterjs-content-model-types';
-/**
- * @internal
- * Move rotate handle. When image is very close to the border of editor, rotate handle may not be visible.
- * Fix it by reduce the distance from image to rotate handle
- */
-export declare function updateRotateHandle(editorRect: Rect, angleRad: number, wrapper: HTMLElement, rotateCenter: HTMLElement, rotateHandle: HTMLElement, isSmallImage: boolean, disableSideResize: boolean): void;
+import type { Rect } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Move rotate handle. When image is very close to the border of editor, rotate handle may not be visible.
+ * Fix it by reduce the distance from image to rotate handle
+ */
+export declare function updateRotateHandle(editorRect: Rect, angleRad: number, wrapper: HTMLElement, rotateCenter: HTMLElement, rotateHandle: HTMLElement, isSmallImage: boolean, disableSideResize: boolean): void;

package/lib-mjs/imageEdit/Rotator/updateRotateHandle.js

@@ -1,52 +1,52 @@
-import { DEG_PER_RAD, RESIZE_HANDLE_MARGIN, ROTATE_GAP, ROTATE_SIZE } from '../constants/constants';
-/**
- * @internal
- * Move rotate handle. When image is very close to the border of editor, rotate handle may not be visible.
- * Fix it by reduce the distance from image to rotate handle
- */
-export function updateRotateHandle(editorRect, angleRad, wrapper, rotateCenter, rotateHandle, isSmallImage, disableSideResize) {
-    if (isSmallImage) {
-        rotateCenter.style.display = 'none';
-        rotateHandle.style.display = 'none';
-        return;
-    }
-    else {
-        rotateCenter.style.display = '';
-        rotateHandle.style.display = '';
-        var rotateCenterRect = rotateCenter.getBoundingClientRect();
-        var wrapperRect = wrapper.getBoundingClientRect();
-        var ROTATOR_HEIGHT = ROTATE_SIZE + ROTATE_GAP + RESIZE_HANDLE_MARGIN;
-        if (rotateCenterRect && wrapperRect) {
-            var adjustedDistance = Number.MAX_SAFE_INTEGER;
-            var angle = angleRad * DEG_PER_RAD;
-            if (angle < 45 && angle > -45 && wrapperRect.top - editorRect.top < ROTATOR_HEIGHT) {
-                var top_1 = rotateCenterRect.top - editorRect.top;
-                adjustedDistance = top_1;
-            }
-            else if (angle <= -80 &&
-                angle >= -100 &&
-                wrapperRect.left - editorRect.left < ROTATOR_HEIGHT) {
-                var left = rotateCenterRect.left - editorRect.left;
-                adjustedDistance = left;
-            }
-            else if (angle >= 80 &&
-                angle <= 100 &&
-                editorRect.right - wrapperRect.right < ROTATOR_HEIGHT) {
-                var right = rotateCenterRect.right - editorRect.right;
-                adjustedDistance = Math.min(editorRect.right - wrapperRect.right, right);
-            }
-            else if ((angle <= -160 || angle >= 160) &&
-                editorRect.bottom - wrapperRect.bottom < ROTATOR_HEIGHT) {
-                var bottom = rotateCenterRect.bottom - editorRect.bottom;
-                adjustedDistance = Math.min(editorRect.bottom - wrapperRect.bottom, bottom);
-            }
-            var rotateGap = Math.max(Math.min(ROTATE_GAP, adjustedDistance), 0);
-            var rotateTop = Math.max(Math.min(ROTATE_SIZE, adjustedDistance - rotateGap), 0);
-            rotateCenter.style.top =
-                -rotateGap - (disableSideResize ? 0 : RESIZE_HANDLE_MARGIN) + 'px';
-            rotateCenter.style.height = rotateGap + 'px';
-            rotateHandle.style.top = -rotateTop + 'px';
-        }
-    }
-}
+import { DEG_PER_RAD, RESIZE_HANDLE_MARGIN, ROTATE_GAP, ROTATE_SIZE } from '../constants/constants';
+/**
+ * @internal
+ * Move rotate handle. When image is very close to the border of editor, rotate handle may not be visible.
+ * Fix it by reduce the distance from image to rotate handle
+ */
+export function updateRotateHandle(editorRect, angleRad, wrapper, rotateCenter, rotateHandle, isSmallImage, disableSideResize) {
+    if (isSmallImage) {
+        rotateCenter.style.display = 'none';
+        rotateHandle.style.display = 'none';
+        return;
+    }
+    else {
+        rotateCenter.style.display = '';
+        rotateHandle.style.display = '';
+        var rotateCenterRect = rotateCenter.getBoundingClientRect();
+        var wrapperRect = wrapper.getBoundingClientRect();
+        var ROTATOR_HEIGHT = ROTATE_SIZE + ROTATE_GAP + RESIZE_HANDLE_MARGIN;
+        if (rotateCenterRect && wrapperRect) {
+            var adjustedDistance = Number.MAX_SAFE_INTEGER;
+            var angle = angleRad * DEG_PER_RAD;
+            if (angle < 45 && angle > -45 && wrapperRect.top - editorRect.top < ROTATOR_HEIGHT) {
+                var top_1 = rotateCenterRect.top - editorRect.top;
+                adjustedDistance = top_1;
+            }
+            else if (angle <= -80 &&
+                angle >= -100 &&
+                wrapperRect.left - editorRect.left < ROTATOR_HEIGHT) {
+                var left = rotateCenterRect.left - editorRect.left;
+                adjustedDistance = left;
+            }
+            else if (angle >= 80 &&
+                angle <= 100 &&
+                editorRect.right - wrapperRect.right < ROTATOR_HEIGHT) {
+                var right = rotateCenterRect.right - editorRect.right;
+                adjustedDistance = Math.min(editorRect.right - wrapperRect.right, right);
+            }
+            else if ((angle <= -160 || angle >= 160) &&
+                editorRect.bottom - wrapperRect.bottom < ROTATOR_HEIGHT) {
+                var bottom = rotateCenterRect.bottom - editorRect.bottom;
+                adjustedDistance = Math.min(editorRect.bottom - wrapperRect.bottom, bottom);
+            }
+            var rotateGap = Math.max(Math.min(ROTATE_GAP, adjustedDistance), 0);
+            var rotateTop = Math.max(Math.min(ROTATE_SIZE, adjustedDistance - rotateGap), 0);
+            rotateCenter.style.top =
+                -rotateGap - (disableSideResize ? 0 : RESIZE_HANDLE_MARGIN) + 'px';
+            rotateCenter.style.height = rotateGap + 'px';
+            rotateHandle.style.top = -rotateTop + 'px';
+        }
+    }
+}
 //# sourceMappingURL=updateRotateHandle.js.map