roosterjs-content-model-plugins 9.45.0 → 9.45.2

package/lib-amd/hyperlink/HyperlinkPlugin.js

@@ -1,145 +1,145 @@
-define(["require", "exports", "roosterjs-content-model-api"], function (require, exports, roosterjs_content_model_api_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.HyperlinkPlugin = void 0;
-    var defaultToolTipCallback = function (url) { return url; };
-    /**
-     * Hyperlink plugin does the following jobs for a hyperlink in editor:
-     * 1. When hover on a link, show a tool tip
-     * 2. When Ctrl+Click on a link, open a new window with the link
-     * 3. When type directly on a link whose text matches its link url, update the link url with the link text
-     */
-    var HyperlinkPlugin = /** @class */ (function () {
-        /**
-         * Create a new instance of HyperLink class
-         * @param tooltip Tooltip to show when mouse hover over a link
-         * Default value is to return the href itself. If null, there will be no tooltip text.
-         * @param target (Optional) Target window name for hyperlink. If null, will use "_blank"
-         * @param onLinkClick (Optional) Open link callback (return false to use default behavior)
-         */
-        function HyperlinkPlugin(tooltip, target, onLinkClick) {
-            var _this = this;
-            if (tooltip === void 0) { tooltip = defaultToolTipCallback; }
-            this.tooltip = tooltip;
-            this.target = target;
-            this.onLinkClick = onLinkClick;
-            this.editor = null;
-            this.domHelper = null;
-            this.isMac = false;
-            this.disposer = null;
-            this.currentNode = null;
-            this.currentLink = null;
-            this.onMouse = function (e) {
-                _this.runWithHyperlink(e.target, function (href, a) {
-                    var _a;
-                    var tooltip = e.type == 'mouseover'
-                        ? typeof _this.tooltip == 'function'
-                            ? _this.tooltip(href, a)
-                            : _this.tooltip
-                        : null;
-                    (_a = _this.domHelper) === null || _a === void 0 ? void 0 : _a.setDomAttribute('title', tooltip);
-                });
-            };
-        }
-        /**
-         * Get a friendly name of this plugin
-         */
-        HyperlinkPlugin.prototype.getName = function () {
-            return 'Hyperlink';
-        };
-        /**
-         * Initialize this plugin
-         * @param editor The editor instance
-         */
-        HyperlinkPlugin.prototype.initialize = function (editor) {
-            this.editor = editor;
-            this.domHelper = editor.getDOMHelper();
-            this.isMac = !!editor.getEnvironment().isMac;
-            this.disposer = editor.attachDomEvent({
-                mouseover: { beforeDispatch: this.onMouse },
-                mouseout: { beforeDispatch: this.onMouse },
-            });
-        };
-        /**
-         * Dispose this plugin
-         */
-        HyperlinkPlugin.prototype.dispose = function () {
-            if (this.disposer) {
-                this.disposer();
-                this.disposer = null;
-            }
-            this.currentNode = null;
-            this.currentLink = null;
-            this.editor = null;
-        };
-        /**
-         * Handle events triggered from editor
-         * @param event PluginEvent object
-         */
-        HyperlinkPlugin.prototype.onPluginEvent = function (event) {
-            var _this = this;
-            var _a, _b, _c;
-            var matchedLink;
-            if (event.eventType == 'keyDown') {
-                var selection = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getDOMSelection();
-                var node_1 = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' ? selection.range.commonAncestorContainer : null;
-                if (node_1 && node_1 != this.currentNode) {
-                    this.currentNode = node_1;
-                    this.currentLink = null;
-                    this.runWithHyperlink(node_1, function (href, a) {
-                        if (node_1.textContent &&
-                            (matchedLink = (0, roosterjs_content_model_api_1.matchLink)(node_1.textContent)) &&
-                            matchedLink.normalizedUrl == href) {
-                            _this.currentLink = a;
-                        }
-                    });
-                }
-            }
-            else if (event.eventType == 'keyUp') {
-                var selection = (_b = this.editor) === null || _b === void 0 ? void 0 : _b.getDOMSelection();
-                var node = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' ? selection.range.commonAncestorContainer : null;
-                if (node &&
-                    node == this.currentNode &&
-                    this.currentLink &&
-                    this.currentLink.contains(node) &&
-                    node.textContent &&
-                    (matchedLink = (0, roosterjs_content_model_api_1.matchLink)(node.textContent))) {
-                    this.currentLink.setAttribute('href', matchedLink.normalizedUrl);
-                }
-            }
-            else if (event.eventType == 'mouseUp' && event.isClicking) {
-                this.runWithHyperlink(event.rawEvent.target, function (href, anchor) {
-                    var _a, _b;
-                    if (!((_a = _this.onLinkClick) === null || _a === void 0 ? void 0 : _a.call(_this, anchor, event.rawEvent)) &&
-                        _this.isCtrlOrMetaPressed(event.rawEvent) &&
-                        event.rawEvent.button === 0) {
-                        event.rawEvent.preventDefault();
-                        var target = _this.target || '_blank';
-                        var window_1 = (_b = _this.editor) === null || _b === void 0 ? void 0 : _b.getDocument().defaultView;
-                        try {
-                            window_1 === null || window_1 === void 0 ? void 0 : window_1.open(href, target);
-                        }
-                        catch (_c) { }
-                    }
-                });
-            }
-            else if (event.eventType == 'contentChanged') {
-                (_c = this.domHelper) === null || _c === void 0 ? void 0 : _c.setDomAttribute('title', null /*value*/);
-            }
-        };
-        HyperlinkPlugin.prototype.runWithHyperlink = function (node, callback) {
-            var _a;
-            var a = (_a = this.domHelper) === null || _a === void 0 ? void 0 : _a.findClosestElementAncestor(node, 'a[href]');
-            var href = a === null || a === void 0 ? void 0 : a.getAttribute('href');
-            if (href && a) {
-                callback(href, a);
-            }
-        };
-        HyperlinkPlugin.prototype.isCtrlOrMetaPressed = function (event) {
-            return this.isMac ? event.metaKey : event.ctrlKey;
-        };
-        return HyperlinkPlugin;
-    }());
-    exports.HyperlinkPlugin = HyperlinkPlugin;
-});
+define(["require", "exports", "roosterjs-content-model-api"], function (require, exports, roosterjs_content_model_api_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.HyperlinkPlugin = void 0;
+    var defaultToolTipCallback = function (url) { return url; };
+    /**
+     * Hyperlink plugin does the following jobs for a hyperlink in editor:
+     * 1. When hover on a link, show a tool tip
+     * 2. When Ctrl+Click on a link, open a new window with the link
+     * 3. When type directly on a link whose text matches its link url, update the link url with the link text
+     */
+    var HyperlinkPlugin = /** @class */ (function () {
+        /**
+         * Create a new instance of HyperLink class
+         * @param tooltip Tooltip to show when mouse hover over a link
+         * Default value is to return the href itself. If null, there will be no tooltip text.
+         * @param target (Optional) Target window name for hyperlink. If null, will use "_blank"
+         * @param onLinkClick (Optional) Open link callback (return false to use default behavior)
+         */
+        function HyperlinkPlugin(tooltip, target, onLinkClick) {
+            var _this = this;
+            if (tooltip === void 0) { tooltip = defaultToolTipCallback; }
+            this.tooltip = tooltip;
+            this.target = target;
+            this.onLinkClick = onLinkClick;
+            this.editor = null;
+            this.domHelper = null;
+            this.isMac = false;
+            this.disposer = null;
+            this.currentNode = null;
+            this.currentLink = null;
+            this.onMouse = function (e) {
+                _this.runWithHyperlink(e.target, function (href, a) {
+                    var _a;
+                    var tooltip = e.type == 'mouseover'
+                        ? typeof _this.tooltip == 'function'
+                            ? _this.tooltip(href, a)
+                            : _this.tooltip
+                        : null;
+                    (_a = _this.domHelper) === null || _a === void 0 ? void 0 : _a.setDomAttribute('title', tooltip);
+                });
+            };
+        }
+        /**
+         * Get a friendly name of this plugin
+         */
+        HyperlinkPlugin.prototype.getName = function () {
+            return 'Hyperlink';
+        };
+        /**
+         * Initialize this plugin
+         * @param editor The editor instance
+         */
+        HyperlinkPlugin.prototype.initialize = function (editor) {
+            this.editor = editor;
+            this.domHelper = editor.getDOMHelper();
+            this.isMac = !!editor.getEnvironment().isMac;
+            this.disposer = editor.attachDomEvent({
+                mouseover: { beforeDispatch: this.onMouse },
+                mouseout: { beforeDispatch: this.onMouse },
+            });
+        };
+        /**
+         * Dispose this plugin
+         */
+        HyperlinkPlugin.prototype.dispose = function () {
+            if (this.disposer) {
+                this.disposer();
+                this.disposer = null;
+            }
+            this.currentNode = null;
+            this.currentLink = null;
+            this.editor = null;
+        };
+        /**
+         * Handle events triggered from editor
+         * @param event PluginEvent object
+         */
+        HyperlinkPlugin.prototype.onPluginEvent = function (event) {
+            var _this = this;
+            var _a, _b, _c;
+            var matchedLink;
+            if (event.eventType == 'keyDown') {
+                var selection = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getDOMSelection();
+                var node_1 = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' ? selection.range.commonAncestorContainer : null;
+                if (node_1 && node_1 != this.currentNode) {
+                    this.currentNode = node_1;
+                    this.currentLink = null;
+                    this.runWithHyperlink(node_1, function (href, a) {
+                        if (node_1.textContent &&
+                            (matchedLink = (0, roosterjs_content_model_api_1.matchLink)(node_1.textContent)) &&
+                            matchedLink.normalizedUrl == href) {
+                            _this.currentLink = a;
+                        }
+                    });
+                }
+            }
+            else if (event.eventType == 'keyUp') {
+                var selection = (_b = this.editor) === null || _b === void 0 ? void 0 : _b.getDOMSelection();
+                var node = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' ? selection.range.commonAncestorContainer : null;
+                if (node &&
+                    node == this.currentNode &&
+                    this.currentLink &&
+                    this.currentLink.contains(node) &&
+                    node.textContent &&
+                    (matchedLink = (0, roosterjs_content_model_api_1.matchLink)(node.textContent))) {
+                    this.currentLink.setAttribute('href', matchedLink.normalizedUrl);
+                }
+            }
+            else if (event.eventType == 'mouseUp' && event.isClicking) {
+                this.runWithHyperlink(event.rawEvent.target, function (href, anchor) {
+                    var _a, _b;
+                    if (!((_a = _this.onLinkClick) === null || _a === void 0 ? void 0 : _a.call(_this, anchor, event.rawEvent)) &&
+                        _this.isCtrlOrMetaPressed(event.rawEvent) &&
+                        event.rawEvent.button === 0) {
+                        event.rawEvent.preventDefault();
+                        var target = _this.target || '_blank';
+                        var window_1 = (_b = _this.editor) === null || _b === void 0 ? void 0 : _b.getDocument().defaultView;
+                        try {
+                            window_1 === null || window_1 === void 0 ? void 0 : window_1.open(href, target);
+                        }
+                        catch (_c) { }
+                    }
+                });
+            }
+            else if (event.eventType == 'contentChanged') {
+                (_c = this.domHelper) === null || _c === void 0 ? void 0 : _c.setDomAttribute('title', null /*value*/);
+            }
+        };
+        HyperlinkPlugin.prototype.runWithHyperlink = function (node, callback) {
+            var _a;
+            var a = (_a = this.domHelper) === null || _a === void 0 ? void 0 : _a.findClosestElementAncestor(node, 'a[href]');
+            var href = a === null || a === void 0 ? void 0 : a.getAttribute('href');
+            if (href && a) {
+                callback(href, a);
+            }
+        };
+        HyperlinkPlugin.prototype.isCtrlOrMetaPressed = function (event) {
+            return this.isMac ? event.metaKey : event.ctrlKey;
+        };
+        return HyperlinkPlugin;
+    }());
+    exports.HyperlinkPlugin = HyperlinkPlugin;
+});
 //# sourceMappingURL=HyperlinkPlugin.js.map

