roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib-mjs/hyperlink/HyperlinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"HyperlinkPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/hyperlink/HyperlinkPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { matchLink } from 'roosterjs-content-model-api';\nimport type { HyperlinkToolTip } from './HyperlinkToolTip';\nimport type {\n    DOMHelper,\n    EditorPlugin,\n    IEditor,\n    PluginEvent,\n    LinkData,\n} from 'roosterjs-content-model-types';\n\nconst defaultToolTipCallback: HyperlinkToolTip = (url: string) => url;\n\n/**\n * Hyperlink plugin does the following jobs for a hyperlink in editor:\n * 1. When hover on a link, show a tool tip\n * 2. When Ctrl+Click on a link, open a new window with the link\n * 3. When type directly on a link whose text matches its link url, update the link url with the link text\n */\nexport class HyperlinkPlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private domHelper: DOMHelper | null = null;\n    private isMac: boolean = false;\n    private disposer: (() => void) | null = null;\n\n    private currentNode: Node | null = null;\n    private currentLink: HTMLAnchorElement | null = null;\n\n    /**\n     * Create a new instance of HyperLink class\n     * @param tooltip Tooltip to show when mouse hover over a link\n     * Default value is to return the href itself. If null, there will be no tooltip text.\n     * @param target (Optional) Target window name for hyperlink. If null, will use \"_blank\"\n     * @param onLinkClick (Optional) Open link callback (return false to use default behavior)\n     */\n    constructor(\n        private tooltip: HyperlinkToolTip = defaultToolTipCallback,\n        private target?: string,\n        private onLinkClick?: (anchor: HTMLAnchorElement, mouseEvent: MouseEvent) => boolean | void\n    ) {}\n\n    /**\n     * Get a friendly name of this plugin\n     */\n    getName() {\n        return 'Hyperlink';\n    }\n\n    /**\n     * Initialize this plugin\n     * @param editor The editor instance\n     */\n    public initialize(editor: IEditor): void {\n        this.editor = editor;\n        this.domHelper = editor.getDOMHelper();\n        this.isMac = !!editor.getEnvironment().isMac;\n        this.disposer = editor.attachDomEvent({\n            mouseover: { beforeDispatch: this.onMouse },\n            mouseout: { beforeDispatch: this.onMouse },\n        });\n    }\n\n    /**\n     * Dispose this plugin\n     */\n    public dispose(): void {\n        if (this.disposer) {\n            this.disposer();\n            this.disposer = null;\n        }\n\n        this.currentNode = null;\n        this.currentLink = null;\n        this.editor = null;\n    }\n\n    /**\n     * Handle events triggered from editor\n     * @param event PluginEvent object\n     */\n    public onPluginEvent(event: PluginEvent): void {\n        let matchedLink: LinkData | null;\n\n        if (event.eventType == 'keyDown') {\n            const selection = this.editor?.getDOMSelection();\n            const node =\n                selection?.type == 'range' ? selection.range.commonAncestorContainer : null;\n\n            if (node && node != this.currentNode) {\n                this.currentNode = node;\n                this.currentLink = null;\n\n                this.runWithHyperlink(node, (href, a) => {\n                    if (\n                        node.textContent &&\n                        (matchedLink = matchLink(node.textContent)) &&\n                        matchedLink.normalizedUrl == href\n                    ) {\n                        this.currentLink = a;\n                    }\n                });\n            }\n        } else if (event.eventType == 'keyUp') {\n            const selection = this.editor?.getDOMSelection();\n            const node =\n                selection?.type == 'range' ? selection.range.commonAncestorContainer : null;\n\n            if (\n                node &&\n                node == this.currentNode &&\n                this.currentLink &&\n                this.currentLink.contains(node) &&\n                node.textContent &&\n                (matchedLink = matchLink(node.textContent))\n            ) {\n                this.currentLink.setAttribute('href', matchedLink.normalizedUrl);\n            }\n        } else if (event.eventType == 'mouseUp' && event.isClicking) {\n            this.runWithHyperlink(event.rawEvent.target as Node, (href, anchor) => {\n                if (\n                    !this.onLinkClick?.(anchor, event.rawEvent) &&\n                    this.isCtrlOrMetaPressed(event.rawEvent) &&\n                    event.rawEvent.button === 0\n                ) {\n                    event.rawEvent.preventDefault();\n\n                    const target = this.target || '_blank';\n                    const window = this.editor?.getDocument().defaultView;\n\n                    try {\n                        window?.open(href, target);\n                    } catch {}\n                }\n            });\n        } else if (event.eventType == 'contentChanged') {\n            this.domHelper?.setDomAttribute('title', null /*value*/);\n        }\n    }\n\n    protected onMouse = (e: Event) => {\n        this.runWithHyperlink(e.target as Node, (href, a) => {\n            const tooltip =\n                e.type == 'mouseover'\n                    ? typeof this.tooltip == 'function'\n                        ? this.tooltip(href, a)\n                        : this.tooltip\n                    : null;\n            this.domHelper?.setDomAttribute('title', tooltip);\n        });\n    };\n\n    private runWithHyperlink(node: Node, callback: (href: string, a: HTMLAnchorElement) => void) {\n        const a = this.domHelper?.findClosestElementAncestor(\n            node,\n            'a[href]'\n        ) as HTMLAnchorElement | null;\n        const href = a?.getAttribute('href');\n\n        if (href && a) {\n            callback(href, a);\n        }\n    }\n\n    private isCtrlOrMetaPressed(event: KeyboardEvent | MouseEvent): boolean {\n        return this.isMac ? event.metaKey : event.ctrlKey;\n    }\n}\n"]}
+{"version":3,"file":"HyperlinkPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/hyperlink/HyperlinkPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { matchLink } from 'roosterjs-content-model-api';\r\nimport type { HyperlinkToolTip } from './HyperlinkToolTip';\r\nimport type {\r\n    DOMHelper,\r\n    EditorPlugin,\r\n    IEditor,\r\n    PluginEvent,\r\n    LinkData,\r\n} from 'roosterjs-content-model-types';\r\n\r\nconst defaultToolTipCallback: HyperlinkToolTip = (url: string) => url;\r\n\r\n/**\r\n * Hyperlink plugin does the following jobs for a hyperlink in editor:\r\n * 1. When hover on a link, show a tool tip\r\n * 2. When Ctrl+Click on a link, open a new window with the link\r\n * 3. When type directly on a link whose text matches its link url, update the link url with the link text\r\n */\r\nexport class HyperlinkPlugin implements EditorPlugin {\r\n    private editor: IEditor | null = null;\r\n    private domHelper: DOMHelper | null = null;\r\n    private isMac: boolean = false;\r\n    private disposer: (() => void) | null = null;\r\n\r\n    private currentNode: Node | null = null;\r\n    private currentLink: HTMLAnchorElement | null = null;\r\n\r\n    /**\r\n     * Create a new instance of HyperLink class\r\n     * @param tooltip Tooltip to show when mouse hover over a link\r\n     * Default value is to return the href itself. If null, there will be no tooltip text.\r\n     * @param target (Optional) Target window name for hyperlink. If null, will use \"_blank\"\r\n     * @param onLinkClick (Optional) Open link callback (return false to use default behavior)\r\n     */\r\n    constructor(\r\n        private tooltip: HyperlinkToolTip = defaultToolTipCallback,\r\n        private target?: string,\r\n        private onLinkClick?: (anchor: HTMLAnchorElement, mouseEvent: MouseEvent) => boolean | void\r\n    ) {}\r\n\r\n    /**\r\n     * Get a friendly name of this plugin\r\n     */\r\n    getName() {\r\n        return 'Hyperlink';\r\n    }\r\n\r\n    /**\r\n     * Initialize this plugin\r\n     * @param editor The editor instance\r\n     */\r\n    public initialize(editor: IEditor): void {\r\n        this.editor = editor;\r\n        this.domHelper = editor.getDOMHelper();\r\n        this.isMac = !!editor.getEnvironment().isMac;\r\n        this.disposer = editor.attachDomEvent({\r\n            mouseover: { beforeDispatch: this.onMouse },\r\n            mouseout: { beforeDispatch: this.onMouse },\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Dispose this plugin\r\n     */\r\n    public dispose(): void {\r\n        if (this.disposer) {\r\n            this.disposer();\r\n            this.disposer = null;\r\n        }\r\n\r\n        this.currentNode = null;\r\n        this.currentLink = null;\r\n        this.editor = null;\r\n    }\r\n\r\n    /**\r\n     * Handle events triggered from editor\r\n     * @param event PluginEvent object\r\n     */\r\n    public onPluginEvent(event: PluginEvent): void {\r\n        let matchedLink: LinkData | null;\r\n\r\n        if (event.eventType == 'keyDown') {\r\n            const selection = this.editor?.getDOMSelection();\r\n            const node =\r\n                selection?.type == 'range' ? selection.range.commonAncestorContainer : null;\r\n\r\n            if (node && node != this.currentNode) {\r\n                this.currentNode = node;\r\n                this.currentLink = null;\r\n\r\n                this.runWithHyperlink(node, (href, a) => {\r\n                    if (\r\n                        node.textContent &&\r\n                        (matchedLink = matchLink(node.textContent)) &&\r\n                        matchedLink.normalizedUrl == href\r\n                    ) {\r\n                        this.currentLink = a;\r\n                    }\r\n                });\r\n            }\r\n        } else if (event.eventType == 'keyUp') {\r\n            const selection = this.editor?.getDOMSelection();\r\n            const node =\r\n                selection?.type == 'range' ? selection.range.commonAncestorContainer : null;\r\n\r\n            if (\r\n                node &&\r\n                node == this.currentNode &&\r\n                this.currentLink &&\r\n                this.currentLink.contains(node) &&\r\n                node.textContent &&\r\n                (matchedLink = matchLink(node.textContent))\r\n            ) {\r\n                this.currentLink.setAttribute('href', matchedLink.normalizedUrl);\r\n            }\r\n        } else if (event.eventType == 'mouseUp' && event.isClicking) {\r\n            this.runWithHyperlink(event.rawEvent.target as Node, (href, anchor) => {\r\n                if (\r\n                    !this.onLinkClick?.(anchor, event.rawEvent) &&\r\n                    this.isCtrlOrMetaPressed(event.rawEvent) &&\r\n                    event.rawEvent.button === 0\r\n                ) {\r\n                    event.rawEvent.preventDefault();\r\n\r\n                    const target = this.target || '_blank';\r\n                    const window = this.editor?.getDocument().defaultView;\r\n\r\n                    try {\r\n                        window?.open(href, target);\r\n                    } catch {}\r\n                }\r\n            });\r\n        } else if (event.eventType == 'contentChanged') {\r\n            this.domHelper?.setDomAttribute('title', null /*value*/);\r\n        }\r\n    }\r\n\r\n    protected onMouse = (e: Event) => {\r\n        this.runWithHyperlink(e.target as Node, (href, a) => {\r\n            const tooltip =\r\n                e.type == 'mouseover'\r\n                    ? typeof this.tooltip == 'function'\r\n                        ? this.tooltip(href, a)\r\n                        : this.tooltip\r\n                    : null;\r\n            this.domHelper?.setDomAttribute('title', tooltip);\r\n        });\r\n    };\r\n\r\n    private runWithHyperlink(node: Node, callback: (href: string, a: HTMLAnchorElement) => void) {\r\n        const a = this.domHelper?.findClosestElementAncestor(\r\n            node,\r\n            'a[href]'\r\n        ) as HTMLAnchorElement | null;\r\n        const href = a?.getAttribute('href');\r\n\r\n        if (href && a) {\r\n            callback(href, a);\r\n        }\r\n    }\r\n\r\n    private isCtrlOrMetaPressed(event: KeyboardEvent | MouseEvent): boolean {\r\n        return this.isMac ? event.metaKey : event.ctrlKey;\r\n    }\r\n}\r\n"]}

