roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib/pluginUtils/DragAndDrop/DragAndDropHelper.js

@@ -1,121 +1,121 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DragAndDropHelper = void 0;
-var tslib_1 = require("tslib");
-/**
- * Generate event names and getXY function based on different platforms to be compatible with desktop and mobile browsers
- */
-var MOUSE_EVENT_INFO_DESKTOP = (function () {
-    return {
-        MOUSEDOWN: 'mousedown',
-        MOUSEMOVE: 'mousemove',
-        MOUSEUP: 'mouseup',
-        getPageXY: getMouseEventPageXY,
-    };
-})();
-var MOUSE_EVENT_INFO_MOBILE = (function () {
-    return {
-        MOUSEDOWN: 'touchstart',
-        MOUSEMOVE: 'touchmove',
-        MOUSEUP: 'touchend',
-        getPageXY: getTouchEventPageXY,
-    };
-})();
-function getMouseEventPageXY(e) {
-    return [e.pageX, e.pageY];
-}
-function getTouchEventPageXY(e) {
-    var pageX = 0;
-    var pageY = 0;
-    if (e.targetTouches && e.targetTouches.length > 0) {
-        var touch = e.targetTouches[0];
-        pageX = touch.pageX;
-        pageY = touch.pageY;
-    }
-    return [pageX, pageY];
-}
-/**
- * @internal
- * A helper class to help manage drag and drop to an HTML element
- */
-var DragAndDropHelper = /** @class */ (function () {
-    /**
-     * Create a new instance of DragAndDropHelper class
-     * @param trigger The trigger element. When user start drag on this element,
-     * events will be fired to the handler object
-     * @param context Context object that will be passed to handler function when event is fired,
-     * so that the handler object knows which element it is triggered from.
-     * @param onSubmit A callback that will be invoked when event handler in handler object returns true
-     * @param handler The event handler object, see DragAndDropHandler interface for more information
-     * @param zoomScale The zoom scale of the editor
-     * @param forceMobile A boolean to force the use of touch controls for the helper
-     */
-    function DragAndDropHelper(trigger, context, onSubmit, handler, zoomScale, forceMobile) {
-        var _this = this;
-        this.trigger = trigger;
-        this.context = context;
-        this.onSubmit = onSubmit;
-        this.handler = handler;
-        this.zoomScale = zoomScale;
-        this.initX = 0;
-        this.initY = 0;
-        this.initValue = undefined;
-        this.onMouseDown = function (e) {
-            var _a;
-            var _b, _c;
-            e.preventDefault();
-            e.stopPropagation();
-            _this.addDocumentEvents();
-            _a = (0, tslib_1.__read)(_this.dndMouse.getPageXY(e), 2), _this.initX = _a[0], _this.initY = _a[1];
-            _this.initValue = (_c = (_b = _this.handler).onDragStart) === null || _c === void 0 ? void 0 : _c.call(_b, _this.context, e);
-        };
-        this.onMouseMove = function (e) {
-            var _a, _b, _c;
-            e.preventDefault();
-            var _d = (0, tslib_1.__read)(_this.dndMouse.getPageXY(e), 2), pageX = _d[0], pageY = _d[1];
-            var deltaX = (pageX - _this.initX) / _this.zoomScale;
-            var deltaY = (pageY - _this.initY) / _this.zoomScale;
-            if (_this.initValue &&
-                ((_b = (_a = _this.handler).onDragging) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, e, _this.initValue, deltaX, deltaY))) {
-                (_c = _this.onSubmit) === null || _c === void 0 ? void 0 : _c.call(_this, _this.context, _this.trigger);
-            }
-        };
-        this.onMouseUp = function (e) {
-            var _a, _b, _c;
-            e.preventDefault();
-            _this.removeDocumentEvents();
-            if ((_b = (_a = _this.handler).onDragEnd) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, e, _this.initValue)) {
-                (_c = _this.onSubmit) === null || _c === void 0 ? void 0 : _c.call(_this, _this.context, _this.trigger);
-            }
-        };
-        this.dndMouse = forceMobile ? MOUSE_EVENT_INFO_MOBILE : MOUSE_EVENT_INFO_DESKTOP;
-        trigger.addEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
-    }
-    /**
-     * Dispose this object, remove all event listeners that has been attached
-     */
-    DragAndDropHelper.prototype.dispose = function () {
-        this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
-        this.removeDocumentEvents();
-    };
-    Object.defineProperty(DragAndDropHelper.prototype, "mouseType", {
-        get: function () {
-            return this.dndMouse == MOUSE_EVENT_INFO_MOBILE ? 'touch' : 'mouse';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DragAndDropHelper.prototype.addDocumentEvents = function () {
-        var doc = this.trigger.ownerDocument;
-        doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
-        doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);
-    };
-    DragAndDropHelper.prototype.removeDocumentEvents = function () {
-        var doc = this.trigger.ownerDocument;
-        doc.removeEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
-        doc.removeEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);
-    };
-    return DragAndDropHelper;
-}());
-exports.DragAndDropHelper = DragAndDropHelper;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragAndDropHelper = void 0;
+var tslib_1 = require("tslib");
+/**
+ * Generate event names and getXY function based on different platforms to be compatible with desktop and mobile browsers
+ */
+var MOUSE_EVENT_INFO_DESKTOP = (function () {
+    return {
+        MOUSEDOWN: 'mousedown',
+        MOUSEMOVE: 'mousemove',
+        MOUSEUP: 'mouseup',
+        getPageXY: getMouseEventPageXY,
+    };
+})();
+var MOUSE_EVENT_INFO_MOBILE = (function () {
+    return {
+        MOUSEDOWN: 'touchstart',
+        MOUSEMOVE: 'touchmove',
+        MOUSEUP: 'touchend',
+        getPageXY: getTouchEventPageXY,
+    };
+})();
+function getMouseEventPageXY(e) {
+    return [e.pageX, e.pageY];
+}
+function getTouchEventPageXY(e) {
+    var pageX = 0;
+    var pageY = 0;
+    if (e.targetTouches && e.targetTouches.length > 0) {
+        var touch = e.targetTouches[0];
+        pageX = touch.pageX;
+        pageY = touch.pageY;
+    }
+    return [pageX, pageY];
+}
+/**
+ * @internal
+ * A helper class to help manage drag and drop to an HTML element
+ */
+var DragAndDropHelper = /** @class */ (function () {
+    /**
+     * Create a new instance of DragAndDropHelper class
+     * @param trigger The trigger element. When user start drag on this element,
+     * events will be fired to the handler object
+     * @param context Context object that will be passed to handler function when event is fired,
+     * so that the handler object knows which element it is triggered from.
+     * @param onSubmit A callback that will be invoked when event handler in handler object returns true
+     * @param handler The event handler object, see DragAndDropHandler interface for more information
+     * @param zoomScale The zoom scale of the editor
+     * @param forceMobile A boolean to force the use of touch controls for the helper
+     */
+    function DragAndDropHelper(trigger, context, onSubmit, handler, zoomScale, forceMobile) {
+        var _this = this;
+        this.trigger = trigger;
+        this.context = context;
+        this.onSubmit = onSubmit;
+        this.handler = handler;
+        this.zoomScale = zoomScale;
+        this.initX = 0;
+        this.initY = 0;
+        this.initValue = undefined;
+        this.onMouseDown = function (e) {
+            var _a;
+            var _b, _c;
+            e.preventDefault();
+            e.stopPropagation();
+            _this.addDocumentEvents();
+            _a = (0, tslib_1.__read)(_this.dndMouse.getPageXY(e), 2), _this.initX = _a[0], _this.initY = _a[1];
+            _this.initValue = (_c = (_b = _this.handler).onDragStart) === null || _c === void 0 ? void 0 : _c.call(_b, _this.context, e);
+        };
+        this.onMouseMove = function (e) {
+            var _a, _b, _c;
+            e.preventDefault();
+            var _d = (0, tslib_1.__read)(_this.dndMouse.getPageXY(e), 2), pageX = _d[0], pageY = _d[1];
+            var deltaX = (pageX - _this.initX) / _this.zoomScale;
+            var deltaY = (pageY - _this.initY) / _this.zoomScale;
+            if (_this.initValue &&
+                ((_b = (_a = _this.handler).onDragging) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, e, _this.initValue, deltaX, deltaY))) {
+                (_c = _this.onSubmit) === null || _c === void 0 ? void 0 : _c.call(_this, _this.context, _this.trigger);
+            }
+        };
+        this.onMouseUp = function (e) {
+            var _a, _b, _c;
+            e.preventDefault();
+            _this.removeDocumentEvents();
+            if ((_b = (_a = _this.handler).onDragEnd) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, e, _this.initValue)) {
+                (_c = _this.onSubmit) === null || _c === void 0 ? void 0 : _c.call(_this, _this.context, _this.trigger);
+            }
+        };
+        this.dndMouse = forceMobile ? MOUSE_EVENT_INFO_MOBILE : MOUSE_EVENT_INFO_DESKTOP;
+        trigger.addEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
+    }
+    /**
+     * Dispose this object, remove all event listeners that has been attached
+     */
+    DragAndDropHelper.prototype.dispose = function () {
+        this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
+        this.removeDocumentEvents();
+    };
+    Object.defineProperty(DragAndDropHelper.prototype, "mouseType", {
+        get: function () {
+            return this.dndMouse == MOUSE_EVENT_INFO_MOBILE ? 'touch' : 'mouse';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DragAndDropHelper.prototype.addDocumentEvents = function () {
+        var doc = this.trigger.ownerDocument;
+        doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
+        doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);
+    };
+    DragAndDropHelper.prototype.removeDocumentEvents = function () {
+        var doc = this.trigger.ownerDocument;
+        doc.removeEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
+        doc.removeEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);
+    };
+    return DragAndDropHelper;
+}());
+exports.DragAndDropHelper = DragAndDropHelper;
 //# sourceMappingURL=DragAndDropHelper.js.map