package/lib-amd/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';\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"]}
+{"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"]}

package/lib-amd/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-amd/hyperlink/HyperlinkToolTip.js

@@ -1,5 +1,5 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
 //# sourceMappingURL=HyperlinkToolTip.js.map

package/lib-amd/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":["/**\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"]}
+{"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"]}

package/lib-amd/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-amd/imageEdit/Cropper/createImageCropper.js

@@ -1,78 +1,78 @@
-define(["require", "exports", "../../pluginUtils/CreateElement/createElement", "../types/ImageEditElementClass", "roosterjs-content-model-dom", "../constants/constants"], function (require, exports, createElement_1, ImageEditElementClass_1, roosterjs_content_model_dom_1, constants_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getCropHTML = exports.createImageCropper = void 0;
-    /**
-     * @internal
-     */
-    function createImageCropper(doc) {
-        var cropper = getCropHTML()
-            .map(function (data) {
-            var cropper = (0, createElement_1.createElement)(data, doc);
-            if (cropper &&
-                (0, roosterjs_content_model_dom_1.isNodeOfType)(cropper, 'ELEMENT_NODE') &&
-                (0, roosterjs_content_model_dom_1.isElementOfType)(cropper, 'div')) {
-                return cropper;
-            }
-        })
-            .filter(function (cropper) { return !!cropper; });
-        return cropper;
-    }
-    exports.createImageCropper = createImageCropper;
-    /**
-     * @internal
-     * Get HTML for crop elements, including 4 overlays (to show dark shadow), 1 container and 4 crop handles
-     */
-    function getCropHTML() {
-        var overlayHTML = {
-            tag: 'div',
-            style: 'position:absolute;background-color:rgb(0,0,0,0.5);pointer-events:none',
-            className: ImageEditElementClass_1.ImageEditElementClass.CropOverlay,
-        };
-        var containerHTML = {
-            tag: 'div',
-            style: 'position:absolute;overflow:hidden;inset:0px;',
-            className: ImageEditElementClass_1.ImageEditElementClass.CropContainer,
-            children: [],
-        };
-        if (containerHTML) {
-            constants_1.XS_CROP.forEach(function (x) {
-                return constants_1.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];
-    }
-    exports.getCropHTML = getCropHTML;
-    function getCropHTMLInternal(x, y) {
-        var leftOrRight = x == 'w' ? 'left' : 'right';
-        var topOrBottom = y == 'n' ? 'top' : 'bottom';
-        var rotation = constants_1.ROTATION[y + x];
-        return {
-            tag: 'div',
-            className: ImageEditElementClass_1.ImageEditElementClass.CropHandle,
-            style: "position:absolute;pointer-events:auto;cursor:" + y + x + "-resize;" + leftOrRight + ":0;" + topOrBottom + ":0;width:" + constants_1.CROP_HANDLE_SIZE + "px;height:" + constants_1.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:" + (constants_1.CROP_HANDLE_WIDTH - layer * 2) + "px;"
-            : "top:" + layer + "px;width:" + (constants_1.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,
-        };
-    }
-});
+define(["require", "exports", "../../pluginUtils/CreateElement/createElement", "../types/ImageEditElementClass", "roosterjs-content-model-dom", "../constants/constants"], function (require, exports, createElement_1, ImageEditElementClass_1, roosterjs_content_model_dom_1, constants_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getCropHTML = exports.createImageCropper = void 0;
+    /**
+     * @internal
+     */
+    function createImageCropper(doc) {
+        var cropper = getCropHTML()
+            .map(function (data) {
+            var cropper = (0, createElement_1.createElement)(data, doc);
+            if (cropper &&
+                (0, roosterjs_content_model_dom_1.isNodeOfType)(cropper, 'ELEMENT_NODE') &&
+                (0, roosterjs_content_model_dom_1.isElementOfType)(cropper, 'div')) {
+                return cropper;
+            }
+        })
+            .filter(function (cropper) { return !!cropper; });
+        return cropper;
+    }
+    exports.createImageCropper = createImageCropper;
+    /**
+     * @internal
+     * Get HTML for crop elements, including 4 overlays (to show dark shadow), 1 container and 4 crop handles
+     */
+    function getCropHTML() {
+        var overlayHTML = {
+            tag: 'div',
+            style: 'position:absolute;background-color:rgb(0,0,0,0.5);pointer-events:none',
+            className: ImageEditElementClass_1.ImageEditElementClass.CropOverlay,
+        };
+        var containerHTML = {
+            tag: 'div',
+            style: 'position:absolute;overflow:hidden;inset:0px;',
+            className: ImageEditElementClass_1.ImageEditElementClass.CropContainer,
+            children: [],
+        };
+        if (containerHTML) {
+            constants_1.XS_CROP.forEach(function (x) {
+                return constants_1.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];
+    }
+    exports.getCropHTML = getCropHTML;
+    function getCropHTMLInternal(x, y) {
+        var leftOrRight = x == 'w' ? 'left' : 'right';
+        var topOrBottom = y == 'n' ? 'top' : 'bottom';
+        var rotation = constants_1.ROTATION[y + x];
+        return {
+            tag: 'div',
+            className: ImageEditElementClass_1.ImageEditElementClass.CropHandle,
+            style: "position:absolute;pointer-events:auto;cursor:" + y + x + "-resize;" + leftOrRight + ":0;" + topOrBottom + ":0;width:" + constants_1.CROP_HANDLE_SIZE + "px;height:" + constants_1.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:" + (constants_1.CROP_HANDLE_WIDTH - layer * 2) + "px;"
+            : "top:" + layer + "px;width:" + (constants_1.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-amd/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';\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"]}
+{"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"]}

package/lib-amd/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>;