package/lib-mjs/hyperlink/HyperlinkToolTip.d.ts

@@ -1,7 +1,7 @@
-/**
- * A type to specify how to get a tool tip of hyperlink in editor
- * string: Use this string as tooltip
- * null: No tooltip
- * function: Call this function to get a tooltip
- */
-export declare type HyperlinkToolTip = string | null | ((url: string, anchor: HTMLAnchorElement) => string);
+/**
+ * A type to specify how to get a tool tip of hyperlink in editor
+ * string: Use this string as tooltip
+ * null: No tooltip
+ * function: Call this function to get a tooltip
+ */
+export declare type HyperlinkToolTip = string | null | ((url: string, anchor: HTMLAnchorElement) => string);

package/lib-mjs/hyperlink/HyperlinkToolTip.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=HyperlinkToolTip.js.map

package/lib-mjs/hyperlink/HyperlinkToolTip.js.map

@@ -1 +1 @@
-{"version":3,"file":"HyperlinkToolTip.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/hyperlink/HyperlinkToolTip.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * A type to specify how to get a tool tip of hyperlink in editor\n * string: Use this string as tooltip\n * null: No tooltip\n * function: Call this function to get a tooltip\n */\nexport type HyperlinkToolTip = string | null | ((url: string, anchor: HTMLAnchorElement) => string);\n"]}
+{"version":3,"file":"HyperlinkToolTip.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/hyperlink/HyperlinkToolTip.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * A type to specify how to get a tool tip of hyperlink in editor\r\n * string: Use this string as tooltip\r\n * null: No tooltip\r\n * function: Call this function to get a tooltip\r\n */\r\nexport type HyperlinkToolTip = string | null | ((url: string, anchor: HTMLAnchorElement) => string);\r\n"]}

