roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib/tableEdit/editors/features/TableMover.js

@@ -1,235 +1,235 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onDragEnd = exports.onDragging = exports.onDragStart = exports.createTableMover = exports.TABLE_MOVER_ID = void 0;
-var tslib_1 = require("tslib");
-var createElement_1 = require("../../../pluginUtils/CreateElement/createElement");
-var DragAndDropHelper_1 = require("../../../pluginUtils/DragAndDrop/DragAndDropHelper");
-var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
-var getTableFromContentModel_1 = require("../utils/getTableFromContentModel");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var getNodePositionFromEvent_1 = require("../../../utils/getNodePositionFromEvent");
-var TABLE_MOVER_LENGTH = 12;
-/**
- * @internal
- */
-exports.TABLE_MOVER_ID = '_Table_Mover';
-var TABLE_MOVER_STYLE_KEY = '_TableMoverCursorStyle';
-/**
- * @internal
- * Allows user to move table to another position
- * Contains the function to select whole table
- */
-function createTableMover(table, editor, isRTL, onFinishDragging, onStart, onEnd, contentDiv, anchorContainer, onTableEditorCreated, disableMovement) {
-    var rect = (0, roosterjs_content_model_dom_1.normalizeRect)(table.getBoundingClientRect());
-    if (!isTableTopVisible(editor, rect, contentDiv)) {
-        return null;
-    }
-    var zoomScale = editor.getDOMHelper().calculateZoomScale();
-    var document = table.ownerDocument;
-    var createElementData = {
-        tag: 'div',
-        style: 'position: fixed; cursor: move; user-select: none; border: 1px solid #808080',
-    };
-    var div = (0, createElement_1.createElement)(createElementData, document);
-    div.id = exports.TABLE_MOVER_ID;
-    div.style.width = TABLE_MOVER_LENGTH + "px";
-    div.style.height = TABLE_MOVER_LENGTH + "px";
-    (anchorContainer || document.body).appendChild(div);
-    var context = {
-        table: table,
-        zoomScale: zoomScale,
-        rect: rect,
-        isRTL: isRTL,
-        editor: editor,
-        div: div,
-        onFinishDragging: onFinishDragging,
-        onStart: onStart,
-        onEnd: onEnd,
-        disableMovement: disableMovement,
-    };
-    setDivPosition(context, div);
-    var featureHandler = new TableMoverFeature(div, context, function () { }, disableMovement
-        ? { onDragEnd: onDragEnd }
-        : {
-            onDragStart: onDragStart,
-            onDragging: onDragging,
-            onDragEnd: onDragEnd,
-        }, context.zoomScale, onTableEditorCreated, editor.getEnvironment().isMobileOrTablet);
-    return { node: table, div: div, featureHandler: featureHandler };
-}
-exports.createTableMover = createTableMover;
-var TableMoverFeature = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(TableMoverFeature, _super);
-    function TableMoverFeature(div, context, onSubmit, handler, zoomScale, onTableEditorCreated, forceMobile) {
-        var _this = _super.call(this, div, context, onSubmit, handler, zoomScale, forceMobile) || this;
-        _this.disposer = onTableEditorCreated === null || onTableEditorCreated === void 0 ? void 0 : onTableEditorCreated('TableMover', div);
-        return _this;
-    }
-    TableMoverFeature.prototype.dispose = function () {
-        var _a;
-        (_a = this.disposer) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.disposer = undefined;
-        _super.prototype.dispose.call(this);
-    };
-    return TableMoverFeature;
-}(DragAndDropHelper_1.DragAndDropHelper));
-function setDivPosition(context, trigger) {
-    var rect = context.rect;
-    if (rect) {
-        trigger.style.top = rect.top - TABLE_MOVER_LENGTH + "px";
-        trigger.style.left = rect.left - TABLE_MOVER_LENGTH - 2 + "px";
-    }
-}
-function isTableTopVisible(editor, rect, contentDiv) {
-    var visibleViewport = editor.getVisibleViewport();
-    if ((0, roosterjs_content_model_dom_1.isNodeOfType)(contentDiv, 'ELEMENT_NODE') && visibleViewport && rect) {
-        var containerRect = (0, roosterjs_content_model_dom_1.normalizeRect)(contentDiv.getBoundingClientRect());
-        return !!containerRect && containerRect.top <= rect.top && visibleViewport.top <= rect.top;
-    }
-    return true;
-}
-function setTableMoverCursor(editor, state, type) {
-    var _a;
-    editor === null || editor === void 0 ? void 0 : editor.setEditorStyle(TABLE_MOVER_STYLE_KEY, state ? (_a = 'cursor: ' + type) !== null && _a !== void 0 ? _a : 'move' : null);
-}
-/**
- * @internal
- * Exported for testing
- */
-function onDragStart(context) {
-    var _a;
-    context.onStart();
-    var editor = context.editor, table = context.table, div = context.div;
-    setTableMoverCursor(editor, true, 'move');
-    // Create table outline rectangle
-    var trect = table.getBoundingClientRect();
-    var createElementData = {
-        tag: 'div',
-        style: 'position: fixed; user-select: none; border: 1px solid #808080',
-    };
-    var tableRect = (0, createElement_1.createElement)(createElementData, document);
-    tableRect.style.width = trect.width + "px";
-    tableRect.style.height = trect.height + "px";
-    tableRect.style.top = trect.top + "px";
-    tableRect.style.left = trect.left + "px";
-    (_a = div.parentNode) === null || _a === void 0 ? void 0 : _a.appendChild(tableRect);
-    // Get drag start selection
-    var initialSelection = editor.getDOMSelection();
-    // Get Table block in content model
-    var cmTable = (0, getTableFromContentModel_1.getCMTableFromTable)(editor, table);
-    return {
-        cmTable: cmTable,
-        initialSelection: initialSelection,
-        tableRect: tableRect,
-    };
-}
-exports.onDragStart = onDragStart;
-/**
- * @internal
- * Exported for testing
- */
-function onDragging(context, event, initValue) {
-    var tableRect = initValue.tableRect;
-    var editor = context.editor;
-    // Move table outline rectangle
-    tableRect.style.top = event.clientY + TABLE_MOVER_LENGTH + "px";
-    tableRect.style.left = event.clientX + TABLE_MOVER_LENGTH + "px";
-    var pos = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(editor, event.clientX, event.clientY);
-    if (pos) {
-        var range = editor.getDocument().createRange();
-        range.setStart(pos.node, pos.offset);
-        range.collapse(true);
-        editor.setDOMSelection({ type: 'range', range: range, isReverted: false });
-        return true;
-    }
-    return false;
-}
-exports.onDragging = onDragging;
-/**
- * @internal
- * Exported for testing
- */
-function onDragEnd(context, event, initValue) {
-    var _a, _b;
-    var editor = context.editor, table = context.table, selectWholeTable = context.onFinishDragging, disableMovement = context.disableMovement;
-    var element = event.target;
-    // Remove table outline rectangle
-    initValue === null || initValue === void 0 ? void 0 : initValue.tableRect.remove();
-    // Reset cursor
-    setTableMoverCursor(editor, false);
-    if (element == context.div) {
-        // Table mover was only clicked, select whole table and do not dismiss the handler element.
-        selectWholeTable(table);
-        context.onEnd(false /* disposeHandler */);
-        return true;
-    }
-    else {
-        // Check if table was dragged on itself, element is not in editor, or movement is disabled
-        if (table.contains(element) ||
-            !editor.getDOMHelper().isNodeInEditor(element) ||
-            disableMovement) {
-            editor.setDOMSelection((_a = initValue === null || initValue === void 0 ? void 0 : initValue.initialSelection) !== null && _a !== void 0 ? _a : null);
-            context.onEnd(true /* disposeHandler */);
-            return false;
-        }
-        var insertionSuccess_1 = false;
-        // Get position to insert table
-        var insertPosition = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(editor, event.clientX, event.clientY);
-        if (insertPosition) {
-            // Move table to new position
-            (0, roosterjs_content_model_api_1.formatInsertPointWithContentModel)(editor, insertPosition, function (model, context, ip) {
-                var _a;
-                // Remove old table
-                var _b = (0, tslib_1.__read)((0, roosterjs_content_model_dom_1.getFirstSelectedTable)(model), 2), oldTable = _b[0], path = _b[1];
-                if (oldTable) {
-                    var index = path[0].blocks.indexOf(oldTable);
-                    (0, roosterjs_content_model_dom_1.mutateBlock)(path[0]).blocks.splice(index, 1);
-                }
-                if (ip && (initValue === null || initValue === void 0 ? void 0 : initValue.cmTable)) {
-                    // Insert new table
-                    var doc = (0, roosterjs_content_model_dom_1.createContentModelDocument)();
-                    doc.blocks.push(oldTable !== null && oldTable !== void 0 ? oldTable : (0, roosterjs_content_model_dom_1.mutateBlock)(initValue.cmTable));
-                    insertionSuccess_1 = !!(0, roosterjs_content_model_dom_1.mergeModel)(model, (0, roosterjs_content_model_dom_1.cloneModel)(doc), context, {
-                        mergeFormat: 'none',
-                        insertPosition: ip,
-                    });
-                    if (insertionSuccess_1) {
-                        // After mergeModel, the new table should be selected
-                        var finalTable = (_a = (0, roosterjs_content_model_dom_1.getFirstSelectedTable)(model)[0]) !== null && _a !== void 0 ? _a : initValue.cmTable;
-                        if (finalTable) {
-                            // Add selection marker to the first cell of the table
-                            var firstCell = finalTable.rows[0].cells[0];
-                            var markerParagraph = firstCell === null || firstCell === void 0 ? void 0 : firstCell.blocks[0];
-                            if ((markerParagraph === null || markerParagraph === void 0 ? void 0 : markerParagraph.blockType) == 'Paragraph') {
-                                var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(model.format);
-                                (0, roosterjs_content_model_dom_1.mutateBlock)(markerParagraph).segments.unshift(marker);
-                                (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(markerParagraph);
-                                (0, roosterjs_content_model_dom_1.setSelection)(model, marker);
-                            }
-                        }
-                    }
-                    return insertionSuccess_1;
-                }
-            }, {
-                // Select first cell of the old table
-                selectionOverride: {
-                    type: 'table',
-                    firstColumn: 0,
-                    firstRow: 0,
-                    lastColumn: 0,
-                    lastRow: 0,
-                    table: table,
-                },
-                apiName: 'TableMover',
-            });
-        }
-        else {
-            // No movement, restore initial selection
-            editor.setDOMSelection((_b = initValue === null || initValue === void 0 ? void 0 : initValue.initialSelection) !== null && _b !== void 0 ? _b : null);
-        }
-        context.onEnd(true /* disposeHandler */);
-        return insertionSuccess_1;
-    }
-}
-exports.onDragEnd = onDragEnd;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onDragEnd = exports.onDragging = exports.onDragStart = exports.createTableMover = exports.TABLE_MOVER_ID = void 0;
+var tslib_1 = require("tslib");
+var createElement_1 = require("../../../pluginUtils/CreateElement/createElement");
+var DragAndDropHelper_1 = require("../../../pluginUtils/DragAndDrop/DragAndDropHelper");
+var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
+var getTableFromContentModel_1 = require("../utils/getTableFromContentModel");
+var getNodePositionFromEvent_1 = require("../../../utils/getNodePositionFromEvent");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var TABLE_MOVER_LENGTH = 12;
+/**
+ * @internal
+ */
+exports.TABLE_MOVER_ID = '_Table_Mover';
+var TABLE_MOVER_STYLE_KEY = '_TableMoverCursorStyle';
+/**
+ * @internal
+ * Allows user to move table to another position
+ * Contains the function to select whole table
+ */
+function createTableMover(table, editor, isRTL, onFinishDragging, onStart, onEnd, contentDiv, anchorContainer, onTableEditorCreated, disableMovement) {
+    var rect = (0, roosterjs_content_model_dom_1.normalizeRect)(table.getBoundingClientRect());
+    if (!isTableTopVisible(editor, rect, contentDiv)) {
+        return null;
+    }
+    var zoomScale = editor.getDOMHelper().calculateZoomScale();
+    var document = table.ownerDocument;
+    var createElementData = {
+        tag: 'div',
+        style: 'position: fixed; cursor: move; user-select: none; border: 1px solid #808080',
+    };
+    var div = (0, createElement_1.createElement)(createElementData, document);
+    div.id = exports.TABLE_MOVER_ID;
+    div.style.width = TABLE_MOVER_LENGTH + "px";
+    div.style.height = TABLE_MOVER_LENGTH + "px";
+    (anchorContainer || document.body).appendChild(div);
+    var context = {
+        table: table,
+        zoomScale: zoomScale,
+        rect: rect,
+        isRTL: isRTL,
+        editor: editor,
+        div: div,
+        onFinishDragging: onFinishDragging,
+        onStart: onStart,
+        onEnd: onEnd,
+        disableMovement: disableMovement,
+    };
+    setDivPosition(context, div);
+    var featureHandler = new TableMoverFeature(div, context, function () { }, disableMovement
+        ? { onDragEnd: onDragEnd }
+        : {
+            onDragStart: onDragStart,
+            onDragging: onDragging,
+            onDragEnd: onDragEnd,
+        }, context.zoomScale, onTableEditorCreated, editor.getEnvironment().isMobileOrTablet);
+    return { node: table, div: div, featureHandler: featureHandler };
+}
+exports.createTableMover = createTableMover;
+var TableMoverFeature = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(TableMoverFeature, _super);
+    function TableMoverFeature(div, context, onSubmit, handler, zoomScale, onTableEditorCreated, forceMobile) {
+        var _this = _super.call(this, div, context, onSubmit, handler, zoomScale, forceMobile) || this;
+        _this.disposer = onTableEditorCreated === null || onTableEditorCreated === void 0 ? void 0 : onTableEditorCreated('TableMover', div);
+        return _this;
+    }
+    TableMoverFeature.prototype.dispose = function () {
+        var _a;
+        (_a = this.disposer) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.disposer = undefined;
+        _super.prototype.dispose.call(this);
+    };
+    return TableMoverFeature;
+}(DragAndDropHelper_1.DragAndDropHelper));
+function setDivPosition(context, trigger) {
+    var rect = context.rect;
+    if (rect) {
+        trigger.style.top = rect.top - TABLE_MOVER_LENGTH + "px";
+        trigger.style.left = rect.left - TABLE_MOVER_LENGTH - 2 + "px";
+    }
+}
+function isTableTopVisible(editor, rect, contentDiv) {
+    var visibleViewport = editor.getVisibleViewport();
+    if ((0, roosterjs_content_model_dom_1.isNodeOfType)(contentDiv, 'ELEMENT_NODE') && visibleViewport && rect) {
+        var containerRect = (0, roosterjs_content_model_dom_1.normalizeRect)(contentDiv.getBoundingClientRect());
+        return !!containerRect && containerRect.top <= rect.top && visibleViewport.top <= rect.top;
+    }
+    return true;
+}
+function setTableMoverCursor(editor, state, type) {
+    var _a;
+    editor === null || editor === void 0 ? void 0 : editor.setEditorStyle(TABLE_MOVER_STYLE_KEY, state ? (_a = 'cursor: ' + type) !== null && _a !== void 0 ? _a : 'move' : null);
+}
+/**
+ * @internal
+ * Exported for testing
+ */
+function onDragStart(context) {
+    var _a;
+    context.onStart();
+    var editor = context.editor, table = context.table, div = context.div;
+    setTableMoverCursor(editor, true, 'move');
+    // Create table outline rectangle
+    var trect = table.getBoundingClientRect();
+    var createElementData = {
+        tag: 'div',
+        style: 'position: fixed; user-select: none; border: 1px solid #808080',
+    };
+    var tableRect = (0, createElement_1.createElement)(createElementData, editor.getDocument());
+    tableRect.style.width = trect.width + "px";
+    tableRect.style.height = trect.height + "px";
+    tableRect.style.top = trect.top + "px";
+    tableRect.style.left = trect.left + "px";
+    (_a = div.parentNode) === null || _a === void 0 ? void 0 : _a.appendChild(tableRect);
+    // Get drag start selection
+    var initialSelection = editor.getDOMSelection();
+    // Get Table block in content model
+    var cmTable = (0, getTableFromContentModel_1.getCMTableFromTable)(editor, table);
+    return {
+        cmTable: cmTable,
+        initialSelection: initialSelection,
+        tableRect: tableRect,
+    };
+}
+exports.onDragStart = onDragStart;
+/**
+ * @internal
+ * Exported for testing
+ */
+function onDragging(context, event, initValue) {
+    var tableRect = initValue.tableRect;
+    var editor = context.editor;
+    // Move table outline rectangle
+    tableRect.style.top = event.clientY + TABLE_MOVER_LENGTH + "px";
+    tableRect.style.left = event.clientX + TABLE_MOVER_LENGTH + "px";
+    var pos = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(editor, event.clientX, event.clientY);
+    if (pos) {
+        var range = editor.getDocument().createRange();
+        range.setStart(pos.node, pos.offset);
+        range.collapse(true);
+        editor.setDOMSelection({ type: 'range', range: range, isReverted: false });
+        return true;
+    }
+    return false;
+}
+exports.onDragging = onDragging;
+/**
+ * @internal
+ * Exported for testing
+ */
+function onDragEnd(context, event, initValue) {
+    var _a, _b;
+    var editor = context.editor, table = context.table, selectWholeTable = context.onFinishDragging, disableMovement = context.disableMovement;
+    var element = event.target;
+    // Remove table outline rectangle
+    initValue === null || initValue === void 0 ? void 0 : initValue.tableRect.remove();
+    // Reset cursor
+    setTableMoverCursor(editor, false);
+    if (element == context.div) {
+        // Table mover was only clicked, select whole table and do not dismiss the handler element.
+        selectWholeTable(table);
+        context.onEnd(false /* disposeHandler */);
+        return true;
+    }
+    else {
+        // Check if table was dragged on itself, element is not in editor, or movement is disabled
+        if (table.contains(element) ||
+            !editor.getDOMHelper().isNodeInEditor(element) ||
+            disableMovement) {
+            editor.setDOMSelection((_a = initValue === null || initValue === void 0 ? void 0 : initValue.initialSelection) !== null && _a !== void 0 ? _a : null);
+            context.onEnd(true /* disposeHandler */);
+            return false;
+        }
+        var insertionSuccess_1 = false;
+        // Get position to insert table
+        var insertPosition = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(editor, event.clientX, event.clientY);
+        if (insertPosition) {
+            // Move table to new position
+            (0, roosterjs_content_model_api_1.formatInsertPointWithContentModel)(editor, insertPosition, function (model, context, ip) {
+                var _a;
+                // Remove old table
+                var _b = (0, tslib_1.__read)((0, roosterjs_content_model_dom_1.getFirstSelectedTable)(model), 2), oldTable = _b[0], path = _b[1];
+                if (oldTable) {
+                    var index = path[0].blocks.indexOf(oldTable);
+                    (0, roosterjs_content_model_dom_1.mutateBlock)(path[0]).blocks.splice(index, 1);
+                }
+                if (ip && (initValue === null || initValue === void 0 ? void 0 : initValue.cmTable)) {
+                    // Insert new table
+                    var doc = (0, roosterjs_content_model_dom_1.createContentModelDocument)();
+                    doc.blocks.push(oldTable !== null && oldTable !== void 0 ? oldTable : (0, roosterjs_content_model_dom_1.mutateBlock)(initValue.cmTable));
+                    insertionSuccess_1 = !!(0, roosterjs_content_model_dom_1.mergeModel)(model, (0, roosterjs_content_model_dom_1.cloneModel)(doc), context, {
+                        mergeFormat: 'none',
+                        insertPosition: ip,
+                    });
+                    if (insertionSuccess_1) {
+                        // After mergeModel, the new table should be selected
+                        var finalTable = (_a = (0, roosterjs_content_model_dom_1.getFirstSelectedTable)(model)[0]) !== null && _a !== void 0 ? _a : initValue.cmTable;
+                        if (finalTable) {
+                            // Add selection marker to the first cell of the table
+                            var firstCell = finalTable.rows[0].cells[0];
+                            var markerParagraph = firstCell === null || firstCell === void 0 ? void 0 : firstCell.blocks[0];
+                            if ((markerParagraph === null || markerParagraph === void 0 ? void 0 : markerParagraph.blockType) == 'Paragraph') {
+                                var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(model.format);
+                                (0, roosterjs_content_model_dom_1.mutateBlock)(markerParagraph).segments.unshift(marker);
+                                (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(markerParagraph);
+                                (0, roosterjs_content_model_dom_1.setSelection)(model, marker);
+                            }
+                        }
+                    }
+                    return insertionSuccess_1;
+                }
+            }, {
+                // Select first cell of the old table
+                selectionOverride: {
+                    type: 'table',
+                    firstColumn: 0,
+                    firstRow: 0,
+                    lastColumn: 0,
+                    lastRow: 0,
+                    table: table,
+                },
+                apiName: 'TableMover',
+            });
+        }
+        else {
+            // No movement, restore initial selection
+            editor.setDOMSelection((_b = initValue === null || initValue === void 0 ? void 0 : initValue.initialSelection) !== null && _b !== void 0 ? _b : null);
+        }
+        context.onEnd(true /* disposeHandler */);
+        return insertionSuccess_1;
+    }
+}
+exports.onDragEnd = onDragEnd;
 //# sourceMappingURL=TableMover.js.map

package/lib/tableEdit/editors/features/TableMover.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableMover.js","sourceRoot":"","sources":["../../../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/editors/features/TableMover.ts"],"names":[],"mappings":";;;;AAAA,kFAAiF;AACjF,wFAAuF;AACvF,2EAAgF;AAChF,8EAAwE;AAIxE,2EAWqC;AAQrC,oFAAmF;AAEnF,IAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B;;GAEG;AACU,QAAA,cAAc,GAAG,cAAc,CAAC;AAC7C,IAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAEvD;;;;GAIG;AACH,SAAgB,gBAAgB,CAC5B,KAAuB,EACvB,MAAe,EACf,KAAc,EACd,gBAAmD,EACnD,OAAmB,EACnB,KAAwC,EACxC,UAA+B,EAC/B,eAA6B,EAC7B,oBAAmD,EACnD,eAAyB;IAEzB,IAAM,IAAI,GAAG,IAAA,2CAAa,EAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAE1D,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAkB,CAAC,EAAE;QACtD,OAAO,IAAI,CAAC;KACf;IAED,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,kBAAkB,EAAE,CAAC;IAC7D,IAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;IACrC,IAAM,iBAAiB,GAAG;QACtB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,6EAA6E;KACvF,CAAC;IAEF,IAAM,GAAG,GAAG,IAAA,6BAAa,EAAC,iBAAiB,EAAE,QAAQ,CAAmB,CAAC;IAEzE,GAAG,CAAC,EAAE,GAAG,sBAAc,CAAC;IACxB,GAAG,CAAC,KAAK,CAAC,KAAK,GAAM,kBAAkB,OAAI,CAAC;IAC5C,GAAG,CAAC,KAAK,CAAC,MAAM,GAAM,kBAAkB,OAAI,CAAC;IAE7C,CAAC,eAAe,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEpD,IAAM,OAAO,GAAsB;QAC/B,KAAK,OAAA;QACL,SAAS,WAAA;QACT,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,MAAM,QAAA;QACN,GAAG,KAAA;QACH,gBAAgB,kBAAA;QAChB,OAAO,SAAA;QACP,KAAK,OAAA;QACL,eAAe,iBAAA;KAClB,CAAC;IAEF,cAAc,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAE7B,IAAM,cAAc,GAAG,IAAI,iBAAiB,CACxC,GAAG,EACH,OAAO,EACP,cAAO,CAAC,EACR,eAAe;QACX,CAAC,CAAC,EAAE,SAAS,WAAA,EAAE;QACf,CAAC,CAAC;YACI,WAAW,aAAA;YACX,UAAU,YAAA;YACV,SAAS,WAAA;SACZ,EACP,OAAO,CAAC,SAAS,EACjB,oBAAoB,EACpB,MAAM,CAAC,cAAc,EAAE,CAAC,gBAAgB,CAC3C,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAA,EAAE,cAAc,gBAAA,EAAE,CAAC;AAChD,CAAC;AAjED,4CAiEC;AA6BD;IAAgC,kDAAyD;IAGrF,2BACI,GAAgB,EAChB,OAA0B,EAC1B,QAIS,EACT,OAAmE,EACnE,SAAiB,EACjB,oBAAmD,EACnD,WAAiC;QAXrC,YAaI,kBAAM,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,SAEjE;QADG,KAAI,CAAC,QAAQ,GAAG,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,YAAY,EAAE,GAAG,CAAC,CAAC;;IAC9D,CAAC;IAED,mCAAO,GAAP;;QACI,MAAA,IAAI,CAAC,QAAQ,+CAAb,IAAI,CAAa,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC1B,iBAAM,OAAO,WAAE,CAAC;IACpB,CAAC;IACL,wBAAC;AAAD,CAAC,AAzBD,CAAgC,qCAAiB,GAyBhD;AAED,SAAS,cAAc,CAAC,OAA0B,EAAE,OAAoB;IAC5D,IAAA,IAAI,GAAK,OAAO,KAAZ,CAAa;IACzB,IAAI,IAAI,EAAE;QACN,OAAO,CAAC,KAAK,CAAC,GAAG,GAAM,IAAI,CAAC,GAAG,GAAG,kBAAkB,OAAI,CAAC;QACzD,OAAO,CAAC,KAAK,CAAC,IAAI,GAAM,IAAI,CAAC,IAAI,GAAG,kBAAkB,GAAG,CAAC,OAAI,CAAC;KAClE;AACL,CAAC;AAED,SAAS,iBAAiB,CAAC,MAAe,EAAE,IAAiB,EAAE,UAAwB;IACnF,IAAM,eAAe,GAAG,MAAM,CAAC,kBAAkB,EAAE,CAAC;IACpD,IAAI,IAAA,0CAAY,EAAC,UAAU,EAAE,cAAc,CAAC,IAAI,eAAe,IAAI,IAAI,EAAE;QACrE,IAAM,aAAa,GAAG,IAAA,2CAAa,EAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAExE,OAAO,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,eAAe,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;KAC9F;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,SAAS,mBAAmB,CAAC,MAAe,EAAE,KAAc,EAAE,IAAsB;;IAChF,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAAC,MAAA,UAAU,GAAG,IAAI,mCAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAC9F,CAAC;AAED;;;GAGG;AACH,SAAgB,WAAW,CAAC,OAA0B;;IAClD,OAAO,CAAC,OAAO,EAAE,CAAC;IAEV,IAAA,MAAM,GAAiB,OAAO,OAAxB,EAAE,KAAK,GAAU,OAAO,MAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAa;IAEvC,mBAAmB,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAE1C,iCAAiC;IACjC,IAAM,KAAK,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAC5C,IAAM,iBAAiB,GAAG;QACtB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,+DAA+D;KACzE,CAAC;IACF,IAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,iBAAiB,EAAE,QAAQ,CAAmB,CAAC;IAC/E,SAAS,CAAC,KAAK,CAAC,KAAK,GAAM,KAAK,CAAC,KAAK,OAAI,CAAC;IAC3C,SAAS,CAAC,KAAK,CAAC,MAAM,GAAM,KAAK,CAAC,MAAM,OAAI,CAAC;IAC7C,SAAS,CAAC,KAAK,CAAC,GAAG,GAAM,KAAK,CAAC,GAAG,OAAI,CAAC;IACvC,SAAS,CAAC,KAAK,CAAC,IAAI,GAAM,KAAK,CAAC,IAAI,OAAI,CAAC;IACzC,MAAA,GAAG,CAAC,UAAU,0CAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAEvC,2BAA2B;IAC3B,IAAM,gBAAgB,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAElD,mCAAmC;IACnC,IAAM,OAAO,GAAG,IAAA,8CAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEnD,OAAO;QACH,OAAO,SAAA;QACP,gBAAgB,kBAAA;QAChB,SAAS,WAAA;KACZ,CAAC;AACN,CAAC;AA/BD,kCA+BC;AAED;;;GAGG;AACH,SAAgB,UAAU,CACtB,OAA0B,EAC1B,KAAiB,EACjB,SAA8B;IAEtB,IAAA,SAAS,GAAK,SAAS,UAAd,CAAe;IACxB,IAAA,MAAM,GAAK,OAAO,OAAZ,CAAa;IAE3B,+BAA+B;IAC/B,SAAS,CAAC,KAAK,CAAC,GAAG,GAAM,KAAK,CAAC,OAAO,GAAG,kBAAkB,OAAI,CAAC;IAChE,SAAS,CAAC,KAAK,CAAC,IAAI,GAAM,KAAK,CAAC,OAAO,GAAG,kBAAkB,OAAI,CAAC;IAEjE,IAAM,GAAG,GAAG,IAAA,mDAAwB,EAAC,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3E,IAAI,GAAG,EAAE;QACL,IAAM,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC;QACjD,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QACrC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAErB,MAAM,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,OAAA,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;QACpE,OAAO,IAAI,CAAC;KACf;IACD,OAAO,KAAK,CAAC;AACjB,CAAC;AAtBD,gCAsBC;AAED;;;GAGG;AACH,SAAgB,SAAS,CACrB,OAA0B,EAC1B,KAAiB,EACjB,SAA0C;;IAElC,IAAA,MAAM,GAAiE,OAAO,OAAxE,EAAE,KAAK,GAA0D,OAAO,MAAjE,EAAoB,gBAAgB,GAAsB,OAAO,iBAA7B,EAAE,eAAe,GAAK,OAAO,gBAAZ,CAAa;IACvF,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;IAE7B,iCAAiC;IACjC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,MAAM,EAAE,CAAC;IAE9B,eAAe;IACf,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAI,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE;QACxB,2FAA2F;QAC3F,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QAC1C,OAAO,IAAI,CAAC;KACf;SAAM;QACH,0FAA0F;QAC1F,IACI,KAAK,CAAC,QAAQ,CAAC,OAAe,CAAC;YAC/B,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,OAAe,CAAC;YACtD,eAAe,EACjB;YACE,MAAM,CAAC,eAAe,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,gBAAgB,mCAAI,IAAI,CAAC,CAAC;YAC5D,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;YACzC,OAAO,KAAK,CAAC;SAChB;QAED,IAAI,kBAAgB,GAAY,KAAK,CAAC;QAEtC,+BAA+B;QAC/B,IAAM,cAAc,GAAG,IAAA,mDAAwB,EAAC,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QACtF,IAAI,cAAc,EAAE;YAChB,6BAA6B;YAC7B,IAAA,+DAAiC,EAC7B,MAAM,EACN,cAAc,EACd,UAAC,KAAK,EAAE,OAAO,EAAE,EAAE;;gBACf,mBAAmB;gBACb,IAAA,KAAA,oBAAmB,IAAA,mDAAqB,EAAC,KAAK,CAAC,IAAA,EAA9C,QAAQ,QAAA,EAAE,IAAI,QAAgC,CAAC;gBACtD,IAAI,QAAQ,EAAE;oBACV,IAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;oBAC/C,IAAA,yCAAW,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;iBAChD;gBAED,IAAI,EAAE,KAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,EAAE;oBAC1B,mBAAmB;oBACnB,IAAM,GAAG,GAAuC,IAAA,wDAA0B,GAAE,CAAC;oBAC7E,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAA,yCAAW,EAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC5D,kBAAgB,GAAG,CAAC,CAAC,IAAA,wCAAU,EAAC,KAAK,EAAE,IAAA,wCAAU,EAAC,GAAG,CAAC,EAAE,OAAO,EAAE;wBAC7D,WAAW,EAAE,MAAM;wBACnB,cAAc,EAAE,EAAE;qBACrB,CAAC,CAAC;oBAEH,IAAI,kBAAgB,EAAE;wBAClB,qDAAqD;wBACrD,IAAM,UAAU,GAAG,MAAA,IAAA,mDAAqB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,mCAAI,SAAS,CAAC,OAAO,CAAC;wBACxE,IAAI,UAAU,EAAE;4BACZ,sDAAsD;4BACtD,IAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;4BAC9C,IAAM,eAAe,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,CAAC,CAAC,CAAC;4BAE7C,IAAI,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,KAAI,WAAW,EAAE;gCAC3C,IAAM,MAAM,GAAG,IAAA,mDAAqB,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gCAEnD,IAAA,yCAAW,EAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gCACtD,IAAA,qDAAuB,EAAC,eAAe,CAAC,CAAC;gCACzC,IAAA,0CAAY,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC;6BAC/B;yBACJ;qBACJ;oBACD,OAAO,kBAAgB,CAAC;iBAC3B;YACL,CAAC,EACD;gBACI,qCAAqC;gBACrC,iBAAiB,EAAE;oBACf,IAAI,EAAE,OAAO;oBACb,WAAW,EAAE,CAAC;oBACd,QAAQ,EAAE,CAAC;oBACX,UAAU,EAAE,CAAC;oBACb,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,KAAK;iBACf;gBACD,OAAO,EAAE,YAAY;aACxB,CACJ,CAAC;SACL;aAAM;YACH,yCAAyC;YACzC,MAAM,CAAC,eAAe,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,gBAAgB,mCAAI,IAAI,CAAC,CAAC;SAC/D;QACD,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACzC,OAAO,kBAAgB,CAAC;KAC3B;AACL,CAAC;AAjGD,8BAiGC","sourcesContent":["import { createElement } from '../../../pluginUtils/CreateElement/createElement';\nimport { DragAndDropHelper } from '../../../pluginUtils/DragAndDrop/DragAndDropHelper';\nimport { formatInsertPointWithContentModel } from 'roosterjs-content-model-api';\nimport { getCMTableFromTable } from '../utils/getTableFromContentModel';\nimport type { TableEditFeature } from './TableEditFeature';\nimport type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';\nimport type { DragAndDropHandler } from '../../../pluginUtils/DragAndDrop/DragAndDropHandler';\nimport {\n    cloneModel,\n    createContentModelDocument,\n    createSelectionMarker,\n    getFirstSelectedTable,\n    isNodeOfType,\n    mergeModel,\n    mutateBlock,\n    normalizeRect,\n    setParagraphNotImplicit,\n    setSelection,\n} from 'roosterjs-content-model-dom';\nimport type {\n    DOMSelection,\n    IEditor,\n    ReadonlyContentModelTable,\n    Rect,\n    ShallowMutableContentModelDocument,\n} from 'roosterjs-content-model-types';\nimport { getNodePositionFromEvent } from '../../../utils/getNodePositionFromEvent';\n\nconst TABLE_MOVER_LENGTH = 12;\n/**\n * @internal\n */\nexport const TABLE_MOVER_ID = '_Table_Mover';\nconst TABLE_MOVER_STYLE_KEY = '_TableMoverCursorStyle';\n\n/**\n * @internal\n * Allows user to move table to another position\n * Contains the function to select whole table\n */\nexport function createTableMover(\n    table: HTMLTableElement,\n    editor: IEditor,\n    isRTL: boolean,\n    onFinishDragging: (table: HTMLTableElement) => void,\n    onStart: () => void,\n    onEnd: (disposeHandler: boolean) => void,\n    contentDiv?: EventTarget | null,\n    anchorContainer?: HTMLElement,\n    onTableEditorCreated?: OnTableEditorCreatedCallback,\n    disableMovement?: boolean\n): TableEditFeature | null {\n    const rect = normalizeRect(table.getBoundingClientRect());\n\n    if (!isTableTopVisible(editor, rect, contentDiv as Node)) {\n        return null;\n    }\n\n    const zoomScale = editor.getDOMHelper().calculateZoomScale();\n    const document = table.ownerDocument;\n    const createElementData = {\n        tag: 'div',\n        style: 'position: fixed; cursor: move; user-select: none; border: 1px solid #808080',\n    };\n\n    const div = createElement(createElementData, document) as HTMLDivElement;\n\n    div.id = TABLE_MOVER_ID;\n    div.style.width = `${TABLE_MOVER_LENGTH}px`;\n    div.style.height = `${TABLE_MOVER_LENGTH}px`;\n\n    (anchorContainer || document.body).appendChild(div);\n\n    const context: TableMoverContext = {\n        table,\n        zoomScale,\n        rect,\n        isRTL,\n        editor,\n        div,\n        onFinishDragging,\n        onStart,\n        onEnd,\n        disableMovement,\n    };\n\n    setDivPosition(context, div);\n\n    const featureHandler = new TableMoverFeature(\n        div,\n        context,\n        () => {},\n        disableMovement\n            ? { onDragEnd }\n            : {\n                  onDragStart,\n                  onDragging,\n                  onDragEnd,\n              },\n        context.zoomScale,\n        onTableEditorCreated,\n        editor.getEnvironment().isMobileOrTablet\n    );\n\n    return { node: table, div, featureHandler };\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport interface TableMoverContext {\n    table: HTMLTableElement;\n    zoomScale: number;\n    rect: Rect | null;\n    isRTL: boolean;\n    editor: IEditor;\n    div: HTMLElement;\n    onFinishDragging: (table: HTMLTableElement) => void;\n    onStart: () => void;\n    onEnd: (disposeHandler: boolean) => void;\n    disableMovement?: boolean;\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport interface TableMoverInitValue {\n    cmTable: ReadonlyContentModelTable | undefined;\n    initialSelection: DOMSelection | null;\n    tableRect: HTMLDivElement;\n}\n\nclass TableMoverFeature extends DragAndDropHelper<TableMoverContext, TableMoverInitValue> {\n    private disposer: undefined | (() => void);\n\n    constructor(\n        div: HTMLElement,\n        context: TableMoverContext,\n        onSubmit: (\n            context: TableMoverContext,\n            trigger: HTMLElement,\n            container?: HTMLElement\n        ) => void,\n        handler: DragAndDropHandler<TableMoverContext, TableMoverInitValue>,\n        zoomScale: number,\n        onTableEditorCreated?: OnTableEditorCreatedCallback,\n        forceMobile?: boolean | undefined\n    ) {\n        super(div, context, onSubmit, handler, zoomScale, forceMobile);\n        this.disposer = onTableEditorCreated?.('TableMover', div);\n    }\n\n    dispose(): void {\n        this.disposer?.();\n        this.disposer = undefined;\n        super.dispose();\n    }\n}\n\nfunction setDivPosition(context: TableMoverContext, trigger: HTMLElement) {\n    const { rect } = context;\n    if (rect) {\n        trigger.style.top = `${rect.top - TABLE_MOVER_LENGTH}px`;\n        trigger.style.left = `${rect.left - TABLE_MOVER_LENGTH - 2}px`;\n    }\n}\n\nfunction isTableTopVisible(editor: IEditor, rect: Rect | null, contentDiv?: Node | null): boolean {\n    const visibleViewport = editor.getVisibleViewport();\n    if (isNodeOfType(contentDiv, 'ELEMENT_NODE') && visibleViewport && rect) {\n        const containerRect = normalizeRect(contentDiv.getBoundingClientRect());\n\n        return !!containerRect && containerRect.top <= rect.top && visibleViewport.top <= rect.top;\n    }\n\n    return true;\n}\n\nfunction setTableMoverCursor(editor: IEditor, state: boolean, type?: 'move' | 'copy') {\n    editor?.setEditorStyle(TABLE_MOVER_STYLE_KEY, state ? 'cursor: ' + type ?? 'move' : null);\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragStart(context: TableMoverContext): TableMoverInitValue {\n    context.onStart();\n\n    const { editor, table, div } = context;\n\n    setTableMoverCursor(editor, true, 'move');\n\n    // Create table outline rectangle\n    const trect = table.getBoundingClientRect();\n    const createElementData = {\n        tag: 'div',\n        style: 'position: fixed; user-select: none; border: 1px solid #808080',\n    };\n    const tableRect = createElement(createElementData, document) as HTMLDivElement;\n    tableRect.style.width = `${trect.width}px`;\n    tableRect.style.height = `${trect.height}px`;\n    tableRect.style.top = `${trect.top}px`;\n    tableRect.style.left = `${trect.left}px`;\n    div.parentNode?.appendChild(tableRect);\n\n    // Get drag start selection\n    const initialSelection = editor.getDOMSelection();\n\n    // Get Table block in content model\n    const cmTable = getCMTableFromTable(editor, table);\n\n    return {\n        cmTable,\n        initialSelection,\n        tableRect,\n    };\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragging(\n    context: TableMoverContext,\n    event: MouseEvent,\n    initValue: TableMoverInitValue\n) {\n    const { tableRect } = initValue;\n    const { editor } = context;\n\n    // Move table outline rectangle\n    tableRect.style.top = `${event.clientY + TABLE_MOVER_LENGTH}px`;\n    tableRect.style.left = `${event.clientX + TABLE_MOVER_LENGTH}px`;\n\n    const pos = getNodePositionFromEvent(editor, event.clientX, event.clientY);\n    if (pos) {\n        const range = editor.getDocument().createRange();\n        range.setStart(pos.node, pos.offset);\n        range.collapse(true);\n\n        editor.setDOMSelection({ type: 'range', range, isReverted: false });\n        return true;\n    }\n    return false;\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragEnd(\n    context: TableMoverContext,\n    event: MouseEvent,\n    initValue: TableMoverInitValue | undefined\n) {\n    const { editor, table, onFinishDragging: selectWholeTable, disableMovement } = context;\n    const element = event.target;\n\n    // Remove table outline rectangle\n    initValue?.tableRect.remove();\n\n    // Reset cursor\n    setTableMoverCursor(editor, false);\n\n    if (element == context.div) {\n        // Table mover was only clicked, select whole table and do not dismiss the handler element.\n        selectWholeTable(table);\n        context.onEnd(false /* disposeHandler */);\n        return true;\n    } else {\n        // Check if table was dragged on itself, element is not in editor, or movement is disabled\n        if (\n            table.contains(element as Node) ||\n            !editor.getDOMHelper().isNodeInEditor(element as Node) ||\n            disableMovement\n        ) {\n            editor.setDOMSelection(initValue?.initialSelection ?? null);\n            context.onEnd(true /* disposeHandler */);\n            return false;\n        }\n\n        let insertionSuccess: boolean = false;\n\n        // Get position to insert table\n        const insertPosition = getNodePositionFromEvent(editor, event.clientX, event.clientY);\n        if (insertPosition) {\n            // Move table to new position\n            formatInsertPointWithContentModel(\n                editor,\n                insertPosition,\n                (model, context, ip) => {\n                    // Remove old table\n                    const [oldTable, path] = getFirstSelectedTable(model);\n                    if (oldTable) {\n                        const index = path[0].blocks.indexOf(oldTable);\n                        mutateBlock(path[0]).blocks.splice(index, 1);\n                    }\n\n                    if (ip && initValue?.cmTable) {\n                        // Insert new table\n                        const doc: ShallowMutableContentModelDocument = createContentModelDocument();\n                        doc.blocks.push(oldTable ?? mutateBlock(initValue.cmTable));\n                        insertionSuccess = !!mergeModel(model, cloneModel(doc), context, {\n                            mergeFormat: 'none',\n                            insertPosition: ip,\n                        });\n\n                        if (insertionSuccess) {\n                            // After mergeModel, the new table should be selected\n                            const finalTable = getFirstSelectedTable(model)[0] ?? initValue.cmTable;\n                            if (finalTable) {\n                                // Add selection marker to the first cell of the table\n                                const firstCell = finalTable.rows[0].cells[0];\n                                const markerParagraph = firstCell?.blocks[0];\n\n                                if (markerParagraph?.blockType == 'Paragraph') {\n                                    const marker = createSelectionMarker(model.format);\n\n                                    mutateBlock(markerParagraph).segments.unshift(marker);\n                                    setParagraphNotImplicit(markerParagraph);\n                                    setSelection(model, marker);\n                                }\n                            }\n                        }\n                        return insertionSuccess;\n                    }\n                },\n                {\n                    // Select first cell of the old table\n                    selectionOverride: {\n                        type: 'table',\n                        firstColumn: 0,\n                        firstRow: 0,\n                        lastColumn: 0,\n                        lastRow: 0,\n                        table: table,\n                    },\n                    apiName: 'TableMover',\n                }\n            );\n        } else {\n            // No movement, restore initial selection\n            editor.setDOMSelection(initValue?.initialSelection ?? null);\n        }\n        context.onEnd(true /* disposeHandler */);\n        return insertionSuccess;\n    }\n}\n"]}
+{"version":3,"file":"TableMover.js","sourceRoot":"","sources":["../../../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/editors/features/TableMover.ts"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from '../../../pluginUtils/CreateElement/createElement';\r\nimport { DragAndDropHelper } from '../../../pluginUtils/DragAndDrop/DragAndDropHelper';\r\nimport { formatInsertPointWithContentModel } from 'roosterjs-content-model-api';\r\nimport { getCMTableFromTable } from '../utils/getTableFromContentModel';\r\nimport { getNodePositionFromEvent } from '../../../utils/getNodePositionFromEvent';\r\nimport type { TableEditFeature } from './TableEditFeature';\r\nimport type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';\r\nimport type { DragAndDropHandler } from '../../../pluginUtils/DragAndDrop/DragAndDropHandler';\r\nimport {\r\n    cloneModel,\r\n    createContentModelDocument,\r\n    createSelectionMarker,\r\n    getFirstSelectedTable,\r\n    isNodeOfType,\r\n    mergeModel,\r\n    mutateBlock,\r\n    normalizeRect,\r\n    setParagraphNotImplicit,\r\n    setSelection,\r\n} from 'roosterjs-content-model-dom';\r\nimport type {\r\n    DOMSelection,\r\n    IEditor,\r\n    ReadonlyContentModelTable,\r\n    Rect,\r\n    ShallowMutableContentModelDocument,\r\n} from 'roosterjs-content-model-types';\r\n\r\nconst TABLE_MOVER_LENGTH = 12;\r\n/**\r\n * @internal\r\n */\r\nexport const TABLE_MOVER_ID = '_Table_Mover';\r\nconst TABLE_MOVER_STYLE_KEY = '_TableMoverCursorStyle';\r\n\r\n/**\r\n * @internal\r\n * Allows user to move table to another position\r\n * Contains the function to select whole table\r\n */\r\nexport function createTableMover(\r\n    table: HTMLTableElement,\r\n    editor: IEditor,\r\n    isRTL: boolean,\r\n    onFinishDragging: (table: HTMLTableElement) => void,\r\n    onStart: () => void,\r\n    onEnd: (disposeHandler: boolean) => void,\r\n    contentDiv?: EventTarget | null,\r\n    anchorContainer?: HTMLElement,\r\n    onTableEditorCreated?: OnTableEditorCreatedCallback,\r\n    disableMovement?: boolean\r\n): TableEditFeature | null {\r\n    const rect = normalizeRect(table.getBoundingClientRect());\r\n\r\n    if (!isTableTopVisible(editor, rect, contentDiv as Node)) {\r\n        return null;\r\n    }\r\n\r\n    const zoomScale = editor.getDOMHelper().calculateZoomScale();\r\n    const document = table.ownerDocument;\r\n    const createElementData = {\r\n        tag: 'div',\r\n        style: 'position: fixed; cursor: move; user-select: none; border: 1px solid #808080',\r\n    };\r\n\r\n    const div = createElement(createElementData, document) as HTMLDivElement;\r\n\r\n    div.id = TABLE_MOVER_ID;\r\n    div.style.width = `${TABLE_MOVER_LENGTH}px`;\r\n    div.style.height = `${TABLE_MOVER_LENGTH}px`;\r\n\r\n    (anchorContainer || document.body).appendChild(div);\r\n\r\n    const context: TableMoverContext = {\r\n        table,\r\n        zoomScale,\r\n        rect,\r\n        isRTL,\r\n        editor,\r\n        div,\r\n        onFinishDragging,\r\n        onStart,\r\n        onEnd,\r\n        disableMovement,\r\n    };\r\n\r\n    setDivPosition(context, div);\r\n\r\n    const featureHandler = new TableMoverFeature(\r\n        div,\r\n        context,\r\n        () => {},\r\n        disableMovement\r\n            ? { onDragEnd }\r\n            : {\r\n                  onDragStart,\r\n                  onDragging,\r\n                  onDragEnd,\r\n              },\r\n        context.zoomScale,\r\n        onTableEditorCreated,\r\n        editor.getEnvironment().isMobileOrTablet\r\n    );\r\n\r\n    return { node: table, div, featureHandler };\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport interface TableMoverContext {\r\n    table: HTMLTableElement;\r\n    zoomScale: number;\r\n    rect: Rect | null;\r\n    isRTL: boolean;\r\n    editor: IEditor;\r\n    div: HTMLElement;\r\n    onFinishDragging: (table: HTMLTableElement) => void;\r\n    onStart: () => void;\r\n    onEnd: (disposeHandler: boolean) => void;\r\n    disableMovement?: boolean;\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport interface TableMoverInitValue {\r\n    cmTable: ReadonlyContentModelTable | undefined;\r\n    initialSelection: DOMSelection | null;\r\n    tableRect: HTMLDivElement;\r\n}\r\n\r\nclass TableMoverFeature extends DragAndDropHelper<TableMoverContext, TableMoverInitValue> {\r\n    private disposer: undefined | (() => void);\r\n\r\n    constructor(\r\n        div: HTMLElement,\r\n        context: TableMoverContext,\r\n        onSubmit: (\r\n            context: TableMoverContext,\r\n            trigger: HTMLElement,\r\n            container?: HTMLElement\r\n        ) => void,\r\n        handler: DragAndDropHandler<TableMoverContext, TableMoverInitValue>,\r\n        zoomScale: number,\r\n        onTableEditorCreated?: OnTableEditorCreatedCallback,\r\n        forceMobile?: boolean | undefined\r\n    ) {\r\n        super(div, context, onSubmit, handler, zoomScale, forceMobile);\r\n        this.disposer = onTableEditorCreated?.('TableMover', div);\r\n    }\r\n\r\n    dispose(): void {\r\n        this.disposer?.();\r\n        this.disposer = undefined;\r\n        super.dispose();\r\n    }\r\n}\r\n\r\nfunction setDivPosition(context: TableMoverContext, trigger: HTMLElement) {\r\n    const { rect } = context;\r\n    if (rect) {\r\n        trigger.style.top = `${rect.top - TABLE_MOVER_LENGTH}px`;\r\n        trigger.style.left = `${rect.left - TABLE_MOVER_LENGTH - 2}px`;\r\n    }\r\n}\r\n\r\nfunction isTableTopVisible(editor: IEditor, rect: Rect | null, contentDiv?: Node | null): boolean {\r\n    const visibleViewport = editor.getVisibleViewport();\r\n    if (isNodeOfType(contentDiv, 'ELEMENT_NODE') && visibleViewport && rect) {\r\n        const containerRect = normalizeRect(contentDiv.getBoundingClientRect());\r\n\r\n        return !!containerRect && containerRect.top <= rect.top && visibleViewport.top <= rect.top;\r\n    }\r\n\r\n    return true;\r\n}\r\n\r\nfunction setTableMoverCursor(editor: IEditor, state: boolean, type?: 'move' | 'copy') {\r\n    editor?.setEditorStyle(TABLE_MOVER_STYLE_KEY, state ? 'cursor: ' + type ?? 'move' : null);\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport function onDragStart(context: TableMoverContext): TableMoverInitValue {\r\n    context.onStart();\r\n\r\n    const { editor, table, div } = context;\r\n\r\n    setTableMoverCursor(editor, true, 'move');\r\n\r\n    // Create table outline rectangle\r\n    const trect = table.getBoundingClientRect();\r\n    const createElementData = {\r\n        tag: 'div',\r\n        style: 'position: fixed; user-select: none; border: 1px solid #808080',\r\n    };\r\n    const tableRect = createElement(createElementData, editor.getDocument()) as HTMLDivElement;\r\n    tableRect.style.width = `${trect.width}px`;\r\n    tableRect.style.height = `${trect.height}px`;\r\n    tableRect.style.top = `${trect.top}px`;\r\n    tableRect.style.left = `${trect.left}px`;\r\n    div.parentNode?.appendChild(tableRect);\r\n\r\n    // Get drag start selection\r\n    const initialSelection = editor.getDOMSelection();\r\n\r\n    // Get Table block in content model\r\n    const cmTable = getCMTableFromTable(editor, table);\r\n\r\n    return {\r\n        cmTable,\r\n        initialSelection,\r\n        tableRect,\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: TableMoverContext,\r\n    event: MouseEvent,\r\n    initValue: TableMoverInitValue\r\n) {\r\n    const { tableRect } = initValue;\r\n    const { editor } = context;\r\n\r\n    // Move table outline rectangle\r\n    tableRect.style.top = `${event.clientY + TABLE_MOVER_LENGTH}px`;\r\n    tableRect.style.left = `${event.clientX + TABLE_MOVER_LENGTH}px`;\r\n\r\n    const pos = getNodePositionFromEvent(editor, event.clientX, event.clientY);\r\n    if (pos) {\r\n        const range = editor.getDocument().createRange();\r\n        range.setStart(pos.node, pos.offset);\r\n        range.collapse(true);\r\n\r\n        editor.setDOMSelection({ type: 'range', range, isReverted: false });\r\n        return true;\r\n    }\r\n    return false;\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport function onDragEnd(\r\n    context: TableMoverContext,\r\n    event: MouseEvent,\r\n    initValue: TableMoverInitValue | undefined\r\n) {\r\n    const { editor, table, onFinishDragging: selectWholeTable, disableMovement } = context;\r\n    const element = event.target;\r\n\r\n    // Remove table outline rectangle\r\n    initValue?.tableRect.remove();\r\n\r\n    // Reset cursor\r\n    setTableMoverCursor(editor, false);\r\n\r\n    if (element == context.div) {\r\n        // Table mover was only clicked, select whole table and do not dismiss the handler element.\r\n        selectWholeTable(table);\r\n        context.onEnd(false /* disposeHandler */);\r\n        return true;\r\n    } else {\r\n        // Check if table was dragged on itself, element is not in editor, or movement is disabled\r\n        if (\r\n            table.contains(element as Node) ||\r\n            !editor.getDOMHelper().isNodeInEditor(element as Node) ||\r\n            disableMovement\r\n        ) {\r\n            editor.setDOMSelection(initValue?.initialSelection ?? null);\r\n            context.onEnd(true /* disposeHandler */);\r\n            return false;\r\n        }\r\n\r\n        let insertionSuccess: boolean = false;\r\n\r\n        // Get position to insert table\r\n        const insertPosition = getNodePositionFromEvent(editor, event.clientX, event.clientY);\r\n        if (insertPosition) {\r\n            // Move table to new position\r\n            formatInsertPointWithContentModel(\r\n                editor,\r\n                insertPosition,\r\n                (model, context, ip) => {\r\n                    // Remove old table\r\n                    const [oldTable, path] = getFirstSelectedTable(model);\r\n                    if (oldTable) {\r\n                        const index = path[0].blocks.indexOf(oldTable);\r\n                        mutateBlock(path[0]).blocks.splice(index, 1);\r\n                    }\r\n\r\n                    if (ip && initValue?.cmTable) {\r\n                        // Insert new table\r\n                        const doc: ShallowMutableContentModelDocument = createContentModelDocument();\r\n                        doc.blocks.push(oldTable ?? mutateBlock(initValue.cmTable));\r\n                        insertionSuccess = !!mergeModel(model, cloneModel(doc), context, {\r\n                            mergeFormat: 'none',\r\n                            insertPosition: ip,\r\n                        });\r\n\r\n                        if (insertionSuccess) {\r\n                            // After mergeModel, the new table should be selected\r\n                            const finalTable = getFirstSelectedTable(model)[0] ?? initValue.cmTable;\r\n                            if (finalTable) {\r\n                                // Add selection marker to the first cell of the table\r\n                                const firstCell = finalTable.rows[0].cells[0];\r\n                                const markerParagraph = firstCell?.blocks[0];\r\n\r\n                                if (markerParagraph?.blockType == 'Paragraph') {\r\n                                    const marker = createSelectionMarker(model.format);\r\n\r\n                                    mutateBlock(markerParagraph).segments.unshift(marker);\r\n                                    setParagraphNotImplicit(markerParagraph);\r\n                                    setSelection(model, marker);\r\n                                }\r\n                            }\r\n                        }\r\n                        return insertionSuccess;\r\n                    }\r\n                },\r\n                {\r\n                    // Select first cell of the old table\r\n                    selectionOverride: {\r\n                        type: 'table',\r\n                        firstColumn: 0,\r\n                        firstRow: 0,\r\n                        lastColumn: 0,\r\n                        lastRow: 0,\r\n                        table: table,\r\n                    },\r\n                    apiName: 'TableMover',\r\n                }\r\n            );\r\n        } else {\r\n            // No movement, restore initial selection\r\n            editor.setDOMSelection(initValue?.initialSelection ?? null);\r\n        }\r\n        context.onEnd(true /* disposeHandler */);\r\n        return insertionSuccess;\r\n    }\r\n}\r\n"]}