roosterjs-content-model-plugins 9.44.0 → 9.45.0

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

@@ -1,48 +1,48 @@
-import { __assign } from "tslib";
-import { getSelectedImage } from './getSelectedImage';
-import { mutateSegment, updateImageMetadata } from 'roosterjs-content-model-dom';
-/**
- * @internal
- */
-export function updateImageEditInfo(contentModelImage, image, newImageMetadata) {
-    var contentModelMetadata = updateImageMetadata(contentModelImage, newImageMetadata !== undefined
-        ? function (format) {
-            format = newImageMetadata;
-            return format;
-        }
-        : undefined);
-    return __assign(__assign({}, getInitialEditInfo(image)), contentModelMetadata);
-}
-function getInitialEditInfo(image) {
-    return {
-        src: image.getAttribute('src') || '',
-        widthPx: image.clientWidth,
-        heightPx: image.clientHeight,
-        naturalWidth: image.naturalWidth,
-        naturalHeight: image.naturalHeight,
-        leftPercent: 0,
-        rightPercent: 0,
-        topPercent: 0,
-        bottomPercent: 0,
-        angleRad: 0,
-    };
-}
-/**
- * @internal
- * @returns
- */
-export function getSelectedImageMetadata(editor, image) {
-    var imageMetadata = getInitialEditInfo(image);
-    editor.formatContentModel(function (model) {
-        var selectedImage = getSelectedImage(model);
-        if (selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.image) {
-            mutateSegment(selectedImage.paragraph, selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.image, function (modelImage) {
-                imageMetadata = updateImageEditInfo(modelImage, image);
-            });
-            return true;
-        }
-        return false;
-    });
-    return imageMetadata;
-}
+import { __assign } from "tslib";
+import { getSelectedImage } from './getSelectedImage';
+import { mutateSegment, updateImageMetadata } from 'roosterjs-content-model-dom';
+/**
+ * @internal
+ */
+export function updateImageEditInfo(contentModelImage, image, newImageMetadata) {
+    var contentModelMetadata = updateImageMetadata(contentModelImage, newImageMetadata !== undefined
+        ? function (format) {
+            format = newImageMetadata;
+            return format;
+        }
+        : undefined);
+    return __assign(__assign({}, getInitialEditInfo(image)), contentModelMetadata);
+}
+function getInitialEditInfo(image) {
+    return {
+        src: image.getAttribute('src') || '',
+        widthPx: image.clientWidth,
+        heightPx: image.clientHeight,
+        naturalWidth: image.naturalWidth,
+        naturalHeight: image.naturalHeight,
+        leftPercent: 0,
+        rightPercent: 0,
+        topPercent: 0,
+        bottomPercent: 0,
+        angleRad: 0,
+    };
+}
+/**
+ * @internal
+ * @returns
+ */
+export function getSelectedImageMetadata(editor, image) {
+    var imageMetadata = getInitialEditInfo(image);
+    editor.formatContentModel(function (model) {
+        var selectedImage = getSelectedImage(model);
+        if (selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.image) {
+            mutateSegment(selectedImage.paragraph, selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.image, function (modelImage) {
+                imageMetadata = updateImageEditInfo(modelImage, image);
+            });
+            return true;
+        }
+        return false;
+    });
+    return imageMetadata;
+}
 //# sourceMappingURL=updateImageEditInfo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"updateImageEditInfo.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/updateImageEditInfo.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAQjF;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAC/B,iBAAoC,EACpC,KAAuB,EACvB,gBAAyD;IAEzD,IAAM,oBAAoB,GAAG,mBAAmB,CAC5C,iBAAiB,EACjB,gBAAgB,KAAK,SAAS;QAC1B,CAAC,CAAC,UAAA,MAAM;YACF,MAAM,GAAG,gBAAgB,CAAC;YAC1B,OAAO,MAAM,CAAC;QAClB,CAAC;QACH,CAAC,CAAC,SAAS,CAClB,CAAC;IACF,6BAAY,kBAAkB,CAAC,KAAK,CAAC,GAAK,oBAAoB,EAAG;AACrE,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAuB;IAC/C,OAAO;QACH,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE;QACpC,OAAO,EAAE,KAAK,CAAC,WAAW;QAC1B,QAAQ,EAAE,KAAK,CAAC,YAAY;QAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE,CAAC;KACd,CAAC;AACN,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CACpC,MAAe,EACf,KAAuB;IAEvB,IAAI,aAAa,GAAwB,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,kBAAkB,CAAC,UAAA,KAAK;QAC3B,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAAE;YACtB,aAAa,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAAE,UAAA,UAAU;gBACnE,aAAa,GAAG,mBAAmB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;YAEH,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,OAAO,aAAa,CAAC;AACzB,CAAC","sourcesContent":["import { getSelectedImage } from './getSelectedImage';\nimport { mutateSegment, updateImageMetadata } from 'roosterjs-content-model-dom';\n\nimport type {\n    ContentModelImage,\n    IEditor,\n    ImageMetadataFormat,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function updateImageEditInfo(\n    contentModelImage: ContentModelImage,\n    image: HTMLImageElement,\n    newImageMetadata?: ImageMetadataFormat | null | undefined\n): ImageMetadataFormat {\n    const contentModelMetadata = updateImageMetadata(\n        contentModelImage,\n        newImageMetadata !== undefined\n            ? format => {\n                  format = newImageMetadata;\n                  return format;\n              }\n            : undefined\n    );\n    return { ...getInitialEditInfo(image), ...contentModelMetadata };\n}\n\nfunction getInitialEditInfo(image: HTMLImageElement): ImageMetadataFormat {\n    return {\n        src: image.getAttribute('src') || '',\n        widthPx: image.clientWidth,\n        heightPx: image.clientHeight,\n        naturalWidth: image.naturalWidth,\n        naturalHeight: image.naturalHeight,\n        leftPercent: 0,\n        rightPercent: 0,\n        topPercent: 0,\n        bottomPercent: 0,\n        angleRad: 0,\n    };\n}\n\n/**\n * @internal\n * @returns\n */\nexport function getSelectedImageMetadata(\n    editor: IEditor,\n    image: HTMLImageElement\n): ImageMetadataFormat {\n    let imageMetadata: ImageMetadataFormat = getInitialEditInfo(image);\n    editor.formatContentModel(model => {\n        const selectedImage = getSelectedImage(model);\n        if (selectedImage?.image) {\n            mutateSegment(selectedImage.paragraph, selectedImage?.image, modelImage => {\n                imageMetadata = updateImageEditInfo(modelImage, image);\n            });\n\n            return true;\n        }\n        return false;\n    });\n\n    return imageMetadata;\n}\n"]}
