roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib-amd/tableEdit/editors/features/TableRowColumnSelector.js

@@ -0,0 +1,221 @@
+define(["require", "exports", "tslib", "../../../pluginUtils/CreateElement/createElement", "../../../pluginUtils/DragAndDrop/DragAndDropHelper", "roosterjs-content-model-dom"], function (require, exports, tslib_1, createElement_1, DragAndDropHelper_1, roosterjs_content_model_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.onDragEnd = exports.onDragging = exports.onDragStart = exports.createTableRowColumnSelector = void 0;
+    var STABLE_DOWN_ARROW_CURSOR = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48dGV4dCB4PSI4IiB5PSIxMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1zaXplPSIxNCIgZmlsbD0iYmxhY2siPiYjMTI5MDk1OzwvdGV4dD48L3N2Zz4=';
+    var STABLE_RIGHT_ARROW_CURSOR = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48dGV4dCB4PSI4IiB5PSIxMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1zaXplPSIxNCIgZmlsbD0iYmxhY2siIHRyYW5zZm9ybT0icm90YXRlKC05MCA4IDgpIj4mIzEyOTA5NTs8L3RleHQ+PC9zdmc+';
+    /**
+     * @internal
+     */
+    function createTableRowColumnSelector(editor, table, isRowSelector, anchorContainer, onTableEditorCreated) {
+        var _a;
+        var doc = editor.getDocument();
+        var zoomScale = editor.getDOMHelper().calculateZoomScale();
+        var containerDiv = doc.createElement('div');
+        containerDiv.style.cssText = 'position: fixed; pointer-events: none;';
+        var cells = isRowSelector
+            ? Array.from(table.rows)
+                .map(function (row) { return row.cells[0]; })
+                .filter(function (cell) { return cell; })
+            : Array.from(((_a = table.rows[0]) === null || _a === void 0 ? void 0 : _a.cells) || []);
+        var handlers = [];
+        cells.forEach(function (cell) {
+            var cellRect = (0, roosterjs_content_model_dom_1.normalizeRect)(cell.getBoundingClientRect());
+            if (cellRect) {
+                var createElementData = getInsertElementData(cellRect, isRowSelector);
+                var cellDiv = (0, createElement_1.createElement)(createElementData, doc);
+                containerDiv.appendChild(cellDiv);
+                var context = {
+                    table: table,
+                    zoomScale: zoomScale,
+                    editor: editor,
+                    div: cellDiv,
+                    isRow: isRowSelector,
+                };
+                var handler = new TableRowColumnSelectorHandler(cellDiv, isRowSelector, context, {
+                    onDragStart: onDragStart,
+                    onDragging: onDragging,
+                    onDragEnd: onDragEnd,
+                }, zoomScale, onTableEditorCreated, editor.getEnvironment().isMobileOrTablet);
+                handlers.push(handler);
+            }
+        });
+        (anchorContainer || doc.body).appendChild(containerDiv);
+        var compositeHandler = {
+            dispose: function () {
+                handlers.forEach(function (h) { return h.dispose(); });
+            },
+        };
+        return { div: containerDiv, featureHandler: compositeHandler, node: table };
+    }
+    exports.createTableRowColumnSelector = createTableRowColumnSelector;
+    var TableRowColumnSelectorHandler = /** @class */ (function (_super) {
+        (0, tslib_1.__extends)(TableRowColumnSelectorHandler, _super);
+        function TableRowColumnSelectorHandler(div, isRow, context, handler, zoomScale, onTableEditorCreated, forceMobile) {
+            var _this = _super.call(this, div, context, function () { }, handler, zoomScale, forceMobile) || this;
+            _this.isRow = isRow;
+            _this.disposer = onTableEditorCreated === null || onTableEditorCreated === void 0 ? void 0 : onTableEditorCreated(_this.isRow ? 'TableRowSelector' : 'TableColumnSelector', div);
+            return _this;
+        }
+        TableRowColumnSelectorHandler.prototype.dispose = function () {
+            var _a;
+            (_a = this.disposer) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.disposer = undefined;
+        };
+        return TableRowColumnSelectorHandler;
+    }(DragAndDropHelper_1.DragAndDropHelper));
+    /**
+     * @internal
+     * Helper function to calculate current row/column index from mouse coordinates during drag
+     */
+    function getCurrentIndexFromMouse(table, x, y, isRow) {
+        if (isRow) {
+            for (var i = 0; i < table.rows.length; i++) {
+                var row = table.rows[i];
+                for (var j = 0; j < row.cells.length; j++) {
+                    var cell = row.cells[j];
+                    var cellRect = (0, roosterjs_content_model_dom_1.normalizeRect)(cell.getBoundingClientRect());
+                    if (cellRect && y >= cellRect.top && y <= cellRect.bottom) {
+                        return i;
+                    }
+                }
+            }
+            return Math.max(0, table.rows.length - 1);
+        }
+        else {
+            if (!table.rows[0]) {
+                return 0;
+            }
+            var firstRow = table.rows[0];
+            for (var i = 0; i < firstRow.cells.length; i++) {
+                var cell = firstRow.cells[i];
+                var cellRect = (0, roosterjs_content_model_dom_1.normalizeRect)(cell.getBoundingClientRect());
+                if (cellRect && x >= cellRect.left && x <= cellRect.right) {
+                    return i;
+                }
+            }
+            return firstRow.cells.length - 1;
+        }
+    }
+    /**
+     * @internal
+     * Exported for testing
+     */
+    function onDragStart(context, event) {
+        var table = context.table, editor = context.editor, isRow = context.isRow;
+        editor.setDOMSelection(null);
+        var parsedTable = (0, roosterjs_content_model_dom_1.parseTableCells)(table);
+        var startIndex = getCurrentIndexFromMouse(table, event.clientX, event.clientY, isRow);
+        if (isRow) {
+            var columnNumber = parsedTable[startIndex].length - 1;
+            var initialSelection = {
+                type: 'table',
+                table: table,
+                firstRow: startIndex,
+                lastRow: startIndex,
+                firstColumn: 0,
+                lastColumn: columnNumber,
+            };
+            return {
+                cmTable: undefined,
+                initialSelection: initialSelection,
+                parsedTable: parsedTable,
+                startIndex: startIndex,
+            };
+        }
+        else {
+            var rowNumber = parsedTable.length - 1;
+            var initialSelection = {
+                type: 'table',
+                table: table,
+                firstRow: 0,
+                lastRow: rowNumber,
+                firstColumn: startIndex,
+                lastColumn: startIndex,
+            };
+            return {
+                cmTable: undefined,
+                initialSelection: initialSelection,
+                parsedTable: parsedTable,
+                startIndex: startIndex,
+            };
+        }
+    }
+    exports.onDragStart = onDragStart;
+    /**
+     * @internal
+     * Exported for testing
+     */
+    function onDragging(context, event, initValue) {
+        if (!initValue) {
+            return false;
+        }
+        var table = context.table, editor = context.editor, isRow = context.isRow;
+        var parsedTable = initValue.parsedTable, startIndex = initValue.startIndex;
+        var currentIndex = getCurrentIndexFromMouse(table, event.clientX, event.clientY, isRow);
+        if (isRow) {
+            var columnNumber = parsedTable[startIndex].length - 1;
+            var firstRow = Math.min(startIndex, currentIndex);
+            var lastRow = Math.max(startIndex, currentIndex);
+            editor.setDOMSelection({
+                type: 'table',
+                table: table,
+                firstRow: firstRow,
+                firstColumn: 0,
+                lastRow: lastRow,
+                lastColumn: columnNumber,
+            });
+        }
+        else {
+            var firstColumn = Math.min(startIndex, currentIndex);
+            var lastColumn = Math.max(startIndex, currentIndex);
+            var rowNumber = parsedTable.length - 1;
+            editor.setDOMSelection({
+                type: 'table',
+                table: table,
+                firstRow: 0,
+                firstColumn: firstColumn,
+                lastColumn: lastColumn,
+                lastRow: rowNumber,
+            });
+        }
+        return true;
+    }
+    exports.onDragging = onDragging;
+    /**
+     * @internal
+     * Exported for testing
+     */
+    function onDragEnd(context, event, initValue) {
+        if (!initValue) {
+            return false;
+        }
+        var editor = context.editor;
+        var selection = editor.getDOMSelection();
+        if ((selection === null || selection === void 0 ? void 0 : selection.type) !== 'table') {
+            editor.setDOMSelection(initValue.initialSelection);
+        }
+        return true;
+    }
+    exports.onDragEnd = onDragEnd;
+    function getInsertElementData(rect, isRowSelector) {
+        var MIN_DISTANCE_FROM_BOUNDARY = 5;
+        var GAP_FROM_CELL = 5;
+        var cellLength = isRowSelector ? rect.bottom - rect.top : rect.right - rect.left;
+        var maxSelectorSize = Math.max(16, cellLength - MIN_DISTANCE_FROM_BOUNDARY * 2);
+        var SELECTOR_SIZE = cellLength >= 32 ? Math.min(cellLength - 16, maxSelectorSize) : 16;
+        var centerOffset = (cellLength - SELECTOR_SIZE) / 2;
+        var size = isRowSelector
+            ? "width: 5px; height: " + SELECTOR_SIZE + "px; top: " + (rect.top + centerOffset) + "px; left: " + (rect.left - 5 - GAP_FROM_CELL) + "px"
+            : "width: " + SELECTOR_SIZE + "px; height: 5px; top: " + (rect.top - 5 - GAP_FROM_CELL) + "px; left: " + (rect.left + centerOffset) + "px";
+        var cursor = isRowSelector
+            ? "url(\"" + STABLE_RIGHT_ARROW_CURSOR + "\"), auto"
+            : "url(\"" + STABLE_DOWN_ARROW_CURSOR + "\") , auto";
+        var outerDivStyle = "position: fixed; " + size + "; background-color: transparent; cursor: " + cursor + "; pointer-events: auto;";
+        return {
+            tag: 'div',
+            style: outerDivStyle,
+        };
+    }
+});
+//# sourceMappingURL=TableRowColumnSelector.js.map

