roosterjs-content-model-plugins 9.43.0 → 9.45.0

package/lib/imageEdit/utils/getDropAndDragHelpers.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDropAndDragHelpers = void 0;
-var DragAndDropHelper_1 = require("../../pluginUtils/DragAndDrop/DragAndDropHelper");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @internal
- */
-function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale, useTouch) {
-    return getEditElements(wrapper, elementClass).map(function (element) {
-        return new DragAndDropHelper_1.DragAndDropHelper(element, {
-            editInfo: editInfo,
-            options: options,
-            elementClass: elementClass,
-            x: element.dataset.x,
-            y: element.dataset.y,
-        }, updateWrapper, helper, zoomScale, useTouch);
-    });
-}
-exports.getDropAndDragHelpers = getDropAndDragHelpers;
-function getEditElements(wrapper, elementClass) {
-    return (0, roosterjs_content_model_dom_1.toArray)(wrapper.querySelectorAll('.' + elementClass));
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDropAndDragHelpers = void 0;
+var DragAndDropHelper_1 = require("../../pluginUtils/DragAndDrop/DragAndDropHelper");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ */
+function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale, useTouch) {
+    return getEditElements(wrapper, elementClass).map(function (element) {
+        return new DragAndDropHelper_1.DragAndDropHelper(element, {
+            editInfo: editInfo,
+            options: options,
+            elementClass: elementClass,
+            x: element.dataset.x,
+            y: element.dataset.y,
+        }, updateWrapper, helper, zoomScale, useTouch);
+    });
+}
+exports.getDropAndDragHelpers = getDropAndDragHelpers;
+function getEditElements(wrapper, elementClass) {
+    return (0, roosterjs_content_model_dom_1.toArray)(wrapper.querySelectorAll('.' + elementClass));
+}
 //# sourceMappingURL=getDropAndDragHelpers.js.map

package/lib/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,qFAAoF;AACpF,2EAAsD;AAOtD;;GAEG;AACH,SAAgB,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,qCAAiB,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;AA3BD,sDA2BC;AAED,SAAS,eAAe,CAAC,OAAoB,EAAE,YAAmC;IAC9E,OAAO,IAAA,qCAAO,EAAC,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,qFAAoF;AACpF,2EAAsD;AAOtD;;GAEG;AACH,SAAgB,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,qCAAiB,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;AA3BD,sDA2BC;AAED,SAAS,eAAe,CAAC,OAAoB,EAAE,YAAmC;IAC9E,OAAO,IAAA,qCAAO,EAAC,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/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/imageEdit/utils/getHTMLImageOptions.js

@@ -1,23 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getHTMLImageOptions = void 0;
-var imageEditUtils_1 = require("./imageEditUtils");
-/**
- * Default background colors for rotate handle
- */
-var LIGHT_MODE_BGCOLOR = 'white';
-var DARK_MODE_BGCOLOR = '#333';
-/**
- * @internal
- */
-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: (0, imageEditUtils_1.isASmallImage)((_a = editInfo.widthPx) !== null && _a !== void 0 ? _a : 0, (_b = editInfo.heightPx) !== null && _b !== void 0 ? _b : 0),
-        disableSideResize: !!options.disableSideResize,
-    };
-};
-exports.getHTMLImageOptions = getHTMLImageOptions;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHTMLImageOptions = void 0;
+var imageEditUtils_1 = require("./imageEditUtils");
+/**
+ * Default background colors for rotate handle
+ */
+var LIGHT_MODE_BGCOLOR = 'white';
+var DARK_MODE_BGCOLOR = '#333';
+/**
+ * @internal
+ */
+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: (0, imageEditUtils_1.isASmallImage)((_a = editInfo.widthPx) !== null && _a !== void 0 ? _a : 0, (_b = editInfo.heightPx) !== null && _b !== void 0 ? _b : 0),
+        disableSideResize: !!options.disableSideResize,
+    };
+};
+exports.getHTMLImageOptions = getHTMLImageOptions;
 //# sourceMappingURL=getHTMLImageOptions.js.map