package/lib-mjs/imageEdit/Cropper/createImageCropper.d.ts

@@ -1,10 +1,10 @@
-import type { CreateElementData } from '../../pluginUtils/CreateElement/CreateElementData';
-/**
- * @internal
- */
-export declare function createImageCropper(doc: Document): HTMLDivElement[];
-/**
- * @internal
- * Get HTML for crop elements, including 4 overlays (to show dark shadow), 1 container and 4 crop handles
- */
-export declare function getCropHTML(): CreateElementData[];
+import type { CreateElementData } from '../../pluginUtils/CreateElement/CreateElementData';
+/**
+ * @internal
+ */
+export declare function createImageCropper(doc: Document): HTMLDivElement[];
+/**
+ * @internal
+ * Get HTML for crop elements, including 4 overlays (to show dark shadow), 1 container and 4 crop handles
+ */
+export declare function getCropHTML(): CreateElementData[];

package/lib-mjs/imageEdit/Cropper/createImageCropper.js

@@ -1,75 +1,75 @@
-import { createElement } from '../../pluginUtils/CreateElement/createElement';
-import { ImageEditElementClass } from '../types/ImageEditElementClass';
-import { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';
-import { CROP_HANDLE_SIZE, CROP_HANDLE_WIDTH, ROTATION, XS_CROP, YS_CROP, } from '../constants/constants';
-/**
- * @internal
- */
-export function createImageCropper(doc) {
-    var cropper = getCropHTML()
-        .map(function (data) {
-        var cropper = createElement(data, doc);
-        if (cropper &&
-            isNodeOfType(cropper, 'ELEMENT_NODE') &&
-            isElementOfType(cropper, 'div')) {
-            return cropper;
-        }
-    })
-        .filter(function (cropper) { return !!cropper; });
-    return cropper;
-}
-/**
- * @internal
- * Get HTML for crop elements, including 4 overlays (to show dark shadow), 1 container and 4 crop handles
- */
-export function getCropHTML() {
-    var overlayHTML = {
-        tag: 'div',
-        style: 'position:absolute;background-color:rgb(0,0,0,0.5);pointer-events:none',
-        className: ImageEditElementClass.CropOverlay,
-    };
-    var containerHTML = {
-        tag: 'div',
-        style: 'position:absolute;overflow:hidden;inset:0px;',
-        className: ImageEditElementClass.CropContainer,
-        children: [],
-    };
-    if (containerHTML) {
-        XS_CROP.forEach(function (x) {
-            return YS_CROP.forEach(function (y) { var _a; return (_a = containerHTML.children) === null || _a === void 0 ? void 0 : _a.push(getCropHTMLInternal(x, y)); });
-        });
-    }
-    return [containerHTML, overlayHTML, overlayHTML, overlayHTML, overlayHTML];
-}
-function getCropHTMLInternal(x, y) {
-    var leftOrRight = x == 'w' ? 'left' : 'right';
-    var topOrBottom = y == 'n' ? 'top' : 'bottom';
-    var rotation = ROTATION[y + x];
-    return {
-        tag: 'div',
-        className: ImageEditElementClass.CropHandle,
-        style: "position:absolute;pointer-events:auto;cursor:" + y + x + "-resize;" + leftOrRight + ":0;" + topOrBottom + ":0;width:" + CROP_HANDLE_SIZE + "px;height:" + CROP_HANDLE_SIZE + "px;transform:rotate(" + rotation + "deg)",
-        dataset: { x: x, y: y },
-        children: getCropHandleHTML(),
-    };
-}
-function getCropHandleHTML() {
-    var result = [];
-    [0, 1].forEach(function (layer) {
-        return [0, 1].forEach(function (dir) {
-            result.push(getCropHandleHTMLInternal(layer, dir));
-        });
-    });
-    return result;
-}
-function getCropHandleHTMLInternal(layer, dir) {
-    var position = dir == 0
-        ? "right:" + layer + "px;height:" + (CROP_HANDLE_WIDTH - layer * 2) + "px;"
-        : "top:" + layer + "px;width:" + (CROP_HANDLE_WIDTH - layer * 2) + "px;";
-    var bgColor = layer == 0 ? 'white' : 'black';
-    return {
-        tag: 'div',
-        style: "position:absolute;left:" + layer + "px;bottom:" + layer + "px;" + position + ";background-color:" + bgColor,
-    };
-}
+import { createElement } from '../../pluginUtils/CreateElement/createElement';
+import { ImageEditElementClass } from '../types/ImageEditElementClass';
+import { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';
+import { CROP_HANDLE_SIZE, CROP_HANDLE_WIDTH, ROTATION, XS_CROP, YS_CROP, } from '../constants/constants';
+/**
+ * @internal
+ */
+export function createImageCropper(doc) {
+    var cropper = getCropHTML()
+        .map(function (data) {
+        var cropper = createElement(data, doc);
+        if (cropper &&
+            isNodeOfType(cropper, 'ELEMENT_NODE') &&
+            isElementOfType(cropper, 'div')) {
+            return cropper;
+        }
+    })
+        .filter(function (cropper) { return !!cropper; });
+    return cropper;
+}
+/**
+ * @internal
+ * Get HTML for crop elements, including 4 overlays (to show dark shadow), 1 container and 4 crop handles
+ */
+export function getCropHTML() {
+    var overlayHTML = {
+        tag: 'div',
+        style: 'position:absolute;background-color:rgb(0,0,0,0.5);pointer-events:none',
+        className: ImageEditElementClass.CropOverlay,
+    };
+    var containerHTML = {
+        tag: 'div',
+        style: 'position:absolute;overflow:hidden;inset:0px;',
+        className: ImageEditElementClass.CropContainer,
+        children: [],
+    };
+    if (containerHTML) {
+        XS_CROP.forEach(function (x) {
+            return YS_CROP.forEach(function (y) { var _a; return (_a = containerHTML.children) === null || _a === void 0 ? void 0 : _a.push(getCropHTMLInternal(x, y)); });
+        });
+    }
+    return [containerHTML, overlayHTML, overlayHTML, overlayHTML, overlayHTML];
+}
+function getCropHTMLInternal(x, y) {
+    var leftOrRight = x == 'w' ? 'left' : 'right';
+    var topOrBottom = y == 'n' ? 'top' : 'bottom';
+    var rotation = ROTATION[y + x];
+    return {
+        tag: 'div',
+        className: ImageEditElementClass.CropHandle,
+        style: "position:absolute;pointer-events:auto;cursor:" + y + x + "-resize;" + leftOrRight + ":0;" + topOrBottom + ":0;width:" + CROP_HANDLE_SIZE + "px;height:" + CROP_HANDLE_SIZE + "px;transform:rotate(" + rotation + "deg)",
+        dataset: { x: x, y: y },
+        children: getCropHandleHTML(),
+    };
+}
+function getCropHandleHTML() {
+    var result = [];
+    [0, 1].forEach(function (layer) {
+        return [0, 1].forEach(function (dir) {
+            result.push(getCropHandleHTMLInternal(layer, dir));
+        });
+    });
+    return result;
+}
+function getCropHandleHTMLInternal(layer, dir) {
+    var position = dir == 0
+        ? "right:" + layer + "px;height:" + (CROP_HANDLE_WIDTH - layer * 2) + "px;"
+        : "top:" + layer + "px;width:" + (CROP_HANDLE_WIDTH - layer * 2) + "px;";
+    var bgColor = layer == 0 ? 'white' : 'black';
+    return {
+        tag: 'div',
+        style: "position:absolute;left:" + layer + "px;bottom:" + layer + "px;" + position + ";background-color:" + bgColor,
+    };
+}
 //# sourceMappingURL=createImageCropper.js.map

package/lib-mjs/imageEdit/Cropper/createImageCropper.js.map

@@ -1 +1 @@
-{"version":3,"file":"createImageCropper.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Cropper/createImageCropper.ts"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from '../../pluginUtils/CreateElement/createElement';\nimport { ImageEditElementClass } from '../types/ImageEditElementClass';\nimport { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';\nimport type { CreateElementData } from '../../pluginUtils/CreateElement/CreateElementData';\nimport type { DNDDirectionX, DnDDirectionY } from '../types/DragAndDropContext';\nimport {\n    CROP_HANDLE_SIZE,\n    CROP_HANDLE_WIDTH,\n    ROTATION,\n    XS_CROP,\n    YS_CROP,\n} from '../constants/constants';\n\n/**\n * @internal\n */\nexport function createImageCropper(doc: Document) {\n    const cropper = getCropHTML()\n        .map(data => {\n            const cropper = createElement(data, doc);\n            if (\n                cropper &&\n                isNodeOfType(cropper, 'ELEMENT_NODE') &&\n                isElementOfType(cropper, 'div')\n            ) {\n                return cropper;\n            }\n        })\n        .filter(cropper => !!cropper) as HTMLDivElement[];\n    return cropper;\n}\n\n/**\n * @internal\n * Get HTML for crop elements, including 4 overlays (to show dark shadow), 1 container and 4 crop handles\n */\nexport function getCropHTML(): CreateElementData[] {\n    const overlayHTML: CreateElementData = {\n        tag: 'div',\n        style: 'position:absolute;background-color:rgb(0,0,0,0.5);pointer-events:none',\n        className: ImageEditElementClass.CropOverlay,\n    };\n    const containerHTML: CreateElementData = {\n        tag: 'div',\n        style: 'position:absolute;overflow:hidden;inset:0px;',\n        className: ImageEditElementClass.CropContainer,\n        children: [],\n    };\n\n    if (containerHTML) {\n        XS_CROP.forEach(x =>\n            YS_CROP.forEach(y => containerHTML.children?.push(getCropHTMLInternal(x, y)))\n        );\n    }\n    return [containerHTML, overlayHTML, overlayHTML, overlayHTML, overlayHTML];\n}\n\nfunction getCropHTMLInternal(x: DNDDirectionX, y: DnDDirectionY): CreateElementData {\n    const leftOrRight = x == 'w' ? 'left' : 'right';\n    const topOrBottom = y == 'n' ? 'top' : 'bottom';\n    const rotation = ROTATION[y + x];\n\n    return {\n        tag: 'div',\n        className: ImageEditElementClass.CropHandle,\n        style: `position:absolute;pointer-events:auto;cursor:${y}${x}-resize;${leftOrRight}:0;${topOrBottom}:0;width:${CROP_HANDLE_SIZE}px;height:${CROP_HANDLE_SIZE}px;transform:rotate(${rotation}deg)`,\n        dataset: { x, y },\n        children: getCropHandleHTML(),\n    };\n}\n\nfunction getCropHandleHTML(): CreateElementData[] {\n    const result: CreateElementData[] = [];\n    [0, 1].forEach(layer =>\n        [0, 1].forEach(dir => {\n            result.push(getCropHandleHTMLInternal(layer, dir));\n        })\n    );\n    return result;\n}\n\nfunction getCropHandleHTMLInternal(layer: number, dir: number): CreateElementData {\n    const position =\n        dir == 0\n            ? `right:${layer}px;height:${CROP_HANDLE_WIDTH - layer * 2}px;`\n            : `top:${layer}px;width:${CROP_HANDLE_WIDTH - layer * 2}px;`;\n    const bgColor = layer == 0 ? 'white' : 'black';\n\n    return {\n        tag: 'div',\n        style: `position:absolute;left:${layer}px;bottom:${layer}px;${position};background-color:${bgColor}`,\n    };\n}\n"]}
+{"version":3,"file":"createImageCropper.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/Cropper/createImageCropper.ts"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from '../../pluginUtils/CreateElement/createElement';\r\nimport { ImageEditElementClass } from '../types/ImageEditElementClass';\r\nimport { isElementOfType, isNodeOfType } from 'roosterjs-content-model-dom';\r\nimport type { CreateElementData } from '../../pluginUtils/CreateElement/CreateElementData';\r\nimport type { DNDDirectionX, DnDDirectionY } from '../types/DragAndDropContext';\r\nimport {\r\n    CROP_HANDLE_SIZE,\r\n    CROP_HANDLE_WIDTH,\r\n    ROTATION,\r\n    XS_CROP,\r\n    YS_CROP,\r\n} from '../constants/constants';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function createImageCropper(doc: Document) {\r\n    const cropper = getCropHTML()\r\n        .map(data => {\r\n            const cropper = createElement(data, doc);\r\n            if (\r\n                cropper &&\r\n                isNodeOfType(cropper, 'ELEMENT_NODE') &&\r\n                isElementOfType(cropper, 'div')\r\n            ) {\r\n                return cropper;\r\n            }\r\n        })\r\n        .filter(cropper => !!cropper) as HTMLDivElement[];\r\n    return cropper;\r\n}\r\n\r\n/**\r\n * @internal\r\n * Get HTML for crop elements, including 4 overlays (to show dark shadow), 1 container and 4 crop handles\r\n */\r\nexport function getCropHTML(): CreateElementData[] {\r\n    const overlayHTML: CreateElementData = {\r\n        tag: 'div',\r\n        style: 'position:absolute;background-color:rgb(0,0,0,0.5);pointer-events:none',\r\n        className: ImageEditElementClass.CropOverlay,\r\n    };\r\n    const containerHTML: CreateElementData = {\r\n        tag: 'div',\r\n        style: 'position:absolute;overflow:hidden;inset:0px;',\r\n        className: ImageEditElementClass.CropContainer,\r\n        children: [],\r\n    };\r\n\r\n    if (containerHTML) {\r\n        XS_CROP.forEach(x =>\r\n            YS_CROP.forEach(y => containerHTML.children?.push(getCropHTMLInternal(x, y)))\r\n        );\r\n    }\r\n    return [containerHTML, overlayHTML, overlayHTML, overlayHTML, overlayHTML];\r\n}\r\n\r\nfunction getCropHTMLInternal(x: DNDDirectionX, y: DnDDirectionY): CreateElementData {\r\n    const leftOrRight = x == 'w' ? 'left' : 'right';\r\n    const topOrBottom = y == 'n' ? 'top' : 'bottom';\r\n    const rotation = ROTATION[y + x];\r\n\r\n    return {\r\n        tag: 'div',\r\n        className: ImageEditElementClass.CropHandle,\r\n        style: `position:absolute;pointer-events:auto;cursor:${y}${x}-resize;${leftOrRight}:0;${topOrBottom}:0;width:${CROP_HANDLE_SIZE}px;height:${CROP_HANDLE_SIZE}px;transform:rotate(${rotation}deg)`,\r\n        dataset: { x, y },\r\n        children: getCropHandleHTML(),\r\n    };\r\n}\r\n\r\nfunction getCropHandleHTML(): CreateElementData[] {\r\n    const result: CreateElementData[] = [];\r\n    [0, 1].forEach(layer =>\r\n        [0, 1].forEach(dir => {\r\n            result.push(getCropHandleHTMLInternal(layer, dir));\r\n        })\r\n    );\r\n    return result;\r\n}\r\n\r\nfunction getCropHandleHTMLInternal(layer: number, dir: number): CreateElementData {\r\n    const position =\r\n        dir == 0\r\n            ? `right:${layer}px;height:${CROP_HANDLE_WIDTH - layer * 2}px;`\r\n            : `top:${layer}px;width:${CROP_HANDLE_WIDTH - layer * 2}px;`;\r\n    const bgColor = layer == 0 ? 'white' : 'black';\r\n\r\n    return {\r\n        tag: 'div',\r\n        style: `position:absolute;left:${layer}px;bottom:${layer}px;${position};background-color:${bgColor}`,\r\n    };\r\n}\r\n"]}

package/lib-mjs/imageEdit/Cropper/cropperContext.d.ts

@@ -1,8 +1,8 @@
-import type { DragAndDropContext } from '../types/DragAndDropContext';
-import type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';
-import type { ImageCropMetadataFormat } from 'roosterjs-content-model-types';
-/**
- * @internal
- * Crop handle for DragAndDropHelper
- */
-export declare const Cropper: DragAndDropHandler<DragAndDropContext, ImageCropMetadataFormat>;
+import type { DragAndDropContext } from '../types/DragAndDropContext';
+import type { DragAndDropHandler } from '../../pluginUtils/DragAndDrop/DragAndDropHandler';
+import type { ImageCropMetadataFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Crop handle for DragAndDropHelper
+ */
+export declare const Cropper: DragAndDropHandler<DragAndDropContext, ImageCropMetadataFormat>;

package/lib-mjs/imageEdit/Cropper/cropperContext.js

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

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

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