package/lib/pluginUtils/DragAndDrop/DragAndDropHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDropHelper.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/DragAndDrop/DragAndDropHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Disposable } from '../Disposable';\nimport type { DragAndDropHandler } from './DragAndDropHandler';\n\n/**\n * @internal\n */\ninterface MouseEventMoves {\n    MOUSEDOWN: string;\n    MOUSEMOVE: string;\n    MOUSEUP: string;\n}\n\n/**\n * @internal\n */\ninterface MouseEventInfo extends MouseEventMoves {\n    getPageXY: (e: MouseEvent) => number[];\n}\n\n/**\n * @internal\n * Compatible mouse event names for different platform\n */\ninterface TouchEventInfo extends MouseEventMoves {\n    getPageXY: (e: TouchEvent) => number[];\n}\n\n/**\n * Generate event names and getXY function based on different platforms to be compatible with desktop and mobile browsers\n */\nconst MOUSE_EVENT_INFO_DESKTOP: MouseEventInfo = (() => {\n    return {\n        MOUSEDOWN: 'mousedown',\n        MOUSEMOVE: 'mousemove',\n        MOUSEUP: 'mouseup',\n        getPageXY: getMouseEventPageXY,\n    };\n})();\n\nconst MOUSE_EVENT_INFO_MOBILE: TouchEventInfo = (() => {\n    return {\n        MOUSEDOWN: 'touchstart',\n        MOUSEMOVE: 'touchmove',\n        MOUSEUP: 'touchend',\n        getPageXY: getTouchEventPageXY,\n    };\n})();\n\nfunction getMouseEventPageXY(e: MouseEvent): [number, number] {\n    return [e.pageX, e.pageY];\n}\n\nfunction getTouchEventPageXY(e: TouchEvent): [number, number] {\n    let pageX = 0;\n    let pageY = 0;\n    if (e.targetTouches && e.targetTouches.length > 0) {\n        const touch = e.targetTouches[0];\n        pageX = touch.pageX;\n        pageY = touch.pageY;\n    }\n    return [pageX, pageY];\n}\n\n/**\n * @internal\n * A helper class to help manage drag and drop to an HTML element\n */\nexport class DragAndDropHelper<TContext, TInitValue> implements Disposable {\n    private initX: number = 0;\n    private initY: number = 0;\n    private initValue: TInitValue | undefined = undefined;\n    private dndMouse: MouseEventInfo | TouchEventInfo;\n\n    /**\n     * Create a new instance of DragAndDropHelper class\n     * @param trigger The trigger element. When user start drag on this element,\n     * events will be fired to the handler object\n     * @param context Context object that will be passed to handler function when event is fired,\n     * so that the handler object knows which element it is triggered from.\n     * @param onSubmit A callback that will be invoked when event handler in handler object returns true\n     * @param handler The event handler object, see DragAndDropHandler interface for more information\n     * @param zoomScale The zoom scale of the editor\n     * @param forceMobile A boolean to force the use of touch controls for the helper\n     */\n    constructor(\n        private trigger: HTMLElement,\n        private context: TContext,\n        private onSubmit: (context: TContext, trigger: HTMLElement) => void,\n        private handler: DragAndDropHandler<TContext, TInitValue>,\n        private zoomScale: number,\n        forceMobile?: boolean\n    ) {\n        this.dndMouse = forceMobile ? MOUSE_EVENT_INFO_MOBILE : MOUSE_EVENT_INFO_DESKTOP;\n        trigger.addEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);\n    }\n\n    /**\n     * Dispose this object, remove all event listeners that has been attached\n     */\n    dispose() {\n        this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);\n        this.removeDocumentEvents();\n    }\n\n    public get mouseType(): string {\n        return this.dndMouse == MOUSE_EVENT_INFO_MOBILE ? 'touch' : 'mouse';\n    }\n\n    private addDocumentEvents() {\n        const doc = this.trigger.ownerDocument;\n        doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);\n        doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);\n    }\n\n    private removeDocumentEvents() {\n        const doc = this.trigger.ownerDocument;\n        doc.removeEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);\n        doc.removeEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);\n    }\n\n    private onMouseDown = (e: Event) => {\n        e.preventDefault();\n        e.stopPropagation();\n        this.addDocumentEvents();\n        [this.initX, this.initY] = this.dndMouse.getPageXY(e as MouseEvent & TouchEvent);\n        this.initValue = this.handler.onDragStart?.(this.context, e as MouseEvent);\n    };\n\n    private onMouseMove = (e: Event) => {\n        e.preventDefault();\n        const [pageX, pageY] = this.dndMouse.getPageXY(e as MouseEvent & TouchEvent);\n        const deltaX = (pageX - this.initX) / this.zoomScale;\n        const deltaY = (pageY - this.initY) / this.zoomScale;\n        if (\n            this.initValue &&\n            this.handler.onDragging?.(this.context, e as MouseEvent, this.initValue, deltaX, deltaY)\n        ) {\n            this.onSubmit?.(this.context, this.trigger);\n        }\n    };\n\n    private onMouseUp = (e: Event) => {\n        e.preventDefault();\n        this.removeDocumentEvents();\n        if (this.handler.onDragEnd?.(this.context, e as MouseEvent, this.initValue)) {\n            this.onSubmit?.(this.context, this.trigger);\n        }\n    };\n}\n"]}
+{"version":3,"file":"DragAndDropHelper.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/DragAndDrop/DragAndDropHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Disposable } from '../Disposable';\r\nimport type { DragAndDropHandler } from './DragAndDropHandler';\r\n\r\n/**\r\n * @internal\r\n */\r\ninterface MouseEventMoves {\r\n    MOUSEDOWN: string;\r\n    MOUSEMOVE: string;\r\n    MOUSEUP: string;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\ninterface MouseEventInfo extends MouseEventMoves {\r\n    getPageXY: (e: MouseEvent) => number[];\r\n}\r\n\r\n/**\r\n * @internal\r\n * Compatible mouse event names for different platform\r\n */\r\ninterface TouchEventInfo extends MouseEventMoves {\r\n    getPageXY: (e: TouchEvent) => number[];\r\n}\r\n\r\n/**\r\n * Generate event names and getXY function based on different platforms to be compatible with desktop and mobile browsers\r\n */\r\nconst MOUSE_EVENT_INFO_DESKTOP: MouseEventInfo = (() => {\r\n    return {\r\n        MOUSEDOWN: 'mousedown',\r\n        MOUSEMOVE: 'mousemove',\r\n        MOUSEUP: 'mouseup',\r\n        getPageXY: getMouseEventPageXY,\r\n    };\r\n})();\r\n\r\nconst MOUSE_EVENT_INFO_MOBILE: TouchEventInfo = (() => {\r\n    return {\r\n        MOUSEDOWN: 'touchstart',\r\n        MOUSEMOVE: 'touchmove',\r\n        MOUSEUP: 'touchend',\r\n        getPageXY: getTouchEventPageXY,\r\n    };\r\n})();\r\n\r\nfunction getMouseEventPageXY(e: MouseEvent): [number, number] {\r\n    return [e.pageX, e.pageY];\r\n}\r\n\r\nfunction getTouchEventPageXY(e: TouchEvent): [number, number] {\r\n    let pageX = 0;\r\n    let pageY = 0;\r\n    if (e.targetTouches && e.targetTouches.length > 0) {\r\n        const touch = e.targetTouches[0];\r\n        pageX = touch.pageX;\r\n        pageY = touch.pageY;\r\n    }\r\n    return [pageX, pageY];\r\n}\r\n\r\n/**\r\n * @internal\r\n * A helper class to help manage drag and drop to an HTML element\r\n */\r\nexport class DragAndDropHelper<TContext, TInitValue> implements Disposable {\r\n    private initX: number = 0;\r\n    private initY: number = 0;\r\n    private initValue: TInitValue | undefined = undefined;\r\n    private dndMouse: MouseEventInfo | TouchEventInfo;\r\n\r\n    /**\r\n     * Create a new instance of DragAndDropHelper class\r\n     * @param trigger The trigger element. When user start drag on this element,\r\n     * events will be fired to the handler object\r\n     * @param context Context object that will be passed to handler function when event is fired,\r\n     * so that the handler object knows which element it is triggered from.\r\n     * @param onSubmit A callback that will be invoked when event handler in handler object returns true\r\n     * @param handler The event handler object, see DragAndDropHandler interface for more information\r\n     * @param zoomScale The zoom scale of the editor\r\n     * @param forceMobile A boolean to force the use of touch controls for the helper\r\n     */\r\n    constructor(\r\n        private trigger: HTMLElement,\r\n        private context: TContext,\r\n        private onSubmit: (context: TContext, trigger: HTMLElement) => void,\r\n        private handler: DragAndDropHandler<TContext, TInitValue>,\r\n        private zoomScale: number,\r\n        forceMobile?: boolean\r\n    ) {\r\n        this.dndMouse = forceMobile ? MOUSE_EVENT_INFO_MOBILE : MOUSE_EVENT_INFO_DESKTOP;\r\n        trigger.addEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);\r\n    }\r\n\r\n    /**\r\n     * Dispose this object, remove all event listeners that has been attached\r\n     */\r\n    dispose() {\r\n        this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);\r\n        this.removeDocumentEvents();\r\n    }\r\n\r\n    public get mouseType(): string {\r\n        return this.dndMouse == MOUSE_EVENT_INFO_MOBILE ? 'touch' : 'mouse';\r\n    }\r\n\r\n    private addDocumentEvents() {\r\n        const doc = this.trigger.ownerDocument;\r\n        doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);\r\n        doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);\r\n    }\r\n\r\n    private removeDocumentEvents() {\r\n        const doc = this.trigger.ownerDocument;\r\n        doc.removeEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);\r\n        doc.removeEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);\r\n    }\r\n\r\n    private onMouseDown = (e: Event) => {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        this.addDocumentEvents();\r\n        [this.initX, this.initY] = this.dndMouse.getPageXY(e as MouseEvent & TouchEvent);\r\n        this.initValue = this.handler.onDragStart?.(this.context, e as MouseEvent);\r\n    };\r\n\r\n    private onMouseMove = (e: Event) => {\r\n        e.preventDefault();\r\n        const [pageX, pageY] = this.dndMouse.getPageXY(e as MouseEvent & TouchEvent);\r\n        const deltaX = (pageX - this.initX) / this.zoomScale;\r\n        const deltaY = (pageY - this.initY) / this.zoomScale;\r\n        if (\r\n            this.initValue &&\r\n            this.handler.onDragging?.(this.context, e as MouseEvent, this.initValue, deltaX, deltaY)\r\n        ) {\r\n            this.onSubmit?.(this.context, this.trigger);\r\n        }\r\n    };\r\n\r\n    private onMouseUp = (e: Event) => {\r\n        e.preventDefault();\r\n        this.removeDocumentEvents();\r\n        if (this.handler.onDragEnd?.(this.context, e as MouseEvent, this.initValue)) {\r\n            this.onSubmit?.(this.context, this.trigger);\r\n        }\r\n    };\r\n}\r\n"]}

