roosterjs-content-model-plugins 9.44.0 → 9.45.0

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

@@ -1,36 +1,36 @@
-import { __values } from "tslib";
-import { queryContentModelBlocks } from 'roosterjs-content-model-api';
-/**
- * @internal
- */
-export var EDITING_MARKER = 'isEditing';
-/**
- * @internal
- */
-export function findEditingImage(group, imageId) {
-    var imageAndParagraph = null;
-    queryContentModelBlocks(group, 'Paragraph', function (paragraph) {
-        var e_1, _a;
-        try {
-            for (var _b = __values(paragraph.segments), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var segment = _c.value;
-                if (segment.segmentType == 'Image' &&
-                    ((imageId && segment.format.id == imageId) ||
-                        segment.format.imageState == EDITING_MARKER)) {
-                    imageAndParagraph = { image: segment, paragraph: paragraph };
-                    return true;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return false;
-    }, true /*findFirstOnly*/);
-    return imageAndParagraph;
-}
+import { __values } from "tslib";
+import { queryContentModelBlocks } from 'roosterjs-content-model-api';
+/**
+ * @internal
+ */
+export var EDITING_MARKER = 'isEditing';
+/**
+ * @internal
+ */
+export function findEditingImage(group, imageId) {
+    var imageAndParagraph = null;
+    queryContentModelBlocks(group, 'Paragraph', function (paragraph) {
+        var e_1, _a;
+        try {
+            for (var _b = __values(paragraph.segments), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var segment = _c.value;
+                if (segment.segmentType == 'Image' &&
+                    ((imageId && segment.format.id == imageId) ||
+                        segment.format.imageState == EDITING_MARKER)) {
+                    imageAndParagraph = { image: segment, paragraph: paragraph };
+                    return true;
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return false;
+    }, true /*findFirstOnly*/);
+    return imageAndParagraph;
+}
 //# sourceMappingURL=findEditingImage.js.map

package/lib-mjs/imageEdit/utils/findEditingImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"findEditingImage.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/findEditingImage.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAOtE;;GAEG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,WAAW,CAAC;AAE1C;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC5B,KAAqC,EACrC,OAAgB;IAEhB,IAAI,iBAAiB,GAA6B,IAAI,CAAC;IACvD,uBAAuB,CACnB,KAAK,EACL,WAAW,EACX,UAAC,SAAwC;;;YACrC,KAAsB,IAAA,KAAA,SAAA,SAAS,CAAC,QAAQ,CAAA,gBAAA,4BAAE;gBAArC,IAAM,OAAO,WAAA;gBACd,IACI,OAAO,CAAC,WAAW,IAAI,OAAO;oBAC9B,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,OAAO,CAAC;wBACtC,OAAO,CAAC,MAAM,CAAC,UAAU,IAAI,cAAc,CAAC,EAClD;oBACE,iBAAiB,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,WAAA,EAAE,CAAC;oBAClD,OAAO,IAAI,CAAC;iBACf;aACJ;;;;;;;;;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,EACD,IAAI,CAAC,iBAAiB,CACzB,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC7B,CAAC","sourcesContent":["import { queryContentModelBlocks } from 'roosterjs-content-model-api';\nimport type {\n    ReadonlyContentModelBlockGroup,\n    ReadonlyContentModelParagraph,\n} from 'roosterjs-content-model-types';\nimport type { ImageAndParagraph } from '../types/ImageAndParagraph';\n\n/**\n * @internal\n */\nexport const EDITING_MARKER = 'isEditing';\n\n/**\n * @internal\n */\nexport function findEditingImage(\n    group: ReadonlyContentModelBlockGroup,\n    imageId?: string\n): ImageAndParagraph | null {\n    let imageAndParagraph: ImageAndParagraph | null = null;\n    queryContentModelBlocks<ReadonlyContentModelParagraph>(\n        group,\n        'Paragraph',\n        (paragraph: ReadonlyContentModelParagraph): paragraph is ReadonlyContentModelParagraph => {\n            for (const segment of paragraph.segments) {\n                if (\n                    segment.segmentType == 'Image' &&\n                    ((imageId && segment.format.id == imageId) ||\n                        segment.format.imageState == EDITING_MARKER)\n                ) {\n                    imageAndParagraph = { image: segment, paragraph };\n                    return true;\n                }\n            }\n            return false;\n        },\n        true /*findFirstOnly*/\n    );\n\n    return imageAndParagraph;\n}\n"]}
+{"version":3,"file":"findEditingImage.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/findEditingImage.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAOtE;;GAEG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,WAAW,CAAC;AAE1C;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC5B,KAAqC,EACrC,OAAgB;IAEhB,IAAI,iBAAiB,GAA6B,IAAI,CAAC;IACvD,uBAAuB,CACnB,KAAK,EACL,WAAW,EACX,UAAC,SAAwC;;;YACrC,KAAsB,IAAA,KAAA,SAAA,SAAS,CAAC,QAAQ,CAAA,gBAAA,4BAAE;gBAArC,IAAM,OAAO,WAAA;gBACd,IACI,OAAO,CAAC,WAAW,IAAI,OAAO;oBAC9B,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,OAAO,CAAC;wBACtC,OAAO,CAAC,MAAM,CAAC,UAAU,IAAI,cAAc,CAAC,EAClD;oBACE,iBAAiB,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,WAAA,EAAE,CAAC;oBAClD,OAAO,IAAI,CAAC;iBACf;aACJ;;;;;;;;;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,EACD,IAAI,CAAC,iBAAiB,CACzB,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC7B,CAAC","sourcesContent":["import { queryContentModelBlocks } from 'roosterjs-content-model-api';\r\nimport type {\r\n    ReadonlyContentModelBlockGroup,\r\n    ReadonlyContentModelParagraph,\r\n} from 'roosterjs-content-model-types';\r\nimport type { ImageAndParagraph } from '../types/ImageAndParagraph';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport const EDITING_MARKER = 'isEditing';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function findEditingImage(\r\n    group: ReadonlyContentModelBlockGroup,\r\n    imageId?: string\r\n): ImageAndParagraph | null {\r\n    let imageAndParagraph: ImageAndParagraph | null = null;\r\n    queryContentModelBlocks<ReadonlyContentModelParagraph>(\r\n        group,\r\n        'Paragraph',\r\n        (paragraph: ReadonlyContentModelParagraph): paragraph is ReadonlyContentModelParagraph => {\r\n            for (const segment of paragraph.segments) {\r\n                if (\r\n                    segment.segmentType == 'Image' &&\r\n                    ((imageId && segment.format.id == imageId) ||\r\n                        segment.format.imageState == EDITING_MARKER)\r\n                ) {\r\n                    imageAndParagraph = { image: segment, paragraph };\r\n                    return true;\r\n                }\r\n            }\r\n            return false;\r\n        },\r\n        true /*findFirstOnly*/\r\n    );\r\n\r\n    return imageAndParagraph;\r\n}\r\n"]}

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

@@ -1,13 +1,13 @@
-import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
-/**
- * @internal
- * Generate new dataURL from an image and edit info
- * @param image The image to generate data URL from. It is supposed to have original src loaded
- * @param editInfo Edit info of the image
- * @returns A BASE64 encoded string with image prefix that represents the content of the generated image.
- * If there are rotate/crop/resize info in the edit info, the generated image will also reflect the result.
- * It is possible to throw exception since the original image may not be able to read its content from
- * the code, so better check canRegenerateImage() of the image first.
- * @throws Exception when fail to generate dataURL from canvas
- */
-export declare function generateDataURL(image: HTMLImageElement, editInfo: ImageMetadataFormat): string;
+import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Generate new dataURL from an image and edit info
+ * @param image The image to generate data URL from. It is supposed to have original src loaded
+ * @param editInfo Edit info of the image
+ * @returns A BASE64 encoded string with image prefix that represents the content of the generated image.
+ * If there are rotate/crop/resize info in the edit info, the generated image will also reflect the result.
+ * It is possible to throw exception since the original image may not be able to read its content from
+ * the code, so better check canRegenerateImage() of the image first.
+ * @throws Exception when fail to generate dataURL from canvas
+ */
+export declare function generateDataURL(image: HTMLImageElement, editInfo: ImageMetadataFormat): string;

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

@@ -1,51 +1,53 @@
-import { getGeneratedImageSize } from './generateImageSize';
-/**
- * @internal
- * Generate new dataURL from an image and edit info
- * @param image The image to generate data URL from. It is supposed to have original src loaded
- * @param editInfo Edit info of the image
- * @returns A BASE64 encoded string with image prefix that represents the content of the generated image.
- * If there are rotate/crop/resize info in the edit info, the generated image will also reflect the result.
- * It is possible to throw exception since the original image may not be able to read its content from
- * the code, so better check canRegenerateImage() of the image first.
- * @throws Exception when fail to generate dataURL from canvas
- */
-export function generateDataURL(image, editInfo) {
-    var generatedImageSize = getGeneratedImageSize(editInfo);
-    if (!generatedImageSize) {
-        return '';
-    }
-    var angleRad = editInfo.angleRad, widthPx = editInfo.widthPx, heightPx = editInfo.heightPx, bottomPercent = editInfo.bottomPercent, leftPercent = editInfo.leftPercent, rightPercent = editInfo.rightPercent, topPercent = editInfo.topPercent, naturalWidth = editInfo.naturalWidth, naturalHeight = editInfo.naturalHeight;
-    var angle = angleRad || 0;
-    var left = leftPercent || 0;
-    var right = rightPercent || 0;
-    var top = topPercent || 0;
-    var bottom = bottomPercent || 0;
-    var nHeight = naturalHeight || image.naturalHeight;
-    var nWidth = naturalWidth || image.naturalHeight;
-    var width = widthPx || image.clientWidth;
-    var height = heightPx || image.clientHeight;
-    var imageWidth = nWidth * (1 - left - right);
-    var imageHeight = nHeight * (1 - top - bottom);
-    // Adjust the canvas size and scaling for high display resolution
-    var devicePixelRatio = window.devicePixelRatio || 1;
-    var canvas = document.createElement('canvas');
-    var targetWidth = generatedImageSize.targetWidth, targetHeight = generatedImageSize.targetHeight;
-    canvas.width = targetWidth * devicePixelRatio;
-    canvas.height = targetHeight * devicePixelRatio;
-    var context = canvas.getContext('2d');
-    try {
-        if (context) {
-            context.scale(devicePixelRatio, devicePixelRatio);
-            context.translate(targetWidth / 2, targetHeight / 2);
-            context.rotate(angle);
-            context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);
-            context.drawImage(image, nWidth * left, nHeight * top, imageWidth, imageHeight, -width / 2, -height / 2, width, height);
-        }
-        return canvas.toDataURL('image/png', 1.0);
-    }
-    catch (_a) {
-        return image.src;
-    }
-}
+import { getGeneratedImageSize } from './generateImageSize';
+/**
+ * @internal
+ * Generate new dataURL from an image and edit info
+ * @param image The image to generate data URL from. It is supposed to have original src loaded
+ * @param editInfo Edit info of the image
+ * @returns A BASE64 encoded string with image prefix that represents the content of the generated image.
+ * If there are rotate/crop/resize info in the edit info, the generated image will also reflect the result.
+ * It is possible to throw exception since the original image may not be able to read its content from
+ * the code, so better check canRegenerateImage() of the image first.
+ * @throws Exception when fail to generate dataURL from canvas
+ */
+export function generateDataURL(image, editInfo) {
+    var generatedImageSize = getGeneratedImageSize(editInfo);
+    if (!generatedImageSize) {
+        return '';
+    }
+    var angleRad = editInfo.angleRad, widthPx = editInfo.widthPx, heightPx = editInfo.heightPx, bottomPercent = editInfo.bottomPercent, leftPercent = editInfo.leftPercent, rightPercent = editInfo.rightPercent, topPercent = editInfo.topPercent, naturalWidth = editInfo.naturalWidth, naturalHeight = editInfo.naturalHeight;
+    var angle = angleRad || 0;
+    var left = leftPercent || 0;
+    var right = rightPercent || 0;
+    var top = topPercent || 0;
+    var bottom = bottomPercent || 0;
+    var nHeight = naturalHeight || image.naturalHeight;
+    var nWidth = naturalWidth || image.naturalHeight;
+    var width = widthPx || image.clientWidth;
+    var height = heightPx || image.clientHeight;
+    var imageWidth = nWidth * (1 - left - right);
+    var imageHeight = nHeight * (1 - top - bottom);
+    var doc = image.ownerDocument;
+    var win = doc.defaultView;
+    // Adjust the canvas size and scaling for high display resolution
+    var devicePixelRatio = (win === null || win === void 0 ? void 0 : win.devicePixelRatio) || 1;
+    var canvas = doc.createElement('canvas');
+    var targetWidth = generatedImageSize.targetWidth, targetHeight = generatedImageSize.targetHeight;
+    canvas.width = targetWidth * devicePixelRatio;
+    canvas.height = targetHeight * devicePixelRatio;
+    var context = canvas.getContext('2d');
+    try {
+        if (context) {
+            context.scale(devicePixelRatio, devicePixelRatio);
+            context.translate(targetWidth / 2, targetHeight / 2);
+            context.rotate(angle);
+            context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);
+            context.drawImage(image, nWidth * left, nHeight * top, imageWidth, imageHeight, -width / 2, -height / 2, width, height);
+        }
+        return canvas.toDataURL('image/png', 1.0);
+    }
+    catch (_a) {
+        return image.src;
+    }
+}
 //# sourceMappingURL=generateDataURL.js.map

package/lib-mjs/imageEdit/utils/generateDataURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateDataURL.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/generateDataURL.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAG5D;;;;;;;;;;GAUG;AACH,MAAM,UAAU,eAAe,CAAC,KAAuB,EAAE,QAA6B;IAClF,IAAM,kBAAkB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC3D,IAAI,CAAC,kBAAkB,EAAE;QACrB,OAAO,EAAE,CAAC;KACb;IAGG,IAAA,QAAQ,GASR,QAAQ,SATA,EACR,OAAO,GAQP,QAAQ,QARD,EACP,QAAQ,GAOR,QAAQ,SAPA,EACR,aAAa,GAMb,QAAQ,cANK,EACb,WAAW,GAKX,QAAQ,YALG,EACX,YAAY,GAIZ,QAAQ,aAJI,EACZ,UAAU,GAGV,QAAQ,WAHE,EACV,YAAY,GAEZ,QAAQ,aAFI,EACZ,aAAa,GACb,QAAQ,cADK,CACJ;IACb,IAAM,KAAK,GAAG,QAAQ,IAAI,CAAC,CAAC;IAC5B,IAAM,IAAI,GAAG,WAAW,IAAI,CAAC,CAAC;IAC9B,IAAM,KAAK,GAAG,YAAY,IAAI,CAAC,CAAC;IAChC,IAAM,GAAG,GAAG,UAAU,IAAI,CAAC,CAAC;IAC5B,IAAM,MAAM,GAAG,aAAa,IAAI,CAAC,CAAC;IAClC,IAAM,OAAO,GAAG,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC;IACrD,IAAM,MAAM,GAAG,YAAY,IAAI,KAAK,CAAC,aAAa,CAAC;IACnD,IAAM,KAAK,GAAG,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC;IAC3C,IAAM,MAAM,GAAG,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC;IAE9C,IAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;IAC/C,IAAM,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC;IAEjD,iEAAiE;IACjE,IAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC;IACtD,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACxC,IAAA,WAAW,GAAmB,kBAAkB,YAArC,EAAE,YAAY,GAAK,kBAAkB,aAAvB,CAAwB;IACzD,MAAM,CAAC,KAAK,GAAG,WAAW,GAAG,gBAAgB,CAAC;IAC9C,MAAM,CAAC,MAAM,GAAG,YAAY,GAAG,gBAAgB,CAAC;IAEhD,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAExC,IAAI;QACA,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;YAClD,OAAO,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;YACrD,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACtB,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACtF,OAAO,CAAC,SAAS,CACb,KAAK,EACL,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,GAAG,EACb,UAAU,EACV,WAAW,EACX,CAAC,KAAK,GAAG,CAAC,EACV,CAAC,MAAM,GAAG,CAAC,EACX,KAAK,EACL,MAAM,CACT,CAAC;SACL;QACD,OAAO,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;KAC7C;IAAC,WAAM;QACJ,OAAO,KAAK,CAAC,GAAG,CAAC;KACpB;AACL,CAAC","sourcesContent":["import { getGeneratedImageSize } from './generateImageSize';\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Generate new dataURL from an image and edit info\n * @param image The image to generate data URL from. It is supposed to have original src loaded\n * @param editInfo Edit info of the image\n * @returns A BASE64 encoded string with image prefix that represents the content of the generated image.\n * If there are rotate/crop/resize info in the edit info, the generated image will also reflect the result.\n * It is possible to throw exception since the original image may not be able to read its content from\n * the code, so better check canRegenerateImage() of the image first.\n * @throws Exception when fail to generate dataURL from canvas\n */\nexport function generateDataURL(image: HTMLImageElement, editInfo: ImageMetadataFormat): string {\n    const generatedImageSize = getGeneratedImageSize(editInfo);\n    if (!generatedImageSize) {\n        return '';\n    }\n\n    const {\n        angleRad,\n        widthPx,\n        heightPx,\n        bottomPercent,\n        leftPercent,\n        rightPercent,\n        topPercent,\n        naturalWidth,\n        naturalHeight,\n    } = editInfo;\n    const angle = angleRad || 0;\n    const left = leftPercent || 0;\n    const right = rightPercent || 0;\n    const top = topPercent || 0;\n    const bottom = bottomPercent || 0;\n    const nHeight = naturalHeight || image.naturalHeight;\n    const nWidth = naturalWidth || image.naturalHeight;\n    const width = widthPx || image.clientWidth;\n    const height = heightPx || image.clientHeight;\n\n    const imageWidth = nWidth * (1 - left - right);\n    const imageHeight = nHeight * (1 - top - bottom);\n\n    // Adjust the canvas size and scaling for high display resolution\n    const devicePixelRatio = window.devicePixelRatio || 1;\n    const canvas = document.createElement('canvas');\n    const { targetWidth, targetHeight } = generatedImageSize;\n    canvas.width = targetWidth * devicePixelRatio;\n    canvas.height = targetHeight * devicePixelRatio;\n\n    const context = canvas.getContext('2d');\n\n    try {\n        if (context) {\n            context.scale(devicePixelRatio, devicePixelRatio);\n            context.translate(targetWidth / 2, targetHeight / 2);\n            context.rotate(angle);\n            context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);\n            context.drawImage(\n                image,\n                nWidth * left,\n                nHeight * top,\n                imageWidth,\n                imageHeight,\n                -width / 2,\n                -height / 2,\n                width,\n                height\n            );\n        }\n        return canvas.toDataURL('image/png', 1.0);\n    } catch {\n        return image.src;\n    }\n}\n"]}
+{"version":3,"file":"generateDataURL.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/generateDataURL.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAG5D;;;;;;;;;;GAUG;AACH,MAAM,UAAU,eAAe,CAAC,KAAuB,EAAE,QAA6B;IAClF,IAAM,kBAAkB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC3D,IAAI,CAAC,kBAAkB,EAAE;QACrB,OAAO,EAAE,CAAC;KACb;IAGG,IAAA,QAAQ,GASR,QAAQ,SATA,EACR,OAAO,GAQP,QAAQ,QARD,EACP,QAAQ,GAOR,QAAQ,SAPA,EACR,aAAa,GAMb,QAAQ,cANK,EACb,WAAW,GAKX,QAAQ,YALG,EACX,YAAY,GAIZ,QAAQ,aAJI,EACZ,UAAU,GAGV,QAAQ,WAHE,EACV,YAAY,GAEZ,QAAQ,aAFI,EACZ,aAAa,GACb,QAAQ,cADK,CACJ;IACb,IAAM,KAAK,GAAG,QAAQ,IAAI,CAAC,CAAC;IAC5B,IAAM,IAAI,GAAG,WAAW,IAAI,CAAC,CAAC;IAC9B,IAAM,KAAK,GAAG,YAAY,IAAI,CAAC,CAAC;IAChC,IAAM,GAAG,GAAG,UAAU,IAAI,CAAC,CAAC;IAC5B,IAAM,MAAM,GAAG,aAAa,IAAI,CAAC,CAAC;IAClC,IAAM,OAAO,GAAG,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC;IACrD,IAAM,MAAM,GAAG,YAAY,IAAI,KAAK,CAAC,aAAa,CAAC;IACnD,IAAM,KAAK,GAAG,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC;IAC3C,IAAM,MAAM,GAAG,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC;IAE9C,IAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;IAC/C,IAAM,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC;IACjD,IAAM,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC;IAChC,IAAM,GAAG,GAAG,GAAG,CAAC,WAAW,CAAC;IAE5B,iEAAiE;IACjE,IAAM,gBAAgB,GAAG,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,KAAI,CAAC,CAAC;IACpD,IAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACnC,IAAA,WAAW,GAAmB,kBAAkB,YAArC,EAAE,YAAY,GAAK,kBAAkB,aAAvB,CAAwB;IACzD,MAAM,CAAC,KAAK,GAAG,WAAW,GAAG,gBAAgB,CAAC;IAC9C,MAAM,CAAC,MAAM,GAAG,YAAY,GAAG,gBAAgB,CAAC;IAEhD,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAExC,IAAI;QACA,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;YAClD,OAAO,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;YACrD,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACtB,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACtF,OAAO,CAAC,SAAS,CACb,KAAK,EACL,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,GAAG,EACb,UAAU,EACV,WAAW,EACX,CAAC,KAAK,GAAG,CAAC,EACV,CAAC,MAAM,GAAG,CAAC,EACX,KAAK,EACL,MAAM,CACT,CAAC;SACL;QACD,OAAO,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;KAC7C;IAAC,WAAM;QACJ,OAAO,KAAK,CAAC,GAAG,CAAC;KACpB;AACL,CAAC","sourcesContent":["import { getGeneratedImageSize } from './generateImageSize';\r\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n * Generate new dataURL from an image and edit info\r\n * @param image The image to generate data URL from. It is supposed to have original src loaded\r\n * @param editInfo Edit info of the image\r\n * @returns A BASE64 encoded string with image prefix that represents the content of the generated image.\r\n * If there are rotate/crop/resize info in the edit info, the generated image will also reflect the result.\r\n * It is possible to throw exception since the original image may not be able to read its content from\r\n * the code, so better check canRegenerateImage() of the image first.\r\n * @throws Exception when fail to generate dataURL from canvas\r\n */\r\nexport function generateDataURL(image: HTMLImageElement, editInfo: ImageMetadataFormat): string {\r\n    const generatedImageSize = getGeneratedImageSize(editInfo);\r\n    if (!generatedImageSize) {\r\n        return '';\r\n    }\r\n\r\n    const {\r\n        angleRad,\r\n        widthPx,\r\n        heightPx,\r\n        bottomPercent,\r\n        leftPercent,\r\n        rightPercent,\r\n        topPercent,\r\n        naturalWidth,\r\n        naturalHeight,\r\n    } = editInfo;\r\n    const angle = angleRad || 0;\r\n    const left = leftPercent || 0;\r\n    const right = rightPercent || 0;\r\n    const top = topPercent || 0;\r\n    const bottom = bottomPercent || 0;\r\n    const nHeight = naturalHeight || image.naturalHeight;\r\n    const nWidth = naturalWidth || image.naturalHeight;\r\n    const width = widthPx || image.clientWidth;\r\n    const height = heightPx || image.clientHeight;\r\n\r\n    const imageWidth = nWidth * (1 - left - right);\r\n    const imageHeight = nHeight * (1 - top - bottom);\r\n    const doc = image.ownerDocument;\r\n    const win = doc.defaultView;\r\n\r\n    // Adjust the canvas size and scaling for high display resolution\r\n    const devicePixelRatio = win?.devicePixelRatio || 1;\r\n    const canvas = doc.createElement('canvas');\r\n    const { targetWidth, targetHeight } = generatedImageSize;\r\n    canvas.width = targetWidth * devicePixelRatio;\r\n    canvas.height = targetHeight * devicePixelRatio;\r\n\r\n    const context = canvas.getContext('2d');\r\n\r\n    try {\r\n        if (context) {\r\n            context.scale(devicePixelRatio, devicePixelRatio);\r\n            context.translate(targetWidth / 2, targetHeight / 2);\r\n            context.rotate(angle);\r\n            context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);\r\n            context.drawImage(\r\n                image,\r\n                nWidth * left,\r\n                nHeight * top,\r\n                imageWidth,\r\n                imageHeight,\r\n                -width / 2,\r\n                -height / 2,\r\n                width,\r\n                height\r\n            );\r\n        }\r\n        return canvas.toDataURL('image/png', 1.0);\r\n    } catch {\r\n        return image.src;\r\n    }\r\n}\r\n"]}

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

@@ -1,15 +1,15 @@
-import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
-import type { GeneratedImageSize } from '../types/GeneratedImageSize';
-/**
- * @internal
- * Calculate the target size of an image.
- * For image that is not rotated, target size is the same with resizing/cropping size.
- * For image that is rotated, target size is calculated from resizing/cropping size and its rotate angle
- * Say an image is resized to 100w*100h, cropped 25% on each side, then rotated 45deg, so that cropped size
- * will be (both height and width) 100*(1-0.25-0,25) = 50px, then final image size will be 50*sqrt(2) = 71px
- * @param editInfo The edit info to calculate size from
- * @param beforeCrop True to calculate the full size of original image before crop, false to calculate the size
- * after crop
- * @returns A GeneratedImageSize object which contains original, visible and target target width and height of the image
- */
-export declare function getGeneratedImageSize(editInfo: ImageMetadataFormat, beforeCrop?: boolean): GeneratedImageSize | undefined;
+import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
+import type { GeneratedImageSize } from '../types/GeneratedImageSize';
+/**
+ * @internal
+ * Calculate the target size of an image.
+ * For image that is not rotated, target size is the same with resizing/cropping size.
+ * For image that is rotated, target size is calculated from resizing/cropping size and its rotate angle
+ * Say an image is resized to 100w*100h, cropped 25% on each side, then rotated 45deg, so that cropped size
+ * will be (both height and width) 100*(1-0.25-0,25) = 50px, then final image size will be 50*sqrt(2) = 71px
+ * @param editInfo The edit info to calculate size from
+ * @param beforeCrop True to calculate the full size of original image before crop, false to calculate the size
+ * after crop
+ * @returns A GeneratedImageSize object which contains original, visible and target target width and height of the image
+ */
+export declare function getGeneratedImageSize(editInfo: ImageMetadataFormat, beforeCrop?: boolean): GeneratedImageSize | undefined;

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

@@ -1,42 +1,42 @@
-/**
- * @internal
- * Calculate the target size of an image.
- * For image that is not rotated, target size is the same with resizing/cropping size.
- * For image that is rotated, target size is calculated from resizing/cropping size and its rotate angle
- * Say an image is resized to 100w*100h, cropped 25% on each side, then rotated 45deg, so that cropped size
- * will be (both height and width) 100*(1-0.25-0,25) = 50px, then final image size will be 50*sqrt(2) = 71px
- * @param editInfo The edit info to calculate size from
- * @param beforeCrop True to calculate the full size of original image before crop, false to calculate the size
- * after crop
- * @returns A GeneratedImageSize object which contains original, visible and target target width and height of the image
- */
-export function getGeneratedImageSize(editInfo, beforeCrop) {
-    var width = editInfo.widthPx, height = editInfo.heightPx, angleRad = editInfo.angleRad, left = editInfo.leftPercent, right = editInfo.rightPercent, top = editInfo.topPercent, bottom = editInfo.bottomPercent;
-    if (height == undefined ||
-        width == undefined ||
-        left == undefined ||
-        right == undefined ||
-        top == undefined ||
-        bottom == undefined) {
-        return;
-    }
-    var angle = angleRad !== null && angleRad !== void 0 ? angleRad : 0;
-    // Original image size before crop and rotate
-    var originalWidth = width / (1 - left - right);
-    var originalHeight = height / (1 - top - bottom);
-    // Visible size
-    var visibleWidth = beforeCrop ? originalWidth : width;
-    var visibleHeight = beforeCrop ? originalHeight : height;
-    // Target size after crop and rotate
-    var targetWidth = Math.abs(visibleWidth * Math.cos(angle)) + Math.abs(visibleHeight * Math.sin(angle));
-    var targetHeight = Math.abs(visibleWidth * Math.sin(angle)) + Math.abs(visibleHeight * Math.cos(angle));
-    return {
-        targetWidth: targetWidth,
-        targetHeight: targetHeight,
-        originalWidth: originalWidth,
-        originalHeight: originalHeight,
-        visibleWidth: visibleWidth,
-        visibleHeight: visibleHeight,
-    };
-}
+/**
+ * @internal
+ * Calculate the target size of an image.
+ * For image that is not rotated, target size is the same with resizing/cropping size.
+ * For image that is rotated, target size is calculated from resizing/cropping size and its rotate angle
+ * Say an image is resized to 100w*100h, cropped 25% on each side, then rotated 45deg, so that cropped size
+ * will be (both height and width) 100*(1-0.25-0,25) = 50px, then final image size will be 50*sqrt(2) = 71px
+ * @param editInfo The edit info to calculate size from
+ * @param beforeCrop True to calculate the full size of original image before crop, false to calculate the size
+ * after crop
+ * @returns A GeneratedImageSize object which contains original, visible and target target width and height of the image
+ */
+export function getGeneratedImageSize(editInfo, beforeCrop) {
+    var width = editInfo.widthPx, height = editInfo.heightPx, angleRad = editInfo.angleRad, left = editInfo.leftPercent, right = editInfo.rightPercent, top = editInfo.topPercent, bottom = editInfo.bottomPercent;
+    if (height == undefined ||
+        width == undefined ||
+        left == undefined ||
+        right == undefined ||
+        top == undefined ||
+        bottom == undefined) {
+        return;
+    }
+    var angle = angleRad !== null && angleRad !== void 0 ? angleRad : 0;
+    // Original image size before crop and rotate
+    var originalWidth = width / (1 - left - right);
+    var originalHeight = height / (1 - top - bottom);
+    // Visible size
+    var visibleWidth = beforeCrop ? originalWidth : width;
+    var visibleHeight = beforeCrop ? originalHeight : height;
+    // Target size after crop and rotate
+    var targetWidth = Math.abs(visibleWidth * Math.cos(angle)) + Math.abs(visibleHeight * Math.sin(angle));
+    var targetHeight = Math.abs(visibleWidth * Math.sin(angle)) + Math.abs(visibleHeight * Math.cos(angle));
+    return {
+        targetWidth: targetWidth,
+        targetHeight: targetHeight,
+        originalWidth: originalWidth,
+        originalHeight: originalHeight,
+        visibleWidth: visibleWidth,
+        visibleHeight: visibleHeight,
+    };
+}
 //# sourceMappingURL=generateImageSize.js.map

package/lib-mjs/imageEdit/utils/generateImageSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateImageSize.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/generateImageSize.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,qBAAqB,CACjC,QAA6B,EAC7B,UAAoB;IAGhB,IAAS,KAAK,GAOd,QAAQ,QAPM,EACJ,MAAM,GAMhB,QAAQ,SANQ,EAChB,QAAQ,GAKR,QAAQ,SALA,EACK,IAAI,GAIjB,QAAQ,YAJS,EACH,KAAK,GAGnB,QAAQ,aAHW,EACP,GAAG,GAEf,QAAQ,WAFO,EACA,MAAM,GACrB,QAAQ,cADa,CACZ;IAEb,IACI,MAAM,IAAI,SAAS;QACnB,KAAK,IAAI,SAAS;QAClB,IAAI,IAAI,SAAS;QACjB,KAAK,IAAI,SAAS;QAClB,GAAG,IAAI,SAAS;QAChB,MAAM,IAAI,SAAS,EACrB;QACE,OAAO;KACV;IAED,IAAM,KAAK,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC;IAE5B,6CAA6C;IAC7C,IAAM,aAAa,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;IACjD,IAAM,cAAc,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC;IAEnD,eAAe;IACf,IAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IACxD,IAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,oCAAoC;IACpC,IAAM,WAAW,GACb,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACzF,IAAM,YAAY,GACd,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IAEzF,OAAO;QACH,WAAW,aAAA;QACX,YAAY,cAAA;QACZ,aAAa,eAAA;QACb,cAAc,gBAAA;QACd,YAAY,cAAA;QACZ,aAAa,eAAA;KAChB,CAAC;AACN,CAAC","sourcesContent":["import type { ImageMetadataFormat } from 'roosterjs-content-model-types';\nimport type { GeneratedImageSize } from '../types/GeneratedImageSize';\n\n/**\n * @internal\n * Calculate the target size of an image.\n * For image that is not rotated, target size is the same with resizing/cropping size.\n * For image that is rotated, target size is calculated from resizing/cropping size and its rotate angle\n * Say an image is resized to 100w*100h, cropped 25% on each side, then rotated 45deg, so that cropped size\n * will be (both height and width) 100*(1-0.25-0,25) = 50px, then final image size will be 50*sqrt(2) = 71px\n * @param editInfo The edit info to calculate size from\n * @param beforeCrop True to calculate the full size of original image before crop, false to calculate the size\n * after crop\n * @returns A GeneratedImageSize object which contains original, visible and target target width and height of the image\n */\nexport function getGeneratedImageSize(\n    editInfo: ImageMetadataFormat,\n    beforeCrop?: boolean\n): GeneratedImageSize | undefined {\n    const {\n        widthPx: width,\n        heightPx: height,\n        angleRad,\n        leftPercent: left,\n        rightPercent: right,\n        topPercent: top,\n        bottomPercent: bottom,\n    } = editInfo;\n\n    if (\n        height == undefined ||\n        width == undefined ||\n        left == undefined ||\n        right == undefined ||\n        top == undefined ||\n        bottom == undefined\n    ) {\n        return;\n    }\n\n    const angle = angleRad ?? 0;\n\n    // Original image size before crop and rotate\n    const originalWidth = width / (1 - left - right);\n    const originalHeight = height / (1 - top - bottom);\n\n    // Visible size\n    const visibleWidth = beforeCrop ? originalWidth : width;\n    const visibleHeight = beforeCrop ? originalHeight : height;\n\n    // Target size after crop and rotate\n    const targetWidth =\n        Math.abs(visibleWidth * Math.cos(angle)) + Math.abs(visibleHeight * Math.sin(angle));\n    const targetHeight =\n        Math.abs(visibleWidth * Math.sin(angle)) + Math.abs(visibleHeight * Math.cos(angle));\n\n    return {\n        targetWidth,\n        targetHeight,\n        originalWidth,\n        originalHeight,\n        visibleWidth,\n        visibleHeight,\n    };\n}\n"]}
+{"version":3,"file":"generateImageSize.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/generateImageSize.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,qBAAqB,CACjC,QAA6B,EAC7B,UAAoB;IAGhB,IAAS,KAAK,GAOd,QAAQ,QAPM,EACJ,MAAM,GAMhB,QAAQ,SANQ,EAChB,QAAQ,GAKR,QAAQ,SALA,EACK,IAAI,GAIjB,QAAQ,YAJS,EACH,KAAK,GAGnB,QAAQ,aAHW,EACP,GAAG,GAEf,QAAQ,WAFO,EACA,MAAM,GACrB,QAAQ,cADa,CACZ;IAEb,IACI,MAAM,IAAI,SAAS;QACnB,KAAK,IAAI,SAAS;QAClB,IAAI,IAAI,SAAS;QACjB,KAAK,IAAI,SAAS;QAClB,GAAG,IAAI,SAAS;QAChB,MAAM,IAAI,SAAS,EACrB;QACE,OAAO;KACV;IAED,IAAM,KAAK,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC;IAE5B,6CAA6C;IAC7C,IAAM,aAAa,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;IACjD,IAAM,cAAc,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC;IAEnD,eAAe;IACf,IAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IACxD,IAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,oCAAoC;IACpC,IAAM,WAAW,GACb,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACzF,IAAM,YAAY,GACd,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IAEzF,OAAO;QACH,WAAW,aAAA;QACX,YAAY,cAAA;QACZ,aAAa,eAAA;QACb,cAAc,gBAAA;QACd,YAAY,cAAA;QACZ,aAAa,eAAA;KAChB,CAAC;AACN,CAAC","sourcesContent":["import type { ImageMetadataFormat } from 'roosterjs-content-model-types';\r\nimport type { GeneratedImageSize } from '../types/GeneratedImageSize';\r\n\r\n/**\r\n * @internal\r\n * Calculate the target size of an image.\r\n * For image that is not rotated, target size is the same with resizing/cropping size.\r\n * For image that is rotated, target size is calculated from resizing/cropping size and its rotate angle\r\n * Say an image is resized to 100w*100h, cropped 25% on each side, then rotated 45deg, so that cropped size\r\n * will be (both height and width) 100*(1-0.25-0,25) = 50px, then final image size will be 50*sqrt(2) = 71px\r\n * @param editInfo The edit info to calculate size from\r\n * @param beforeCrop True to calculate the full size of original image before crop, false to calculate the size\r\n * after crop\r\n * @returns A GeneratedImageSize object which contains original, visible and target target width and height of the image\r\n */\r\nexport function getGeneratedImageSize(\r\n    editInfo: ImageMetadataFormat,\r\n    beforeCrop?: boolean\r\n): GeneratedImageSize | undefined {\r\n    const {\r\n        widthPx: width,\r\n        heightPx: height,\r\n        angleRad,\r\n        leftPercent: left,\r\n        rightPercent: right,\r\n        topPercent: top,\r\n        bottomPercent: bottom,\r\n    } = editInfo;\r\n\r\n    if (\r\n        height == undefined ||\r\n        width == undefined ||\r\n        left == undefined ||\r\n        right == undefined ||\r\n        top == undefined ||\r\n        bottom == undefined\r\n    ) {\r\n        return;\r\n    }\r\n\r\n    const angle = angleRad ?? 0;\r\n\r\n    // Original image size before crop and rotate\r\n    const originalWidth = width / (1 - left - right);\r\n    const originalHeight = height / (1 - top - bottom);\r\n\r\n    // Visible size\r\n    const visibleWidth = beforeCrop ? originalWidth : width;\r\n    const visibleHeight = beforeCrop ? originalHeight : height;\r\n\r\n    // Target size after crop and rotate\r\n    const targetWidth =\r\n        Math.abs(visibleWidth * Math.cos(angle)) + Math.abs(visibleHeight * Math.sin(angle));\r\n    const targetHeight =\r\n        Math.abs(visibleWidth * Math.sin(angle)) + Math.abs(visibleHeight * Math.cos(angle));\r\n\r\n    return {\r\n        targetWidth,\r\n        targetHeight,\r\n        originalWidth,\r\n        originalHeight,\r\n        visibleWidth,\r\n        visibleHeight,\r\n    };\r\n}\r\n"]}

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

@@ -1,10 +1,10 @@
-import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';
-import type { ImageEditElementClass } from '../types/ImageEditElementClass';
-import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
-import type { ImageEditOptions } from '../types/ImageEditOptions';
-import type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';
-import type { DragAndDropContext } from '../types/DragAndDropContext';
-/**
- * @internal
- */
-export declare function getDropAndDragHelpers(wrapper: HTMLElement, editInfo: ImageMetadataFormat, options: ImageEditOptions, elementClass: ImageEditElementClass, helper: DragAndDropHandler<DragAndDropContext, any>, updateWrapper: (context: DragAndDropContext, _handle: HTMLElement) => void, zoomScale: number, useTouch: boolean): DragAndDropHelper<DragAndDropContext, any>[];
+import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';
+import type { ImageEditElementClass } from '../types/ImageEditElementClass';
+import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
+import type { ImageEditOptions } from '../types/ImageEditOptions';
+import type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';
+import type { DragAndDropContext } from '../types/DragAndDropContext';
+/**
+ * @internal
+ */
+export declare function getDropAndDragHelpers(wrapper: HTMLElement, editInfo: ImageMetadataFormat, options: ImageEditOptions, elementClass: ImageEditElementClass, helper: DragAndDropHandler<DragAndDropContext, any>, updateWrapper: (context: DragAndDropContext, _handle: HTMLElement) => void, zoomScale: number, useTouch: boolean): DragAndDropHelper<DragAndDropContext, any>[];

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

@@ -1,20 +1,20 @@
-import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';
-import { toArray } from 'roosterjs-content-model-dom';
-/**
- * @internal
- */
-export function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale, useTouch) {
-    return getEditElements(wrapper, elementClass).map(function (element) {
-        return new DragAndDropHelper(element, {
-            editInfo: editInfo,
-            options: options,
-            elementClass: elementClass,
-            x: element.dataset.x,
-            y: element.dataset.y,
-        }, updateWrapper, helper, zoomScale, useTouch);
-    });
-}
-function getEditElements(wrapper, elementClass) {
-    return toArray(wrapper.querySelectorAll('.' + elementClass));
-}
+import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';
+import { toArray } from 'roosterjs-content-model-dom';
+/**
+ * @internal
+ */
+export function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale, useTouch) {
+    return getEditElements(wrapper, elementClass).map(function (element) {
+        return new DragAndDropHelper(element, {
+            editInfo: editInfo,
+            options: options,
+            elementClass: elementClass,
+            x: element.dataset.x,
+            y: element.dataset.y,
+        }, updateWrapper, helper, zoomScale, useTouch);
+    });
+}
+function getEditElements(wrapper, elementClass) {
+    return toArray(wrapper.querySelectorAll('.' + elementClass));
+}
 //# sourceMappingURL=getDropAndDragHelpers.js.map

package/lib-mjs/imageEdit/utils/getDropAndDragHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDropAndDragHelpers.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getDropAndDragHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAOtD;;GAEG;AACH,MAAM,UAAU,qBAAqB,CACjC,OAAoB,EACpB,QAA6B,EAC7B,OAAyB,EACzB,YAAmC,EACnC,MAAmD,EACnD,aAA0E,EAC1E,SAAiB,EACjB,QAAiB;IAEjB,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,GAAG,CAC7C,UAAA,OAAO;QACH,OAAA,IAAI,iBAAiB,CACjB,OAAO,EACP;YACI,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,OAAO;YAChB,YAAY,cAAA;YACZ,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAkB;YACrC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAkB;SACxC,EACD,aAAa,EACb,MAAM,EACN,SAAS,EACT,QAAQ,CACX;IAbD,CAaC,CACR,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,OAAoB,EAAE,YAAmC;IAC9E,OAAO,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,GAAG,YAAY,CAAC,CAAkB,CAAC;AAClF,CAAC","sourcesContent":["import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';\nimport { toArray } from 'roosterjs-content-model-dom';\nimport type { ImageEditElementClass } from '../types/ImageEditElementClass';\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\nimport type { DragAndDropContext, DNDDirectionX, DnDDirectionY } from '../types/DragAndDropContext';\n\n/**\n * @internal\n */\nexport function getDropAndDragHelpers(\n    wrapper: HTMLElement,\n    editInfo: ImageMetadataFormat,\n    options: ImageEditOptions,\n    elementClass: ImageEditElementClass,\n    helper: DragAndDropHandler<DragAndDropContext, any>,\n    updateWrapper: (context: DragAndDropContext, _handle: HTMLElement) => void,\n    zoomScale: number,\n    useTouch: boolean\n): DragAndDropHelper<DragAndDropContext, any>[] {\n    return getEditElements(wrapper, elementClass).map(\n        element =>\n            new DragAndDropHelper<DragAndDropContext, any>(\n                element,\n                {\n                    editInfo: editInfo,\n                    options: options,\n                    elementClass,\n                    x: element.dataset.x as DNDDirectionX,\n                    y: element.dataset.y as DnDDirectionY,\n                },\n                updateWrapper,\n                helper,\n                zoomScale,\n                useTouch\n            )\n    );\n}\n\nfunction getEditElements(wrapper: HTMLElement, elementClass: ImageEditElementClass): HTMLElement[] {\n    return toArray(wrapper.querySelectorAll('.' + elementClass)) as HTMLElement[];\n}\n"]}
+{"version":3,"file":"getDropAndDragHelpers.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getDropAndDragHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAOtD;;GAEG;AACH,MAAM,UAAU,qBAAqB,CACjC,OAAoB,EACpB,QAA6B,EAC7B,OAAyB,EACzB,YAAmC,EACnC,MAAmD,EACnD,aAA0E,EAC1E,SAAiB,EACjB,QAAiB;IAEjB,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,GAAG,CAC7C,UAAA,OAAO;QACH,OAAA,IAAI,iBAAiB,CACjB,OAAO,EACP;YACI,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,OAAO;YAChB,YAAY,cAAA;YACZ,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAkB;YACrC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAkB;SACxC,EACD,aAAa,EACb,MAAM,EACN,SAAS,EACT,QAAQ,CACX;IAbD,CAaC,CACR,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,OAAoB,EAAE,YAAmC;IAC9E,OAAO,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,GAAG,YAAY,CAAC,CAAkB,CAAC;AAClF,CAAC","sourcesContent":["import { DragAndDropHelper } from '../../pluginUtils/DragAndDrop/DragAndDropHelper';\r\nimport { toArray } from 'roosterjs-content-model-dom';\r\nimport type { ImageEditElementClass } from '../types/ImageEditElementClass';\r\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\r\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\r\nimport type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';\r\nimport type { DragAndDropContext, DNDDirectionX, DnDDirectionY } from '../types/DragAndDropContext';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getDropAndDragHelpers(\r\n    wrapper: HTMLElement,\r\n    editInfo: ImageMetadataFormat,\r\n    options: ImageEditOptions,\r\n    elementClass: ImageEditElementClass,\r\n    helper: DragAndDropHandler<DragAndDropContext, any>,\r\n    updateWrapper: (context: DragAndDropContext, _handle: HTMLElement) => void,\r\n    zoomScale: number,\r\n    useTouch: boolean\r\n): DragAndDropHelper<DragAndDropContext, any>[] {\r\n    return getEditElements(wrapper, elementClass).map(\r\n        element =>\r\n            new DragAndDropHelper<DragAndDropContext, any>(\r\n                element,\r\n                {\r\n                    editInfo: editInfo,\r\n                    options: options,\r\n                    elementClass,\r\n                    x: element.dataset.x as DNDDirectionX,\r\n                    y: element.dataset.y as DnDDirectionY,\r\n                },\r\n                updateWrapper,\r\n                helper,\r\n                zoomScale,\r\n                useTouch\r\n            )\r\n    );\r\n}\r\n\r\nfunction getEditElements(wrapper: HTMLElement, elementClass: ImageEditElementClass): HTMLElement[] {\r\n    return toArray(wrapper.querySelectorAll('.' + elementClass)) as HTMLElement[];\r\n}\r\n"]}

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

@@ -1,7 +1,7 @@
-import type { IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';
-import type { ImageEditOptions } from '../types/ImageEditOptions';
-import type { ImageHtmlOptions } from '../types/ImageHtmlOptions';
-/**
- * @internal
- */
-export declare const getHTMLImageOptions: (editor: IEditor, options: ImageEditOptions, editInfo: ImageMetadataFormat) => ImageHtmlOptions;
+import type { IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';
+import type { ImageEditOptions } from '../types/ImageEditOptions';
+import type { ImageHtmlOptions } from '../types/ImageHtmlOptions';
+/**
+ * @internal
+ */
+export declare const getHTMLImageOptions: (editor: IEditor, options: ImageEditOptions, editInfo: ImageMetadataFormat) => ImageHtmlOptions;

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

@@ -1,19 +1,19 @@
-import { isASmallImage } from './imageEditUtils';
-/**
- * Default background colors for rotate handle
- */
-var LIGHT_MODE_BGCOLOR = 'white';
-var DARK_MODE_BGCOLOR = '#333';
-/**
- * @internal
- */
-export var getHTMLImageOptions = function (editor, options, editInfo) {
-    var _a, _b;
-    return {
-        borderColor: options.borderColor || (editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR),
-        rotateHandleBackColor: editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR,
-        isSmallImage: isASmallImage((_a = editInfo.widthPx) !== null && _a !== void 0 ? _a : 0, (_b = editInfo.heightPx) !== null && _b !== void 0 ? _b : 0),
-        disableSideResize: !!options.disableSideResize,
-    };
-};
+import { isASmallImage } from './imageEditUtils';
+/**
+ * Default background colors for rotate handle
+ */
+var LIGHT_MODE_BGCOLOR = 'white';
+var DARK_MODE_BGCOLOR = '#333';
+/**
+ * @internal
+ */
+export var getHTMLImageOptions = function (editor, options, editInfo) {
+    var _a, _b;
+    return {
+        borderColor: options.borderColor || (editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR),
+        rotateHandleBackColor: editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR,
+        isSmallImage: isASmallImage((_a = editInfo.widthPx) !== null && _a !== void 0 ? _a : 0, (_b = editInfo.heightPx) !== null && _b !== void 0 ? _b : 0),
+        disableSideResize: !!options.disableSideResize,
+    };
+};
 //# sourceMappingURL=getHTMLImageOptions.js.map

package/lib-mjs/imageEdit/utils/getHTMLImageOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"getHTMLImageOptions.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getHTMLImageOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD;;GAEG;AACH,IAAM,kBAAkB,GAAG,OAAO,CAAC;AACnC,IAAM,iBAAiB,GAAG,MAAM,CAAC;AAEjC;;GAEG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAC/B,MAAe,EACf,OAAyB,EACzB,QAA6B;;IAE7B,OAAO;QACH,WAAW,EACP,OAAO,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACzF,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;QACnF,YAAY,EAAE,aAAa,CAAC,MAAA,QAAQ,CAAC,OAAO,mCAAI,CAAC,EAAE,MAAA,QAAQ,CAAC,QAAQ,mCAAI,CAAC,CAAC;QAC1E,iBAAiB,EAAE,CAAC,CAAC,OAAO,CAAC,iBAAiB;KACjD,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { isASmallImage } from './imageEditUtils';\nimport type { IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\nimport type { ImageHtmlOptions } from '../types/ImageHtmlOptions';\n\n/**\n * Default background colors for rotate handle\n */\nconst LIGHT_MODE_BGCOLOR = 'white';\nconst DARK_MODE_BGCOLOR = '#333';\n\n/**\n * @internal\n */\nexport const getHTMLImageOptions = (\n    editor: IEditor,\n    options: ImageEditOptions,\n    editInfo: ImageMetadataFormat\n): ImageHtmlOptions => {\n    return {\n        borderColor:\n            options.borderColor || (editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR),\n        rotateHandleBackColor: editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR,\n        isSmallImage: isASmallImage(editInfo.widthPx ?? 0, editInfo.heightPx ?? 0),\n        disableSideResize: !!options.disableSideResize,\n    };\n};\n"]}
+{"version":3,"file":"getHTMLImageOptions.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getHTMLImageOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD;;GAEG;AACH,IAAM,kBAAkB,GAAG,OAAO,CAAC;AACnC,IAAM,iBAAiB,GAAG,MAAM,CAAC;AAEjC;;GAEG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAC/B,MAAe,EACf,OAAyB,EACzB,QAA6B;;IAE7B,OAAO;QACH,WAAW,EACP,OAAO,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACzF,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;QACnF,YAAY,EAAE,aAAa,CAAC,MAAA,QAAQ,CAAC,OAAO,mCAAI,CAAC,EAAE,MAAA,QAAQ,CAAC,QAAQ,mCAAI,CAAC,CAAC;QAC1E,iBAAiB,EAAE,CAAC,CAAC,OAAO,CAAC,iBAAiB;KACjD,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { isASmallImage } from './imageEditUtils';\r\nimport type { IEditor, ImageMetadataFormat } from 'roosterjs-content-model-types';\r\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\r\nimport type { ImageHtmlOptions } from '../types/ImageHtmlOptions';\r\n\r\n/**\r\n * Default background colors for rotate handle\r\n */\r\nconst LIGHT_MODE_BGCOLOR = 'white';\r\nconst DARK_MODE_BGCOLOR = '#333';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport const getHTMLImageOptions = (\r\n    editor: IEditor,\r\n    options: ImageEditOptions,\r\n    editInfo: ImageMetadataFormat\r\n): ImageHtmlOptions => {\r\n    return {\r\n        borderColor:\r\n            options.borderColor || (editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR),\r\n        rotateHandleBackColor: editor.isDarkMode() ? DARK_MODE_BGCOLOR : LIGHT_MODE_BGCOLOR,\r\n        isSmallImage: isASmallImage(editInfo.widthPx ?? 0, editInfo.heightPx ?? 0),\r\n        disableSideResize: !!options.disableSideResize,\r\n    };\r\n};\r\n"]}

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

@@ -1,6 +1,6 @@
-import type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';
-import type { ImageAndParagraph } from '../types/ImageAndParagraph';
-/**
- * @internal
- */
-export declare function getSelectedImage(model: ReadonlyContentModelDocument): ImageAndParagraph | null;
+import type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';
+import type { ImageAndParagraph } from '../types/ImageAndParagraph';
+/**
+ * @internal
+ */
+export declare function getSelectedImage(model: ReadonlyContentModelDocument): ImageAndParagraph | null;

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

@@ -1,17 +1,17 @@
-import { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-dom';
-/**
- * @internal
- */
-export function getSelectedImage(model) {
-    var selections = getSelectedSegmentsAndParagraphs(model, false);
-    if (selections.length == 1 && selections[0][0].segmentType == 'Image' && selections[0][1]) {
-        return {
-            image: selections[0][0],
-            paragraph: selections[0][1],
-        };
-    }
-    else {
-        return null;
-    }
-}
+import { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-dom';
+/**
+ * @internal
+ */
+export function getSelectedImage(model) {
+    var selections = getSelectedSegmentsAndParagraphs(model, false);
+    if (selections.length == 1 && selections[0][0].segmentType == 'Image' && selections[0][1]) {
+        return {
+            image: selections[0][0],
+            paragraph: selections[0][1],
+        };
+    }
+    else {
+        return null;
+    }
+}
 //# sourceMappingURL=getSelectedImage.js.map

package/lib-mjs/imageEdit/utils/getSelectedImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSelectedImage.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getSelectedImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,6BAA6B,CAAC;AAI/E;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAmC;IAChE,IAAM,UAAU,GAAG,gCAAgC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAElE,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;QACvF,OAAO;YACH,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC9B,CAAC;KACL;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC","sourcesContent":["import { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-dom';\nimport type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';\nimport type { ImageAndParagraph } from '../types/ImageAndParagraph';\n\n/**\n * @internal\n */\nexport function getSelectedImage(model: ReadonlyContentModelDocument): ImageAndParagraph | null {\n    const selections = getSelectedSegmentsAndParagraphs(model, false);\n\n    if (selections.length == 1 && selections[0][0].segmentType == 'Image' && selections[0][1]) {\n        return {\n            image: selections[0][0],\n            paragraph: selections[0][1],\n        };\n    } else {\n        return null;\n    }\n}\n"]}
+{"version":3,"file":"getSelectedImage.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/getSelectedImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,6BAA6B,CAAC;AAI/E;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAmC;IAChE,IAAM,UAAU,GAAG,gCAAgC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAElE,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;QACvF,OAAO;YACH,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC9B,CAAC;KACL;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC","sourcesContent":["import { getSelectedSegmentsAndParagraphs } from 'roosterjs-content-model-dom';\r\nimport type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';\r\nimport type { ImageAndParagraph } from '../types/ImageAndParagraph';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getSelectedImage(model: ReadonlyContentModelDocument): ImageAndParagraph | null {\r\n    const selections = getSelectedSegmentsAndParagraphs(model, false);\r\n\r\n    if (selections.length == 1 && selections[0][0].segmentType == 'Image' && selections[0][1]) {\r\n        return {\r\n            image: selections[0][0],\r\n            paragraph: selections[0][1],\r\n        };\r\n    } else {\r\n        return null;\r\n    }\r\n}\r\n"]}