roosterjs-content-model-plugins 9.43.0 → 9.45.0

package/lib/pluginUtils/CreateElement/CreateElementData.d.ts

@@ -1,35 +1,35 @@
-/**
- * @internal
- * An interface represents the data for creating element used by createElement()
- */
-export interface CreateElementData {
-    /**
-     * Tag name of this element.
-     * It can be just a tag, or in format "namespace:tag"
-     */
-    tag: string;
-    /**
-     * Namespace of this tag
-     */
-    namespace?: string;
-    /**
-     * CSS class name
-     */
-    className?: string;
-    /**
-     * CSS style
-     */
-    style?: string;
-    /**
-     * Dataset of this element
-     */
-    dataset?: Record<string, string>;
-    /**
-     * Additional attributes of this element
-     */
-    attributes?: Record<string, string>;
-    /**
-     * Child nodes of this element, can be another CreateElementData, or a string which represents a text node
-     */
-    children?: (CreateElementData | string)[];
-}
+/**
+ * @internal
+ * An interface represents the data for creating element used by createElement()
+ */
+export interface CreateElementData {
+    /**
+     * Tag name of this element.
+     * It can be just a tag, or in format "namespace:tag"
+     */
+    tag: string;
+    /**
+     * Namespace of this tag
+     */
+    namespace?: string;
+    /**
+     * CSS class name
+     */
+    className?: string;
+    /**
+     * CSS style
+     */
+    style?: string;
+    /**
+     * Dataset of this element
+     */
+    dataset?: Record<string, string>;
+    /**
+     * Additional attributes of this element
+     */
+    attributes?: Record<string, string>;
+    /**
+     * Child nodes of this element, can be another CreateElementData, or a string which represents a text node
+     */
+    children?: (CreateElementData | string)[];
+}

package/lib/pluginUtils/CreateElement/CreateElementData.js

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

package/lib/pluginUtils/CreateElement/CreateElementData.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateElementData.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/CreateElement/CreateElementData.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n * An interface represents the data for creating element used by createElement()\n */\nexport interface CreateElementData {\n    /**\n     * Tag name of this element.\n     * It can be just a tag, or in format \"namespace:tag\"\n     */\n    tag: string;\n\n    /**\n     * Namespace of this tag\n     */\n    namespace?: string;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n\n    /**\n     * CSS style\n     */\n    style?: string;\n\n    /**\n     * Dataset of this element\n     */\n    dataset?: Record<string, string>;\n\n    /**\n     * Additional attributes of this element\n     */\n    attributes?: Record<string, string>;\n\n    /**\n     * Child nodes of this element, can be another CreateElementData, or a string which represents a text node\n     */\n    children?: (CreateElementData | string)[];\n}\n"]}
+{"version":3,"file":"CreateElementData.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/CreateElement/CreateElementData.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * @internal\r\n * An interface represents the data for creating element used by createElement()\r\n */\r\nexport interface CreateElementData {\r\n    /**\r\n     * Tag name of this element.\r\n     * It can be just a tag, or in format \"namespace:tag\"\r\n     */\r\n    tag: string;\r\n\r\n    /**\r\n     * Namespace of this tag\r\n     */\r\n    namespace?: string;\r\n\r\n    /**\r\n     * CSS class name\r\n     */\r\n    className?: string;\r\n\r\n    /**\r\n     * CSS style\r\n     */\r\n    style?: string;\r\n\r\n    /**\r\n     * Dataset of this element\r\n     */\r\n    dataset?: Record<string, string>;\r\n\r\n    /**\r\n     * Additional attributes of this element\r\n     */\r\n    attributes?: Record<string, string>;\r\n\r\n    /**\r\n     * Child nodes of this element, can be another CreateElementData, or a string which represents a text node\r\n     */\r\n    children?: (CreateElementData | string)[];\r\n}\r\n"]}

package/lib/pluginUtils/CreateElement/createElement.d.ts