package/lib-amd/tableEdit/editors/features/TableRowColumnSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowColumnSelector.js","sourceRoot":"","sources":["../../../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/editors/features/TableRowColumnSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from '../../../pluginUtils/CreateElement/createElement';\r\nimport { DragAndDropHelper } from '../../../pluginUtils/DragAndDrop/DragAndDropHelper';\r\nimport { normalizeRect, parseTableCells } from 'roosterjs-content-model-dom';\r\nimport type { CreateElementData } from '../../../pluginUtils/CreateElement/CreateElementData';\r\nimport type { DragAndDropHandler } from '../../../pluginUtils/DragAndDrop/DragAndDropHandler';\r\nimport type { Disposable } from '../../../pluginUtils/Disposable';\r\nimport type { TableEditFeature } from './TableEditFeature';\r\nimport type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';\r\nimport type {\r\n    DOMSelection,\r\n    IEditor,\r\n    ParsedTable,\r\n    ReadonlyContentModelTable,\r\n    Rect,\r\n    TableSelection,\r\n} from 'roosterjs-content-model-types';\r\n\r\nconst STABLE_DOWN_ARROW_CURSOR =\r\n    'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48dGV4dCB4PSI4IiB5PSIxMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1zaXplPSIxNCIgZmlsbD0iYmxhY2siPiYjMTI5MDk1OzwvdGV4dD48L3N2Zz4=';\r\n\r\nconst STABLE_RIGHT_ARROW_CURSOR =\r\n    'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48dGV4dCB4PSI4IiB5PSIxMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1zaXplPSIxNCIgZmlsbD0iYmxhY2siIHRyYW5zZm9ybT0icm90YXRlKC05MCA4IDgpIj4mIzEyOTA5NTs8L3RleHQ+PC9zdmc+';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function createTableRowColumnSelector(\r\n    editor: IEditor,\r\n    table: HTMLTableElement,\r\n    isRowSelector: boolean,\r\n    anchorContainer?: HTMLElement,\r\n    onTableEditorCreated?: OnTableEditorCreatedCallback\r\n): TableEditFeature | null {\r\n    const doc = editor.getDocument();\r\n    const zoomScale = editor.getDOMHelper().calculateZoomScale();\r\n\r\n    const containerDiv = doc.createElement('div');\r\n    containerDiv.style.cssText = 'position: fixed; pointer-events: none;';\r\n\r\n    const cells = isRowSelector\r\n        ? Array.from(table.rows)\r\n              .map(row => row.cells[0])\r\n              .filter(cell => cell)\r\n        : Array.from(table.rows[0]?.cells || []);\r\n\r\n    const handlers: TableRowColumnSelectorHandler[] = [];\r\n\r\n    cells.forEach(cell => {\r\n        const cellRect = normalizeRect(cell.getBoundingClientRect());\r\n        if (cellRect) {\r\n            const createElementData = getInsertElementData(cellRect, isRowSelector);\r\n            const cellDiv = createElement(createElementData, doc) as HTMLDivElement;\r\n            containerDiv.appendChild(cellDiv);\r\n\r\n            const context: TableRowColumnSelectorContext = {\r\n                table,\r\n                zoomScale,\r\n                editor,\r\n                div: cellDiv,\r\n                isRow: isRowSelector,\r\n            };\r\n\r\n            const handler = new TableRowColumnSelectorHandler(\r\n                cellDiv,\r\n                isRowSelector,\r\n                context,\r\n                {\r\n                    onDragStart,\r\n                    onDragging,\r\n                    onDragEnd,\r\n                },\r\n                zoomScale,\r\n                onTableEditorCreated,\r\n                editor.getEnvironment().isMobileOrTablet\r\n            );\r\n            handlers.push(handler);\r\n        }\r\n    });\r\n\r\n    (anchorContainer || doc.body).appendChild(containerDiv);\r\n\r\n    const compositeHandler: Disposable = {\r\n        dispose: () => {\r\n            handlers.forEach(h => h.dispose());\r\n        },\r\n    };\r\n\r\n    return { div: containerDiv, featureHandler: compositeHandler, node: table };\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport interface TableRowColumnSelectorContext {\r\n    table: HTMLTableElement;\r\n    zoomScale: number;\r\n    editor: IEditor;\r\n    div: HTMLElement;\r\n    isRow: boolean;\r\n}\r\n\r\n/**\r\n *  @internal\r\n */\r\nexport interface TableRowColumnSelectorInitValue {\r\n    cmTable: ReadonlyContentModelTable | undefined;\r\n    initialSelection: DOMSelection | null;\r\n    parsedTable: ParsedTable;\r\n    startIndex: number;\r\n}\r\n\r\nclass TableRowColumnSelectorHandler\r\n    extends DragAndDropHelper<TableRowColumnSelectorContext, TableRowColumnSelectorInitValue>\r\n    implements Disposable {\r\n    private disposer: undefined | (() => void);\r\n    constructor(\r\n        div: HTMLDivElement,\r\n        private isRow: boolean,\r\n        context: TableRowColumnSelectorContext,\r\n        handler: DragAndDropHandler<TableRowColumnSelectorContext, TableRowColumnSelectorInitValue>,\r\n        zoomScale: number,\r\n        onTableEditorCreated?: OnTableEditorCreatedCallback,\r\n        forceMobile?: boolean | undefined\r\n    ) {\r\n        super(div, context, () => {}, handler, zoomScale, forceMobile);\r\n        this.disposer = onTableEditorCreated?.(\r\n            this.isRow ? 'TableRowSelector' : 'TableColumnSelector',\r\n            div\r\n        );\r\n    }\r\n\r\n    dispose() {\r\n        this.disposer?.();\r\n        this.disposer = undefined;\r\n    }\r\n}\r\n\r\n/**\r\n * @internal\r\n * Helper function to calculate current row/column index from mouse coordinates during drag\r\n */\r\nfunction getCurrentIndexFromMouse(\r\n    table: HTMLTableElement,\r\n    x: number,\r\n    y: number,\r\n    isRow: boolean\r\n): number {\r\n    if (isRow) {\r\n        for (let i = 0; i < table.rows.length; i++) {\r\n            const row = table.rows[i];\r\n\r\n            for (let j = 0; j < row.cells.length; j++) {\r\n                const cell = row.cells[j];\r\n                const cellRect = normalizeRect(cell.getBoundingClientRect());\r\n                if (cellRect && y >= cellRect.top && y <= cellRect.bottom) {\r\n                    return i;\r\n                }\r\n            }\r\n        }\r\n        return Math.max(0, table.rows.length - 1);\r\n    } else {\r\n        if (!table.rows[0]) {\r\n            return 0;\r\n        }\r\n        const firstRow = table.rows[0];\r\n        for (let i = 0; i < firstRow.cells.length; i++) {\r\n            const cell = firstRow.cells[i];\r\n            const cellRect = normalizeRect(cell.getBoundingClientRect());\r\n            if (cellRect && x >= cellRect.left && x <= cellRect.right) {\r\n                return i;\r\n            }\r\n        }\r\n        return firstRow.cells.length - 1;\r\n    }\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport function onDragStart(\r\n    context: TableRowColumnSelectorContext,\r\n    event: MouseEvent\r\n): TableRowColumnSelectorInitValue {\r\n    const { table, editor, isRow } = context;\r\n    editor.setDOMSelection(null);\r\n\r\n    const parsedTable = parseTableCells(table);\r\n\r\n    const startIndex = getCurrentIndexFromMouse(table, event.clientX, event.clientY, isRow);\r\n\r\n    if (isRow) {\r\n        const columnNumber = parsedTable[startIndex].length - 1;\r\n        const initialSelection: TableSelection = {\r\n            type: 'table',\r\n            table,\r\n            firstRow: startIndex,\r\n            lastRow: startIndex,\r\n            firstColumn: 0,\r\n            lastColumn: columnNumber,\r\n        };\r\n\r\n        return {\r\n            cmTable: undefined,\r\n            initialSelection,\r\n\r\n            parsedTable,\r\n            startIndex,\r\n        };\r\n    } else {\r\n        const rowNumber = parsedTable.length - 1;\r\n        const initialSelection: TableSelection = {\r\n            type: 'table',\r\n            table,\r\n            firstRow: 0,\r\n            lastRow: rowNumber,\r\n            firstColumn: startIndex,\r\n            lastColumn: startIndex,\r\n        };\r\n\r\n        return {\r\n            cmTable: undefined,\r\n            initialSelection,\r\n\r\n            parsedTable,\r\n            startIndex,\r\n        };\r\n    }\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport function onDragging(\r\n    context: TableRowColumnSelectorContext,\r\n    event: MouseEvent,\r\n    initValue: TableRowColumnSelectorInitValue | undefined\r\n): boolean {\r\n    if (!initValue) {\r\n        return false;\r\n    }\r\n\r\n    const { table, editor, isRow } = context;\r\n    const { parsedTable, startIndex } = initValue;\r\n\r\n    const currentIndex = getCurrentIndexFromMouse(table, event.clientX, event.clientY, isRow);\r\n\r\n    if (isRow) {\r\n        const columnNumber = parsedTable[startIndex].length - 1;\r\n        const firstRow = Math.min(startIndex, currentIndex);\r\n        const lastRow = Math.max(startIndex, currentIndex);\r\n\r\n        editor.setDOMSelection({\r\n            type: 'table',\r\n            table: table,\r\n            firstRow,\r\n            firstColumn: 0,\r\n            lastRow,\r\n            lastColumn: columnNumber,\r\n        });\r\n    } else {\r\n        const firstColumn = Math.min(startIndex, currentIndex);\r\n        const lastColumn = Math.max(startIndex, currentIndex);\r\n        const rowNumber = parsedTable.length - 1;\r\n\r\n        editor.setDOMSelection({\r\n            type: 'table',\r\n            table: table,\r\n            firstRow: 0,\r\n            firstColumn,\r\n            lastColumn,\r\n            lastRow: rowNumber,\r\n        });\r\n    }\r\n\r\n    return true;\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport function onDragEnd(\r\n    context: TableRowColumnSelectorContext,\r\n    event: MouseEvent,\r\n    initValue: TableRowColumnSelectorInitValue | undefined\r\n): boolean {\r\n    if (!initValue) {\r\n        return false;\r\n    }\r\n\r\n    const { editor } = context;\r\n    const selection = editor.getDOMSelection();\r\n\r\n    if (selection?.type !== 'table') {\r\n        editor.setDOMSelection(initValue.initialSelection);\r\n    }\r\n\r\n    return true;\r\n}\r\n\r\nfunction getInsertElementData(rect: Rect, isRowSelector: boolean): CreateElementData {\r\n    const MIN_DISTANCE_FROM_BOUNDARY = 5;\r\n    const GAP_FROM_CELL = 5;\r\n    const cellLength = isRowSelector ? rect.bottom - rect.top : rect.right - rect.left;\r\n\r\n    const maxSelectorSize = Math.max(16, cellLength - MIN_DISTANCE_FROM_BOUNDARY * 2);\r\n    const SELECTOR_SIZE = cellLength >= 32 ? Math.min(cellLength - 16, maxSelectorSize) : 16;\r\n\r\n    const centerOffset = (cellLength - SELECTOR_SIZE) / 2;\r\n\r\n    const size = isRowSelector\r\n        ? `width: 5px; height: ${SELECTOR_SIZE}px; top: ${rect.top + centerOffset}px; left: ${\r\n              rect.left - 5 - GAP_FROM_CELL\r\n          }px`\r\n        : `width: ${SELECTOR_SIZE}px; height: 5px; top: ${rect.top - 5 - GAP_FROM_CELL}px; left: ${\r\n              rect.left + centerOffset\r\n          }px`;\r\n\r\n    const cursor = isRowSelector\r\n        ? `url(\"${STABLE_RIGHT_ARROW_CURSOR}\"), auto`\r\n        : `url(\"${STABLE_DOWN_ARROW_CURSOR}\") , auto`;\r\n\r\n    const outerDivStyle = `position: fixed; ${size}; background-color: transparent; cursor: ${cursor}; pointer-events: auto;`;\r\n    return {\r\n        tag: 'div',\r\n        style: outerDivStyle,\r\n    };\r\n}\r\n"]}