package/lib/pluginUtils/Rect/getIntersectedRect.d.ts

@@ -1,27 +1,27 @@
-import type { Rect } from 'roosterjs-content-model-types';
-/**
- * Get the intersected Rect of elements provided
- *
- * @example
- * The result of the following Elements Rects would be:
-    {
-        top: Element2.top,
-        bottom: Element1.bottom,
-        left: Element2.left,
-        right: Element2.right
-    }
-    +-------------------------+
-    | Element 1               |
-    |   +-----------------+   |
-    |   | Element2        |   |
-    |   |                 |   |
-    |   |                 |   |
-    +-------------------------+
-        |                 |
-        +-----------------+
- * @internal
- * @param elements Elements to use.
- * @param additionalRects additional rects to use
- * @returns If the Rect is valid return the rect, if not, return null.
- */
-export declare function getIntersectedRect(elements: HTMLElement[], additionalRects?: Rect[]): Rect | null;
+import type { Rect } from 'roosterjs-content-model-types';
+/**
+ * Get the intersected Rect of elements provided
+ *
+ * @example
+ * The result of the following Elements Rects would be:
+    {
+        top: Element2.top,
+        bottom: Element1.bottom,
+        left: Element2.left,
+        right: Element2.right
+    }
+    +-------------------------+
+    | Element 1               |
+    |   +-----------------+   |
+    |   | Element2        |   |
+    |   |                 |   |
+    |   |                 |   |
+    +-------------------------+
+        |                 |
+        +-----------------+
+ * @internal
+ * @param elements Elements to use.
+ * @param additionalRects additional rects to use
+ * @returns If the Rect is valid return the rect, if not, return null.
+ */
+export declare function getIntersectedRect(elements: HTMLElement[], additionalRects?: Rect[]): Rect | null;