@@ -1,9 +1,9 @@
-import type { CreateElementData } from './CreateElementData';
-/**
- * @internal
- * Create DOM element from the given CreateElementData
- * @param elementData The CreateElementData or an index of a known CreateElementData used for creating this element
- * @param document The document to create the element from
- * @returns The root DOM element just created
- */
-export declare function createElement(elementData: CreateElementData, document: Document): Element | null;
+import type { CreateElementData } from './CreateElementData';
+/**
+ * @internal
+ * Create DOM element from the given CreateElementData
+ * @param elementData The CreateElementData or an index of a known CreateElementData used for creating this element
+ * @param document The document to create the element from
+ * @returns The root DOM element just created
+ */
+export declare function createElement(elementData: CreateElementData, document: Document): Element | null;

package/lib/pluginUtils/CreateElement/createElement.js

@@ -1,52 +1,52 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createElement = void 0;
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @internal
- * Create DOM element from the given CreateElementData
- * @param elementData The CreateElementData or an index of a known CreateElementData used for creating this element
- * @param document The document to create the element from
- * @returns The root DOM element just created
- */
-function createElement(elementData, document) {
-    if (!elementData || !elementData.tag) {
-        return null;
-    }
-    var tag = elementData.tag, namespace = elementData.namespace, className = elementData.className, style = elementData.style, dataset = elementData.dataset, attributes = elementData.attributes, children = elementData.children;
-    var result = namespace
-        ? document.createElementNS(namespace, tag)
-        : document.createElement(tag);
-    if (style) {
-        result.setAttribute('style', style);
-    }
-    if (className) {
-        result.className = className;
-    }
-    if (dataset && (0, roosterjs_content_model_dom_1.isNodeOfType)(result, 'ELEMENT_NODE')) {
-        (0, roosterjs_content_model_dom_1.getObjectKeys)(dataset).forEach(function (datasetName) {
-            result.dataset[datasetName] = dataset[datasetName];
-        });
-    }
-    if (attributes) {
-        (0, roosterjs_content_model_dom_1.getObjectKeys)(attributes).forEach(function (attrName) {
-            result.setAttribute(attrName, attributes[attrName]);
-        });
-    }
-    if (children) {
-        children.forEach(function (child) {
-            if (typeof child === 'string') {
-                result.appendChild(document.createTextNode(child));
-            }
-            else if (child) {
-                var childElement = createElement(child, document);
-                if (childElement) {
-                    result.appendChild(childElement);
-                }
-            }
-        });
-    }
-    return result;
-}
-exports.createElement = createElement;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createElement = void 0;
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ * Create DOM element from the given CreateElementData
+ * @param elementData The CreateElementData or an index of a known CreateElementData used for creating this element
+ * @param document The document to create the element from
+ * @returns The root DOM element just created
+ */
+function createElement(elementData, document) {
+    if (!elementData || !elementData.tag) {
+        return null;
+    }
+    var tag = elementData.tag, namespace = elementData.namespace, className = elementData.className, style = elementData.style, dataset = elementData.dataset, attributes = elementData.attributes, children = elementData.children;
+    var result = namespace
+        ? document.createElementNS(namespace, tag)
+        : document.createElement(tag);
+    if (style) {
+        result.setAttribute('style', style);
+    }
+    if (className) {
+        result.className = className;
+    }
+    if (dataset && (0, roosterjs_content_model_dom_1.isNodeOfType)(result, 'ELEMENT_NODE')) {
+        (0, roosterjs_content_model_dom_1.getObjectKeys)(dataset).forEach(function (datasetName) {
+            result.dataset[datasetName] = dataset[datasetName];
+        });
+    }
+    if (attributes) {
+        (0, roosterjs_content_model_dom_1.getObjectKeys)(attributes).forEach(function (attrName) {
+            result.setAttribute(attrName, attributes[attrName]);
+        });
+    }
+    if (children) {
+        children.forEach(function (child) {
+            if (typeof child === 'string') {
+                result.appendChild(document.createTextNode(child));
+            }
+            else if (child) {
+                var childElement = createElement(child, document);
+                if (childElement) {
+                    result.appendChild(childElement);
+                }
+            }
+        });
+    }
+    return result;
+}
+exports.createElement = createElement;
 //# sourceMappingURL=createElement.js.map

