roosterjs-content-model-plugins 0.26.0 → 0.26.2

package/lib-amd/pluginUtils/DragAndDrop/DragAndDropHandler.d.ts

@@ -1,45 +1,45 @@
-/**
- * @internal
- * Drag and drop handler interface, used for implementing a handler object and pass into DragAndDropHelper class
- */
-export default interface DragAndDropHandler<TContext, TInitValue> {
-    /**
-     * A callback that will be called when user starts to drag (mouse down event from the trigger element)
-     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use
-     * this object to communicate between caller code and this handler
-     * @param event The mouse event that triggers this callback
-     * @returns An optional object, which will be passed into onDragging and onDragEnd callback. It normally used
-     * for passing an initial state of the target object
-     */
-    onDragStart?: (context: TContext, event: MouseEvent) => TInitValue;
-    /**
-     * A callback that will be called when user moves mouse and drag the trigger element.
-     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use
-     * this object to communicate between caller code and this handler.If an object is used as context, here it will
-     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change
-     * its sub value so that caller can get the changed result.
-     * @param event The mouse event that triggers this callback
-     * @param initValue The initial value that is returned from onDragStart callback. It normally used
-     * for passing an initial state of the target object
-     * @param deltaX x delta value. It equals to current event.pageX - initial pageX (captured when mousedown happens)
-     * @param deltaY y delta value. It equals to current event.pageY - initial pageY (captured when mousedown happens)
-     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.
-     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly
-     * under context object) has been changed, and caller should handle this change. Otherwise, return false.
-     */
-    onDragging?: (context: TContext, event: MouseEvent, initValue: TInitValue, deltaX: number, deltaY: number) => boolean;
-    /**
-     * A callback that will be called when user stops dragging the trigger element.
-     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use
-     * this object to communicate between caller code and this handler.If an object is used as context, here it will
-     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change
-     * its sub value so that caller can get the changed result.
-     * @param event The mouse event that triggers this callback
-     * @param initValue The initial value that is returned from onDragStart callback. It normally used
-     * for passing an initial state of the target object
-     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.
-     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly
-     * under context object) has been changed, and caller should handle this change. Otherwise, return false.
-     */
-    onDragEnd?: (context: TContext, event: MouseEvent, initValue: TInitValue | undefined) => boolean;
-}
+/**
+ * @internal
+ * Drag and drop handler interface, used for implementing a handler object and pass into DragAndDropHelper class
+ */
+export default interface DragAndDropHandler<TContext, TInitValue> {
+    /**
+     * A callback that will be called when user starts to drag (mouse down event from the trigger element)
+     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use
+     * this object to communicate between caller code and this handler
+     * @param event The mouse event that triggers this callback
+     * @returns An optional object, which will be passed into onDragging and onDragEnd callback. It normally used
+     * for passing an initial state of the target object
+     */
+    onDragStart?: (context: TContext, event: MouseEvent) => TInitValue;
+    /**
+     * A callback that will be called when user moves mouse and drag the trigger element.
+     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use
+     * this object to communicate between caller code and this handler.If an object is used as context, here it will
+     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change
+     * its sub value so that caller can get the changed result.
+     * @param event The mouse event that triggers this callback
+     * @param initValue The initial value that is returned from onDragStart callback. It normally used
+     * for passing an initial state of the target object
+     * @param deltaX x delta value. It equals to current event.pageX - initial pageX (captured when mousedown happens)
+     * @param deltaY y delta value. It equals to current event.pageY - initial pageY (captured when mousedown happens)
+     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.
+     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly
+     * under context object) has been changed, and caller should handle this change. Otherwise, return false.
+     */
+    onDragging?: (context: TContext, event: MouseEvent, initValue: TInitValue, deltaX: number, deltaY: number) => boolean;
+    /**
+     * A callback that will be called when user stops dragging the trigger element.
+     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use
+     * this object to communicate between caller code and this handler.If an object is used as context, here it will
+     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change
+     * its sub value so that caller can get the changed result.
+     * @param event The mouse event that triggers this callback
+     * @param initValue The initial value that is returned from onDragStart callback. It normally used
+     * for passing an initial state of the target object
+     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.
+     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly
+     * under context object) has been changed, and caller should handle this change. Otherwise, return false.
+     */
+    onDragEnd?: (context: TContext, event: MouseEvent, initValue: TInitValue | undefined) => boolean;
+}

package/lib-amd/pluginUtils/DragAndDrop/DragAndDropHandler.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=DragAndDropHandler.js.map