package/lib/pluginUtils/Rect/getIntersectedRect.js

@@ -1,46 +1,46 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIntersectedRect = void 0;
-var tslib_1 = require("tslib");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * Get the intersected Rect of elements provided
- *
- * @example
- * The result of the following Elements Rects would be:
-    {
-        top: Element2.top,
-        bottom: Element1.bottom,
-        left: Element2.left,
-        right: Element2.right
-    }
-    +-------------------------+
-    | Element 1               |
-    |   +-----------------+   |
-    |   | Element2        |   |
-    |   |                 |   |
-    |   |                 |   |
-    +-------------------------+
-        |                 |
-        +-----------------+
- * @internal
- * @param elements Elements to use.
- * @param additionalRects additional rects to use
- * @returns If the Rect is valid return the rect, if not, return null.
- */
-function getIntersectedRect(elements, additionalRects) {
-    if (additionalRects === void 0) { additionalRects = []; }
-    var rects = elements
-        .map(function (element) { return (0, roosterjs_content_model_dom_1.normalizeRect)(element.getBoundingClientRect()); })
-        .concat(additionalRects)
-        .filter(function (element) { return !!element; });
-    var result = {
-        top: Math.max.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.top; })), false)),
-        bottom: Math.min.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.bottom; })), false)),
-        left: Math.max.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.left; })), false)),
-        right: Math.min.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.right; })), false)),
-    };
-    return result.top < result.bottom && result.left < result.right ? result : null;
-}
-exports.getIntersectedRect = getIntersectedRect;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIntersectedRect = void 0;
+var tslib_1 = require("tslib");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * Get the intersected Rect of elements provided
+ *
+ * @example
+ * The result of the following Elements Rects would be:
+    {
+        top: Element2.top,
+        bottom: Element1.bottom,
+        left: Element2.left,
+        right: Element2.right
+    }
+    +-------------------------+
+    | Element 1               |
+    |   +-----------------+   |
+    |   | Element2        |   |
+    |   |                 |   |
+    |   |                 |   |
+    +-------------------------+
+        |                 |
+        +-----------------+
+ * @internal
+ * @param elements Elements to use.
+ * @param additionalRects additional rects to use
+ * @returns If the Rect is valid return the rect, if not, return null.
+ */
+function getIntersectedRect(elements, additionalRects) {
+    if (additionalRects === void 0) { additionalRects = []; }
+    var rects = elements
+        .map(function (element) { return (0, roosterjs_content_model_dom_1.normalizeRect)(element.getBoundingClientRect()); })
+        .concat(additionalRects)
+        .filter(function (element) { return !!element; });
+    var result = {
+        top: Math.max.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.top; })), false)),
+        bottom: Math.min.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.bottom; })), false)),
+        left: Math.max.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.left; })), false)),
+        right: Math.min.apply(Math, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(rects.map(function (r) { return r.right; })), false)),
+    };
+    return result.top < result.bottom && result.left < result.right ? result : null;
+}
+exports.getIntersectedRect = getIntersectedRect;
 //# sourceMappingURL=getIntersectedRect.js.map

