roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib/tableEdit/TableEditPlugin.d.ts

@@ -1,56 +1,56 @@
-import type { TableWithRoot } from './TableWithRoot';
-import type { TableEditFeatureName } from './editors/features/TableEditFeatureName';
-import type { OnTableEditorCreatedCallback } from './OnTableEditorCreatedCallback';
-import type { DOMHelper, EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
-/**
- * TableEdit plugin, provides the ability to resize a table by drag-and-drop
- */
-export declare class TableEditPlugin implements EditorPlugin {
-    private anchorContainerSelector?;
-    private onTableEditorCreated?;
-    private disableFeatures?;
-    private tableSelector;
-    private editor;
-    private onMouseMoveDisposer;
-    private tableRectMap;
-    private tableEditor;
-    /**
-     * Construct a new instance of TableResize plugin
-     * @param anchorContainerSelector An optional selector string to specify the container to host the plugin.
-     * The container must not be affected by transform: scale(), otherwise the position calculation will be wrong.
-     * If not specified, the plugin will be inserted in document.body
-     * @param onTableEditorCreated An optional callback to customize the Table Editors elements when created.
-     * @param disableFeatures An optional array of TableEditFeatures to disable
-     * @param tableSelector A function to select the tables to be edited. By default, it selects all contentEditable tables.
-     */
-    constructor(anchorContainerSelector?: string | undefined, onTableEditorCreated?: OnTableEditorCreatedCallback | undefined, disableFeatures?: TableEditFeatureName[] | undefined, tableSelector?: (domHelper: DOMHelper) => TableWithRoot[]);
-    /**
-     * Get a friendly name of this plugin
-     */
-    getName(): string;
-    /**
-     * Initialize this plugin. This should only be called from Editor
-     * @param editor Editor instance
-     */
-    initialize(editor: IEditor): void;
-    private onMouseOut;
-    /**
-     * Dispose this plugin
-     */
-    dispose(): void;
-    /**
-     * Handle events triggered from editor
-     * @param event PluginEvent object
-     */
-    onPluginEvent(e: PluginEvent): void;
-    private onMouseMove;
-    /**
-     * @internal Public only for unit test
-     * @param entry Table to use when setting the Editors
-     * @param event (Optional) Mouse event
-     */
-    setTableEditor(entry: TableWithRoot | null, event?: MouseEvent): void;
-    private invalidateTableRects;
-    private disposeTableEditor;
-    private ensureTableRects;
-}
+import type { TableWithRoot } from './TableWithRoot';
+import type { TableEditFeatureName } from './editors/features/TableEditFeatureName';
+import type { OnTableEditorCreatedCallback } from './OnTableEditorCreatedCallback';
+import type { DOMHelper, EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
+/**
+ * TableEdit plugin, provides the ability to resize a table by drag-and-drop
+ */
+export declare class TableEditPlugin implements EditorPlugin {
+    private anchorContainerSelector?;
+    private onTableEditorCreated?;
+    private disableFeatures?;
+    private tableSelector;
+    private editor;
+    private onMouseMoveDisposer;
+    private tableRectMap;
+    private tableEditor;
+    /**
+     * Construct a new instance of TableResize plugin
+     * @param anchorContainerSelector An optional selector string to specify the container to host the plugin.
+     * The container must not be affected by transform: scale(), otherwise the position calculation will be wrong.
+     * If not specified, the plugin will be inserted in document.body
+     * @param onTableEditorCreated An optional callback to customize the Table Editors elements when created.
+     * @param disableFeatures An optional array of TableEditFeatures to disable
+     * @param tableSelector A function to select the tables to be edited. By default, it selects all contentEditable tables.
+     */
+    constructor(anchorContainerSelector?: string | undefined, onTableEditorCreated?: OnTableEditorCreatedCallback | undefined, disableFeatures?: TableEditFeatureName[] | undefined, tableSelector?: (domHelper: DOMHelper) => TableWithRoot[]);
+    /**
+     * Get a friendly name of this plugin
+     */
+    getName(): string;
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    initialize(editor: IEditor): void;
+    private onMouseOut;
+    /**
+     * Dispose this plugin
+     */
+    dispose(): void;
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    onPluginEvent(e: PluginEvent): void;
+    private onMouseMove;
+    /**
+     * @internal Public only for unit test
+     * @param entry Table to use when setting the Editors
+     * @param event (Optional) Mouse event
+     */
+    setTableEditor(entry: TableWithRoot | null, event?: MouseEvent): void;
+    private invalidateTableRects;
+    private disposeTableEditor;
+    private ensureTableRects;
+}

package/lib/tableEdit/TableEditPlugin.js

@@ -1,172 +1,172 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableEditPlugin = void 0;
-var tslib_1 = require("tslib");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var TableEditor_1 = require("./editors/TableEditor");
-var TABLE_RESIZER_LENGTH = 12;
-/**
- * TableEdit plugin, provides the ability to resize a table by drag-and-drop
- */
-var TableEditPlugin = /** @class */ (function () {
-    /**
-     * Construct a new instance of TableResize plugin
-     * @param anchorContainerSelector An optional selector string to specify the container to host the plugin.
-     * The container must not be affected by transform: scale(), otherwise the position calculation will be wrong.
-     * If not specified, the plugin will be inserted in document.body
-     * @param onTableEditorCreated An optional callback to customize the Table Editors elements when created.
-     * @param disableFeatures An optional array of TableEditFeatures to disable
-     * @param tableSelector A function to select the tables to be edited. By default, it selects all contentEditable tables.
-     */
-    function TableEditPlugin(anchorContainerSelector, onTableEditorCreated, disableFeatures, tableSelector) {
-        var _this = this;
-        if (tableSelector === void 0) { tableSelector = defaultTableSelector; }
-        this.anchorContainerSelector = anchorContainerSelector;
-        this.onTableEditorCreated = onTableEditorCreated;
-        this.disableFeatures = disableFeatures;
-        this.tableSelector = tableSelector;
-        this.editor = null;
-        this.onMouseMoveDisposer = null;
-        this.tableRectMap = null;
-        this.tableEditor = null;
-        this.onMouseOut = function (_a) {
-            var relatedTarget = _a.relatedTarget, currentTarget = _a.currentTarget;
-            var relatedTargetNode = relatedTarget;
-            var currentTargetNode = currentTarget;
-            if ((0, roosterjs_content_model_dom_1.isNodeOfType)(relatedTargetNode, 'ELEMENT_NODE') &&
-                (0, roosterjs_content_model_dom_1.isNodeOfType)(currentTargetNode, 'ELEMENT_NODE') &&
-                _this.tableEditor &&
-                !_this.tableEditor.isOwnedElement(relatedTargetNode) &&
-                !currentTargetNode.contains(relatedTargetNode)) {
-                _this.setTableEditor(null);
-            }
-        };
-        this.onMouseMove = function (event) {
-            var _a;
-            var e = event;
-            if (e.buttons > 0 || !_this.editor) {
-                return;
-            }
-            _this.ensureTableRects();
-            var editorWindow = _this.editor.getDocument().defaultView || window;
-            var x = e.pageX - editorWindow.scrollX;
-            var y = e.pageY - editorWindow.scrollY;
-            var currentTable = null;
-            //Find table in range of mouse
-            if (_this.tableRectMap) {
-                for (var i = _this.tableRectMap.length - 1; i >= 0; i--) {
-                    var entry = _this.tableRectMap[i];
-                    var rect = entry.rect;
-                    if (x >= rect.left - TABLE_RESIZER_LENGTH &&
-                        x <= rect.right + TABLE_RESIZER_LENGTH &&
-                        y >= rect.top - TABLE_RESIZER_LENGTH &&
-                        y <= rect.bottom + TABLE_RESIZER_LENGTH) {
-                        currentTable = entry;
-                        break;
-                    }
-                }
-            }
-            _this.setTableEditor(currentTable, e);
-            (_a = _this.tableEditor) === null || _a === void 0 ? void 0 : _a.onMouseMove(x, y);
-        };
-        this.invalidateTableRects = function () {
-            _this.tableRectMap = null;
-        };
-    }
-    /**
-     * Get a friendly name of this plugin
-     */
-    TableEditPlugin.prototype.getName = function () {
-        return 'TableEdit';
-    };
-    /**
-     * Initialize this plugin. This should only be called from Editor
-     * @param editor Editor instance
-     */
-    TableEditPlugin.prototype.initialize = function (editor) {
-        this.editor = editor;
-        this.onMouseMoveDisposer = this.editor.attachDomEvent({
-            mousemove: { beforeDispatch: this.onMouseMove },
-        });
-        var scrollContainer = this.editor.getScrollContainer();
-        scrollContainer.addEventListener('mouseout', this.onMouseOut);
-    };
-    /**
-     * Dispose this plugin
-     */
-    TableEditPlugin.prototype.dispose = function () {
-        var _a, _b;
-        var scrollContainer = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getScrollContainer();
-        scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.removeEventListener('mouseout', this.onMouseOut);
-        (_b = this.onMouseMoveDisposer) === null || _b === void 0 ? void 0 : _b.call(this);
-        this.invalidateTableRects();
-        this.disposeTableEditor();
-        this.editor = null;
-        this.onMouseMoveDisposer = null;
-        this.onTableEditorCreated = undefined;
-    };
-    /**
-     * Handle events triggered from editor
-     * @param event PluginEvent object
-     */
-    TableEditPlugin.prototype.onPluginEvent = function (e) {
-        switch (e.eventType) {
-            case 'input':
-            case 'contentChanged':
-            case 'scroll':
-            case 'zoomChanged':
-                this.setTableEditor(null);
-                this.invalidateTableRects();
-                break;
-        }
-    };
-    /**
-     * @internal Public only for unit test
-     * @param entry Table to use when setting the Editors
-     * @param event (Optional) Mouse event
-     */
-    TableEditPlugin.prototype.setTableEditor = function (entry, event) {
-        if (this.tableEditor &&
-            !this.tableEditor.isEditing() &&
-            (entry === null || entry === void 0 ? void 0 : entry.table) != this.tableEditor.table) {
-            this.disposeTableEditor();
-        }
-        if (!this.tableEditor && entry && this.editor && entry.table.rows.length > 0) {
-            // anchorContainerSelector is used to specify the container to host the plugin, which can be outside of the editor's div
-            var container = this.anchorContainerSelector
-                ? this.editor.getDocument().querySelector(this.anchorContainerSelector)
-                : undefined;
-            this.tableEditor = new TableEditor_1.TableEditor(this.editor, entry.table, entry.logicalRoot, this.invalidateTableRects, (0, roosterjs_content_model_dom_1.isNodeOfType)(container, 'ELEMENT_NODE') ? container : undefined, event === null || event === void 0 ? void 0 : event.currentTarget, this.onTableEditorCreated, this.disableFeatures);
-        }
-    };
-    TableEditPlugin.prototype.disposeTableEditor = function () {
-        var _a;
-        (_a = this.tableEditor) === null || _a === void 0 ? void 0 : _a.dispose();
-        this.tableEditor = null;
-    };
-    TableEditPlugin.prototype.ensureTableRects = function () {
-        var _this = this;
-        if (!this.tableRectMap && this.editor) {
-            this.tableRectMap = [];
-            var tables = this.tableSelector(this.editor.getDOMHelper());
-            tables.forEach(function (table) {
-                var rect = (0, roosterjs_content_model_dom_1.normalizeRect)(table.table.getBoundingClientRect());
-                if (rect && _this.tableRectMap) {
-                    _this.tableRectMap.push((0, tslib_1.__assign)((0, tslib_1.__assign)({}, table), { rect: rect }));
-                }
-            });
-        }
-    };
-    return TableEditPlugin;
-}());
-exports.TableEditPlugin = TableEditPlugin;
-function defaultTableSelector(domHelper) {
-    return domHelper
-        .queryElements('table')
-        .filter(function (table) { return table.isContentEditable; })
-        .map(function (table) { return ({
-        table: table,
-        logicalRoot: null,
-    }); });
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableEditPlugin = void 0;
+var tslib_1 = require("tslib");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var TableEditor_1 = require("./editors/TableEditor");
+var TABLE_RESIZER_LENGTH = 12;
+/**
+ * TableEdit plugin, provides the ability to resize a table by drag-and-drop
+ */
+var TableEditPlugin = /** @class */ (function () {
+    /**
+     * Construct a new instance of TableResize plugin
+     * @param anchorContainerSelector An optional selector string to specify the container to host the plugin.
+     * The container must not be affected by transform: scale(), otherwise the position calculation will be wrong.
+     * If not specified, the plugin will be inserted in document.body
+     * @param onTableEditorCreated An optional callback to customize the Table Editors elements when created.
+     * @param disableFeatures An optional array of TableEditFeatures to disable
+     * @param tableSelector A function to select the tables to be edited. By default, it selects all contentEditable tables.
+     */
+    function TableEditPlugin(anchorContainerSelector, onTableEditorCreated, disableFeatures, tableSelector) {
+        var _this = this;
+        if (tableSelector === void 0) { tableSelector = defaultTableSelector; }
+        this.anchorContainerSelector = anchorContainerSelector;
+        this.onTableEditorCreated = onTableEditorCreated;
+        this.disableFeatures = disableFeatures;
+        this.tableSelector = tableSelector;
+        this.editor = null;
+        this.onMouseMoveDisposer = null;
+        this.tableRectMap = null;
+        this.tableEditor = null;
+        this.onMouseOut = function (_a) {
+            var relatedTarget = _a.relatedTarget, currentTarget = _a.currentTarget;
+            var relatedTargetNode = relatedTarget;
+            var currentTargetNode = currentTarget;
+            if ((0, roosterjs_content_model_dom_1.isNodeOfType)(relatedTargetNode, 'ELEMENT_NODE') &&
+                (0, roosterjs_content_model_dom_1.isNodeOfType)(currentTargetNode, 'ELEMENT_NODE') &&
+                _this.tableEditor &&
+                !_this.tableEditor.isOwnedElement(relatedTargetNode) &&
+                !currentTargetNode.contains(relatedTargetNode)) {
+                _this.setTableEditor(null);
+            }
+        };
+        this.onMouseMove = function (event) {
+            var _a, _b;
+            var e = event;
+            var editorWindow = (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.getDocument().defaultView;
+            if (e.buttons > 0 || !editorWindow) {
+                return;
+            }
+            _this.ensureTableRects();
+            var x = e.pageX - editorWindow.scrollX;
+            var y = e.pageY - editorWindow.scrollY;
+            var currentTable = null;
+            //Find table in range of mouse
+            if (_this.tableRectMap) {
+                for (var i = _this.tableRectMap.length - 1; i >= 0; i--) {
+                    var entry = _this.tableRectMap[i];
+                    var rect = entry.rect;
+                    if (x >= rect.left - TABLE_RESIZER_LENGTH &&
+                        x <= rect.right + TABLE_RESIZER_LENGTH &&
+                        y >= rect.top - TABLE_RESIZER_LENGTH &&
+                        y <= rect.bottom + TABLE_RESIZER_LENGTH) {
+                        currentTable = entry;
+                        break;
+                    }
+                }
+            }
+            _this.setTableEditor(currentTable, e);
+            (_b = _this.tableEditor) === null || _b === void 0 ? void 0 : _b.onMouseMove(x, y);
+        };
+        this.invalidateTableRects = function () {
+            _this.tableRectMap = null;
+        };
+    }
+    /**
+     * Get a friendly name of this plugin
+     */
+    TableEditPlugin.prototype.getName = function () {
+        return 'TableEdit';
+    };
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    TableEditPlugin.prototype.initialize = function (editor) {
+        this.editor = editor;
+        this.onMouseMoveDisposer = this.editor.attachDomEvent({
+            mousemove: { beforeDispatch: this.onMouseMove },
+        });
+        var scrollContainer = this.editor.getScrollContainer();
+        scrollContainer.addEventListener('mouseout', this.onMouseOut);
+    };
+    /**
+     * Dispose this plugin
+     */
+    TableEditPlugin.prototype.dispose = function () {
+        var _a, _b;
+        var scrollContainer = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getScrollContainer();
+        scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.removeEventListener('mouseout', this.onMouseOut);
+        (_b = this.onMouseMoveDisposer) === null || _b === void 0 ? void 0 : _b.call(this);
+        this.invalidateTableRects();
+        this.disposeTableEditor();
+        this.editor = null;
+        this.onMouseMoveDisposer = null;
+        this.onTableEditorCreated = undefined;
+    };
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    TableEditPlugin.prototype.onPluginEvent = function (e) {
+        switch (e.eventType) {
+            case 'input':
+            case 'contentChanged':
+            case 'scroll':
+            case 'zoomChanged':
+                this.setTableEditor(null);
+                this.invalidateTableRects();
+                break;
+        }
+    };
+    /**
+     * @internal Public only for unit test
+     * @param entry Table to use when setting the Editors
+     * @param event (Optional) Mouse event
+     */
+    TableEditPlugin.prototype.setTableEditor = function (entry, event) {
+        if (this.tableEditor &&
+            !this.tableEditor.isEditing() &&
+            (entry === null || entry === void 0 ? void 0 : entry.table) != this.tableEditor.table) {
+            this.disposeTableEditor();
+        }
+        if (!this.tableEditor && entry && this.editor && entry.table.rows.length > 0) {
+            // anchorContainerSelector is used to specify the container to host the plugin, which can be outside of the editor's div
+            var container = this.anchorContainerSelector
+                ? this.editor.getDocument().querySelector(this.anchorContainerSelector)
+                : undefined;
+            this.tableEditor = new TableEditor_1.TableEditor(this.editor, entry.table, entry.logicalRoot, this.invalidateTableRects, (0, roosterjs_content_model_dom_1.isNodeOfType)(container, 'ELEMENT_NODE') ? container : undefined, event === null || event === void 0 ? void 0 : event.currentTarget, this.onTableEditorCreated, this.disableFeatures);
+        }
+    };
+    TableEditPlugin.prototype.disposeTableEditor = function () {
+        var _a;
+        (_a = this.tableEditor) === null || _a === void 0 ? void 0 : _a.dispose();
+        this.tableEditor = null;
+    };
+    TableEditPlugin.prototype.ensureTableRects = function () {
+        var _this = this;
+        if (!this.tableRectMap && this.editor) {
+            this.tableRectMap = [];
+            var tables = this.tableSelector(this.editor.getDOMHelper());
+            tables.forEach(function (table) {
+                var rect = (0, roosterjs_content_model_dom_1.normalizeRect)(table.table.getBoundingClientRect());
+                if (rect && _this.tableRectMap) {
+                    _this.tableRectMap.push((0, tslib_1.__assign)((0, tslib_1.__assign)({}, table), { rect: rect }));
+                }
+            });
+        }
+    };
+    return TableEditPlugin;
+}());
+exports.TableEditPlugin = TableEditPlugin;
+function defaultTableSelector(domHelper) {
+    return domHelper
+        .queryElements('table')
+        .filter(function (table) { return table.isContentEditable; })
+        .map(function (table) { return ({
+        table: table,
+        logicalRoot: null,
+    }); });
+}
 //# sourceMappingURL=TableEditPlugin.js.map

package/lib/tableEdit/TableEditPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableEditPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/TableEditPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { isNodeOfType, normalizeRect } from 'roosterjs-content-model-dom';\nimport { TableEditor } from './editors/TableEditor';\nimport type { TableWithRoot } from './TableWithRoot';\nimport type { TableEditFeatureName } from './editors/features/TableEditFeatureName';\nimport type { OnTableEditorCreatedCallback } from './OnTableEditorCreatedCallback';\nimport type {\n    DOMHelper,\n    EditorPlugin,\n    IEditor,\n    PluginEvent,\n    Rect,\n} from 'roosterjs-content-model-types';\n\nconst TABLE_RESIZER_LENGTH = 12;\n\n/**\n * TableEdit plugin, provides the ability to resize a table by drag-and-drop\n */\nexport class TableEditPlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private onMouseMoveDisposer: (() => void) | null = null;\n    private tableRectMap: (TableWithRoot & { rect: Rect })[] | null = null;\n    private tableEditor: TableEditor | null = null;\n\n    /**\n     * Construct a new instance of TableResize plugin\n     * @param anchorContainerSelector An optional selector string to specify the container to host the plugin.\n     * The container must not be affected by transform: scale(), otherwise the position calculation will be wrong.\n     * If not specified, the plugin will be inserted in document.body\n     * @param onTableEditorCreated An optional callback to customize the Table Editors elements when created.\n     * @param disableFeatures An optional array of TableEditFeatures to disable\n     * @param tableSelector A function to select the tables to be edited. By default, it selects all contentEditable tables.\n     */\n    constructor(\n        private anchorContainerSelector?: string,\n        private onTableEditorCreated?: OnTableEditorCreatedCallback,\n        private disableFeatures?: TableEditFeatureName[],\n        private tableSelector: (domHelper: DOMHelper) => TableWithRoot[] = defaultTableSelector\n    ) {}\n\n    /**\n     * Get a friendly name of this plugin\n     */\n    getName() {\n        return 'TableEdit';\n    }\n\n    /**\n     * Initialize this plugin. This should only be called from Editor\n     * @param editor Editor instance\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor;\n        this.onMouseMoveDisposer = this.editor.attachDomEvent({\n            mousemove: { beforeDispatch: this.onMouseMove },\n        });\n        const scrollContainer = this.editor.getScrollContainer();\n        scrollContainer.addEventListener('mouseout', this.onMouseOut);\n    }\n\n    private onMouseOut = ({ relatedTarget, currentTarget }: MouseEvent) => {\n        const relatedTargetNode = relatedTarget as Node;\n        const currentTargetNode = currentTarget as Node;\n        if (\n            isNodeOfType(relatedTargetNode, 'ELEMENT_NODE') &&\n            isNodeOfType(currentTargetNode, 'ELEMENT_NODE') &&\n            this.tableEditor &&\n            !this.tableEditor.isOwnedElement(relatedTargetNode) &&\n            !currentTargetNode.contains(relatedTargetNode)\n        ) {\n            this.setTableEditor(null);\n        }\n    };\n\n    /**\n     * Dispose this plugin\n     */\n    dispose() {\n        const scrollContainer = this.editor?.getScrollContainer();\n        scrollContainer?.removeEventListener('mouseout', this.onMouseOut);\n        this.onMouseMoveDisposer?.();\n        this.invalidateTableRects();\n        this.disposeTableEditor();\n        this.editor = null;\n        this.onMouseMoveDisposer = null;\n        this.onTableEditorCreated = undefined;\n    }\n\n    /**\n     * Handle events triggered from editor\n     * @param event PluginEvent object\n     */\n    onPluginEvent(e: PluginEvent) {\n        switch (e.eventType) {\n            case 'input':\n            case 'contentChanged':\n            case 'scroll':\n            case 'zoomChanged':\n                this.setTableEditor(null);\n                this.invalidateTableRects();\n                break;\n        }\n    }\n\n    private onMouseMove = (event: Event) => {\n        const e = event as MouseEvent;\n\n        if (e.buttons > 0 || !this.editor) {\n            return;\n        }\n\n        this.ensureTableRects();\n\n        const editorWindow = this.editor.getDocument().defaultView || window;\n        const x = e.pageX - editorWindow.scrollX;\n        const y = e.pageY - editorWindow.scrollY;\n        let currentTable: TableWithRoot | null = null;\n\n        //Find table in range of mouse\n        if (this.tableRectMap) {\n            for (let i = this.tableRectMap.length - 1; i >= 0; i--) {\n                const entry = this.tableRectMap[i];\n                const { rect } = entry;\n\n                if (\n                    x >= rect.left - TABLE_RESIZER_LENGTH &&\n                    x <= rect.right + TABLE_RESIZER_LENGTH &&\n                    y >= rect.top - TABLE_RESIZER_LENGTH &&\n                    y <= rect.bottom + TABLE_RESIZER_LENGTH\n                ) {\n                    currentTable = entry;\n                    break;\n                }\n            }\n        }\n\n        this.setTableEditor(currentTable, e);\n        this.tableEditor?.onMouseMove(x, y);\n    };\n\n    /**\n     * @internal Public only for unit test\n     * @param entry Table to use when setting the Editors\n     * @param event (Optional) Mouse event\n     */\n    public setTableEditor(entry: TableWithRoot | null, event?: MouseEvent) {\n        if (\n            this.tableEditor &&\n            !this.tableEditor.isEditing() &&\n            entry?.table != this.tableEditor.table\n        ) {\n            this.disposeTableEditor();\n        }\n\n        if (!this.tableEditor && entry && this.editor && entry.table.rows.length > 0) {\n            // anchorContainerSelector is used to specify the container to host the plugin, which can be outside of the editor's div\n            const container = this.anchorContainerSelector\n                ? this.editor.getDocument().querySelector(this.anchorContainerSelector)\n                : undefined;\n\n            this.tableEditor = new TableEditor(\n                this.editor,\n                entry.table,\n                entry.logicalRoot,\n                this.invalidateTableRects,\n                isNodeOfType(container, 'ELEMENT_NODE') ? container : undefined,\n                event?.currentTarget,\n                this.onTableEditorCreated,\n                this.disableFeatures\n            );\n        }\n    }\n\n    private invalidateTableRects = () => {\n        this.tableRectMap = null;\n    };\n\n    private disposeTableEditor() {\n        this.tableEditor?.dispose();\n        this.tableEditor = null;\n    }\n\n    private ensureTableRects() {\n        if (!this.tableRectMap && this.editor) {\n            this.tableRectMap = [];\n\n            const tables = this.tableSelector(this.editor.getDOMHelper());\n            tables.forEach(table => {\n                const rect = normalizeRect(table.table.getBoundingClientRect());\n\n                if (rect && this.tableRectMap) {\n                    this.tableRectMap.push({\n                        ...table,\n                        rect,\n                    });\n                }\n            });\n        }\n    }\n}\n\nfunction defaultTableSelector(domHelper: DOMHelper): TableWithRoot[] {\n    return domHelper\n        .queryElements('table')\n        .filter(table => table.isContentEditable)\n        .map(table => ({\n            table,\n            logicalRoot: null,\n        }));\n}\n"]}
+{"version":3,"file":"TableEditPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/TableEditPlugin.ts"],"names":[],"mappings":";;;;AAAA,2EAA0E;AAC1E,qDAAoD;AAYpD,IAAM,oBAAoB,GAAG,EAAE,CAAC;AAEhC;;GAEG;AACH;IAMI;;;;;;;;OAQG;IACH,yBACY,uBAAgC,EAChC,oBAAmD,EACnD,eAAwC,EACxC,aAA+E;QAJ3F,iBAKI;QADQ,8BAAA,EAAA,oCAA+E;QAH/E,4BAAuB,GAAvB,uBAAuB,CAAS;QAChC,yBAAoB,GAApB,oBAAoB,CAA+B;QACnD,oBAAe,GAAf,eAAe,CAAyB;QACxC,kBAAa,GAAb,aAAa,CAAkE;QAlBnF,WAAM,GAAmB,IAAI,CAAC;QAC9B,wBAAmB,GAAwB,IAAI,CAAC;QAChD,iBAAY,GAA8C,IAAI,CAAC;QAC/D,gBAAW,GAAuB,IAAI,CAAC;QAsCvC,eAAU,GAAG,UAAC,EAA4C;gBAA1C,aAAa,mBAAA,EAAE,aAAa,mBAAA;YAChD,IAAM,iBAAiB,GAAG,aAAqB,CAAC;YAChD,IAAM,iBAAiB,GAAG,aAAqB,CAAC;YAChD,IACI,IAAA,0CAAY,EAAC,iBAAiB,EAAE,cAAc,CAAC;gBAC/C,IAAA,0CAAY,EAAC,iBAAiB,EAAE,cAAc,CAAC;gBAC/C,KAAI,CAAC,WAAW;gBAChB,CAAC,KAAI,CAAC,WAAW,CAAC,cAAc,CAAC,iBAAiB,CAAC;gBACnD,CAAC,iBAAiB,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAChD;gBACE,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;aAC7B;QACL,CAAC,CAAC;QAgCM,gBAAW,GAAG,UAAC,KAAY;;YAC/B,IAAM,CAAC,GAAG,KAAmB,CAAC;YAC9B,IAAM,YAAY,GAAG,MAAA,KAAI,CAAC,MAAM,0CAAE,WAAW,GAAG,WAAW,CAAC;YAE5D,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE;gBAChC,OAAO;aACV;YAED,KAAI,CAAC,gBAAgB,EAAE,CAAC;YAExB,IAAM,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC;YACzC,IAAM,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC;YACzC,IAAI,YAAY,GAAyB,IAAI,CAAC;YAE9C,8BAA8B;YAC9B,IAAI,KAAI,CAAC,YAAY,EAAE;gBACnB,KAAK,IAAI,CAAC,GAAG,KAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;oBACpD,IAAM,KAAK,GAAG,KAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;oBAC3B,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;oBAEvB,IACI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,oBAAoB;wBACrC,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,oBAAoB;wBACtC,CAAC,IAAI,IAAI,CAAC,GAAG,GAAG,oBAAoB;wBACpC,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,oBAAoB,EACzC;wBACE,YAAY,GAAG,KAAK,CAAC;wBACrB,MAAM;qBACT;iBACJ;aACJ;YAED,KAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;YACrC,MAAA,KAAI,CAAC,WAAW,0CAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC;QAmCM,yBAAoB,GAAG;YAC3B,KAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC;IAzIC,CAAC;IAEJ;;OAEG;IACH,iCAAO,GAAP;QACI,OAAO,WAAW,CAAC;IACvB,CAAC;IAED;;;OAGG;IACH,oCAAU,GAAV,UAAW,MAAe;QACtB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;YAClD,SAAS,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,WAAW,EAAE;SAClD,CAAC,CAAC;QACH,IAAM,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,CAAC;QACzD,eAAe,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC;IAgBD;;OAEG;IACH,iCAAO,GAAP;;QACI,IAAM,eAAe,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,kBAAkB,EAAE,CAAC;QAC1D,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAClE,MAAA,IAAI,CAAC,mBAAmB,+CAAxB,IAAI,CAAwB,CAAC;QAC7B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;IAC1C,CAAC;IAED;;;OAGG;IACH,uCAAa,GAAb,UAAc,CAAc;QACxB,QAAQ,CAAC,CAAC,SAAS,EAAE;YACjB,KAAK,OAAO,CAAC;YACb,KAAK,gBAAgB,CAAC;YACtB,KAAK,QAAQ,CAAC;YACd,KAAK,aAAa;gBACd,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBAC1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC5B,MAAM;SACb;IACL,CAAC;IAsCD;;;;OAIG;IACI,wCAAc,GAArB,UAAsB,KAA2B,EAAE,KAAkB;QACjE,IACI,IAAI,CAAC,WAAW;YAChB,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE;YAC7B,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EACxC;YACE,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC7B;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1E,wHAAwH;YACxH,IAAM,SAAS,GAAG,IAAI,CAAC,uBAAuB;gBAC1C,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,uBAAuB,CAAC;gBACvE,CAAC,CAAC,SAAS,CAAC;YAEhB,IAAI,CAAC,WAAW,GAAG,IAAI,yBAAW,CAC9B,IAAI,CAAC,MAAM,EACX,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,WAAW,EACjB,IAAI,CAAC,oBAAoB,EACzB,IAAA,0CAAY,EAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC/D,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EACpB,IAAI,CAAC,oBAAoB,EACzB,IAAI,CAAC,eAAe,CACvB,CAAC;SACL;IACL,CAAC;IAMO,4CAAkB,GAA1B;;QACI,MAAA,IAAI,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC5B,CAAC;IAEO,0CAAgB,GAAxB;QAAA,iBAgBC;QAfG,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,EAAE;YACnC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;YAEvB,IAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC;YAC9D,MAAM,CAAC,OAAO,CAAC,UAAA,KAAK;gBAChB,IAAM,IAAI,GAAG,IAAA,2CAAa,EAAC,KAAK,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;gBAEhE,IAAI,IAAI,IAAI,KAAI,CAAC,YAAY,EAAE;oBAC3B,KAAI,CAAC,YAAY,CAAC,IAAI,iDACf,KAAK,KACR,IAAI,MAAA,IACN,CAAC;iBACN;YACL,CAAC,CAAC,CAAC;SACN;IACL,CAAC;IACL,sBAAC;AAAD,CAAC,AArLD,IAqLC;AArLY,0CAAe;AAuL5B,SAAS,oBAAoB,CAAC,SAAoB;IAC9C,OAAO,SAAS;SACX,aAAa,CAAC,OAAO,CAAC;SACtB,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,iBAAiB,EAAvB,CAAuB,CAAC;SACxC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC;QACX,KAAK,OAAA;QACL,WAAW,EAAE,IAAI;KACpB,CAAC,EAHY,CAGZ,CAAC,CAAC;AACZ,CAAC","sourcesContent":["import { isNodeOfType, normalizeRect } from 'roosterjs-content-model-dom';\r\nimport { TableEditor } from './editors/TableEditor';\r\nimport type { TableWithRoot } from './TableWithRoot';\r\nimport type { TableEditFeatureName } from './editors/features/TableEditFeatureName';\r\nimport type { OnTableEditorCreatedCallback } from './OnTableEditorCreatedCallback';\r\nimport type {\r\n    DOMHelper,\r\n    EditorPlugin,\r\n    IEditor,\r\n    PluginEvent,\r\n    Rect,\r\n} from 'roosterjs-content-model-types';\r\n\r\nconst TABLE_RESIZER_LENGTH = 12;\r\n\r\n/**\r\n * TableEdit plugin, provides the ability to resize a table by drag-and-drop\r\n */\r\nexport class TableEditPlugin implements EditorPlugin {\r\n    private editor: IEditor | null = null;\r\n    private onMouseMoveDisposer: (() => void) | null = null;\r\n    private tableRectMap: (TableWithRoot & { rect: Rect })[] | null = null;\r\n    private tableEditor: TableEditor | null = null;\r\n\r\n    /**\r\n     * Construct a new instance of TableResize plugin\r\n     * @param anchorContainerSelector An optional selector string to specify the container to host the plugin.\r\n     * The container must not be affected by transform: scale(), otherwise the position calculation will be wrong.\r\n     * If not specified, the plugin will be inserted in document.body\r\n     * @param onTableEditorCreated An optional callback to customize the Table Editors elements when created.\r\n     * @param disableFeatures An optional array of TableEditFeatures to disable\r\n     * @param tableSelector A function to select the tables to be edited. By default, it selects all contentEditable tables.\r\n     */\r\n    constructor(\r\n        private anchorContainerSelector?: string,\r\n        private onTableEditorCreated?: OnTableEditorCreatedCallback,\r\n        private disableFeatures?: TableEditFeatureName[],\r\n        private tableSelector: (domHelper: DOMHelper) => TableWithRoot[] = defaultTableSelector\r\n    ) {}\r\n\r\n    /**\r\n     * Get a friendly name of this plugin\r\n     */\r\n    getName() {\r\n        return 'TableEdit';\r\n    }\r\n\r\n    /**\r\n     * Initialize this plugin. This should only be called from Editor\r\n     * @param editor Editor instance\r\n     */\r\n    initialize(editor: IEditor) {\r\n        this.editor = editor;\r\n        this.onMouseMoveDisposer = this.editor.attachDomEvent({\r\n            mousemove: { beforeDispatch: this.onMouseMove },\r\n        });\r\n        const scrollContainer = this.editor.getScrollContainer();\r\n        scrollContainer.addEventListener('mouseout', this.onMouseOut);\r\n    }\r\n\r\n    private onMouseOut = ({ relatedTarget, currentTarget }: MouseEvent) => {\r\n        const relatedTargetNode = relatedTarget as Node;\r\n        const currentTargetNode = currentTarget as Node;\r\n        if (\r\n            isNodeOfType(relatedTargetNode, 'ELEMENT_NODE') &&\r\n            isNodeOfType(currentTargetNode, 'ELEMENT_NODE') &&\r\n            this.tableEditor &&\r\n            !this.tableEditor.isOwnedElement(relatedTargetNode) &&\r\n            !currentTargetNode.contains(relatedTargetNode)\r\n        ) {\r\n            this.setTableEditor(null);\r\n        }\r\n    };\r\n\r\n    /**\r\n     * Dispose this plugin\r\n     */\r\n    dispose() {\r\n        const scrollContainer = this.editor?.getScrollContainer();\r\n        scrollContainer?.removeEventListener('mouseout', this.onMouseOut);\r\n        this.onMouseMoveDisposer?.();\r\n        this.invalidateTableRects();\r\n        this.disposeTableEditor();\r\n        this.editor = null;\r\n        this.onMouseMoveDisposer = null;\r\n        this.onTableEditorCreated = undefined;\r\n    }\r\n\r\n    /**\r\n     * Handle events triggered from editor\r\n     * @param event PluginEvent object\r\n     */\r\n    onPluginEvent(e: PluginEvent) {\r\n        switch (e.eventType) {\r\n            case 'input':\r\n            case 'contentChanged':\r\n            case 'scroll':\r\n            case 'zoomChanged':\r\n                this.setTableEditor(null);\r\n                this.invalidateTableRects();\r\n                break;\r\n        }\r\n    }\r\n\r\n    private onMouseMove = (event: Event) => {\r\n        const e = event as MouseEvent;\r\n        const editorWindow = this.editor?.getDocument().defaultView;\r\n\r\n        if (e.buttons > 0 || !editorWindow) {\r\n            return;\r\n        }\r\n\r\n        this.ensureTableRects();\r\n\r\n        const x = e.pageX - editorWindow.scrollX;\r\n        const y = e.pageY - editorWindow.scrollY;\r\n        let currentTable: TableWithRoot | null = null;\r\n\r\n        //Find table in range of mouse\r\n        if (this.tableRectMap) {\r\n            for (let i = this.tableRectMap.length - 1; i >= 0; i--) {\r\n                const entry = this.tableRectMap[i];\r\n                const { rect } = entry;\r\n\r\n                if (\r\n                    x >= rect.left - TABLE_RESIZER_LENGTH &&\r\n                    x <= rect.right + TABLE_RESIZER_LENGTH &&\r\n                    y >= rect.top - TABLE_RESIZER_LENGTH &&\r\n                    y <= rect.bottom + TABLE_RESIZER_LENGTH\r\n                ) {\r\n                    currentTable = entry;\r\n                    break;\r\n                }\r\n            }\r\n        }\r\n\r\n        this.setTableEditor(currentTable, e);\r\n        this.tableEditor?.onMouseMove(x, y);\r\n    };\r\n\r\n    /**\r\n     * @internal Public only for unit test\r\n     * @param entry Table to use when setting the Editors\r\n     * @param event (Optional) Mouse event\r\n     */\r\n    public setTableEditor(entry: TableWithRoot | null, event?: MouseEvent) {\r\n        if (\r\n            this.tableEditor &&\r\n            !this.tableEditor.isEditing() &&\r\n            entry?.table != this.tableEditor.table\r\n        ) {\r\n            this.disposeTableEditor();\r\n        }\r\n\r\n        if (!this.tableEditor && entry && this.editor && entry.table.rows.length > 0) {\r\n            // anchorContainerSelector is used to specify the container to host the plugin, which can be outside of the editor's div\r\n            const container = this.anchorContainerSelector\r\n                ? this.editor.getDocument().querySelector(this.anchorContainerSelector)\r\n                : undefined;\r\n\r\n            this.tableEditor = new TableEditor(\r\n                this.editor,\r\n                entry.table,\r\n                entry.logicalRoot,\r\n                this.invalidateTableRects,\r\n                isNodeOfType(container, 'ELEMENT_NODE') ? container : undefined,\r\n                event?.currentTarget,\r\n                this.onTableEditorCreated,\r\n                this.disableFeatures\r\n            );\r\n        }\r\n    }\r\n\r\n    private invalidateTableRects = () => {\r\n        this.tableRectMap = null;\r\n    };\r\n\r\n    private disposeTableEditor() {\r\n        this.tableEditor?.dispose();\r\n        this.tableEditor = null;\r\n    }\r\n\r\n    private ensureTableRects() {\r\n        if (!this.tableRectMap && this.editor) {\r\n            this.tableRectMap = [];\r\n\r\n            const tables = this.tableSelector(this.editor.getDOMHelper());\r\n            tables.forEach(table => {\r\n                const rect = normalizeRect(table.table.getBoundingClientRect());\r\n\r\n                if (rect && this.tableRectMap) {\r\n                    this.tableRectMap.push({\r\n                        ...table,\r\n                        rect,\r\n                    });\r\n                }\r\n            });\r\n        }\r\n    }\r\n}\r\n\r\nfunction defaultTableSelector(domHelper: DOMHelper): TableWithRoot[] {\r\n    return domHelper\r\n        .queryElements('table')\r\n        .filter(table => table.isContentEditable)\r\n        .map(table => ({\r\n            table,\r\n            logicalRoot: null,\r\n        }));\r\n}\r\n"]}

package/lib/tableEdit/TableWithRoot.d.ts

@@ -1,15 +1,15 @@
-/**
- * Represents a table and its container (logical root)
- */
-export interface TableWithRoot {
-    /**
-     * The table element
-     */
-    table: HTMLTableElement;
-    /**
-     * The logical root element of the table
-     * This is the element that contains the table and all its ancestors
-     * It is used to determine the logical root of the table
-     */
-    logicalRoot: HTMLDivElement | null;
-}
+/**
+ * Represents a table and its container (logical root)
+ */
+export interface TableWithRoot {
+    /**
+     * The table element
+     */
+    table: HTMLTableElement;
+    /**
+     * The logical root element of the table
+     * This is the element that contains the table and all its ancestors
+     * It is used to determine the logical root of the table
+     */
+    logicalRoot: HTMLDivElement | null;
+}

package/lib/tableEdit/TableWithRoot.js

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

package/lib/tableEdit/TableWithRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWithRoot.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/TableWithRoot.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Represents a table and its container (logical root)\n */\nexport interface TableWithRoot {\n    /**\n     * The table element\n     */\n    table: HTMLTableElement;\n    /**\n     * The logical root element of the table\n     * This is the element that contains the table and all its ancestors\n     * It is used to determine the logical root of the table\n     */\n    logicalRoot: HTMLDivElement | null;\n}\n"]}
+{"version":3,"file":"TableWithRoot.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/TableWithRoot.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * Represents a table and its container (logical root)\r\n */\r\nexport interface TableWithRoot {\r\n    /**\r\n     * The table element\r\n     */\r\n    table: HTMLTableElement;\r\n    /**\r\n     * The logical root element of the table\r\n     * This is the element that contains the table and all its ancestors\r\n     * It is used to determine the logical root of the table\r\n     */\r\n    logicalRoot: HTMLDivElement | null;\r\n}\r\n"]}