package/lib-amd/pluginUtils/DragAndDrop/DragAndDropHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDropHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/DragAndDrop/DragAndDropHandler.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * @internal\r\n * Drag and drop handler interface, used for implementing a handler object and pass into DragAndDropHelper class\r\n */\r\nexport default interface DragAndDropHandler<TContext, TInitValue> {\r\n    /**\r\n     * A callback that will be called when user starts to drag (mouse down event from the trigger element)\r\n     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use\r\n     * this object to communicate between caller code and this handler\r\n     * @param event The mouse event that triggers this callback\r\n     * @returns An optional object, which will be passed into onDragging and onDragEnd callback. It normally used\r\n     * for passing an initial state of the target object\r\n     */\r\n    onDragStart?: (context: TContext, event: MouseEvent) => TInitValue;\r\n\r\n    /**\r\n     * A callback that will be called when user moves mouse and drag the trigger element.\r\n     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use\r\n     * this object to communicate between caller code and this handler.If an object is used as context, here it will\r\n     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change\r\n     * its sub value so that caller can get the changed result.\r\n     * @param event The mouse event that triggers this callback\r\n     * @param initValue The initial value that is returned from onDragStart callback. It normally used\r\n     * for passing an initial state of the target object\r\n     * @param deltaX x delta value. It equals to current event.pageX - initial pageX (captured when mousedown happens)\r\n     * @param deltaY y delta value. It equals to current event.pageY - initial pageY (captured when mousedown happens)\r\n     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.\r\n     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly\r\n     * under context object) has been changed, and caller should handle this change. Otherwise, return false.\r\n     */\r\n    onDragging?: (\r\n        context: TContext,\r\n        event: MouseEvent,\r\n        initValue: TInitValue,\r\n        deltaX: number,\r\n        deltaY: number\r\n    ) => boolean;\r\n\r\n    /**\r\n     * A callback that will be called when user stops dragging the trigger element.\r\n     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use\r\n     * this object to communicate between caller code and this handler.If an object is used as context, here it will\r\n     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change\r\n     * its sub value so that caller can get the changed result.\r\n     * @param event The mouse event that triggers this callback\r\n     * @param initValue The initial value that is returned from onDragStart callback. It normally used\r\n     * for passing an initial state of the target object\r\n     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.\r\n     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly\r\n     * under context object) has been changed, and caller should handle this change. Otherwise, return false.\r\n     */\r\n    onDragEnd?: (\r\n        context: TContext,\r\n        event: MouseEvent,\r\n        initValue: TInitValue | undefined\r\n    ) => boolean;\r\n}\r\n"]}
+{"version":3,"file":"DragAndDropHandler.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/DragAndDrop/DragAndDropHandler.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n * Drag and drop handler interface, used for implementing a handler object and pass into DragAndDropHelper class\n */\nexport default interface DragAndDropHandler<TContext, TInitValue> {\n    /**\n     * A callback that will be called when user starts to drag (mouse down event from the trigger element)\n     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use\n     * this object to communicate between caller code and this handler\n     * @param event The mouse event that triggers this callback\n     * @returns An optional object, which will be passed into onDragging and onDragEnd callback. It normally used\n     * for passing an initial state of the target object\n     */\n    onDragStart?: (context: TContext, event: MouseEvent) => TInitValue;\n\n    /**\n     * A callback that will be called when user moves mouse and drag the trigger element.\n     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use\n     * this object to communicate between caller code and this handler.If an object is used as context, here it will\n     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change\n     * its sub value so that caller can get the changed result.\n     * @param event The mouse event that triggers this callback\n     * @param initValue The initial value that is returned from onDragStart callback. It normally used\n     * for passing an initial state of the target object\n     * @param deltaX x delta value. It equals to current event.pageX - initial pageX (captured when mousedown happens)\n     * @param deltaY y delta value. It equals to current event.pageY - initial pageY (captured when mousedown happens)\n     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.\n     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly\n     * under context object) has been changed, and caller should handle this change. Otherwise, return false.\n     */\n    onDragging?: (\n        context: TContext,\n        event: MouseEvent,\n        initValue: TInitValue,\n        deltaX: number,\n        deltaY: number\n    ) => boolean;\n\n    /**\n     * A callback that will be called when user stops dragging the trigger element.\n     * @param context The context object that was passed into DragAndDropHelper from its constructor. We can use\n     * this object to communicate between caller code and this handler.If an object is used as context, here it will\n     * be the same object that passed into constructor of DragAndDropHelper class. Inside this callback you can change\n     * its sub value so that caller can get the changed result.\n     * @param event The mouse event that triggers this callback\n     * @param initValue The initial value that is returned from onDragStart callback. It normally used\n     * for passing an initial state of the target object\n     * @returns Whether the onSubmit callback passed into constructor of DragAndDropHelper class should be invoked.\n     * Returns true will invoke the onSubmit callback, it means this is a meaningful dragging action, something (mostly\n     * under context object) has been changed, and caller should handle this change. Otherwise, return false.\n     */\n    onDragEnd?: (\n        context: TContext,\n        event: MouseEvent,\n        initValue: TInitValue | undefined\n    ) => boolean;\n}\n"]}

package/lib-amd/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-amd/pluginUtils/DragAndDrop/DragAndDropHelper.js

@@ -1,121 +1,121 @@
-define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * 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.default = DragAndDropHelper;
-});
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * 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.default = DragAndDropHelper;
+});
 //# sourceMappingURL=DragAndDropHelper.js.map

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