roosterjs-content-model-plugins 0.26.0 → 0.26.1

package/lib-mjs/paste/utils/getStyles.d.ts

@@ -1,6 +1,6 @@
-/**
- * @internal
- * Get CSS styles of a given element in name-value pair format
- * @param element The element to get styles from
- */
-export declare function getStyles(element: HTMLElement): Record<string, string>;
+/**
+ * @internal
+ * Get CSS styles of a given element in name-value pair format
+ * @param element The element to get styles from
+ */
+export declare function getStyles(element: HTMLElement): Record<string, string>;

package/lib-mjs/paste/utils/getStyles.js

@@ -1,19 +1,19 @@
-/**
- * @internal
- * Get CSS styles of a given element in name-value pair format
- * @param element The element to get styles from
- */
-export function getStyles(element) {
-    var result = {};
-    var style = (element === null || element === void 0 ? void 0 : element.getAttribute('style')) || '';
-    style.split(';').forEach(function (pair) {
-        var valueIndex = pair.indexOf(':');
-        var name = pair.slice(0, valueIndex);
-        var value = pair.slice(valueIndex + 1);
-        if (name && value) {
-            result[name.trim()] = value.trim();
-        }
-    });
-    return result;
-}
+/**
+ * @internal
+ * Get CSS styles of a given element in name-value pair format
+ * @param element The element to get styles from
+ */
+export function getStyles(element) {
+    var result = {};
+    var style = (element === null || element === void 0 ? void 0 : element.getAttribute('style')) || '';
+    style.split(';').forEach(function (pair) {
+        var valueIndex = pair.indexOf(':');
+        var name = pair.slice(0, valueIndex);
+        var value = pair.slice(valueIndex + 1);
+        if (name && value) {
+            result[name.trim()] = value.trim();
+        }
+    });
+    return result;
+}
 //# sourceMappingURL=getStyles.js.map

package/lib-mjs/paste/utils/getStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getStyles.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/paste/utils/getStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,OAAoB;IAC1C,IAAM,MAAM,GAA2B,EAAE,CAAC;IAC1C,IAAM,KAAK,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,OAAO,CAAC,KAAI,EAAE,CAAC;IACnD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,UAAA,IAAI;QACzB,IAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QACvC,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;QACzC,IAAI,IAAI,IAAI,KAAK,EAAE;YACf,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;SACtC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAClB,CAAC","sourcesContent":["/**\r\n * @internal\r\n * Get CSS styles of a given element in name-value pair format\r\n * @param element The element to get styles from\r\n */\r\nexport function getStyles(element: HTMLElement): Record<string, string> {\r\n    const result: Record<string, string> = {};\r\n    const style = element?.getAttribute('style') || '';\r\n    style.split(';').forEach(pair => {\r\n        const valueIndex = pair.indexOf(':');\r\n        const name = pair.slice(0, valueIndex);\r\n        const value = pair.slice(valueIndex + 1);\r\n        if (name && value) {\r\n            result[name.trim()] = value.trim();\r\n        }\r\n    });\r\n    return result;\r\n}\r\n"]}
+{"version":3,"file":"getStyles.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/paste/utils/getStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,OAAoB;IAC1C,IAAM,MAAM,GAA2B,EAAE,CAAC;IAC1C,IAAM,KAAK,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,OAAO,CAAC,KAAI,EAAE,CAAC;IACnD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,UAAA,IAAI;QACzB,IAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QACvC,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;QACzC,IAAI,IAAI,IAAI,KAAK,EAAE;YACf,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;SACtC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAClB,CAAC","sourcesContent":["/**\n * @internal\n * Get CSS styles of a given element in name-value pair format\n * @param element The element to get styles from\n */\nexport function getStyles(element: HTMLElement): Record<string, string> {\n    const result: Record<string, string> = {};\n    const style = element?.getAttribute('style') || '';\n    style.split(';').forEach(pair => {\n        const valueIndex = pair.indexOf(':');\n        const name = pair.slice(0, valueIndex);\n        const value = pair.slice(valueIndex + 1);\n        if (name && value) {\n            result[name.trim()] = value.trim();\n        }\n    });\n    return result;\n}\n"]}

package/lib-mjs/paste/utils/linkParser.d.ts

@@ -1,5 +1,5 @@
-import type { ContentModelHyperLinkFormat, FormatParser } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare const parseLink: FormatParser<ContentModelHyperLinkFormat>;
+import type { ContentModelHyperLinkFormat, FormatParser } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const parseLink: FormatParser<ContentModelHyperLinkFormat>;

package/lib-mjs/paste/utils/linkParser.js