+{"version":3,"file":"updateImageEditInfo.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/updateImageEditInfo.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAQjF;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAC/B,iBAAoC,EACpC,KAAuB,EACvB,gBAAyD;IAEzD,IAAM,oBAAoB,GAAG,mBAAmB,CAC5C,iBAAiB,EACjB,gBAAgB,KAAK,SAAS;QAC1B,CAAC,CAAC,UAAA,MAAM;YACF,MAAM,GAAG,gBAAgB,CAAC;YAC1B,OAAO,MAAM,CAAC;QAClB,CAAC;QACH,CAAC,CAAC,SAAS,CAClB,CAAC;IACF,6BAAY,kBAAkB,CAAC,KAAK,CAAC,GAAK,oBAAoB,EAAG;AACrE,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAuB;IAC/C,OAAO;QACH,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE;QACpC,OAAO,EAAE,KAAK,CAAC,WAAW;QAC1B,QAAQ,EAAE,KAAK,CAAC,YAAY;QAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE,CAAC;KACd,CAAC;AACN,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CACpC,MAAe,EACf,KAAuB;IAEvB,IAAI,aAAa,GAAwB,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,kBAAkB,CAAC,UAAA,KAAK;QAC3B,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAAE;YACtB,aAAa,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAAE,UAAA,UAAU;gBACnE,aAAa,GAAG,mBAAmB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;YAEH,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,OAAO,aAAa,CAAC;AACzB,CAAC","sourcesContent":["import { getSelectedImage } from './getSelectedImage';\r\nimport { mutateSegment, updateImageMetadata } from 'roosterjs-content-model-dom';\r\n\r\nimport type {\r\n    ContentModelImage,\r\n    IEditor,\r\n    ImageMetadataFormat,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function updateImageEditInfo(\r\n    contentModelImage: ContentModelImage,\r\n    image: HTMLImageElement,\r\n    newImageMetadata?: ImageMetadataFormat | null | undefined\r\n): ImageMetadataFormat {\r\n    const contentModelMetadata = updateImageMetadata(\r\n        contentModelImage,\r\n        newImageMetadata !== undefined\r\n            ? format => {\r\n                  format = newImageMetadata;\r\n                  return format;\r\n              }\r\n            : undefined\r\n    );\r\n    return { ...getInitialEditInfo(image), ...contentModelMetadata };\r\n}\r\n\r\nfunction getInitialEditInfo(image: HTMLImageElement): ImageMetadataFormat {\r\n    return {\r\n        src: image.getAttribute('src') || '',\r\n        widthPx: image.clientWidth,\r\n        heightPx: image.clientHeight,\r\n        naturalWidth: image.naturalWidth,\r\n        naturalHeight: image.naturalHeight,\r\n        leftPercent: 0,\r\n        rightPercent: 0,\r\n        topPercent: 0,\r\n        bottomPercent: 0,\r\n        angleRad: 0,\r\n    };\r\n}\r\n\r\n/**\r\n * @internal\r\n * @returns\r\n */\r\nexport function getSelectedImageMetadata(\r\n    editor: IEditor,\r\n    image: HTMLImageElement\r\n): ImageMetadataFormat {\r\n    let imageMetadata: ImageMetadataFormat = getInitialEditInfo(image);\r\n    editor.formatContentModel(model => {\r\n        const selectedImage = getSelectedImage(model);\r\n        if (selectedImage?.image) {\r\n            mutateSegment(selectedImage.paragraph, selectedImage?.image, modelImage => {\r\n                imageMetadata = updateImageEditInfo(modelImage, image);\r\n            });\r\n\r\n            return true;\r\n        }\r\n        return false;\r\n    });\r\n\r\n    return imageMetadata;\r\n}\r\n"]}

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