package/lib/pluginUtils/Rect/getIntersectedRect.js.map

@@ -1 +1 @@
-{"version":3,"file":"getIntersectedRect.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/Rect/getIntersectedRect.ts"],"names":[],"mappings":";;;;AAAA,2EAA4D;AAG5D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,SAAgB,kBAAkB,CAC9B,QAAuB,EACvB,eAA4B;IAA5B,gCAAA,EAAA,oBAA4B;IAE5B,IAAM,KAAK,GAAG,QAAQ;SACjB,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,IAAA,2CAAa,EAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,EAA9C,CAA8C,CAAC;SAC9D,MAAM,CAAC,eAAe,CAAC;SACvB,MAAM,CAAC,UAAA,OAAO,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAW,CAAC;IAE5C,IAAM,MAAM,GAAS;QACjB,GAAG,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,EAAL,CAAK,CAAC,UAAC;QACvC,MAAM,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,UAAC;QAC7C,IAAI,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,UAAC;QACzC,KAAK,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,UAAC;KAC9C,CAAC;IAEF,OAAO,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpF,CAAC;AAjBD,gDAiBC","sourcesContent":["import { normalizeRect } from 'roosterjs-content-model-dom';\nimport type { Rect } from 'roosterjs-content-model-types';\n\n/**\n * Get the intersected Rect of elements provided\n *\n * @example\n * The result of the following Elements Rects would be:\n    {\n        top: Element2.top,\n        bottom: Element1.bottom,\n        left: Element2.left,\n        right: Element2.right\n    }\n    +-------------------------+\n    | Element 1               |\n    |   +-----------------+   |\n    |   | Element2        |   |\n    |   |                 |   |\n    |   |                 |   |\n    +-------------------------+\n        |                 |\n        +-----------------+\n * @internal\n * @param elements Elements to use.\n * @param additionalRects additional rects to use\n * @returns If the Rect is valid return the rect, if not, return null.\n */\nexport function getIntersectedRect(\n    elements: HTMLElement[],\n    additionalRects: Rect[] = []\n): Rect | null {\n    const rects = elements\n        .map(element => normalizeRect(element.getBoundingClientRect()))\n        .concat(additionalRects)\n        .filter(element => !!element) as Rect[];\n\n    const result: Rect = {\n        top: Math.max(...rects.map(r => r.top)),\n        bottom: Math.min(...rects.map(r => r.bottom)),\n        left: Math.max(...rects.map(r => r.left)),\n        right: Math.min(...rects.map(r => r.right)),\n    };\n\n    return result.top < result.bottom && result.left < result.right ? result : null;\n}\n"]}
+{"version":3,"file":"getIntersectedRect.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/Rect/getIntersectedRect.ts"],"names":[],"mappings":";;;;AAAA,2EAA4D;AAG5D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,SAAgB,kBAAkB,CAC9B,QAAuB,EACvB,eAA4B;IAA5B,gCAAA,EAAA,oBAA4B;IAE5B,IAAM,KAAK,GAAG,QAAQ;SACjB,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,IAAA,2CAAa,EAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,EAA9C,CAA8C,CAAC;SAC9D,MAAM,CAAC,eAAe,CAAC;SACvB,MAAM,CAAC,UAAA,OAAO,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAW,CAAC;IAE5C,IAAM,MAAM,GAAS;QACjB,GAAG,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,EAAL,CAAK,CAAC,UAAC;QACvC,MAAM,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,UAAC;QAC7C,IAAI,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,UAAC;QACzC,KAAK,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,qDAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,UAAC;KAC9C,CAAC;IAEF,OAAO,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpF,CAAC;AAjBD,gDAiBC","sourcesContent":["import { normalizeRect } from 'roosterjs-content-model-dom';\r\nimport type { Rect } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * Get the intersected Rect of elements provided\r\n *\r\n * @example\r\n * The result of the following Elements Rects would be:\r\n    {\r\n        top: Element2.top,\r\n        bottom: Element1.bottom,\r\n        left: Element2.left,\r\n        right: Element2.right\r\n    }\r\n    +-------------------------+\r\n    | Element 1               |\r\n    |   +-----------------+   |\r\n    |   | Element2        |   |\r\n    |   |                 |   |\r\n    |   |                 |   |\r\n    +-------------------------+\r\n        |                 |\r\n        +-----------------+\r\n * @internal\r\n * @param elements Elements to use.\r\n * @param additionalRects additional rects to use\r\n * @returns If the Rect is valid return the rect, if not, return null.\r\n */\r\nexport function getIntersectedRect(\r\n    elements: HTMLElement[],\r\n    additionalRects: Rect[] = []\r\n): Rect | null {\r\n    const rects = elements\r\n        .map(element => normalizeRect(element.getBoundingClientRect()))\r\n        .concat(additionalRects)\r\n        .filter(element => !!element) as Rect[];\r\n\r\n    const result: Rect = {\r\n        top: Math.max(...rects.map(r => r.top)),\r\n        bottom: Math.min(...rects.map(r => r.bottom)),\r\n        left: Math.max(...rects.map(r => r.left)),\r\n        right: Math.min(...rects.map(r => r.right)),\r\n    };\r\n\r\n    return result.top < result.bottom && result.left < result.right ? result : null;\r\n}\r\n"]}