package/lib/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,mDAAiD;AAKjD;;GAEG;AACH,IAAM,kBAAkB,GAAG,OAAO,CAAC;AACnC,IAAM,iBAAiB,GAAG,MAAM,CAAC;AAEjC;;GAEG;AACI,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,IAAA,8BAAa,EAAC,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;AAZW,QAAA,mBAAmB,uBAY9B","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,mDAAiD;AAKjD;;GAEG;AACH,IAAM,kBAAkB,GAAG,OAAO,CAAC;AACnC,IAAM,iBAAiB,GAAG,MAAM,CAAC;AAEjC;;GAEG;AACI,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,IAAA,8BAAa,EAAC,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;AAZW,QAAA,mBAAmB,uBAY9B","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/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/imageEdit/utils/getSelectedImage.js

@@ -1,21 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSelectedImage = void 0;
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @internal
- */
-function getSelectedImage(model) {
-    var selections = (0, roosterjs_content_model_dom_1.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;
-    }
-}
-exports.getSelectedImage = getSelectedImage;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSelectedImage = void 0;
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ */
+function getSelectedImage(model) {
+    var selections = (0, roosterjs_content_model_dom_1.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;
+    }
+}
+exports.getSelectedImage = getSelectedImage;
 //# sourceMappingURL=getSelectedImage.js.map

package/lib/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,2EAA+E;AAI/E;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAAmC;IAChE,IAAM,UAAU,GAAG,IAAA,8DAAgC,EAAC,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;AAXD,4CAWC","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,2EAA+E;AAI/E;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAAmC;IAChE,IAAM,UAAU,GAAG,IAAA,8DAAgC,EAAC,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;AAXD,4CAWC","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"]}

package/lib/imageEdit/utils/imageEditUtils.d.ts

@@ -1,47 +1,47 @@
-/**
- * @internal
- */
-interface WrapperDimensions {
-    height: number;
-    width: number;
-}
-/**
- * @internal
- */
-export declare function getPx(value: number): string;
-/**
- * @internal
- */
-export declare function isASmallImage(widthPx: number, heightPx: number): boolean;
-/**
- * @internal Calculate the rotated x and y distance for mouse moving
- * @param x Original x distance
- * @param y Original y distance
- * @param angle Rotated angle, in radian
- * @returns rotated x and y distances
- */
-export declare function rotateCoordinate(x: number, y: number, angle: number): [number, number];
-/**
- * @internal
- */
-export declare function setFlipped(element: HTMLElement | null, flippedHorizontally?: boolean, flippedVertically?: boolean): void;
-/**
- * @internal
- */
-export declare function setWrapperSizeDimensions(wrapper: HTMLElement, image: HTMLImageElement, width: number, height: number, isRotating: boolean): void;
-/**
- * @internal
- */
-export declare function setSize(element: HTMLElement, left: number | undefined, top: number | undefined, right: number | undefined, bottom: number | undefined, width: number | undefined, height: number | undefined): void;
-/**
- * @internal
- * Check if the current image was resized by the user
- * @param image the current image
- * @returns if the user resized the image, returns true, otherwise, returns false
- */
-export declare function checkIfImageWasResized(image: HTMLImageElement): boolean;
-/**
- * @internal
- */
-export declare function getActualWrapperDimensions(image: HTMLImageElement, wrapperWidth: number, wrapperHeight: number): WrapperDimensions;
-export {};
+/**
+ * @internal
+ */
+interface WrapperDimensions {
+    height: number;
+    width: number;
+}
+/**
+ * @internal
+ */
+export declare function getPx(value: number): string;
+/**
+ * @internal
+ */
+export declare function isASmallImage(widthPx: number, heightPx: number): boolean;
+/**
+ * @internal Calculate the rotated x and y distance for mouse moving
+ * @param x Original x distance
+ * @param y Original y distance
+ * @param angle Rotated angle, in radian
+ * @returns rotated x and y distances
+ */
+export declare function rotateCoordinate(x: number, y: number, angle: number): [number, number];
+/**
+ * @internal
+ */
+export declare function setFlipped(element: HTMLElement | null, flippedHorizontally?: boolean, flippedVertically?: boolean): void;
+/**
+ * @internal
+ */
+export declare function setWrapperSizeDimensions(wrapper: HTMLElement, image: HTMLImageElement, width: number, height: number, isRotating: boolean): void;
+/**
+ * @internal
+ */
+export declare function setSize(element: HTMLElement, left: number | undefined, top: number | undefined, right: number | undefined, bottom: number | undefined, width: number | undefined, height: number | undefined): void;
+/**
+ * @internal
+ * Check if the current image was resized by the user
+ * @param image the current image
+ * @returns if the user resized the image, returns true, otherwise, returns false
+ */
+export declare function checkIfImageWasResized(image: HTMLImageElement): boolean;
+/**
+ * @internal
+ */
+export declare function getActualWrapperDimensions(image: HTMLImageElement, wrapperWidth: number, wrapperHeight: number): WrapperDimensions;
+export {};