@@ -1,6 +1,6 @@
-import type { ImageEditOptions } from '../types/ImageEditOptions';
-import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare function updateWrapper(editInfo: ImageMetadataFormat, options: ImageEditOptions, image: HTMLImageElement, clonedImage: HTMLImageElement, wrapper: HTMLSpanElement, resizers?: HTMLDivElement[], croppers?: HTMLDivElement[], isRTL?: boolean, isRotating?: boolean): void;
+import type { ImageEditOptions } from '../types/ImageEditOptions';
+import type { ImageMetadataFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function updateWrapper(editInfo: ImageMetadataFormat, options: ImageEditOptions, image: HTMLImageElement, clonedImage: HTMLImageElement, wrapper: HTMLSpanElement, resizers?: HTMLDivElement[], croppers?: HTMLDivElement[], isRTL?: boolean, isRotating?: boolean): void;

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

@@ -1,83 +1,83 @@
-import { doubleCheckResize } from './doubleCheckResize';
-import { filterInnerResizerHandles } from './filterInnerResizerHandles';
-import { getGeneratedImageSize } from './generateImageSize';
-import { ImageEditElementClass } from '../types/ImageEditElementClass';
-import { toArray } from 'roosterjs-content-model-dom';
-import { updateHandleCursor } from './updateHandleCursor';
-import { updateSideHandlesVisibility } from '../Resizer/updateSideHandlesVisibility';
-import { getActualWrapperDimensions, getPx, isASmallImage, setFlipped, setSize, setWrapperSizeDimensions, } from './imageEditUtils';
-/**
- * @internal
- */
-export function updateWrapper(editInfo, options, image, clonedImage, wrapper, resizers, croppers, isRTL, isRotating) {
-    var angleRad = editInfo.angleRad, bottomPercent = editInfo.bottomPercent, leftPercent = editInfo.leftPercent, rightPercent = editInfo.rightPercent, topPercent = editInfo.topPercent, flippedHorizontal = editInfo.flippedHorizontal, flippedVertical = editInfo.flippedVertical;
-    var generateImageSize = getGeneratedImageSize(editInfo, croppers && (croppers === null || croppers === void 0 ? void 0 : croppers.length) > 0);
-    if (!generateImageSize) {
-        return;
-    }
-    var targetWidth = generateImageSize.targetWidth, targetHeight = generateImageSize.targetHeight, originalWidth = generateImageSize.originalWidth, originalHeight = generateImageSize.originalHeight, visibleWidth = generateImageSize.visibleWidth, visibleHeight = generateImageSize.visibleHeight;
-    var marginHorizontal = (targetWidth - visibleWidth) / 2;
-    var marginVertical = (targetHeight - visibleHeight) / 2;
-    var cropLeftPx = originalWidth * (leftPercent || 0);
-    var cropRightPx = originalWidth * (rightPercent || 0);
-    var cropTopPx = originalHeight * (topPercent || 0);
-    var cropBottomPx = originalHeight * (bottomPercent || 0);
-    // Update size and margin of the wrapper
-    wrapper.style.marginTop = marginVertical + "px";
-    wrapper.style.marginBottom = marginVertical + 5 + "px "; // 5px to adjust the image on top of the handles
-    wrapper.style.marginLeft = marginHorizontal + "px";
-    wrapper.style.marginRight = marginHorizontal + "px";
-    wrapper.style.transform = "rotate(" + angleRad + "rad)";
-    setWrapperSizeDimensions(wrapper, image, visibleWidth, visibleHeight, !!isRotating);
-    wrapper.style.verticalAlign = 'text-bottom';
-    // Update the text-alignment to avoid the image to overflow if the parent element have align center or right
-    // or if the direction is Right To Left
-    if (isRTL) {
-        wrapper.style.textAlign = 'right';
-        if (!croppers) {
-            clonedImage.style.left = getPx(cropLeftPx);
-            clonedImage.style.right = getPx(-cropRightPx);
-        }
-    }
-    else {
-        wrapper.style.textAlign = 'left';
-    }
-    if (!isRotating) {
-        // Update size of the image
-        clonedImage.style.width = getPx(originalWidth);
-        clonedImage.style.height = getPx(originalHeight);
-    }
-    clonedImage.style.position = 'absolute';
-    //Update flip direction
-    setFlipped(clonedImage.parentElement, flippedHorizontal, flippedVertical);
-    var smallImage = isASmallImage(visibleWidth, visibleWidth);
-    if (!croppers) {
-        // For rotate/resize, set the margin of the image so that cropped part won't be visible
-        clonedImage.style.margin = -cropTopPx + "px 0 0 " + -cropLeftPx + "px";
-    }
-    if (croppers && croppers.length > 0) {
-        var cropContainer = croppers[0];
-        var cropOverlays = croppers.filter(function (cropper) { return cropper.className === ImageEditElementClass.CropOverlay; });
-        var cropHandles = toArray(cropContainer.querySelectorAll("." + ImageEditElementClass.CropHandle));
-        setSize(cropContainer, cropLeftPx, cropTopPx, cropRightPx, cropBottomPx, undefined, undefined);
-        setSize(cropOverlays[0], 0, 0, cropRightPx, undefined, undefined, cropTopPx);
-        setSize(cropOverlays[1], undefined, 0, 0, cropBottomPx, cropRightPx, undefined);
-        setSize(cropOverlays[2], cropLeftPx, undefined, 0, 0, undefined, cropBottomPx);
-        setSize(cropOverlays[3], 0, cropTopPx, undefined, 0, cropLeftPx, undefined);
-        if (angleRad !== undefined) {
-            updateHandleCursor(cropHandles, angleRad);
-        }
-    }
-    if (resizers && !isRotating) {
-        var clientWidth = wrapper.clientWidth;
-        var clientHeight = wrapper.clientHeight;
-        var actualDimensions = getActualWrapperDimensions(image, clientWidth, clientHeight);
-        doubleCheckResize(editInfo, options.preserveRatio || false, actualDimensions.width, actualDimensions.height);
-        var resizeHandles = filterInnerResizerHandles(resizers);
-        if (angleRad !== undefined) {
-            updateHandleCursor(resizeHandles, angleRad);
-        }
-        updateSideHandlesVisibility(resizeHandles, smallImage);
-    }
-}
+import { doubleCheckResize } from './doubleCheckResize';
+import { filterInnerResizerHandles } from './filterInnerResizerHandles';
+import { getGeneratedImageSize } from './generateImageSize';
+import { ImageEditElementClass } from '../types/ImageEditElementClass';
+import { toArray } from 'roosterjs-content-model-dom';
+import { updateHandleCursor } from './updateHandleCursor';
+import { updateSideHandlesVisibility } from '../Resizer/updateSideHandlesVisibility';
+import { getActualWrapperDimensions, getPx, isASmallImage, setFlipped, setSize, setWrapperSizeDimensions, } from './imageEditUtils';
+/**
+ * @internal
+ */
+export function updateWrapper(editInfo, options, image, clonedImage, wrapper, resizers, croppers, isRTL, isRotating) {
+    var angleRad = editInfo.angleRad, bottomPercent = editInfo.bottomPercent, leftPercent = editInfo.leftPercent, rightPercent = editInfo.rightPercent, topPercent = editInfo.topPercent, flippedHorizontal = editInfo.flippedHorizontal, flippedVertical = editInfo.flippedVertical;
+    var generateImageSize = getGeneratedImageSize(editInfo, croppers && (croppers === null || croppers === void 0 ? void 0 : croppers.length) > 0);
+    if (!generateImageSize) {
+        return;
+    }
+    var targetWidth = generateImageSize.targetWidth, targetHeight = generateImageSize.targetHeight, originalWidth = generateImageSize.originalWidth, originalHeight = generateImageSize.originalHeight, visibleWidth = generateImageSize.visibleWidth, visibleHeight = generateImageSize.visibleHeight;
+    var marginHorizontal = (targetWidth - visibleWidth) / 2;
+    var marginVertical = (targetHeight - visibleHeight) / 2;
+    var cropLeftPx = originalWidth * (leftPercent || 0);
+    var cropRightPx = originalWidth * (rightPercent || 0);
+    var cropTopPx = originalHeight * (topPercent || 0);
+    var cropBottomPx = originalHeight * (bottomPercent || 0);
+    // Update size and margin of the wrapper
+    wrapper.style.marginTop = marginVertical + "px";
+    wrapper.style.marginBottom = marginVertical + 5 + "px "; // 5px to adjust the image on top of the handles
+    wrapper.style.marginLeft = marginHorizontal + "px";
+    wrapper.style.marginRight = marginHorizontal + "px";
+    wrapper.style.transform = "rotate(" + angleRad + "rad)";
+    setWrapperSizeDimensions(wrapper, image, visibleWidth, visibleHeight, !!isRotating);
+    wrapper.style.verticalAlign = 'text-bottom';
+    // Update the text-alignment to avoid the image to overflow if the parent element have align center or right
+    // or if the direction is Right To Left
+    if (isRTL) {
+        wrapper.style.textAlign = 'right';
+        if (!croppers) {
+            clonedImage.style.left = getPx(cropLeftPx);
+            clonedImage.style.right = getPx(-cropRightPx);
+        }
+    }
+    else {
+        wrapper.style.textAlign = 'left';
+    }
+    if (!isRotating) {
+        // Update size of the image
+        clonedImage.style.width = getPx(originalWidth);
+        clonedImage.style.height = getPx(originalHeight);
+    }
+    clonedImage.style.position = 'absolute';
+    //Update flip direction
+    setFlipped(clonedImage.parentElement, flippedHorizontal, flippedVertical);
+    var smallImage = isASmallImage(visibleWidth, visibleWidth);
+    if (!croppers) {
+        // For rotate/resize, set the margin of the image so that cropped part won't be visible
+        clonedImage.style.margin = -cropTopPx + "px 0 0 " + -cropLeftPx + "px";
+    }
+    if (croppers && croppers.length > 0) {
+        var cropContainer = croppers[0];
+        var cropOverlays = croppers.filter(function (cropper) { return cropper.className === ImageEditElementClass.CropOverlay; });
+        var cropHandles = toArray(cropContainer.querySelectorAll("." + ImageEditElementClass.CropHandle));
+        setSize(cropContainer, cropLeftPx, cropTopPx, cropRightPx, cropBottomPx, undefined, undefined);
+        setSize(cropOverlays[0], 0, 0, cropRightPx, undefined, undefined, cropTopPx);
+        setSize(cropOverlays[1], undefined, 0, 0, cropBottomPx, cropRightPx, undefined);
+        setSize(cropOverlays[2], cropLeftPx, undefined, 0, 0, undefined, cropBottomPx);
+        setSize(cropOverlays[3], 0, cropTopPx, undefined, 0, cropLeftPx, undefined);
+        if (angleRad !== undefined) {
+            updateHandleCursor(cropHandles, angleRad);
+        }
+    }
+    if (resizers && !isRotating) {
+        var clientWidth = wrapper.clientWidth;
+        var clientHeight = wrapper.clientHeight;
+        var actualDimensions = getActualWrapperDimensions(image, clientWidth, clientHeight);
+        doubleCheckResize(editInfo, options.preserveRatio || false, actualDimensions.width, actualDimensions.height);
+        var resizeHandles = filterInnerResizerHandles(resizers);
+        if (angleRad !== undefined) {
+            updateHandleCursor(resizeHandles, angleRad);
+        }
+        updateSideHandlesVisibility(resizeHandles, smallImage);
+    }
+}
 //# sourceMappingURL=updateWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"updateWrapper.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/updateWrapper.ts"],"names":[],"mappings":"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","sourcesContent":["import { doubleCheckResize } from './doubleCheckResize';\nimport { filterInnerResizerHandles } from './filterInnerResizerHandles';\nimport { getGeneratedImageSize } from './generateImageSize';\nimport { ImageEditElementClass } from '../types/ImageEditElementClass';\nimport { toArray } from 'roosterjs-content-model-dom';\nimport { updateHandleCursor } from './updateHandleCursor';\nimport { updateSideHandlesVisibility } from '../Resizer/updateSideHandlesVisibility';\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\nimport {\n    getActualWrapperDimensions,\n    getPx,\n    isASmallImage,\n    setFlipped,\n    setSize,\n    setWrapperSizeDimensions,\n} from './imageEditUtils';\n\n/**\n * @internal\n */\nexport function updateWrapper(\n    editInfo: ImageMetadataFormat,\n    options: ImageEditOptions,\n    image: HTMLImageElement,\n    clonedImage: HTMLImageElement,\n    wrapper: HTMLSpanElement,\n    resizers?: HTMLDivElement[],\n    croppers?: HTMLDivElement[],\n    isRTL?: boolean,\n    isRotating?: boolean\n) {\n    const {\n        angleRad,\n        bottomPercent,\n        leftPercent,\n        rightPercent,\n        topPercent,\n        flippedHorizontal,\n        flippedVertical,\n    } = editInfo;\n\n    const generateImageSize = getGeneratedImageSize(editInfo, croppers && croppers?.length > 0);\n    if (!generateImageSize) {\n        return;\n    }\n    const {\n        targetWidth,\n        targetHeight,\n        originalWidth,\n        originalHeight,\n        visibleWidth,\n        visibleHeight,\n    } = generateImageSize;\n\n    const marginHorizontal = (targetWidth - visibleWidth) / 2;\n    const marginVertical = (targetHeight - visibleHeight) / 2;\n    const cropLeftPx = originalWidth * (leftPercent || 0);\n    const cropRightPx = originalWidth * (rightPercent || 0);\n    const cropTopPx = originalHeight * (topPercent || 0);\n    const cropBottomPx = originalHeight * (bottomPercent || 0);\n\n    // Update size and margin of the wrapper\n    wrapper.style.marginTop = `${marginVertical}px`;\n    wrapper.style.marginBottom = `${marginVertical + 5}px `; // 5px to adjust the image on top of the handles\n    wrapper.style.marginLeft = `${marginHorizontal}px`;\n    wrapper.style.marginRight = `${marginHorizontal}px`;\n\n    wrapper.style.transform = `rotate(${angleRad}rad)`;\n    setWrapperSizeDimensions(wrapper, image, visibleWidth, visibleHeight, !!isRotating);\n    wrapper.style.verticalAlign = 'text-bottom';\n\n    // Update the text-alignment to avoid the image to overflow if the parent element have align center or right\n    // or if the direction is Right To Left\n    if (isRTL) {\n        wrapper.style.textAlign = 'right';\n        if (!croppers) {\n            clonedImage.style.left = getPx(cropLeftPx);\n            clonedImage.style.right = getPx(-cropRightPx);\n        }\n    } else {\n        wrapper.style.textAlign = 'left';\n    }\n\n    if (!isRotating) {\n        // Update size of the image\n        clonedImage.style.width = getPx(originalWidth);\n        clonedImage.style.height = getPx(originalHeight);\n    }\n\n    clonedImage.style.position = 'absolute';\n\n    //Update flip direction\n    setFlipped(clonedImage.parentElement, flippedHorizontal, flippedVertical);\n    const smallImage = isASmallImage(visibleWidth, visibleWidth);\n\n    if (!croppers) {\n        // For rotate/resize, set the margin of the image so that cropped part won't be visible\n        clonedImage.style.margin = `${-cropTopPx}px 0 0 ${-cropLeftPx}px`;\n    }\n\n    if (croppers && croppers.length > 0) {\n        const cropContainer = croppers[0];\n        const cropOverlays = croppers.filter(\n            cropper => cropper.className === ImageEditElementClass.CropOverlay\n        );\n        const cropHandles = toArray<HTMLElement>(\n            cropContainer.querySelectorAll(`.${ImageEditElementClass.CropHandle}`)\n        );\n\n        setSize(\n            cropContainer,\n            cropLeftPx,\n            cropTopPx,\n            cropRightPx,\n            cropBottomPx,\n            undefined,\n            undefined\n        );\n        setSize(cropOverlays[0], 0, 0, cropRightPx, undefined, undefined, cropTopPx);\n        setSize(cropOverlays[1], undefined, 0, 0, cropBottomPx, cropRightPx, undefined);\n        setSize(cropOverlays[2], cropLeftPx, undefined, 0, 0, undefined, cropBottomPx);\n        setSize(cropOverlays[3], 0, cropTopPx, undefined, 0, cropLeftPx, undefined);\n\n        if (angleRad !== undefined) {\n            updateHandleCursor(cropHandles, angleRad);\n        }\n    }\n\n    if (resizers && !isRotating) {\n        const clientWidth = wrapper.clientWidth;\n        const clientHeight = wrapper.clientHeight;\n\n        const actualDimensions = getActualWrapperDimensions(image, clientWidth, clientHeight);\n\n        doubleCheckResize(\n            editInfo,\n            options.preserveRatio || false,\n            actualDimensions.width,\n            actualDimensions.height\n        );\n\n        const resizeHandles = filterInnerResizerHandles(resizers);\n\n        if (angleRad !== undefined) {\n            updateHandleCursor(resizeHandles, angleRad);\n        }\n\n        updateSideHandlesVisibility(resizeHandles, smallImage);\n    }\n}\n"]}
+{"version":3,"file":"updateWrapper.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/updateWrapper.ts"],"names":[],"mappings":"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","sourcesContent":["import { doubleCheckResize } from './doubleCheckResize';\r\nimport { filterInnerResizerHandles } from './filterInnerResizerHandles';\r\nimport { getGeneratedImageSize } from './generateImageSize';\r\nimport { ImageEditElementClass } from '../types/ImageEditElementClass';\r\nimport { toArray } from 'roosterjs-content-model-dom';\r\nimport { updateHandleCursor } from './updateHandleCursor';\r\nimport { updateSideHandlesVisibility } from '../Resizer/updateSideHandlesVisibility';\r\nimport type { ImageEditOptions } from '../types/ImageEditOptions';\r\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\r\nimport {\r\n    getActualWrapperDimensions,\r\n    getPx,\r\n    isASmallImage,\r\n    setFlipped,\r\n    setSize,\r\n    setWrapperSizeDimensions,\r\n} from './imageEditUtils';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function updateWrapper(\r\n    editInfo: ImageMetadataFormat,\r\n    options: ImageEditOptions,\r\n    image: HTMLImageElement,\r\n    clonedImage: HTMLImageElement,\r\n    wrapper: HTMLSpanElement,\r\n    resizers?: HTMLDivElement[],\r\n    croppers?: HTMLDivElement[],\r\n    isRTL?: boolean,\r\n    isRotating?: boolean\r\n) {\r\n    const {\r\n        angleRad,\r\n        bottomPercent,\r\n        leftPercent,\r\n        rightPercent,\r\n        topPercent,\r\n        flippedHorizontal,\r\n        flippedVertical,\r\n    } = editInfo;\r\n\r\n    const generateImageSize = getGeneratedImageSize(editInfo, croppers && croppers?.length > 0);\r\n    if (!generateImageSize) {\r\n        return;\r\n    }\r\n    const {\r\n        targetWidth,\r\n        targetHeight,\r\n        originalWidth,\r\n        originalHeight,\r\n        visibleWidth,\r\n        visibleHeight,\r\n    } = generateImageSize;\r\n\r\n    const marginHorizontal = (targetWidth - visibleWidth) / 2;\r\n    const marginVertical = (targetHeight - visibleHeight) / 2;\r\n    const cropLeftPx = originalWidth * (leftPercent || 0);\r\n    const cropRightPx = originalWidth * (rightPercent || 0);\r\n    const cropTopPx = originalHeight * (topPercent || 0);\r\n    const cropBottomPx = originalHeight * (bottomPercent || 0);\r\n\r\n    // Update size and margin of the wrapper\r\n    wrapper.style.marginTop = `${marginVertical}px`;\r\n    wrapper.style.marginBottom = `${marginVertical + 5}px `; // 5px to adjust the image on top of the handles\r\n    wrapper.style.marginLeft = `${marginHorizontal}px`;\r\n    wrapper.style.marginRight = `${marginHorizontal}px`;\r\n\r\n    wrapper.style.transform = `rotate(${angleRad}rad)`;\r\n    setWrapperSizeDimensions(wrapper, image, visibleWidth, visibleHeight, !!isRotating);\r\n    wrapper.style.verticalAlign = 'text-bottom';\r\n\r\n    // Update the text-alignment to avoid the image to overflow if the parent element have align center or right\r\n    // or if the direction is Right To Left\r\n    if (isRTL) {\r\n        wrapper.style.textAlign = 'right';\r\n        if (!croppers) {\r\n            clonedImage.style.left = getPx(cropLeftPx);\r\n            clonedImage.style.right = getPx(-cropRightPx);\r\n        }\r\n    } else {\r\n        wrapper.style.textAlign = 'left';\r\n    }\r\n\r\n    if (!isRotating) {\r\n        // Update size of the image\r\n        clonedImage.style.width = getPx(originalWidth);\r\n        clonedImage.style.height = getPx(originalHeight);\r\n    }\r\n\r\n    clonedImage.style.position = 'absolute';\r\n\r\n    //Update flip direction\r\n    setFlipped(clonedImage.parentElement, flippedHorizontal, flippedVertical);\r\n    const smallImage = isASmallImage(visibleWidth, visibleWidth);\r\n\r\n    if (!croppers) {\r\n        // For rotate/resize, set the margin of the image so that cropped part won't be visible\r\n        clonedImage.style.margin = `${-cropTopPx}px 0 0 ${-cropLeftPx}px`;\r\n    }\r\n\r\n    if (croppers && croppers.length > 0) {\r\n        const cropContainer = croppers[0];\r\n        const cropOverlays = croppers.filter(\r\n            cropper => cropper.className === ImageEditElementClass.CropOverlay\r\n        );\r\n        const cropHandles = toArray<HTMLElement>(\r\n            cropContainer.querySelectorAll(`.${ImageEditElementClass.CropHandle}`)\r\n        );\r\n\r\n        setSize(\r\n            cropContainer,\r\n            cropLeftPx,\r\n            cropTopPx,\r\n            cropRightPx,\r\n            cropBottomPx,\r\n            undefined,\r\n            undefined\r\n        );\r\n        setSize(cropOverlays[0], 0, 0, cropRightPx, undefined, undefined, cropTopPx);\r\n        setSize(cropOverlays[1], undefined, 0, 0, cropBottomPx, cropRightPx, undefined);\r\n        setSize(cropOverlays[2], cropLeftPx, undefined, 0, 0, undefined, cropBottomPx);\r\n        setSize(cropOverlays[3], 0, cropTopPx, undefined, 0, cropLeftPx, undefined);\r\n\r\n        if (angleRad !== undefined) {\r\n            updateHandleCursor(cropHandles, angleRad);\r\n        }\r\n    }\r\n\r\n    if (resizers && !isRotating) {\r\n        const clientWidth = wrapper.clientWidth;\r\n        const clientHeight = wrapper.clientHeight;\r\n\r\n        const actualDimensions = getActualWrapperDimensions(image, clientWidth, clientHeight);\r\n\r\n        doubleCheckResize(\r\n            editInfo,\r\n            options.preserveRatio || false,\r\n            actualDimensions.width,\r\n            actualDimensions.height\r\n        );\r\n\r\n        const resizeHandles = filterInnerResizerHandles(resizers);\r\n\r\n        if (angleRad !== undefined) {\r\n            updateHandleCursor(resizeHandles, angleRad);\r\n        }\r\n\r\n        updateSideHandlesVisibility(resizeHandles, smallImage);\r\n    }\r\n}\r\n"]}

