roosterjs-content-model-plugins 0.26.0 → 0.26.1

package/lib-mjs/pluginUtils/DragAndDrop/DragAndDropHelper.d.ts

@@ -1,39 +1,39 @@
-import type Disposable from '../Disposable';
-import type DragAndDropHandler from './DragAndDropHandler';
-/**
- * @internal
- * A helper class to help manage drag and drop to an HTML element
- */
-export default class DragAndDropHelper<TContext, TInitValue> implements Disposable {
-    private trigger;
-    private context;
-    private onSubmit;
-    private handler;
-    private zoomScale;
-    private initX;
-    private initY;
-    private initValue;
-    private dndMouse;
-    /**
-     * 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
-     */
-    constructor(trigger: HTMLElement, context: TContext, onSubmit: (context: TContext, trigger: HTMLElement) => void, handler: DragAndDropHandler<TContext, TInitValue>, zoomScale: number, forceMobile?: boolean);
-    /**
-     * Dispose this object, remove all event listeners that has been attached
-     */
-    dispose(): void;
-    get mouseType(): string;
-    private addDocumentEvents;
-    private removeDocumentEvents;
-    private onMouseDown;
-    private onMouseMove;
-    private onMouseUp;
-}
+import type Disposable from '../Disposable';
+import type DragAndDropHandler from './DragAndDropHandler';
+/**
+ * @internal
+ * A helper class to help manage drag and drop to an HTML element
+ */
+export default class DragAndDropHelper<TContext, TInitValue> implements Disposable {
+    private trigger;
+    private context;
+    private onSubmit;
+    private handler;
+    private zoomScale;
+    private initX;
+    private initY;
+    private initValue;
+    private dndMouse;
+    /**
+     * 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
+     */
+    constructor(trigger: HTMLElement, context: TContext, onSubmit: (context: TContext, trigger: HTMLElement) => void, handler: DragAndDropHandler<TContext, TInitValue>, zoomScale: number, forceMobile?: boolean);
+    /**
+     * Dispose this object, remove all event listeners that has been attached
+     */
+    dispose(): void;
+    get mouseType(): string;
+    private addDocumentEvents;
+    private removeDocumentEvents;
+    private onMouseDown;
+    private onMouseMove;
+    private onMouseUp;
+}

package/lib-mjs/pluginUtils/DragAndDrop/DragAndDropHelper.js

@@ -1,118 +1,118 @@
-import { __read } from "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 = __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 = __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;
-}());
-export default DragAndDropHelper;
+import { __read } from "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 = __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 = __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;
+}());
+export default DragAndDropHelper;
 //# sourceMappingURL=DragAndDropHelper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DragAndDropHelper.js","sourceRoot":"","sources":["../../../../../packages-content-model/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 default 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"]}
+{"version":3,"file":"DragAndDropHelper.js","sourceRoot":"","sources":["../../../../../packages-content-model/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 default 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"]}

package/lib-mjs/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 default 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 default function getIntersectedRect(elements: HTMLElement[], additionalRects?: Rect[]): Rect | null;

package/lib-mjs/pluginUtils/Rect/getIntersectedRect.js

@@ -1,42 +1,42 @@
-import { __read, __spreadArray } from "tslib";
-import normalizeRect from './normalizeRect';
-/**
- * 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 default function getIntersectedRect(elements, additionalRects) {
-    if (additionalRects === void 0) { additionalRects = []; }
-    var rects = elements
-        .map(function (element) { return normalizeRect(element.getBoundingClientRect()); })
-        .concat(additionalRects)
-        .filter(function (element) { return !!element; });
-    var result = {
-        top: Math.max.apply(Math, __spreadArray([], __read(rects.map(function (r) { return r.top; })), false)),
-        bottom: Math.min.apply(Math, __spreadArray([], __read(rects.map(function (r) { return r.bottom; })), false)),
-        left: Math.max.apply(Math, __spreadArray([], __read(rects.map(function (r) { return r.left; })), false)),
-        right: Math.min.apply(Math, __spreadArray([], __read(rects.map(function (r) { return r.right; })), false)),
-    };
-    return result.top < result.bottom && result.left < result.right ? result : null;
-}
+import { __read, __spreadArray } from "tslib";
+import normalizeRect from './normalizeRect';
+/**
+ * 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 default function getIntersectedRect(elements, additionalRects) {
+    if (additionalRects === void 0) { additionalRects = []; }
+    var rects = elements
+        .map(function (element) { return normalizeRect(element.getBoundingClientRect()); })
+        .concat(additionalRects)
+        .filter(function (element) { return !!element; });
+    var result = {
+        top: Math.max.apply(Math, __spreadArray([], __read(rects.map(function (r) { return r.top; })), false)),
+        bottom: Math.min.apply(Math, __spreadArray([], __read(rects.map(function (r) { return r.bottom; })), false)),
+        left: Math.max.apply(Math, __spreadArray([], __read(rects.map(function (r) { return r.left; })), false)),
+        right: Math.min.apply(Math, __spreadArray([], __read(rects.map(function (r) { return r.right; })), false)),
+    };
+    return result.top < result.bottom && result.left < result.right ? result : null;
+}
 //# sourceMappingURL=getIntersectedRect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getIntersectedRect.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/Rect/getIntersectedRect.ts"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACtC,QAAuB,EACvB,eAA4B;IAA5B,gCAAA,EAAA,oBAA4B;IAE5B,IAAM,KAAK,GAAG,QAAQ;SACjB,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,aAAa,CAAC,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,2BAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,EAAL,CAAK,CAAC,UAAC;QACvC,MAAM,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,2BAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,UAAC;QAC7C,IAAI,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,2BAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,UAAC;QACzC,KAAK,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,2BAAQ,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","sourcesContent":["import normalizeRect from './normalizeRect';\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 default 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"]}
+{"version":3,"file":"getIntersectedRect.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/Rect/getIntersectedRect.ts"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACtC,QAAuB,EACvB,eAA4B;IAA5B,gCAAA,EAAA,oBAA4B;IAE5B,IAAM,KAAK,GAAG,QAAQ;SACjB,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,aAAa,CAAC,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,2BAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,EAAL,CAAK,CAAC,UAAC;QACvC,MAAM,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,2BAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,UAAC;QAC7C,IAAI,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,2BAAQ,KAAK,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,UAAC;QACzC,KAAK,EAAE,IAAI,CAAC,GAAG,OAAR,IAAI,2BAAQ,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","sourcesContent":["import normalizeRect from './normalizeRect';\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 default 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"]}

package/lib-mjs/pluginUtils/Rect/normalizeRect.d.ts

@@ -1,7 +1,7 @@
-import type { Rect } from 'roosterjs-content-model-types';
-/**
- * @internal
- * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p
- * We validate that and only return a rect when the passed in ClientRect is valid
- */
-export default function normalizeRect(clientRect: DOMRect): Rect | null;
+import type { Rect } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p
+ * We validate that and only return a rect when the passed in ClientRect is valid
+ */
+export default function normalizeRect(clientRect: DOMRect): Rect | null;