package/lib/pluginUtils/CreateElement/createElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"createElement.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/CreateElement/createElement.ts"],"names":[],"mappings":";;;AAAA,2EAA0E;AAG1E;;;;;;GAMG;AACH,SAAgB,aAAa,CAAC,WAA8B,EAAE,QAAkB;IAC5E,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE;QAClC,OAAO,IAAI,CAAC;KACf;IAEO,IAAA,GAAG,GAAiE,WAAW,IAA5E,EAAE,SAAS,GAAsD,WAAW,UAAjE,EAAE,SAAS,GAA2C,WAAW,UAAtD,EAAE,KAAK,GAAoC,WAAW,MAA/C,EAAE,OAAO,GAA2B,WAAW,QAAtC,EAAE,UAAU,GAAe,WAAW,WAA1B,EAAE,QAAQ,GAAK,WAAW,SAAhB,CAAiB;IACxF,IAAM,MAAM,GAAG,SAAS;QACpB,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,EAAE,GAAG,CAAC;QAC1C,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAElC,IAAI,KAAK,EAAE;QACP,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;KACvC;IAED,IAAI,SAAS,EAAE;QACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;KAChC;IAED,IAAI,OAAO,IAAI,IAAA,0CAAY,EAAC,MAAM,EAAE,cAAc,CAAC,EAAE;QACjD,IAAA,2CAAa,EAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAA,WAAW;YACtC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;KACN;IAED,IAAI,UAAU,EAAE;QACZ,IAAA,2CAAa,EAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAA,QAAQ;YACtC,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;KACN;IAED,IAAI,QAAQ,EAAE;QACV,QAAQ,CAAC,OAAO,CAAC,UAAA,KAAK;YAClB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC3B,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;aACtD;iBAAM,IAAI,KAAK,EAAE;gBACd,IAAM,YAAY,GAAG,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBACpD,IAAI,YAAY,EAAE;oBACd,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;iBACpC;aACJ;QACL,CAAC,CAAC,CAAC;KACN;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AA5CD,sCA4CC","sourcesContent":["import { getObjectKeys, isNodeOfType } from 'roosterjs-content-model-dom';\nimport type { CreateElementData } from './CreateElementData';\n\n/**\n * @internal\n * Create DOM element from the given CreateElementData\n * @param elementData The CreateElementData or an index of a known CreateElementData used for creating this element\n * @param document The document to create the element from\n * @returns The root DOM element just created\n */\nexport function createElement(elementData: CreateElementData, document: Document): Element | null {\n    if (!elementData || !elementData.tag) {\n        return null;\n    }\n\n    const { tag, namespace, className, style, dataset, attributes, children } = elementData;\n    const result = namespace\n        ? document.createElementNS(namespace, tag)\n        : document.createElement(tag);\n\n    if (style) {\n        result.setAttribute('style', style);\n    }\n\n    if (className) {\n        result.className = className;\n    }\n\n    if (dataset && isNodeOfType(result, 'ELEMENT_NODE')) {\n        getObjectKeys(dataset).forEach(datasetName => {\n            result.dataset[datasetName] = dataset[datasetName];\n        });\n    }\n\n    if (attributes) {\n        getObjectKeys(attributes).forEach(attrName => {\n            result.setAttribute(attrName, attributes[attrName]);\n        });\n    }\n\n    if (children) {\n        children.forEach(child => {\n            if (typeof child === 'string') {\n                result.appendChild(document.createTextNode(child));\n            } else if (child) {\n                const childElement = createElement(child, document);\n                if (childElement) {\n                    result.appendChild(childElement);\n                }\n            }\n        });\n    }\n\n    return result;\n}\n"]}
+{"version":3,"file":"createElement.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/CreateElement/createElement.ts"],"names":[],"mappings":";;;AAAA,2EAA0E;AAG1E;;;;;;GAMG;AACH,SAAgB,aAAa,CAAC,WAA8B,EAAE,QAAkB;IAC5E,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE;QAClC,OAAO,IAAI,CAAC;KACf;IAEO,IAAA,GAAG,GAAiE,WAAW,IAA5E,EAAE,SAAS,GAAsD,WAAW,UAAjE,EAAE,SAAS,GAA2C,WAAW,UAAtD,EAAE,KAAK,GAAoC,WAAW,MAA/C,EAAE,OAAO,GAA2B,WAAW,QAAtC,EAAE,UAAU,GAAe,WAAW,WAA1B,EAAE,QAAQ,GAAK,WAAW,SAAhB,CAAiB;IACxF,IAAM,MAAM,GAAG,SAAS;QACpB,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,EAAE,GAAG,CAAC;QAC1C,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAElC,IAAI,KAAK,EAAE;QACP,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;KACvC;IAED,IAAI,SAAS,EAAE;QACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;KAChC;IAED,IAAI,OAAO,IAAI,IAAA,0CAAY,EAAC,MAAM,EAAE,cAAc,CAAC,EAAE;QACjD,IAAA,2CAAa,EAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAA,WAAW;YACtC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;KACN;IAED,IAAI,UAAU,EAAE;QACZ,IAAA,2CAAa,EAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAA,QAAQ;YACtC,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;KACN;IAED,IAAI,QAAQ,EAAE;QACV,QAAQ,CAAC,OAAO,CAAC,UAAA,KAAK;YAClB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC3B,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;aACtD;iBAAM,IAAI,KAAK,EAAE;gBACd,IAAM,YAAY,GAAG,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBACpD,IAAI,YAAY,EAAE;oBACd,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;iBACpC;aACJ;QACL,CAAC,CAAC,CAAC;KACN;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AA5CD,sCA4CC","sourcesContent":["import { getObjectKeys, isNodeOfType } from 'roosterjs-content-model-dom';\r\nimport type { CreateElementData } from './CreateElementData';\r\n\r\n/**\r\n * @internal\r\n * Create DOM element from the given CreateElementData\r\n * @param elementData The CreateElementData or an index of a known CreateElementData used for creating this element\r\n * @param document The document to create the element from\r\n * @returns The root DOM element just created\r\n */\r\nexport function createElement(elementData: CreateElementData, document: Document): Element | null {\r\n    if (!elementData || !elementData.tag) {\r\n        return null;\r\n    }\r\n\r\n    const { tag, namespace, className, style, dataset, attributes, children } = elementData;\r\n    const result = namespace\r\n        ? document.createElementNS(namespace, tag)\r\n        : document.createElement(tag);\r\n\r\n    if (style) {\r\n        result.setAttribute('style', style);\r\n    }\r\n\r\n    if (className) {\r\n        result.className = className;\r\n    }\r\n\r\n    if (dataset && isNodeOfType(result, 'ELEMENT_NODE')) {\r\n        getObjectKeys(dataset).forEach(datasetName => {\r\n            result.dataset[datasetName] = dataset[datasetName];\r\n        });\r\n    }\r\n\r\n    if (attributes) {\r\n        getObjectKeys(attributes).forEach(attrName => {\r\n            result.setAttribute(attrName, attributes[attrName]);\r\n        });\r\n    }\r\n\r\n    if (children) {\r\n        children.forEach(child => {\r\n            if (typeof child === 'string') {\r\n                result.appendChild(document.createTextNode(child));\r\n            } else if (child) {\r\n                const childElement = createElement(child, document);\r\n                if (childElement) {\r\n                    result.appendChild(childElement);\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    return result;\r\n}\r\n"]}

package/lib/pluginUtils/Disposable.d.ts

@@ -1,10 +1,10 @@
-/**
- * @internal
- * Represents a disposable object
- */
-export interface Disposable {
-    /**
-     * Dispose this object
-     */
-    dispose: () => void;
-}
+/**
+ * @internal
+ * Represents a disposable object
+ */
+export interface Disposable {
+    /**
+     * Dispose this object
+     */
+    dispose: () => void;
+}

package/lib/pluginUtils/Disposable.js

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

package/lib/pluginUtils/Disposable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Disposable.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/Disposable.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n * Represents a disposable object\n */\nexport interface Disposable {\n    /**\n     * Dispose this object\n     */\n    dispose: () => void;\n}\n"]}
+{"version":3,"file":"Disposable.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/pluginUtils/Disposable.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * @internal\r\n * Represents a disposable object\r\n */\r\nexport interface Disposable {\r\n    /**\r\n     * Dispose this object\r\n     */\r\n    dispose: () => void;\r\n}\r\n"]}

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

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

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

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

package/lib/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 declare 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 declare 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;
+}