@@ -1,24 +1,24 @@
-import { isElementOfType } from 'roosterjs-content-model-dom';
-var SUPPORTED_PROTOCOLS = ['http:', 'https:', 'notes:', 'mailto:', 'onenote:'];
-var INVALID_LINKS_REGEX = /^file:\/\/\/[a-zA-Z\/]/i;
-/**
- * @internal
- */
-export var parseLink = function (format, element) {
-    if (!isElementOfType(element, 'a')) {
-        return;
-    }
-    var url;
-    try {
-        url = new URL(element.href);
-    }
-    catch (_a) {
-        url = undefined;
-    }
-    if ((url && SUPPORTED_PROTOCOLS.indexOf(url.protocol) === -1) ||
-        INVALID_LINKS_REGEX.test(element.href)) {
-        element.removeAttribute('href');
-        format.href = '';
-    }
-};
+import { isElementOfType } from 'roosterjs-content-model-dom';
+var SUPPORTED_PROTOCOLS = ['http:', 'https:', 'notes:', 'mailto:', 'onenote:'];
+var INVALID_LINKS_REGEX = /^file:\/\/\/[a-zA-Z\/]/i;
+/**
+ * @internal
+ */
+export var parseLink = function (format, element) {
+    if (!isElementOfType(element, 'a')) {
+        return;
+    }
+    var url;
+    try {
+        url = new URL(element.href);
+    }
+    catch (_a) {
+        url = undefined;
+    }
+    if ((url && SUPPORTED_PROTOCOLS.indexOf(url.protocol) === -1) ||
+        INVALID_LINKS_REGEX.test(element.href)) {
+        element.removeAttribute('href');
+        format.href = '';
+    }
+};
 //# sourceMappingURL=linkParser.js.map

package/lib-mjs/paste/utils/linkParser.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkParser.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/paste/utils/linkParser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,IAAM,mBAAmB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AACjF,IAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAEtD;;GAEG;AACH,MAAM,CAAC,IAAM,SAAS,GAA8C,UAAC,MAAM,EAAE,OAAO;IAChF,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE;QAChC,OAAO;KACV;IAED,IAAI,GAAoB,CAAC;IACzB,IAAI;QACA,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;KAC/B;IAAC,WAAM;QACJ,GAAG,GAAG,SAAS,CAAC;KACnB;IAED,IACI,CAAC,GAAG,IAAI,mBAAmB,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACzD,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EACxC;QACE,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAChC,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;KACpB;AACL,CAAC,CAAC","sourcesContent":["import { isElementOfType } from 'roosterjs-content-model-dom';\r\nimport type { ContentModelHyperLinkFormat, FormatParser } from 'roosterjs-content-model-types';\r\n\r\nconst SUPPORTED_PROTOCOLS = ['http:', 'https:', 'notes:', 'mailto:', 'onenote:'];\r\nconst INVALID_LINKS_REGEX = /^file:\\/\\/\\/[a-zA-Z\\/]/i;\r\n\r\n/**\r\n * @internal\r\n */\r\nexport const parseLink: FormatParser<ContentModelHyperLinkFormat> = (format, element) => {\r\n    if (!isElementOfType(element, 'a')) {\r\n        return;\r\n    }\r\n\r\n    let url: URL | undefined;\r\n    try {\r\n        url = new URL(element.href);\r\n    } catch {\r\n        url = undefined;\r\n    }\r\n\r\n    if (\r\n        (url && SUPPORTED_PROTOCOLS.indexOf(url.protocol) === -1) ||\r\n        INVALID_LINKS_REGEX.test(element.href)\r\n    ) {\r\n        element.removeAttribute('href');\r\n        format.href = '';\r\n    }\r\n};\r\n"]}
+{"version":3,"file":"linkParser.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/paste/utils/linkParser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,IAAM,mBAAmB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AACjF,IAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAEtD;;GAEG;AACH,MAAM,CAAC,IAAM,SAAS,GAA8C,UAAC,MAAM,EAAE,OAAO;IAChF,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE;QAChC,OAAO;KACV;IAED,IAAI,GAAoB,CAAC;IACzB,IAAI;QACA,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;KAC/B;IAAC,WAAM;QACJ,GAAG,GAAG,SAAS,CAAC;KACnB;IAED,IACI,CAAC,GAAG,IAAI,mBAAmB,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACzD,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EACxC;QACE,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAChC,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;KACpB;AACL,CAAC,CAAC","sourcesContent":["import { isElementOfType } from 'roosterjs-content-model-dom';\nimport type { ContentModelHyperLinkFormat, FormatParser } from 'roosterjs-content-model-types';\n\nconst SUPPORTED_PROTOCOLS = ['http:', 'https:', 'notes:', 'mailto:', 'onenote:'];\nconst INVALID_LINKS_REGEX = /^file:\\/\\/\\/[a-zA-Z\\/]/i;\n\n/**\n * @internal\n */\nexport const parseLink: FormatParser<ContentModelHyperLinkFormat> = (format, element) => {\n    if (!isElementOfType(element, 'a')) {\n        return;\n    }\n\n    let url: URL | undefined;\n    try {\n        url = new URL(element.href);\n    } catch {\n        url = undefined;\n    }\n\n    if (\n        (url && SUPPORTED_PROTOCOLS.indexOf(url.protocol) === -1) ||\n        INVALID_LINKS_REGEX.test(element.href)\n    ) {\n        element.removeAttribute('href');\n        format.href = '';\n    }\n};\n"]}

package/lib-mjs/paste/utils/setProcessor.d.ts