package/lib-amd/tableEdit/editors/utils/getTableFromContentModel.d.ts

@@ -1,6 +1,6 @@
-import type { IEditor } from 'roosterjs-content-model-types';
-/**
- * @internal
- * Get ContentModelTable from a table element if it is present in the content model
- */
-export declare function getCMTableFromTable(editor: IEditor, table: HTMLTableElement): import("roosterjs-content-model-types").ContentModelTable | undefined;
+import type { IEditor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Get ContentModelTable from a table element if it is present in the content model
+ */
+export declare function getCMTableFromTable(editor: IEditor, table: HTMLTableElement): import("roosterjs-content-model-types").ContentModelTable | undefined;

package/lib-amd/tableEdit/editors/utils/getTableFromContentModel.js

@@ -1,21 +1,22 @@
-define(["require", "exports", "roosterjs-content-model-dom"], function (require, exports, roosterjs_content_model_dom_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getCMTableFromTable = void 0;
-    /**
-     * @internal
-     * Get ContentModelTable from a table element if it is present in the content model
-     */
-    function getCMTableFromTable(editor, table) {
-        var model = (0, roosterjs_content_model_dom_1.createContentModelDocument)();
-        var context = (0, roosterjs_content_model_dom_1.createDomToModelContext)({
-            zoomScale: editor.getDOMHelper().calculateZoomScale(),
-            recalculateTableSize: true,
-        });
-        context.elementProcessors.element(model, table, context);
-        var firstBlock = model.blocks[0];
-        return (firstBlock === null || firstBlock === void 0 ? void 0 : firstBlock.blockType) == 'Table' ? firstBlock : undefined;
-    }
-    exports.getCMTableFromTable = getCMTableFromTable;
-});
+define(["require", "exports", "roosterjs-content-model-dom"], function (require, exports, roosterjs_content_model_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getCMTableFromTable = void 0;
+    /**
+     * @internal
+     * Get ContentModelTable from a table element if it is present in the content model
+     */
+    function getCMTableFromTable(editor, table) {
+        var model = (0, roosterjs_content_model_dom_1.createContentModelDocument)();
+        var context = (0, roosterjs_content_model_dom_1.createDomToModelContext)({
+            zoomScale: editor.getDOMHelper().calculateZoomScale(),
+            recalculateTableSize: true,
+            allowCacheElement: true, // We need this cache so we can retrieve TD element and update TD width and height when resizing table
+        });
+        context.elementProcessors.element(model, table, context);
+        var firstBlock = model.blocks[0];
+        return (firstBlock === null || firstBlock === void 0 ? void 0 : firstBlock.blockType) == 'Table' ? firstBlock : undefined;
+    }
+    exports.getCMTableFromTable = getCMTableFromTable;
+});
 //# sourceMappingURL=getTableFromContentModel.js.map

package/lib-amd/tableEdit/editors/utils/getTableFromContentModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTableFromContentModel.js","sourceRoot":"","sources":["../../../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/editors/utils/getTableFromContentModel.ts"],"names":[],"mappings":";;;;IAGA;;;OAGG;IACH,SAAgB,mBAAmB,CAAC,MAAe,EAAE,KAAuB;QACxE,IAAM,KAAK,GAAG,IAAA,wDAA0B,GAAE,CAAC;QAC3C,IAAM,OAAO,GAAG,IAAA,qDAAuB,EAAC;YACpC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,kBAAkB,EAAE;YACrD,oBAAoB,EAAE,IAAI;SAC7B,CAAC,CAAC;QAEH,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAEzD,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAEnC,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,KAAI,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IACrE,CAAC;IAZD,kDAYC","sourcesContent":["import { createContentModelDocument, createDomToModelContext } from 'roosterjs-content-model-dom';\nimport type { IEditor } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Get ContentModelTable from a table element if it is present in the content model\n */\nexport function getCMTableFromTable(editor: IEditor, table: HTMLTableElement) {\n    const model = createContentModelDocument();\n    const context = createDomToModelContext({\n        zoomScale: editor.getDOMHelper().calculateZoomScale(),\n        recalculateTableSize: true,\n    });\n\n    context.elementProcessors.element(model, table, context);\n\n    const firstBlock = model.blocks[0];\n\n    return firstBlock?.blockType == 'Table' ? firstBlock : undefined;\n}\n"]}
+{"version":3,"file":"getTableFromContentModel.js","sourceRoot":"","sources":["../../../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/editors/utils/getTableFromContentModel.ts"],"names":[],"mappings":";;;;IAGA;;;OAGG;IACH,SAAgB,mBAAmB,CAAC,MAAe,EAAE,KAAuB;QACxE,IAAM,KAAK,GAAG,IAAA,wDAA0B,GAAE,CAAC;QAC3C,IAAM,OAAO,GAAG,IAAA,qDAAuB,EAAC;YACpC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,kBAAkB,EAAE;YACrD,oBAAoB,EAAE,IAAI;YAC1B,iBAAiB,EAAE,IAAI,EAAE,sGAAsG;SAClI,CAAC,CAAC;QAEH,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAEzD,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAEnC,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,KAAI,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IACrE,CAAC;IAbD,kDAaC","sourcesContent":["import { createContentModelDocument, createDomToModelContext } from 'roosterjs-content-model-dom';\r\nimport type { IEditor } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n * Get ContentModelTable from a table element if it is present in the content model\r\n */\r\nexport function getCMTableFromTable(editor: IEditor, table: HTMLTableElement) {\r\n    const model = createContentModelDocument();\r\n    const context = createDomToModelContext({\r\n        zoomScale: editor.getDOMHelper().calculateZoomScale(),\r\n        recalculateTableSize: true,\r\n        allowCacheElement: true, // We need this cache so we can retrieve TD element and update TD width and height when resizing table\r\n    });\r\n\r\n    context.elementProcessors.element(model, table, context);\r\n\r\n    const firstBlock = model.blocks[0];\r\n\r\n    return firstBlock?.blockType == 'Table' ? firstBlock : undefined;\r\n}\r\n"]}

package/lib-amd/touch/TouchPlugin.d.ts

@@ -1,32 +1,32 @@
-import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
-/**
- * Touch plugin to manage touch behaviors
- */
-export declare class TouchPlugin implements EditorPlugin {
-    private editor;
-    private timer;
-    private isDblClicked;
-    private isTouchPenPointerEvent;
-    /**
-     * Create an instance of Touch plugin
-     */
-    constructor();
-    /**
-     * 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;
-    /**
-     * Dispose this plugin
-     */
-    dispose(): void;
-    /**
-     * Handle events triggered from editor
-     * @param event PluginEvent object
-     */
-    onPluginEvent(event: PluginEvent): void;
-}
+import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
+/**
+ * Touch plugin to manage touch behaviors
+ */
+export declare class TouchPlugin implements EditorPlugin {
+    private editor;
+    private timer;
+    private isDblClicked;
+    private isTouchPenPointerEvent;
+    /**
+     * Create an instance of Touch plugin
+     */
+    constructor();
+    /**
+     * 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;
+    /**
+     * Dispose this plugin
+     */
+    dispose(): void;
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    onPluginEvent(event: PluginEvent): void;
+}