package/lib-mjs/index.d.ts

@@ -1,38 +1,38 @@
-export { TableEditPlugin } from './tableEdit/TableEditPlugin';
-export { OnTableEditorCreatedCallback } from './tableEdit/OnTableEditorCreatedCallback';
-export { TableEditFeatureName } from './tableEdit/editors/features/TableEditFeatureName';
-export { TableWithRoot } from './tableEdit/TableWithRoot';
-export { PastePlugin } from './paste/PastePlugin';
-export { DefaultSanitizers } from './paste/DefaultSanitizers';
-export { EditPlugin } from './edit/EditPlugin';
-export { EditOptions, HandleTabOptions } from './edit/EditOptions';
-export { AutoFormatPlugin } from './autoFormat/AutoFormatPlugin';
-export { AutoFormatOptions } from './autoFormat/interface/AutoFormatOptions';
-export { ShortcutBold, ShortcutItalic, ShortcutUnderline, ShortcutClearFormat, ShortcutUndo, ShortcutUndo2, ShortcutRedo, ShortcutRedoAlt, ShortcutRedoMacOS, ShortcutBullet, ShortcutNumbering, ShortcutIncreaseFont, ShortcutDecreaseFont, ShortcutIndentList, ShortcutOutdentList, } from './shortcut/shortcuts';
-export { ShortcutPlugin } from './shortcut/ShortcutPlugin';
-export { ShortcutKeyDefinition, ShortcutCommand } from './shortcut/ShortcutCommand';
-export { ContextMenuPluginBase, ContextMenuOptions } from './contextMenuBase/ContextMenuPluginBase';
-export { WatermarkPlugin } from './watermark/WatermarkPlugin';
-export { WatermarkFormat } from './watermark/WatermarkFormat';
-export { isModelEmptyFast } from './watermark/isModelEmptyFast';
-export { MarkdownPlugin, MarkdownOptions } from './markdown/MarkdownPlugin';
-export { HyperlinkPlugin } from './hyperlink/HyperlinkPlugin';
-export { HyperlinkToolTip } from './hyperlink/HyperlinkToolTip';
-export { PickerPlugin } from './picker/PickerPlugin';
-export { PickerHelper } from './picker/PickerHelper';
-export { PickerSelectionChangMode, PickerDirection, PickerHandler } from './picker/PickerHandler';
-export { CustomReplacePlugin, CustomReplace } from './customReplace/CustomReplacePlugin';
-export { ImageEditPlugin } from './imageEdit/ImageEditPlugin';
-export { ImageEditOptions } from './imageEdit/types/ImageEditOptions';
-export { HiddenPropertyPlugin } from './hiddenProperty/HiddenPropertyPlugin';
-export { HiddenPropertyOptions } from './hiddenProperty/HiddenPropertyOptions';
-export { TouchPlugin } from './touch/TouchPlugin';
-export { FindReplacePlugin } from './findReplace/FindReplacePlugin';
-export { createFindReplaceContext } from './findReplace/createFindReplaceContext';
-export { find } from './findReplace/find';
-export { replace } from './findReplace/replace';
-export { moveHighlight } from './findReplace/moveHighlight';
-export { FindReplaceContext } from './findReplace/types/FindReplaceContext';
-export { HighlightHelper } from './findReplace/types/HighlightHelper';
-export { FindReplaceHighlightOptions } from './findReplace/types/FindReplaceHighlightOptions';
-export { AnnouncePlugin } from './announce/AnnouncePlugin';
+export { TableEditPlugin } from './tableEdit/TableEditPlugin';
+export { OnTableEditorCreatedCallback } from './tableEdit/OnTableEditorCreatedCallback';
+export { TableEditFeatureName } from './tableEdit/editors/features/TableEditFeatureName';
+export { TableWithRoot } from './tableEdit/TableWithRoot';
+export { PastePlugin } from './paste/PastePlugin';
+export { DefaultSanitizers } from './paste/DefaultSanitizers';
+export { EditPlugin } from './edit/EditPlugin';
+export { EditOptions, HandleTabOptions } from './edit/EditOptions';
+export { AutoFormatPlugin } from './autoFormat/AutoFormatPlugin';
+export { AutoFormatOptions } from './autoFormat/interface/AutoFormatOptions';
+export { ShortcutBold, ShortcutItalic, ShortcutUnderline, ShortcutClearFormat, ShortcutUndo, ShortcutUndo2, ShortcutRedo, ShortcutRedoAlt, ShortcutRedoMacOS, ShortcutBullet, ShortcutNumbering, ShortcutIncreaseFont, ShortcutDecreaseFont, ShortcutIndentList, ShortcutOutdentList, } from './shortcut/shortcuts';
+export { ShortcutPlugin } from './shortcut/ShortcutPlugin';
+export { ShortcutKeyDefinition, ShortcutCommand } from './shortcut/ShortcutCommand';
+export { ContextMenuPluginBase, ContextMenuOptions } from './contextMenuBase/ContextMenuPluginBase';
+export { WatermarkPlugin } from './watermark/WatermarkPlugin';
+export { WatermarkFormat } from './watermark/WatermarkFormat';
+export { isModelEmptyFast } from './watermark/isModelEmptyFast';
+export { MarkdownPlugin, MarkdownOptions } from './markdown/MarkdownPlugin';
+export { HyperlinkPlugin } from './hyperlink/HyperlinkPlugin';
+export { HyperlinkToolTip } from './hyperlink/HyperlinkToolTip';
+export { PickerPlugin } from './picker/PickerPlugin';
+export { PickerHelper } from './picker/PickerHelper';
+export { PickerSelectionChangMode, PickerDirection, PickerHandler } from './picker/PickerHandler';
+export { CustomReplacePlugin, CustomReplace } from './customReplace/CustomReplacePlugin';
+export { ImageEditPlugin } from './imageEdit/ImageEditPlugin';
+export { ImageEditOptions } from './imageEdit/types/ImageEditOptions';
+export { HiddenPropertyPlugin } from './hiddenProperty/HiddenPropertyPlugin';
+export { HiddenPropertyOptions } from './hiddenProperty/HiddenPropertyOptions';
+export { TouchPlugin } from './touch/TouchPlugin';
+export { FindReplacePlugin } from './findReplace/FindReplacePlugin';
+export { createFindReplaceContext } from './findReplace/createFindReplaceContext';
+export { find } from './findReplace/find';
+export { replace } from './findReplace/replace';
+export { moveHighlight } from './findReplace/moveHighlight';
+export { FindReplaceContext } from './findReplace/types/FindReplaceContext';
+export { HighlightHelper } from './findReplace/types/HighlightHelper';
+export { FindReplaceHighlightOptions } from './findReplace/types/FindReplaceHighlightOptions';
+export { AnnouncePlugin } from './announce/AnnouncePlugin';