package/lib/shortcut/ShortcutCommand.d.ts

@@ -1,44 +1,44 @@
-import type { IEditor } from 'roosterjs-content-model-types';
-/**
- * Definition of the shortcut key
- */
-export interface ShortcutKeyDefinition {
-    /**
-     * Modifier key for this shortcut, allowed values are:
-     * ctrl: Ctrl key (or Meta key on MacOS)
-     * alt: Alt key
-     */
-    modifierKey: 'ctrl' | 'alt';
-    /**
-     * Whether ALT key is required for this shortcut
-     */
-    shiftKey: boolean;
-    /**
-     * Key code for this shortcut. The value should be the value of KeyboardEvent.which
-     * We are still using key code here rather than key name (event.key)  although event.which is deprecated because of globalization.
-     * For example, on US keyboard, Shift+Comma="<" but on Spanish keyboard it is ":"
-     * And we still want the shortcut key to be registered on  the same key, in that case key name is different but key code keeps the same.
-     */
-    which: number;
-}
-/**
- * Represents a command for shortcut
- */
-export interface ShortcutCommand {
-    /**
-     * Definition of the shortcut key
-     */
-    shortcutKey: ShortcutKeyDefinition;
-    /**
-     * @optional Required environment for this command
-     * all: (Default) This feature is available for all environments
-     * mac: This feature is available on MacOS only
-     * nonMac: This feature is available on OS other than MacOS
-     */
-    environment?: 'all' | 'mac' | 'nonMac';
-    /**
-     * The callback function to invoke when this shortcut is triggered
-     * @param editor The editor object
-     */
-    onClick: (editor: IEditor) => void;
-}
+import type { IEditor } from 'roosterjs-content-model-types';
+/**
+ * Definition of the shortcut key
+ */
+export interface ShortcutKeyDefinition {
+    /**
+     * Modifier key for this shortcut, allowed values are:
+     * ctrl: Ctrl key (or Meta key on MacOS)
+     * alt: Alt key
+     */
+    modifierKey: 'ctrl' | 'alt';
+    /**
+     * Whether ALT key is required for this shortcut
+     */
+    shiftKey: boolean;
+    /**
+     * Key code for this shortcut. The value should be the value of KeyboardEvent.which
+     * We are still using key code here rather than key name (event.key)  although event.which is deprecated because of globalization.
+     * For example, on US keyboard, Shift+Comma="<" but on Spanish keyboard it is ":"
+     * And we still want the shortcut key to be registered on  the same key, in that case key name is different but key code keeps the same.
+     */
+    which: number;
+}
+/**
+ * Represents a command for shortcut
+ */
+export interface ShortcutCommand {
+    /**
+     * Definition of the shortcut key
+     */
+    shortcutKey: ShortcutKeyDefinition;
+    /**
+     * @optional Required environment for this command
+     * all: (Default) This feature is available for all environments
+     * mac: This feature is available on MacOS only
+     * nonMac: This feature is available on OS other than MacOS
+     */
+    environment?: 'all' | 'mac' | 'nonMac';
+    /**
+     * The callback function to invoke when this shortcut is triggered
+     * @param editor The editor object
+     */
+    onClick: (editor: IEditor) => void;
+}