package/lib-mjs/pluginUtils/Rect/normalizeRect.js

@@ -1,17 +1,17 @@
-/**
- * @internal
- * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p
- * We validate that and only return a rect when the passed in ClientRect is valid
- */
-export default function normalizeRect(clientRect) {
-    var _a = clientRect || { left: 0, right: 0, top: 0, bottom: 0 }, left = _a.left, right = _a.right, top = _a.top, bottom = _a.bottom;
-    return left === 0 && right === 0 && top === 0 && bottom === 0
-        ? null
-        : {
-            left: Math.round(left),
-            right: Math.round(right),
-            top: Math.round(top),
-            bottom: Math.round(bottom),
-        };
-}
+/**
+ * @internal
+ * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p
+ * We validate that and only return a rect when the passed in ClientRect is valid
+ */
+export default function normalizeRect(clientRect) {
+    var _a = clientRect || { left: 0, right: 0, top: 0, bottom: 0 }, left = _a.left, right = _a.right, top = _a.top, bottom = _a.bottom;
+    return left === 0 && right === 0 && top === 0 && bottom === 0
+        ? null
+        : {
+            left: Math.round(left),
+            right: Math.round(right),
+            top: Math.round(top),
+            bottom: Math.round(bottom),
+        };
+}
 //# sourceMappingURL=normalizeRect.js.map

package/lib-mjs/pluginUtils/Rect/normalizeRect.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeRect.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/Rect/normalizeRect.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,UAAmB;IAC/C,IAAA,KACF,UAAU,IAAa,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAD3D,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YACmC,CAAC;IACpE,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC;QACzD,CAAC,CAAC,IAAI;QACN,CAAC,CAAC;YACI,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YACxB,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACpB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;SAC7B,CAAC;AACZ,CAAC","sourcesContent":["import type { Rect } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p\r\n * We validate that and only return a rect when the passed in ClientRect is valid\r\n */\r\nexport default function normalizeRect(clientRect: DOMRect): Rect | null {\r\n    const { left, right, top, bottom } =\r\n        clientRect || <DOMRect>{ left: 0, right: 0, top: 0, bottom: 0 };\r\n    return left === 0 && right === 0 && top === 0 && bottom === 0\r\n        ? null\r\n        : {\r\n              left: Math.round(left),\r\n              right: Math.round(right),\r\n              top: Math.round(top),\r\n              bottom: Math.round(bottom),\r\n          };\r\n}\r\n"]}
+{"version":3,"file":"normalizeRect.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/Rect/normalizeRect.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,UAAmB;IAC/C,IAAA,KACF,UAAU,IAAa,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAD3D,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YACmC,CAAC;IACpE,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC;QACzD,CAAC,CAAC,IAAI;QACN,CAAC,CAAC;YACI,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YACxB,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACpB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;SAC7B,CAAC;AACZ,CAAC","sourcesContent":["import type { Rect } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p\n * We validate that and only return a rect when the passed in ClientRect is valid\n */\nexport default function normalizeRect(clientRect: DOMRect): Rect | null {\n    const { left, right, top, bottom } =\n        clientRect || <DOMRect>{ left: 0, right: 0, top: 0, bottom: 0 };\n    return left === 0 && right === 0 && top === 0 && bottom === 0\n        ? null\n        : {\n              left: Math.round(left),\n              right: Math.round(right),\n              top: Math.round(top),\n              bottom: Math.round(bottom),\n          };\n}\n"]}

package/package.json

@@ -3,12 +3,12 @@
     "description": "Content Model for roosterjs (Under development)",
     "dependencies": {
         "tslib": "^2.3.1",
-        "roosterjs-content-model-core": "^0.26.0",
-        "roosterjs-content-model-dom": "^0.26.0",
-        "roosterjs-content-model-types": "^0.26.0",
-        "roosterjs-content-model-api": "^0.26.0"
+        "roosterjs-content-model-core": "^0.26.1",
+        "roosterjs-content-model-dom": "^0.26.1",
+        "roosterjs-content-model-types": "^0.26.1",
+        "roosterjs-content-model-api": "^0.26.1"
     },
-    "version": "0.26.0",
+    "version": "0.26.1",
     "main": "./lib/index.js",
     "typings": "./lib/index.d.ts",
     "module": "./lib-mjs/index.js",