package/lib-mjs/index.js

@@ -1,24 +1,24 @@
-export { TableEditPlugin } from './tableEdit/TableEditPlugin';
-export { PastePlugin } from './paste/PastePlugin';
-export { DefaultSanitizers } from './paste/DefaultSanitizers';
-export { EditPlugin } from './edit/EditPlugin';
-export { AutoFormatPlugin } from './autoFormat/AutoFormatPlugin';
-export { ShortcutBold, ShortcutItalic, ShortcutUnderline, ShortcutClearFormat, ShortcutUndo, ShortcutUndo2, ShortcutRedo, ShortcutRedoAlt, ShortcutRedoMacOS, ShortcutBullet, ShortcutNumbering, ShortcutIncreaseFont, ShortcutDecreaseFont, ShortcutIndentList, ShortcutOutdentList, } from './shortcut/shortcuts';
-export { ShortcutPlugin } from './shortcut/ShortcutPlugin';
-export { ContextMenuPluginBase } from './contextMenuBase/ContextMenuPluginBase';
-export { WatermarkPlugin } from './watermark/WatermarkPlugin';
-export { isModelEmptyFast } from './watermark/isModelEmptyFast';
-export { MarkdownPlugin } from './markdown/MarkdownPlugin';
-export { HyperlinkPlugin } from './hyperlink/HyperlinkPlugin';
-export { PickerPlugin } from './picker/PickerPlugin';
-export { CustomReplacePlugin } from './customReplace/CustomReplacePlugin';
-export { ImageEditPlugin } from './imageEdit/ImageEditPlugin';
-export { HiddenPropertyPlugin } from './hiddenProperty/HiddenPropertyPlugin';
-export { TouchPlugin } from './touch/TouchPlugin';
-export { FindReplacePlugin } from './findReplace/FindReplacePlugin';
-export { createFindReplaceContext } from './findReplace/createFindReplaceContext';
-export { find } from './findReplace/find';
-export { replace } from './findReplace/replace';
-export { moveHighlight } from './findReplace/moveHighlight';
-export { AnnouncePlugin } from './announce/AnnouncePlugin';
+export { TableEditPlugin } from './tableEdit/TableEditPlugin';
+export { PastePlugin } from './paste/PastePlugin';
+export { DefaultSanitizers } from './paste/DefaultSanitizers';
+export { EditPlugin } from './edit/EditPlugin';
+export { AutoFormatPlugin } from './autoFormat/AutoFormatPlugin';
+export { ShortcutBold, ShortcutItalic, ShortcutUnderline, ShortcutClearFormat, ShortcutUndo, ShortcutUndo2, ShortcutRedo, ShortcutRedoAlt, ShortcutRedoMacOS, ShortcutBullet, ShortcutNumbering, ShortcutIncreaseFont, ShortcutDecreaseFont, ShortcutIndentList, ShortcutOutdentList, } from './shortcut/shortcuts';
+export { ShortcutPlugin } from './shortcut/ShortcutPlugin';
+export { ContextMenuPluginBase } from './contextMenuBase/ContextMenuPluginBase';
+export { WatermarkPlugin } from './watermark/WatermarkPlugin';
+export { isModelEmptyFast } from './watermark/isModelEmptyFast';
+export { MarkdownPlugin } from './markdown/MarkdownPlugin';
+export { HyperlinkPlugin } from './hyperlink/HyperlinkPlugin';
+export { PickerPlugin } from './picker/PickerPlugin';
+export { CustomReplacePlugin } from './customReplace/CustomReplacePlugin';
+export { ImageEditPlugin } from './imageEdit/ImageEditPlugin';
+export { HiddenPropertyPlugin } from './hiddenProperty/HiddenPropertyPlugin';
+export { TouchPlugin } from './touch/TouchPlugin';
+export { FindReplacePlugin } from './findReplace/FindReplacePlugin';
+export { createFindReplaceContext } from './findReplace/createFindReplaceContext';
+export { find } from './findReplace/find';
+export { replace } from './findReplace/replace';
+export { moveHighlight } from './findReplace/moveHighlight';
+export { AnnouncePlugin } from './announce/AnnouncePlugin';
 //# sourceMappingURL=index.js.map