package/lib/shortcut/ShortcutCommand.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=ShortcutCommand.js.map

package/lib/shortcut/ShortcutCommand.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutCommand.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/shortcut/ShortcutCommand.ts"],"names":[],"mappings":"","sourcesContent":["import type { IEditor } from 'roosterjs-content-model-types';\n\n/**\n * Definition of the shortcut key\n */\nexport interface ShortcutKeyDefinition {\n    /**\n     * Modifier key for this shortcut, allowed values are:\n     * ctrl: Ctrl key (or Meta key on MacOS)\n     * alt: Alt key\n     */\n    modifierKey: 'ctrl' | 'alt';\n\n    /**\n     * Whether ALT key is required for this shortcut\n     */\n    shiftKey: boolean;\n\n    /**\n     * Key code for this shortcut. The value should be the value of KeyboardEvent.which\n     * We are still using key code here rather than key name (event.key)  although event.which is deprecated because of globalization.\n     * For example, on US keyboard, Shift+Comma=\"<\" but on Spanish keyboard it is \":\"\n     * And we still want the shortcut key to be registered on  the same key, in that case key name is different but key code keeps the same.\n     */\n    which: number;\n}\n\n/**\n * Represents a command for shortcut\n */\nexport interface ShortcutCommand {\n    /**\n     * Definition of the shortcut key\n     */\n    shortcutKey: ShortcutKeyDefinition;\n\n    /**\n     * @optional Required environment for this command\n     * all: (Default) This feature is available for all environments\n     * mac: This feature is available on MacOS only\n     * nonMac: This feature is available on OS other than MacOS\n     */\n    environment?: 'all' | 'mac' | 'nonMac';\n\n    /**\n     * The callback function to invoke when this shortcut is triggered\n     * @param editor The editor object\n     */\n    onClick: (editor: IEditor) => void;\n}\n"]}
+{"version":3,"file":"ShortcutCommand.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/shortcut/ShortcutCommand.ts"],"names":[],"mappings":"","sourcesContent":["import type { IEditor } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * Definition of the shortcut key\r\n */\r\nexport interface ShortcutKeyDefinition {\r\n    /**\r\n     * Modifier key for this shortcut, allowed values are:\r\n     * ctrl: Ctrl key (or Meta key on MacOS)\r\n     * alt: Alt key\r\n     */\r\n    modifierKey: 'ctrl' | 'alt';\r\n\r\n    /**\r\n     * Whether ALT key is required for this shortcut\r\n     */\r\n    shiftKey: boolean;\r\n\r\n    /**\r\n     * Key code for this shortcut. The value should be the value of KeyboardEvent.which\r\n     * We are still using key code here rather than key name (event.key)  although event.which is deprecated because of globalization.\r\n     * For example, on US keyboard, Shift+Comma=\"<\" but on Spanish keyboard it is \":\"\r\n     * And we still want the shortcut key to be registered on  the same key, in that case key name is different but key code keeps the same.\r\n     */\r\n    which: number;\r\n}\r\n\r\n/**\r\n * Represents a command for shortcut\r\n */\r\nexport interface ShortcutCommand {\r\n    /**\r\n     * Definition of the shortcut key\r\n     */\r\n    shortcutKey: ShortcutKeyDefinition;\r\n\r\n    /**\r\n     * @optional Required environment for this command\r\n     * all: (Default) This feature is available for all environments\r\n     * mac: This feature is available on MacOS only\r\n     * nonMac: This feature is available on OS other than MacOS\r\n     */\r\n    environment?: 'all' | 'mac' | 'nonMac';\r\n\r\n    /**\r\n     * The callback function to invoke when this shortcut is triggered\r\n     * @param editor The editor object\r\n     */\r\n    onClick: (editor: IEditor) => void;\r\n}\r\n"]}