package/lib/imageEdit/utils/imageEditUtils.js

@@ -1,116 +1,116 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getActualWrapperDimensions = exports.checkIfImageWasResized = exports.setSize = exports.setWrapperSizeDimensions = exports.setFlipped = exports.rotateCoordinate = exports.isASmallImage = exports.getPx = void 0;
-var constants_1 = require("../constants/constants");
-/**
- * @internal
- */
-function getPx(value) {
-    return value + 'px';
-}
-exports.getPx = getPx;
-/**
- * @internal
- */
-function isASmallImage(widthPx, heightPx) {
-    return widthPx && heightPx && (widthPx < constants_1.MIN_HEIGHT_WIDTH || heightPx < constants_1.MIN_HEIGHT_WIDTH)
-        ? true
-        : false;
-}
-exports.isASmallImage = isASmallImage;
-/**
- * @internal Calculate the rotated x and y distance for mouse moving
- * @param x Original x distance
- * @param y Original y distance
- * @param angle Rotated angle, in radian
- * @returns rotated x and y distances
- */
-function rotateCoordinate(x, y, angle) {
-    if (x == 0 && y == 0) {
-        return [0, 0];
-    }
-    var hypotenuse = Math.sqrt(x * x + y * y);
-    angle = Math.atan2(y, x) - angle;
-    return [hypotenuse * Math.cos(angle), hypotenuse * Math.sin(angle)];
-}
-exports.rotateCoordinate = rotateCoordinate;
-/**
- * @internal
- */
-function setFlipped(element, flippedHorizontally, flippedVertically) {
-    if (element) {
-        element.style.transform = "scale(" + (flippedHorizontally ? -1 : 1) + ", " + (flippedVertically ? -1 : 1) + ")";
-    }
-}
-exports.setFlipped = setFlipped;
-/**
- * @internal
- */
-function setWrapperSizeDimensions(wrapper, image, width, height, isRotating) {
-    var hasBorder = image.style.borderStyle;
-    if (hasBorder) {
-        var borderWidth = image.style.borderWidth ? 2 * parseInt(image.style.borderWidth) : 2;
-        if (isRotating) {
-            wrapper.style.width = getPx(parseInt(image.style.width) + borderWidth);
-            wrapper.style.height = getPx(parseInt(image.style.height) + borderWidth);
-            return;
-        }
-        wrapper.style.width = getPx(width + borderWidth);
-        wrapper.style.height = getPx(height + borderWidth);
-        return;
-    }
-    wrapper.style.width = getPx(width);
-    wrapper.style.height = getPx(height);
-}
-exports.setWrapperSizeDimensions = setWrapperSizeDimensions;
-/**
- * @internal
- */
-function setSize(element, left, top, right, bottom, width, height) {
-    element.style.left = left !== undefined ? getPx(left) : element.style.left;
-    element.style.top = top !== undefined ? getPx(top) : element.style.top;
-    element.style.right = right !== undefined ? getPx(right) : element.style.right;
-    element.style.bottom = bottom !== undefined ? getPx(bottom) : element.style.bottom;
-    element.style.width = width !== undefined ? getPx(width) : element.style.width;
-    element.style.height = height !== undefined ? getPx(height) : element.style.height;
-}
-exports.setSize = setSize;
-/**
- * @internal
- * Check if the current image was resized by the user
- * @param image the current image
- * @returns if the user resized the image, returns true, otherwise, returns false
- */
-function checkIfImageWasResized(image) {
-    var style = image.style;
-    var isMaxWidthInitial = style.maxWidth === '' || style.maxWidth === 'initial' || style.maxWidth === 'auto';
-    if (isMaxWidthInitial &&
-        (isFixedNumberValue(style.height) || isFixedNumberValue(style.width))) {
-        return true;
-    }
-    else {
-        return false;
-    }
-}
-exports.checkIfImageWasResized = checkIfImageWasResized;
-function isFixedNumberValue(value) {
-    var numberValue = typeof value === 'string' ? parseInt(value) : value;
-    return !isNaN(numberValue);
-}
-/**
- * @internal
- */
-function getActualWrapperDimensions(image, wrapperWidth, wrapperHeight) {
-    var hasBorder = image.style.borderStyle;
-    var borderWidth = hasBorder && image.style.borderWidth
-        ? 2 * parseInt(image.style.borderWidth)
-        : hasBorder
-            ? 2
-            : 0;
-    return {
-        width: wrapperWidth - borderWidth,
-        height: wrapperHeight - borderWidth,
-    };
-}
-exports.getActualWrapperDimensions = getActualWrapperDimensions;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getActualWrapperDimensions = exports.checkIfImageWasResized = exports.setSize = exports.setWrapperSizeDimensions = exports.setFlipped = exports.rotateCoordinate = exports.isASmallImage = exports.getPx = void 0;
+var constants_1 = require("../constants/constants");
+/**
+ * @internal
+ */
+function getPx(value) {
+    return value + 'px';
+}
+exports.getPx = getPx;
+/**
+ * @internal
+ */
+function isASmallImage(widthPx, heightPx) {
+    return widthPx && heightPx && (widthPx < constants_1.MIN_HEIGHT_WIDTH || heightPx < constants_1.MIN_HEIGHT_WIDTH)
+        ? true
+        : false;
+}
+exports.isASmallImage = isASmallImage;
+/**
+ * @internal Calculate the rotated x and y distance for mouse moving
+ * @param x Original x distance
+ * @param y Original y distance
+ * @param angle Rotated angle, in radian
+ * @returns rotated x and y distances
+ */
+function rotateCoordinate(x, y, angle) {
+    if (x == 0 && y == 0) {
+        return [0, 0];
+    }
+    var hypotenuse = Math.sqrt(x * x + y * y);
+    angle = Math.atan2(y, x) - angle;
+    return [hypotenuse * Math.cos(angle), hypotenuse * Math.sin(angle)];
+}
+exports.rotateCoordinate = rotateCoordinate;
+/**
+ * @internal
+ */
+function setFlipped(element, flippedHorizontally, flippedVertically) {
+    if (element) {
+        element.style.transform = "scale(" + (flippedHorizontally ? -1 : 1) + ", " + (flippedVertically ? -1 : 1) + ")";
+    }
+}
+exports.setFlipped = setFlipped;
+/**
+ * @internal
+ */
+function setWrapperSizeDimensions(wrapper, image, width, height, isRotating) {
+    var hasBorder = image.style.borderStyle;
+    if (hasBorder) {
+        var borderWidth = image.style.borderWidth ? 2 * parseInt(image.style.borderWidth) : 2;
+        if (isRotating) {
+            wrapper.style.width = getPx(parseInt(image.style.width) + borderWidth);
+            wrapper.style.height = getPx(parseInt(image.style.height) + borderWidth);
+            return;
+        }
+        wrapper.style.width = getPx(width + borderWidth);
+        wrapper.style.height = getPx(height + borderWidth);
+        return;
+    }
+    wrapper.style.width = getPx(width);
+    wrapper.style.height = getPx(height);
+}
+exports.setWrapperSizeDimensions = setWrapperSizeDimensions;
+/**
+ * @internal
+ */
+function setSize(element, left, top, right, bottom, width, height) {
+    element.style.left = left !== undefined ? getPx(left) : element.style.left;
+    element.style.top = top !== undefined ? getPx(top) : element.style.top;
+    element.style.right = right !== undefined ? getPx(right) : element.style.right;
+    element.style.bottom = bottom !== undefined ? getPx(bottom) : element.style.bottom;
+    element.style.width = width !== undefined ? getPx(width) : element.style.width;
+    element.style.height = height !== undefined ? getPx(height) : element.style.height;
+}
+exports.setSize = setSize;
+/**
+ * @internal
+ * Check if the current image was resized by the user
+ * @param image the current image
+ * @returns if the user resized the image, returns true, otherwise, returns false
+ */
+function checkIfImageWasResized(image) {
+    var style = image.style;
+    var isMaxWidthInitial = style.maxWidth === '' || style.maxWidth === 'initial' || style.maxWidth === 'auto';
+    if (isMaxWidthInitial &&
+        (isFixedNumberValue(style.height) || isFixedNumberValue(style.width))) {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+exports.checkIfImageWasResized = checkIfImageWasResized;
+function isFixedNumberValue(value) {
+    var numberValue = typeof value === 'string' ? parseInt(value) : value;
+    return !isNaN(numberValue);
+}
+/**
+ * @internal
+ */
+function getActualWrapperDimensions(image, wrapperWidth, wrapperHeight) {
+    var hasBorder = image.style.borderStyle;
+    var borderWidth = hasBorder && image.style.borderWidth
+        ? 2 * parseInt(image.style.borderWidth)
+        : hasBorder
+            ? 2
+            : 0;
+    return {
+        width: wrapperWidth - borderWidth,
+        height: wrapperHeight - borderWidth,
+    };
+}
+exports.getActualWrapperDimensions = getActualWrapperDimensions;
 //# sourceMappingURL=imageEditUtils.js.map

package/lib/imageEdit/utils/imageEditUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageEditUtils.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/imageEditUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import { MIN_HEIGHT_WIDTH } from '../constants/constants';\n\n/**\n * @internal\n */\ninterface WrapperDimensions {\n    height: number;\n    width: number;\n}\n\n/**\n * @internal\n */\nexport function getPx(value: number): string {\n    return value + 'px';\n}\n\n/**\n * @internal\n */\nexport function isASmallImage(widthPx: number, heightPx: number): boolean {\n    return widthPx && heightPx && (widthPx < MIN_HEIGHT_WIDTH || heightPx < MIN_HEIGHT_WIDTH)\n        ? true\n        : false;\n}\n\n/**\n * @internal Calculate the rotated x and y distance for mouse moving\n * @param x Original x distance\n * @param y Original y distance\n * @param angle Rotated angle, in radian\n * @returns rotated x and y distances\n */\nexport function rotateCoordinate(x: number, y: number, angle: number): [number, number] {\n    if (x == 0 && y == 0) {\n        return [0, 0];\n    }\n    const hypotenuse = Math.sqrt(x * x + y * y);\n    angle = Math.atan2(y, x) - angle;\n    return [hypotenuse * Math.cos(angle), hypotenuse * Math.sin(angle)];\n}\n\n/**\n * @internal\n */\nexport function setFlipped(\n    element: HTMLElement | null,\n    flippedHorizontally?: boolean,\n    flippedVertically?: boolean\n) {\n    if (element) {\n        element.style.transform = `scale(${flippedHorizontally ? -1 : 1}, ${\n            flippedVertically ? -1 : 1\n        })`;\n    }\n}\n\n/**\n * @internal\n */\nexport function setWrapperSizeDimensions(\n    wrapper: HTMLElement,\n    image: HTMLImageElement,\n    width: number,\n    height: number,\n    isRotating: boolean\n) {\n    const hasBorder = image.style.borderStyle;\n    if (hasBorder) {\n        const borderWidth = image.style.borderWidth ? 2 * parseInt(image.style.borderWidth) : 2;\n        if (isRotating) {\n            wrapper.style.width = getPx(parseInt(image.style.width) + borderWidth);\n            wrapper.style.height = getPx(parseInt(image.style.height) + borderWidth);\n            return;\n        }\n        wrapper.style.width = getPx(width + borderWidth);\n        wrapper.style.height = getPx(height + borderWidth);\n        return;\n    }\n    wrapper.style.width = getPx(width);\n    wrapper.style.height = getPx(height);\n}\n\n/**\n * @internal\n */\nexport function setSize(\n    element: HTMLElement,\n    left: number | undefined,\n    top: number | undefined,\n    right: number | undefined,\n    bottom: number | undefined,\n    width: number | undefined,\n    height: number | undefined\n) {\n    element.style.left = left !== undefined ? getPx(left) : element.style.left;\n    element.style.top = top !== undefined ? getPx(top) : element.style.top;\n    element.style.right = right !== undefined ? getPx(right) : element.style.right;\n    element.style.bottom = bottom !== undefined ? getPx(bottom) : element.style.bottom;\n    element.style.width = width !== undefined ? getPx(width) : element.style.width;\n    element.style.height = height !== undefined ? getPx(height) : element.style.height;\n}\n\n/**\n * @internal\n * Check if the current image was resized by the user\n * @param image the current image\n * @returns if the user resized the image, returns true, otherwise, returns false\n */\nexport function checkIfImageWasResized(image: HTMLImageElement): boolean {\n    const { style } = image;\n    const isMaxWidthInitial =\n        style.maxWidth === '' || style.maxWidth === 'initial' || style.maxWidth === 'auto';\n    if (\n        isMaxWidthInitial &&\n        (isFixedNumberValue(style.height) || isFixedNumberValue(style.width))\n    ) {\n        return true;\n    } else {\n        return false;\n    }\n}\n\nfunction isFixedNumberValue(value: string | number) {\n    const numberValue = typeof value === 'string' ? parseInt(value) : value;\n    return !isNaN(numberValue);\n}\n\n/**\n * @internal\n */\nexport function getActualWrapperDimensions(\n    image: HTMLImageElement,\n    wrapperWidth: number,\n    wrapperHeight: number\n): WrapperDimensions {\n    const hasBorder = image.style.borderStyle;\n    const borderWidth =\n        hasBorder && image.style.borderWidth\n            ? 2 * parseInt(image.style.borderWidth)\n            : hasBorder\n            ? 2\n            : 0;\n\n    return {\n        width: wrapperWidth - borderWidth,\n        height: wrapperHeight - borderWidth,\n    };\n}\n"]}
+{"version":3,"file":"imageEditUtils.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/imageEditUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import { MIN_HEIGHT_WIDTH } from '../constants/constants';\r\n\r\n/**\r\n * @internal\r\n */\r\ninterface WrapperDimensions {\r\n    height: number;\r\n    width: number;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getPx(value: number): string {\r\n    return value + 'px';\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function isASmallImage(widthPx: number, heightPx: number): boolean {\r\n    return widthPx && heightPx && (widthPx < MIN_HEIGHT_WIDTH || heightPx < MIN_HEIGHT_WIDTH)\r\n        ? true\r\n        : false;\r\n}\r\n\r\n/**\r\n * @internal Calculate the rotated x and y distance for mouse moving\r\n * @param x Original x distance\r\n * @param y Original y distance\r\n * @param angle Rotated angle, in radian\r\n * @returns rotated x and y distances\r\n */\r\nexport function rotateCoordinate(x: number, y: number, angle: number): [number, number] {\r\n    if (x == 0 && y == 0) {\r\n        return [0, 0];\r\n    }\r\n    const hypotenuse = Math.sqrt(x * x + y * y);\r\n    angle = Math.atan2(y, x) - angle;\r\n    return [hypotenuse * Math.cos(angle), hypotenuse * Math.sin(angle)];\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function setFlipped(\r\n    element: HTMLElement | null,\r\n    flippedHorizontally?: boolean,\r\n    flippedVertically?: boolean\r\n) {\r\n    if (element) {\r\n        element.style.transform = `scale(${flippedHorizontally ? -1 : 1}, ${\r\n            flippedVertically ? -1 : 1\r\n        })`;\r\n    }\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function setWrapperSizeDimensions(\r\n    wrapper: HTMLElement,\r\n    image: HTMLImageElement,\r\n    width: number,\r\n    height: number,\r\n    isRotating: boolean\r\n) {\r\n    const hasBorder = image.style.borderStyle;\r\n    if (hasBorder) {\r\n        const borderWidth = image.style.borderWidth ? 2 * parseInt(image.style.borderWidth) : 2;\r\n        if (isRotating) {\r\n            wrapper.style.width = getPx(parseInt(image.style.width) + borderWidth);\r\n            wrapper.style.height = getPx(parseInt(image.style.height) + borderWidth);\r\n            return;\r\n        }\r\n        wrapper.style.width = getPx(width + borderWidth);\r\n        wrapper.style.height = getPx(height + borderWidth);\r\n        return;\r\n    }\r\n    wrapper.style.width = getPx(width);\r\n    wrapper.style.height = getPx(height);\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function setSize(\r\n    element: HTMLElement,\r\n    left: number | undefined,\r\n    top: number | undefined,\r\n    right: number | undefined,\r\n    bottom: number | undefined,\r\n    width: number | undefined,\r\n    height: number | undefined\r\n) {\r\n    element.style.left = left !== undefined ? getPx(left) : element.style.left;\r\n    element.style.top = top !== undefined ? getPx(top) : element.style.top;\r\n    element.style.right = right !== undefined ? getPx(right) : element.style.right;\r\n    element.style.bottom = bottom !== undefined ? getPx(bottom) : element.style.bottom;\r\n    element.style.width = width !== undefined ? getPx(width) : element.style.width;\r\n    element.style.height = height !== undefined ? getPx(height) : element.style.height;\r\n}\r\n\r\n/**\r\n * @internal\r\n * Check if the current image was resized by the user\r\n * @param image the current image\r\n * @returns if the user resized the image, returns true, otherwise, returns false\r\n */\r\nexport function checkIfImageWasResized(image: HTMLImageElement): boolean {\r\n    const { style } = image;\r\n    const isMaxWidthInitial =\r\n        style.maxWidth === '' || style.maxWidth === 'initial' || style.maxWidth === 'auto';\r\n    if (\r\n        isMaxWidthInitial &&\r\n        (isFixedNumberValue(style.height) || isFixedNumberValue(style.width))\r\n    ) {\r\n        return true;\r\n    } else {\r\n        return false;\r\n    }\r\n}\r\n\r\nfunction isFixedNumberValue(value: string | number) {\r\n    const numberValue = typeof value === 'string' ? parseInt(value) : value;\r\n    return !isNaN(numberValue);\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getActualWrapperDimensions(\r\n    image: HTMLImageElement,\r\n    wrapperWidth: number,\r\n    wrapperHeight: number\r\n): WrapperDimensions {\r\n    const hasBorder = image.style.borderStyle;\r\n    const borderWidth =\r\n        hasBorder && image.style.borderWidth\r\n            ? 2 * parseInt(image.style.borderWidth)\r\n            : hasBorder\r\n            ? 2\r\n            : 0;\r\n\r\n    return {\r\n        width: wrapperWidth - borderWidth,\r\n        height: wrapperHeight - borderWidth,\r\n    };\r\n}\r\n"]}

package/lib/imageEdit/utils/normalizeImageSelection.d.ts

@@ -1,9 +1,9 @@
-import type { ImageAndParagraph } from '../types/ImageAndParagraph';
-/**
- * Selecting directly on the image will only capture the image segment.
- * However, if the selection is made while the image is within a wrapper, it will capture the span that encloses the image.
- * In the last case, the selection will be marked as <---SelectionMarker---><---Image---><---SelectionMarker--->.
- * To fix this behavior the extra selection markers are removed.
- * @internal
- */
-export declare function normalizeImageSelection(imageAndParagraph: ImageAndParagraph): ImageAndParagraph | undefined;
+import type { ImageAndParagraph } from '../types/ImageAndParagraph';
+/**
+ * Selecting directly on the image will only capture the image segment.
+ * However, if the selection is made while the image is within a wrapper, it will capture the span that encloses the image.
+ * In the last case, the selection will be marked as <---SelectionMarker---><---Image---><---SelectionMarker--->.
+ * To fix this behavior the extra selection markers are removed.
+ * @internal
+ */
+export declare function normalizeImageSelection(imageAndParagraph: ImageAndParagraph): ImageAndParagraph | undefined;