package/lib-mjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/roosterjs-content-model-plugins/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAI9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,EACH,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAsB,MAAM,yCAAyC,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAmB,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { TableEditPlugin } from './tableEdit/TableEditPlugin';\nexport { OnTableEditorCreatedCallback } from './tableEdit/OnTableEditorCreatedCallback';\nexport { TableEditFeatureName } from './tableEdit/editors/features/TableEditFeatureName';\nexport { TableWithRoot } from './tableEdit/TableWithRoot';\nexport { PastePlugin } from './paste/PastePlugin';\nexport { DefaultSanitizers } from './paste/DefaultSanitizers';\nexport { EditPlugin } from './edit/EditPlugin';\nexport { EditOptions, HandleTabOptions } from './edit/EditOptions';\nexport { AutoFormatPlugin } from './autoFormat/AutoFormatPlugin';\nexport { AutoFormatOptions } from './autoFormat/interface/AutoFormatOptions';\n\nexport {\n    ShortcutBold,\n    ShortcutItalic,\n    ShortcutUnderline,\n    ShortcutClearFormat,\n    ShortcutUndo,\n    ShortcutUndo2,\n    ShortcutRedo,\n    ShortcutRedoAlt,\n    ShortcutRedoMacOS,\n    ShortcutBullet,\n    ShortcutNumbering,\n    ShortcutIncreaseFont,\n    ShortcutDecreaseFont,\n    ShortcutIndentList,\n    ShortcutOutdentList,\n} from './shortcut/shortcuts';\nexport { ShortcutPlugin } from './shortcut/ShortcutPlugin';\nexport { ShortcutKeyDefinition, ShortcutCommand } from './shortcut/ShortcutCommand';\nexport { ContextMenuPluginBase, ContextMenuOptions } from './contextMenuBase/ContextMenuPluginBase';\nexport { WatermarkPlugin } from './watermark/WatermarkPlugin';\nexport { WatermarkFormat } from './watermark/WatermarkFormat';\nexport { isModelEmptyFast } from './watermark/isModelEmptyFast';\nexport { MarkdownPlugin, MarkdownOptions } from './markdown/MarkdownPlugin';\nexport { HyperlinkPlugin } from './hyperlink/HyperlinkPlugin';\nexport { HyperlinkToolTip } from './hyperlink/HyperlinkToolTip';\nexport { PickerPlugin } from './picker/PickerPlugin';\nexport { PickerHelper } from './picker/PickerHelper';\nexport { PickerSelectionChangMode, PickerDirection, PickerHandler } from './picker/PickerHandler';\nexport { CustomReplacePlugin, CustomReplace } from './customReplace/CustomReplacePlugin';\nexport { ImageEditPlugin } from './imageEdit/ImageEditPlugin';\nexport { ImageEditOptions } from './imageEdit/types/ImageEditOptions';\nexport { HiddenPropertyPlugin } from './hiddenProperty/HiddenPropertyPlugin';\nexport { HiddenPropertyOptions } from './hiddenProperty/HiddenPropertyOptions';\nexport { TouchPlugin } from './touch/TouchPlugin';\nexport { FindReplacePlugin } from './findReplace/FindReplacePlugin';\nexport { createFindReplaceContext } from './findReplace/createFindReplaceContext';\nexport { find } from './findReplace/find';\nexport { replace } from './findReplace/replace';\nexport { moveHighlight } from './findReplace/moveHighlight';\nexport { FindReplaceContext } from './findReplace/types/FindReplaceContext';\nexport { HighlightHelper } from './findReplace/types/HighlightHelper';\nexport { FindReplaceHighlightOptions } from './findReplace/types/FindReplaceHighlightOptions';\nexport { AnnouncePlugin } from './announce/AnnouncePlugin';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/roosterjs-content-model-plugins/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAI9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,EACH,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAsB,MAAM,yCAAyC,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAmB,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { TableEditPlugin } from './tableEdit/TableEditPlugin';\r\nexport { OnTableEditorCreatedCallback } from './tableEdit/OnTableEditorCreatedCallback';\r\nexport { TableEditFeatureName } from './tableEdit/editors/features/TableEditFeatureName';\r\nexport { TableWithRoot } from './tableEdit/TableWithRoot';\r\nexport { PastePlugin } from './paste/PastePlugin';\r\nexport { DefaultSanitizers } from './paste/DefaultSanitizers';\r\nexport { EditPlugin } from './edit/EditPlugin';\r\nexport { EditOptions, HandleTabOptions } from './edit/EditOptions';\r\nexport { AutoFormatPlugin } from './autoFormat/AutoFormatPlugin';\r\nexport { AutoFormatOptions } from './autoFormat/interface/AutoFormatOptions';\r\n\r\nexport {\r\n    ShortcutBold,\r\n    ShortcutItalic,\r\n    ShortcutUnderline,\r\n    ShortcutClearFormat,\r\n    ShortcutUndo,\r\n    ShortcutUndo2,\r\n    ShortcutRedo,\r\n    ShortcutRedoAlt,\r\n    ShortcutRedoMacOS,\r\n    ShortcutBullet,\r\n    ShortcutNumbering,\r\n    ShortcutIncreaseFont,\r\n    ShortcutDecreaseFont,\r\n    ShortcutIndentList,\r\n    ShortcutOutdentList,\r\n} from './shortcut/shortcuts';\r\nexport { ShortcutPlugin } from './shortcut/ShortcutPlugin';\r\nexport { ShortcutKeyDefinition, ShortcutCommand } from './shortcut/ShortcutCommand';\r\nexport { ContextMenuPluginBase, ContextMenuOptions } from './contextMenuBase/ContextMenuPluginBase';\r\nexport { WatermarkPlugin } from './watermark/WatermarkPlugin';\r\nexport { WatermarkFormat } from './watermark/WatermarkFormat';\r\nexport { isModelEmptyFast } from './watermark/isModelEmptyFast';\r\nexport { MarkdownPlugin, MarkdownOptions } from './markdown/MarkdownPlugin';\r\nexport { HyperlinkPlugin } from './hyperlink/HyperlinkPlugin';\r\nexport { HyperlinkToolTip } from './hyperlink/HyperlinkToolTip';\r\nexport { PickerPlugin } from './picker/PickerPlugin';\r\nexport { PickerHelper } from './picker/PickerHelper';\r\nexport { PickerSelectionChangMode, PickerDirection, PickerHandler } from './picker/PickerHandler';\r\nexport { CustomReplacePlugin, CustomReplace } from './customReplace/CustomReplacePlugin';\r\nexport { ImageEditPlugin } from './imageEdit/ImageEditPlugin';\r\nexport { ImageEditOptions } from './imageEdit/types/ImageEditOptions';\r\nexport { HiddenPropertyPlugin } from './hiddenProperty/HiddenPropertyPlugin';\r\nexport { HiddenPropertyOptions } from './hiddenProperty/HiddenPropertyOptions';\r\nexport { TouchPlugin } from './touch/TouchPlugin';\r\nexport { FindReplacePlugin } from './findReplace/FindReplacePlugin';\r\nexport { createFindReplaceContext } from './findReplace/createFindReplaceContext';\r\nexport { find } from './findReplace/find';\r\nexport { replace } from './findReplace/replace';\r\nexport { moveHighlight } from './findReplace/moveHighlight';\r\nexport { FindReplaceContext } from './findReplace/types/FindReplaceContext';\r\nexport { HighlightHelper } from './findReplace/types/HighlightHelper';\r\nexport { FindReplaceHighlightOptions } from './findReplace/types/FindReplaceHighlightOptions';\r\nexport { AnnouncePlugin } from './announce/AnnouncePlugin';\r\n"]}