@@ -1,5 +1,5 @@
-import type { DomToModelOption, ElementProcessorMap } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare function setProcessor<TKey extends keyof ElementProcessorMap>(domToModelOption: DomToModelOption, entry: TKey, processorOverride: Partial<ElementProcessorMap>[TKey]): void;
+import type { DomToModelOption, ElementProcessorMap } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function setProcessor<TKey extends keyof ElementProcessorMap>(domToModelOption: DomToModelOption, entry: TKey, processorOverride: Partial<ElementProcessorMap>[TKey]): void;

package/lib-mjs/paste/utils/setProcessor.js

@@ -1,10 +1,10 @@
-/**
- * @internal
- */
-export function setProcessor(domToModelOption, entry, processorOverride) {
-    if (!domToModelOption.processorOverride) {
-        domToModelOption.processorOverride = {};
-    }
-    domToModelOption.processorOverride[entry] = processorOverride;
-}
+/**
+ * @internal
+ */
+export function setProcessor(domToModelOption, entry, processorOverride) {
+    if (!domToModelOption.processorOverride) {
+        domToModelOption.processorOverride = {};
+    }
+    domToModelOption.processorOverride[entry] = processorOverride;
+}
 //# sourceMappingURL=setProcessor.js.map

package/lib-mjs/paste/utils/setProcessor.js.map

@@ -1 +1 @@
-{"version":3,"file":"setProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/paste/utils/setProcessor.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,UAAU,YAAY,CACxB,gBAAkC,EAClC,KAAW,EACX,iBAAqD;IAErD,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE;QACrC,gBAAgB,CAAC,iBAAiB,GAAG,EAAE,CAAC;KAC3C;IAED,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC;AAClE,CAAC","sourcesContent":["import type { DomToModelOption, ElementProcessorMap } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function setProcessor<TKey extends keyof ElementProcessorMap>(\r\n    domToModelOption: DomToModelOption,\r\n    entry: TKey,\r\n    processorOverride: Partial<ElementProcessorMap>[TKey]\r\n) {\r\n    if (!domToModelOption.processorOverride) {\r\n        domToModelOption.processorOverride = {};\r\n    }\r\n\r\n    domToModelOption.processorOverride[entry] = processorOverride;\r\n}\r\n"]}
+{"version":3,"file":"setProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/paste/utils/setProcessor.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,UAAU,YAAY,CACxB,gBAAkC,EAClC,KAAW,EACX,iBAAqD;IAErD,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE;QACrC,gBAAgB,CAAC,iBAAiB,GAAG,EAAE,CAAC;KAC3C;IAED,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC;AAClE,CAAC","sourcesContent":["import type { DomToModelOption, ElementProcessorMap } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function setProcessor<TKey extends keyof ElementProcessorMap>(\n    domToModelOption: DomToModelOption,\n    entry: TKey,\n    processorOverride: Partial<ElementProcessorMap>[TKey]\n) {\n    if (!domToModelOption.processorOverride) {\n        domToModelOption.processorOverride = {};\n    }\n\n    domToModelOption.processorOverride[entry] = processorOverride;\n}\n"]}

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

@@ -1,35 +1,35 @@
-/**
- * @internal
- * An interface represents the data for creating element used by createElement()
- */
-export default 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 default 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-mjs/pluginUtils/CreateElement/CreateElementData.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=CreateElementData.js.map

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

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

package/lib-mjs/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 default 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 default function createElement(elementData: CreateElementData, document: Document): Element | null;

package/lib-mjs/pluginUtils/CreateElement/createElement.js

@@ -1,48 +1,48 @@
-import { getObjectKeys, isNodeOfType } from '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
- */
-export default 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 && isNodeOfType(result, 'ELEMENT_NODE')) {
-        getObjectKeys(dataset).forEach(function (datasetName) {
-            result.dataset[datasetName] = dataset[datasetName];
-        });
-    }
-    if (attributes) {
-        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;
-}
+import { getObjectKeys, isNodeOfType } from '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
+ */
+export default 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 && isNodeOfType(result, 'ELEMENT_NODE')) {
+        getObjectKeys(dataset).forEach(function (datasetName) {
+            result.dataset[datasetName] = dataset[datasetName];
+        });
+    }
+    if (attributes) {
+        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;
+}
 //# sourceMappingURL=createElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createElement.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/CreateElement/createElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG1E;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CACjC,WAA8B,EAC9B,QAAkB;IAElB,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,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE;QACjD,aAAa,CAAC,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,aAAa,CAAC,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","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 default function createElement(\r\n    elementData: CreateElementData,\r\n    document: Document\r\n): 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"]}
+{"version":3,"file":"createElement.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/pluginUtils/CreateElement/createElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG1E;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CACjC,WAA8B,EAC9B,QAAkB;IAElB,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,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE;QACjD,aAAa,CAAC,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,aAAa,CAAC,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","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 default function createElement(\n    elementData: CreateElementData,\n    document: Document\n): 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"]}

package/lib-mjs/pluginUtils/Disposable.d.ts

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

package/lib-mjs/pluginUtils/Disposable.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=Disposable.js.map

package/lib-mjs/pluginUtils/Disposable.js.map

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

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

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=DragAndDropHandler.js.map

package/lib-mjs/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"]}