roosterjs-content-model-plugins 9.45.0 → 9.45.1

package/lib/tableEdit/editors/features/TableResizer.d.ts

@@ -1,50 +1,50 @@
-import type { TableEditFeature } from './TableEditFeature';
-import type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';
-import type { IEditor, ReadonlyContentModelTable } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare const TABLE_RESIZER_ID = "_Table_Resizer";
-/**
- * @internal
- */
-export declare function createTableResizer(table: HTMLTableElement, editor: IEditor, isRTL: boolean, onStart: () => void, onEnd: () => false, contentDiv?: EventTarget | null, anchorContainer?: HTMLElement, onTableEditorCreated?: OnTableEditorCreatedCallback): TableEditFeature | null;
-/**
- * @internal
- * Exported for testing
- */
-export interface TableResizerContext {
-    table: HTMLTableElement;
-    isRTL: boolean;
-    zoomScale: number;
-    onStart: () => void;
-    onEnd: () => false;
-    div: HTMLDivElement;
-    editor: IEditor;
-    contentDiv?: EventTarget | null;
-}
-/**
- * @internal
- * Exported for testing
- */
-export interface TableResizerInitValue {
-    originalRect: DOMRect;
-    originalHeights: number[];
-    originalWidths: number[];
-    cmTable: ReadonlyContentModelTable | undefined;
-}
-/**
- * @internal
- * Exported for testing
- */
-export declare function onDragStart(context: TableResizerContext, event: MouseEvent): TableResizerInitValue;
-/**
- * @internal
- * Exported for testing
- */
-export declare function onDragging(context: TableResizerContext, event: MouseEvent, initValue: TableResizerInitValue, deltaX: number, deltaY: number): boolean;
-/**
- * @internal
- * Exported for testing
- */
-export declare function onDragEnd(context: TableResizerContext, event: MouseEvent, initValue: TableResizerInitValue | undefined): boolean;
+import type { TableEditFeature } from './TableEditFeature';
+import type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';
+import type { IEditor, ReadonlyContentModelTable } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const TABLE_RESIZER_ID = "_Table_Resizer";
+/**
+ * @internal
+ */
+export declare function createTableResizer(table: HTMLTableElement, editor: IEditor, isRTL: boolean, onStart: () => void, onEnd: () => false, contentDiv?: EventTarget | null, anchorContainer?: HTMLElement, onTableEditorCreated?: OnTableEditorCreatedCallback): TableEditFeature | null;
+/**
+ * @internal
+ * Exported for testing
+ */
+export interface TableResizerContext {
+    table: HTMLTableElement;
+    isRTL: boolean;
+    zoomScale: number;
+    onStart: () => void;
+    onEnd: () => false;
+    div: HTMLDivElement;
+    editor: IEditor;
+    contentDiv?: EventTarget | null;
+}
+/**
+ * @internal
+ * Exported for testing
+ */
+export interface TableResizerInitValue {
+    originalRect: DOMRect;
+    originalHeights: number[];
+    originalWidths: number[];
+    cmTable: ReadonlyContentModelTable | undefined;
+}
+/**
+ * @internal
+ * Exported for testing
+ */
+export declare function onDragStart(context: TableResizerContext, event: MouseEvent): TableResizerInitValue;
+/**
+ * @internal
+ * Exported for testing
+ */
+export declare function onDragging(context: TableResizerContext, event: MouseEvent, initValue: TableResizerInitValue, deltaX: number, deltaY: number): boolean;
+/**
+ * @internal
+ * Exported for testing
+ */
+export declare function onDragEnd(context: TableResizerContext, event: MouseEvent, initValue: TableResizerInitValue | undefined): boolean;

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

@@ -1,191 +1,191 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onDragEnd = exports.onDragging = exports.onDragStart = exports.createTableResizer = exports.TABLE_RESIZER_ID = void 0;
-var tslib_1 = require("tslib");
-var createElement_1 = require("../../../pluginUtils/CreateElement/createElement");
-var DragAndDropHelper_1 = require("../../../pluginUtils/DragAndDrop/DragAndDropHelper");
-var getTableFromContentModel_1 = require("../utils/getTableFromContentModel");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var TABLE_RESIZER_LENGTH = 12;
-/**
- * @internal
- */
-exports.TABLE_RESIZER_ID = '_Table_Resizer';
-/**
- * @internal
- */
-function createTableResizer(table, editor, isRTL, onStart, onEnd, contentDiv, anchorContainer, onTableEditorCreated) {
-    var rect = (0, roosterjs_content_model_dom_1.normalizeRect)(table.getBoundingClientRect());
-    if (!isTableBottomVisible(editor, rect, contentDiv)) {
-        return null;
-    }
-    var document = table.ownerDocument;
-    var zoomScale = editor.getDOMHelper().calculateZoomScale();
-    var createElementData = {
-        tag: 'div',
-        style: "position: fixed; cursor: " + (isRTL ? 'ne' : 'nw') + "-resize; user-select: none; border: 1px solid #808080",
-    };
-    var div = (0, createElement_1.createElement)(createElementData, document);
-    div.id = exports.TABLE_RESIZER_ID;
-    div.style.width = TABLE_RESIZER_LENGTH + "px";
-    div.style.height = TABLE_RESIZER_LENGTH + "px";
-    (anchorContainer || document.body).appendChild(div);
-    var context = {
-        isRTL: isRTL,
-        table: table,
-        zoomScale: zoomScale,
-        onStart: onStart,
-        onEnd: onEnd,
-        div: div,
-        editor: editor,
-        contentDiv: contentDiv,
-    };
-    setDivPosition(context, div);
-    var featureHandler = new TableResizer(div, context, hideResizer, // Resizer is hidden while dragging only
-    {
-        onDragStart: onDragStart,
-        onDragging: onDragging,
-        onDragEnd: onDragEnd,
-    }, zoomScale, editor.getEnvironment().isMobileOrTablet, onTableEditorCreated);
-    return { node: table, div: div, featureHandler: featureHandler };
-}
-exports.createTableResizer = createTableResizer;
-var TableResizer = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(TableResizer, _super);
-    function TableResizer(trigger, context, onSubmit, handler, zoomScale, forceMobile, onTableEditorCreated) {
-        var _this = _super.call(this, trigger, context, onSubmit, handler, zoomScale, forceMobile) || this;
-        _this.disposer = onTableEditorCreated === null || onTableEditorCreated === void 0 ? void 0 : onTableEditorCreated('TableResizer', trigger);
-        return _this;
-    }
-    TableResizer.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 TableResizer;
-}(DragAndDropHelper_1.DragAndDropHelper));
-/**
- * @internal
- * Exported for testing
- */
-function onDragStart(context, event) {
-    context.onStart();
-    var editor = context.editor, table = context.table;
-    // Get Table block in content model
-    var cmTable = (0, getTableFromContentModel_1.getCMTableFromTable)(editor, table);
-    // Save original widths and heights
-    var heights = [];
-    cmTable === null || cmTable === void 0 ? void 0 : cmTable.rows.forEach(function (row) {
-        heights.push(row.height);
-    });
-    var widths = [];
-    cmTable === null || cmTable === void 0 ? void 0 : cmTable.widths.forEach(function (width) {
-        widths.push(width);
-    });
-    return {
-        originalRect: table.getBoundingClientRect(),
-        cmTable: cmTable,
-        originalHeights: heights !== null && heights !== void 0 ? heights : [],
-        originalWidths: widths !== null && widths !== void 0 ? widths : [],
-    };
-}
-exports.onDragStart = onDragStart;
-/**
- * @internal
- * Exported for testing
- */
-function onDragging(context, event, initValue, deltaX, deltaY) {
-    var _a, _b;
-    var isRTL = context.isRTL, zoomScale = context.zoomScale, table = context.table;
-    var originalRect = initValue.originalRect, originalHeights = initValue.originalHeights, originalWidths = initValue.originalWidths, cmTable = initValue.cmTable;
-    var ratioX = 1.0 + (deltaX / originalRect.width) * zoomScale * (isRTL ? -1 : 1);
-    var ratioY = 1.0 + (deltaY / originalRect.height) * zoomScale;
-    var shouldResizeX = Math.abs(ratioX - 1.0) > 1e-3;
-    var shouldResizeY = Math.abs(ratioY - 1.0) > 1e-3;
-    // If the width of some external table is fixed, we need to make it resizable
-    table.style.setProperty('width', null);
-    // If the height of some external table is fixed, we need to make it resizable
-    table.style.setProperty('height', null);
-    // Assign new widths and heights to the CM table
-    if (cmTable && cmTable.rows && (shouldResizeX || shouldResizeY)) {
-        var mutableTable = (0, roosterjs_content_model_dom_1.mutateBlock)(cmTable);
-        // Modify the CM Table size
-        for (var i = 0; i < cmTable.rows.length; i++) {
-            for (var j = 0; j < cmTable.rows[i].cells.length; j++) {
-                var cell = cmTable.rows[i].cells[j];
-                if (cell) {
-                    if (shouldResizeX && i == 0) {
-                        mutableTable.widths[j] = ((_a = originalWidths[j]) !== null && _a !== void 0 ? _a : 0) * ratioX;
-                    }
-                    if (shouldResizeY && j == 0) {
-                        mutableTable.rows[i].height = ((_b = originalHeights[i]) !== null && _b !== void 0 ? _b : 0) * ratioY;
-                    }
-                }
-            }
-        }
-        // Writeback CM Table size changes to DOM Table
-        for (var row = 0; row < table.rows.length; row++) {
-            var tableRow = table.rows[row];
-            if (tableRow.cells.length == 0) {
-                // Skip empty row
-                continue;
-            }
-            // Normalize the new height value
-            var newHeight = Math.max(cmTable.rows[row].height, roosterjs_content_model_dom_1.MIN_ALLOWED_TABLE_CELL_HEIGHT);
-            for (var col = 0; col < tableRow.cells.length; col++) {
-                var td = tableRow.cells[col];
-                // Normalize the new width value
-                var newWidth = Math.max(cmTable.widths[col], roosterjs_content_model_dom_1.MIN_ALLOWED_TABLE_CELL_HEIGHT);
-                td.style.width = newWidth + 'px';
-                td.style.height = newHeight + 'px';
-                td.style.boxSizing = 'border-box';
-            }
-        }
-        return true;
-    }
-    else {
-        return false;
-    }
-}
-exports.onDragging = onDragging;
-/**
- * @internal
- * Exported for testing
- */
-function onDragEnd(context, event, initValue) {
-    if (context.editor.isDisposed()) {
-        return false;
-    }
-    if (isTableBottomVisible(context.editor, (0, roosterjs_content_model_dom_1.normalizeRect)(context.table.getBoundingClientRect()), context.contentDiv)) {
-        context.div.style.visibility = 'visible';
-        setDivPosition(context, context.div);
-    }
-    context.onEnd();
-    return false;
-}
-exports.onDragEnd = onDragEnd;
-function setDivPosition(context, trigger) {
-    var table = context.table, isRTL = context.isRTL;
-    var rect = (0, roosterjs_content_model_dom_1.normalizeRect)(table.getBoundingClientRect());
-    if (rect) {
-        trigger.style.top = rect.bottom + "px";
-        trigger.style.left = isRTL
-            ? rect.left - TABLE_RESIZER_LENGTH - 2 + "px"
-            : rect.right + "px";
-    }
-}
-function hideResizer(context, trigger) {
-    trigger.style.visibility = 'hidden';
-}
-function isTableBottomVisible(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.bottom >= rect.bottom &&
-            visibleViewport.bottom >= rect.bottom);
-    }
-    return true;
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onDragEnd = exports.onDragging = exports.onDragStart = exports.createTableResizer = exports.TABLE_RESIZER_ID = void 0;
+var tslib_1 = require("tslib");
+var createElement_1 = require("../../../pluginUtils/CreateElement/createElement");
+var DragAndDropHelper_1 = require("../../../pluginUtils/DragAndDrop/DragAndDropHelper");
+var getTableFromContentModel_1 = require("../utils/getTableFromContentModel");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var TABLE_RESIZER_LENGTH = 12;
+/**
+ * @internal
+ */
+exports.TABLE_RESIZER_ID = '_Table_Resizer';
+/**
+ * @internal
+ */
+function createTableResizer(table, editor, isRTL, onStart, onEnd, contentDiv, anchorContainer, onTableEditorCreated) {
+    var rect = (0, roosterjs_content_model_dom_1.normalizeRect)(table.getBoundingClientRect());
+    if (!isTableBottomVisible(editor, rect, contentDiv)) {
+        return null;
+    }
+    var document = table.ownerDocument;
+    var zoomScale = editor.getDOMHelper().calculateZoomScale();
+    var createElementData = {
+        tag: 'div',
+        style: "position: fixed; cursor: " + (isRTL ? 'ne' : 'nw') + "-resize; user-select: none; border: 1px solid #808080",
+    };
+    var div = (0, createElement_1.createElement)(createElementData, document);
+    div.id = exports.TABLE_RESIZER_ID;
+    div.style.width = TABLE_RESIZER_LENGTH + "px";
+    div.style.height = TABLE_RESIZER_LENGTH + "px";
+    (anchorContainer || document.body).appendChild(div);
+    var context = {
+        isRTL: isRTL,
+        table: table,
+        zoomScale: zoomScale,
+        onStart: onStart,
+        onEnd: onEnd,
+        div: div,
+        editor: editor,
+        contentDiv: contentDiv,
+    };
+    setDivPosition(context, div);
+    var featureHandler = new TableResizer(div, context, hideResizer, // Resizer is hidden while dragging only
+    {
+        onDragStart: onDragStart,
+        onDragging: onDragging,
+        onDragEnd: onDragEnd,
+    }, zoomScale, editor.getEnvironment().isMobileOrTablet, onTableEditorCreated);
+    return { node: table, div: div, featureHandler: featureHandler };
+}
+exports.createTableResizer = createTableResizer;
+var TableResizer = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(TableResizer, _super);
+    function TableResizer(trigger, context, onSubmit, handler, zoomScale, forceMobile, onTableEditorCreated) {
+        var _this = _super.call(this, trigger, context, onSubmit, handler, zoomScale, forceMobile) || this;
+        _this.disposer = onTableEditorCreated === null || onTableEditorCreated === void 0 ? void 0 : onTableEditorCreated('TableResizer', trigger);
+        return _this;
+    }
+    TableResizer.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 TableResizer;
+}(DragAndDropHelper_1.DragAndDropHelper));
+/**
+ * @internal
+ * Exported for testing
+ */
+function onDragStart(context, event) {
+    context.onStart();
+    var editor = context.editor, table = context.table;
+    // Get Table block in content model
+    var cmTable = (0, getTableFromContentModel_1.getCMTableFromTable)(editor, table);
+    // Save original widths and heights
+    var heights = [];
+    cmTable === null || cmTable === void 0 ? void 0 : cmTable.rows.forEach(function (row) {
+        heights.push(row.height);
+    });
+    var widths = [];
+    cmTable === null || cmTable === void 0 ? void 0 : cmTable.widths.forEach(function (width) {
+        widths.push(width);
+    });
+    return {
+        originalRect: table.getBoundingClientRect(),
+        cmTable: cmTable,
+        originalHeights: heights !== null && heights !== void 0 ? heights : [],
+        originalWidths: widths !== null && widths !== void 0 ? widths : [],
+    };
+}
+exports.onDragStart = onDragStart;
+/**
+ * @internal
+ * Exported for testing
+ */
+function onDragging(context, event, initValue, deltaX, deltaY) {
+    var _a, _b;
+    var isRTL = context.isRTL, zoomScale = context.zoomScale, table = context.table;
+    var originalRect = initValue.originalRect, originalHeights = initValue.originalHeights, originalWidths = initValue.originalWidths, cmTable = initValue.cmTable;
+    var ratioX = 1.0 + (deltaX / originalRect.width) * zoomScale * (isRTL ? -1 : 1);
+    var ratioY = 1.0 + (deltaY / originalRect.height) * zoomScale;
+    var shouldResizeX = Math.abs(ratioX - 1.0) > 1e-3;
+    var shouldResizeY = Math.abs(ratioY - 1.0) > 1e-3;
+    // If the width of some external table is fixed, we need to make it resizable
+    table.style.setProperty('width', null);
+    // If the height of some external table is fixed, we need to make it resizable
+    table.style.setProperty('height', null);
+    // Assign new widths and heights to the CM table
+    if (cmTable && cmTable.rows && (shouldResizeX || shouldResizeY)) {
+        var mutableTable = (0, roosterjs_content_model_dom_1.mutateBlock)(cmTable);
+        // Modify the CM Table size
+        for (var i = 0; i < cmTable.rows.length; i++) {
+            for (var j = 0; j < cmTable.rows[i].cells.length; j++) {
+                var cell = cmTable.rows[i].cells[j];
+                if (cell) {
+                    if (shouldResizeX && i == 0) {
+                        mutableTable.widths[j] = ((_a = originalWidths[j]) !== null && _a !== void 0 ? _a : 0) * ratioX;
+                    }
+                    if (shouldResizeY && j == 0) {
+                        mutableTable.rows[i].height = ((_b = originalHeights[i]) !== null && _b !== void 0 ? _b : 0) * ratioY;
+                    }
+                }
+            }
+        }
+        // Writeback CM Table size changes to DOM Table
+        for (var row = 0; row < table.rows.length; row++) {
+            var tableRow = table.rows[row];
+            if (tableRow.cells.length == 0) {
+                // Skip empty row
+                continue;
+            }
+            // Normalize the new height value
+            var newHeight = Math.max(cmTable.rows[row].height, roosterjs_content_model_dom_1.MIN_ALLOWED_TABLE_CELL_HEIGHT);
+            for (var col = 0; col < tableRow.cells.length; col++) {
+                var td = tableRow.cells[col];
+                // Normalize the new width value
+                var newWidth = Math.max(cmTable.widths[col], roosterjs_content_model_dom_1.MIN_ALLOWED_TABLE_CELL_HEIGHT);
+                td.style.width = newWidth + 'px';
+                td.style.height = newHeight + 'px';
+                td.style.boxSizing = 'border-box';
+            }
+        }
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+exports.onDragging = onDragging;
+/**
+ * @internal
+ * Exported for testing
+ */
+function onDragEnd(context, event, initValue) {
+    if (context.editor.isDisposed()) {
+        return false;
+    }
+    if (isTableBottomVisible(context.editor, (0, roosterjs_content_model_dom_1.normalizeRect)(context.table.getBoundingClientRect()), context.contentDiv)) {
+        context.div.style.visibility = 'visible';
+        setDivPosition(context, context.div);
+    }
+    context.onEnd();
+    return false;
+}
+exports.onDragEnd = onDragEnd;
+function setDivPosition(context, trigger) {
+    var table = context.table, isRTL = context.isRTL;
+    var rect = (0, roosterjs_content_model_dom_1.normalizeRect)(table.getBoundingClientRect());
+    if (rect) {
+        trigger.style.top = rect.bottom + "px";
+        trigger.style.left = isRTL
+            ? rect.left - TABLE_RESIZER_LENGTH - 2 + "px"
+            : rect.right + "px";
+    }
+}
+function hideResizer(context, trigger) {
+    trigger.style.visibility = 'hidden';
+}
+function isTableBottomVisible(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.bottom >= rect.bottom &&
+            visibleViewport.bottom >= rect.bottom);
+    }
+    return true;
+}
 //# sourceMappingURL=TableResizer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableResizer.js","sourceRoot":"","sources":["../../../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/editors/features/TableResizer.ts"],"names":[],"mappings":";;;;AAAA,kFAAiF;AACjF,wFAAuF;AACvF,8EAAwE;AACxE,2EAKqC;AAMrC,IAAM,oBAAoB,GAAG,EAAE,CAAC;AAChC;;GAEG;AACU,QAAA,gBAAgB,GAAG,gBAAgB,CAAC;AAEjD;;GAEG;AACH,SAAgB,kBAAkB,CAC9B,KAAuB,EACvB,MAAe,EACf,KAAc,EACd,OAAmB,EACnB,KAAkB,EAClB,UAA+B,EAC/B,eAA6B,EAC7B,oBAAmD;IAEnD,IAAM,IAAI,GAAG,IAAA,2CAAa,EAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAE1D,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAkB,CAAC,EAAE;QACzD,OAAO,IAAI,CAAC;KACf;IAED,IAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;IACrC,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,kBAAkB,EAAE,CAAC;IAC7D,IAAM,iBAAiB,GAAG;QACtB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,+BACH,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,2DACgC;KAC1D,CAAC;IAEF,IAAM,GAAG,GAAG,IAAA,6BAAa,EAAC,iBAAiB,EAAE,QAAQ,CAAmB,CAAC;IAEzE,GAAG,CAAC,EAAE,GAAG,wBAAgB,CAAC;IAC1B,GAAG,CAAC,KAAK,CAAC,KAAK,GAAM,oBAAoB,OAAI,CAAC;IAC9C,GAAG,CAAC,KAAK,CAAC,MAAM,GAAM,oBAAoB,OAAI,CAAC;IAE/C,CAAC,eAAe,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEpD,IAAM,OAAO,GAAwB;QACjC,KAAK,OAAA;QACL,KAAK,OAAA;QACL,SAAS,WAAA;QACT,OAAO,SAAA;QACP,KAAK,OAAA;QACL,GAAG,KAAA;QACH,MAAM,QAAA;QACN,UAAU,YAAA;KACb,CAAC;IAEF,cAAc,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAE7B,IAAM,cAAc,GAAG,IAAI,YAAY,CACnC,GAAG,EACH,OAAO,EACP,WAAW,EAAE,wCAAwC;IACrD;QACI,WAAW,aAAA;QACX,UAAU,YAAA;QACV,SAAS,WAAA;KACZ,EACD,SAAS,EACT,MAAM,CAAC,cAAc,EAAE,CAAC,gBAAgB,EACxC,oBAAoB,CACvB,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAA,EAAE,cAAc,gBAAA,EAAE,CAAC;AAChD,CAAC;AA7DD,gDA6DC;AAED;IAA2B,6CAA6D;IAGpF,sBACI,OAAoB,EACpB,OAA4B,EAC5B,QAAsE,EACtE,OAAuE,EACvE,SAAiB,EACjB,WAAqB,EACrB,oBAAmD;QAPvD,YASI,kBAAM,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,SAErE;QADG,KAAI,CAAC,QAAQ,GAAG,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,cAAc,EAAE,OAAO,CAAC,CAAC;;IACpE,CAAC;IAED,8BAAO,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,mBAAC;AAAD,CAAC,AArBD,CAA2B,qCAAiB,GAqB3C;AA4BD;;;GAGG;AACH,SAAgB,WAAW,CACvB,OAA4B,EAC5B,KAAiB;IAEjB,OAAO,CAAC,OAAO,EAAE,CAAC;IAEV,IAAA,MAAM,GAAY,OAAO,OAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAa;IAElC,mCAAmC;IACnC,IAAM,OAAO,GAAG,IAAA,8CAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEnD,mCAAmC;IACnC,IAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;QACrB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IACH,IAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,OAAO,CAAC,UAAA,KAAK;QACzB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,OAAO;QACH,YAAY,EAAE,KAAK,CAAC,qBAAqB,EAAE;QAC3C,OAAO,SAAA;QACP,eAAe,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE;QAC9B,cAAc,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE;KAC/B,CAAC;AACN,CAAC;AA3BD,kCA2BC;AAED;;;GAGG;AACH,SAAgB,UAAU,CACtB,OAA4B,EAC5B,KAAiB,EACjB,SAAgC,EAChC,MAAc,EACd,MAAc;;IAEN,IAAA,KAAK,GAAuB,OAAO,MAA9B,EAAE,SAAS,GAAY,OAAO,UAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAa;IACpC,IAAA,YAAY,GAA+C,SAAS,aAAxD,EAAE,eAAe,GAA8B,SAAS,gBAAvC,EAAE,cAAc,GAAc,SAAS,eAAvB,EAAE,OAAO,GAAK,SAAS,QAAd,CAAe;IAE7E,IAAM,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,SAAS,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClF,IAAM,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAChE,IAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,IAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;IAEpD,6EAA6E;IAC7E,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACvC,8EAA8E;IAC9E,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAExC,gDAAgD;IAChD,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,EAAE;QAC7D,IAAM,YAAY,GAAG,IAAA,yCAAW,EAAC,OAAO,CAAC,CAAC;QAE1C,2BAA2B;QAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACnD,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACtC,IAAI,IAAI,EAAE;oBACN,IAAI,aAAa,IAAI,CAAC,IAAI,CAAC,EAAE;wBACzB,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAA,cAAc,CAAC,CAAC,CAAC,mCAAI,CAAC,CAAC,GAAG,MAAM,CAAC;qBAC9D;oBACD,IAAI,aAAa,IAAI,CAAC,IAAI,CAAC,EAAE;wBACzB,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,MAAA,eAAe,CAAC,CAAC,CAAC,mCAAI,CAAC,CAAC,GAAG,MAAM,CAAC;qBACpE;iBACJ;aACJ;SACJ;QAED,+CAA+C;QAC/C,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;YAC9C,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEjC,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE;gBAC5B,iBAAiB;gBACjB,SAAS;aACZ;YAED,iCAAiC;YACjC,IAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,2DAA6B,CAAC,CAAC;YAEpF,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBAClD,IAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAE/B,gCAAgC;gBAChC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,2DAA6B,CAAC,CAAC;gBAE9E,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,GAAG,IAAI,CAAC;gBACjC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;gBACnC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;aACrC;SACJ;QACD,OAAO,IAAI,CAAC;KACf;SAAM;QACH,OAAO,KAAK,CAAC;KAChB;AACL,CAAC;AAlED,gCAkEC;AAED;;;GAGG;AACH,SAAgB,SAAS,CACrB,OAA4B,EAC5B,KAAiB,EACjB,SAA4C;IAE5C,IAAI,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE;QAC7B,OAAO,KAAK,CAAC;KAChB;IACD,IACI,oBAAoB,CAChB,OAAO,CAAC,MAAM,EACd,IAAA,2CAAa,EAAC,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,EACpD,OAAO,CAAC,UAAkB,CAC7B,EACH;QACE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;QACzC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;KACxC;IACD,OAAO,CAAC,KAAK,EAAE,CAAC;IAChB,OAAO,KAAK,CAAC;AACjB,CAAC;AApBD,8BAoBC;AAED,SAAS,cAAc,CAAC,OAA4B,EAAE,OAAoB;IAC9D,IAAA,KAAK,GAAY,OAAO,MAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAa;IACjC,IAAM,IAAI,GAAG,IAAA,2CAAa,EAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAE1D,IAAI,IAAI,EAAE;QACN,OAAO,CAAC,KAAK,CAAC,GAAG,GAAM,IAAI,CAAC,MAAM,OAAI,CAAC;QACvC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK;YACtB,CAAC,CAAI,IAAI,CAAC,IAAI,GAAG,oBAAoB,GAAG,CAAC,OAAI;YAC7C,CAAC,CAAI,IAAI,CAAC,KAAK,OAAI,CAAC;KAC3B;AACL,CAAC;AAED,SAAS,WAAW,CAAC,OAA4B,EAAE,OAAoB;IACnE,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;AACxC,CAAC;AAED,SAAS,oBAAoB,CACzB,MAAe,EACf,IAAiB,EACjB,UAAwB;IAExB,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,CACH,CAAC,CAAC,aAAa;YACf,aAAa,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM;YACnC,eAAe,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CACxC,CAAC;KACL;IAED,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import { createElement } from '../../../pluginUtils/CreateElement/createElement';\r\nimport { DragAndDropHelper } from '../../../pluginUtils/DragAndDrop/DragAndDropHelper';\r\nimport { getCMTableFromTable } from '../utils/getTableFromContentModel';\r\nimport {\r\n    MIN_ALLOWED_TABLE_CELL_HEIGHT,\r\n    isNodeOfType,\r\n    mutateBlock,\r\n    normalizeRect,\r\n} from 'roosterjs-content-model-dom';\r\nimport type { TableEditFeature } from './TableEditFeature';\r\nimport type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';\r\nimport type { IEditor, ReadonlyContentModelTable, Rect } from 'roosterjs-content-model-types';\r\nimport type { DragAndDropHandler } from '../../../pluginUtils/DragAndDrop/DragAndDropHandler';\r\n\r\nconst TABLE_RESIZER_LENGTH = 12;\r\n/**\r\n * @internal\r\n */\r\nexport const TABLE_RESIZER_ID = '_Table_Resizer';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function createTableResizer(\r\n    table: HTMLTableElement,\r\n    editor: IEditor,\r\n    isRTL: boolean,\r\n    onStart: () => void,\r\n    onEnd: () => false,\r\n    contentDiv?: EventTarget | null,\r\n    anchorContainer?: HTMLElement,\r\n    onTableEditorCreated?: OnTableEditorCreatedCallback\r\n): TableEditFeature | null {\r\n    const rect = normalizeRect(table.getBoundingClientRect());\r\n\r\n    if (!isTableBottomVisible(editor, rect, contentDiv as Node)) {\r\n        return null;\r\n    }\r\n\r\n    const document = table.ownerDocument;\r\n    const zoomScale = editor.getDOMHelper().calculateZoomScale();\r\n    const createElementData = {\r\n        tag: 'div',\r\n        style: `position: fixed; cursor: ${\r\n            isRTL ? 'ne' : 'nw'\r\n        }-resize; 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_RESIZER_ID;\r\n    div.style.width = `${TABLE_RESIZER_LENGTH}px`;\r\n    div.style.height = `${TABLE_RESIZER_LENGTH}px`;\r\n\r\n    (anchorContainer || document.body).appendChild(div);\r\n\r\n    const context: TableResizerContext = {\r\n        isRTL,\r\n        table,\r\n        zoomScale,\r\n        onStart,\r\n        onEnd,\r\n        div,\r\n        editor,\r\n        contentDiv,\r\n    };\r\n\r\n    setDivPosition(context, div);\r\n\r\n    const featureHandler = new TableResizer(\r\n        div,\r\n        context,\r\n        hideResizer, // Resizer is hidden while dragging only\r\n        {\r\n            onDragStart,\r\n            onDragging,\r\n            onDragEnd,\r\n        },\r\n        zoomScale,\r\n        editor.getEnvironment().isMobileOrTablet,\r\n        onTableEditorCreated\r\n    );\r\n\r\n    return { node: table, div, featureHandler };\r\n}\r\n\r\nclass TableResizer extends DragAndDropHelper<TableResizerContext, TableResizerInitValue> {\r\n    private disposer: undefined | (() => void);\r\n\r\n    constructor(\r\n        trigger: HTMLElement,\r\n        context: TableResizerContext,\r\n        onSubmit: (context: TableResizerContext, trigger: HTMLElement) => void,\r\n        handler: DragAndDropHandler<TableResizerContext, TableResizerInitValue>,\r\n        zoomScale: number,\r\n        forceMobile?: boolean,\r\n        onTableEditorCreated?: OnTableEditorCreatedCallback\r\n    ) {\r\n        super(trigger, context, onSubmit, handler, zoomScale, forceMobile);\r\n        this.disposer = onTableEditorCreated?.('TableResizer', trigger);\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\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport interface TableResizerContext {\r\n    table: HTMLTableElement;\r\n    isRTL: boolean;\r\n    zoomScale: number;\r\n    onStart: () => void;\r\n    onEnd: () => false;\r\n    div: HTMLDivElement;\r\n    editor: IEditor;\r\n    contentDiv?: EventTarget | null;\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport interface TableResizerInitValue {\r\n    originalRect: DOMRect;\r\n    originalHeights: number[];\r\n    originalWidths: number[];\r\n    cmTable: ReadonlyContentModelTable | undefined;\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport function onDragStart(\r\n    context: TableResizerContext,\r\n    event: MouseEvent\r\n): TableResizerInitValue {\r\n    context.onStart();\r\n\r\n    const { editor, table } = context;\r\n\r\n    // Get Table block in content model\r\n    const cmTable = getCMTableFromTable(editor, table);\r\n\r\n    // Save original widths and heights\r\n    const heights: number[] = [];\r\n    cmTable?.rows.forEach(row => {\r\n        heights.push(row.height);\r\n    });\r\n    const widths: number[] = [];\r\n    cmTable?.widths.forEach(width => {\r\n        widths.push(width);\r\n    });\r\n\r\n    return {\r\n        originalRect: table.getBoundingClientRect(),\r\n        cmTable,\r\n        originalHeights: heights ?? [],\r\n        originalWidths: widths ?? [],\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: TableResizerContext,\r\n    event: MouseEvent,\r\n    initValue: TableResizerInitValue,\r\n    deltaX: number,\r\n    deltaY: number\r\n) {\r\n    const { isRTL, zoomScale, table } = context;\r\n    const { originalRect, originalHeights, originalWidths, cmTable } = initValue;\r\n\r\n    const ratioX = 1.0 + (deltaX / originalRect.width) * zoomScale * (isRTL ? -1 : 1);\r\n    const ratioY = 1.0 + (deltaY / originalRect.height) * zoomScale;\r\n    const shouldResizeX = Math.abs(ratioX - 1.0) > 1e-3;\r\n    const shouldResizeY = Math.abs(ratioY - 1.0) > 1e-3;\r\n\r\n    // If the width of some external table is fixed, we need to make it resizable\r\n    table.style.setProperty('width', null);\r\n    // If the height of some external table is fixed, we need to make it resizable\r\n    table.style.setProperty('height', null);\r\n\r\n    // Assign new widths and heights to the CM table\r\n    if (cmTable && cmTable.rows && (shouldResizeX || shouldResizeY)) {\r\n        const mutableTable = mutateBlock(cmTable);\r\n\r\n        // Modify the CM Table size\r\n        for (let i = 0; i < cmTable.rows.length; i++) {\r\n            for (let j = 0; j < cmTable.rows[i].cells.length; j++) {\r\n                const cell = cmTable.rows[i].cells[j];\r\n                if (cell) {\r\n                    if (shouldResizeX && i == 0) {\r\n                        mutableTable.widths[j] = (originalWidths[j] ?? 0) * ratioX;\r\n                    }\r\n                    if (shouldResizeY && j == 0) {\r\n                        mutableTable.rows[i].height = (originalHeights[i] ?? 0) * ratioY;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        // Writeback CM Table size changes to DOM Table\r\n        for (let row = 0; row < table.rows.length; row++) {\r\n            const tableRow = table.rows[row];\r\n\r\n            if (tableRow.cells.length == 0) {\r\n                // Skip empty row\r\n                continue;\r\n            }\r\n\r\n            // Normalize the new height value\r\n            const newHeight = Math.max(cmTable.rows[row].height, MIN_ALLOWED_TABLE_CELL_HEIGHT);\r\n\r\n            for (let col = 0; col < tableRow.cells.length; col++) {\r\n                const td = tableRow.cells[col];\r\n\r\n                // Normalize the new width value\r\n                const newWidth = Math.max(cmTable.widths[col], MIN_ALLOWED_TABLE_CELL_HEIGHT);\r\n\r\n                td.style.width = newWidth + 'px';\r\n                td.style.height = newHeight + 'px';\r\n                td.style.boxSizing = 'border-box';\r\n            }\r\n        }\r\n        return true;\r\n    } else {\r\n        return false;\r\n    }\r\n}\r\n\r\n/**\r\n * @internal\r\n * Exported for testing\r\n */\r\nexport function onDragEnd(\r\n    context: TableResizerContext,\r\n    event: MouseEvent,\r\n    initValue: TableResizerInitValue | undefined\r\n) {\r\n    if (context.editor.isDisposed()) {\r\n        return false;\r\n    }\r\n    if (\r\n        isTableBottomVisible(\r\n            context.editor,\r\n            normalizeRect(context.table.getBoundingClientRect()),\r\n            context.contentDiv as Node\r\n        )\r\n    ) {\r\n        context.div.style.visibility = 'visible';\r\n        setDivPosition(context, context.div);\r\n    }\r\n    context.onEnd();\r\n    return false;\r\n}\r\n\r\nfunction setDivPosition(context: TableResizerContext, trigger: HTMLElement) {\r\n    const { table, isRTL } = context;\r\n    const rect = normalizeRect(table.getBoundingClientRect());\r\n\r\n    if (rect) {\r\n        trigger.style.top = `${rect.bottom}px`;\r\n        trigger.style.left = isRTL\r\n            ? `${rect.left - TABLE_RESIZER_LENGTH - 2}px`\r\n            : `${rect.right}px`;\r\n    }\r\n}\r\n\r\nfunction hideResizer(context: TableResizerContext, trigger: HTMLElement) {\r\n    trigger.style.visibility = 'hidden';\r\n}\r\n\r\nfunction isTableBottomVisible(\r\n    editor: IEditor,\r\n    rect: Rect | null,\r\n    contentDiv?: Node | null\r\n): 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 (\r\n            !!containerRect &&\r\n            containerRect.bottom >= rect.bottom &&\r\n            visibleViewport.bottom >= rect.bottom\r\n        );\r\n    }\r\n\r\n    return true;\r\n}\r\n"]}
+{"version":3,"file":"TableResizer.js","sourceRoot":"","sources":["../../../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/editors/features/TableResizer.ts"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from '../../../pluginUtils/CreateElement/createElement';\nimport { DragAndDropHelper } from '../../../pluginUtils/DragAndDrop/DragAndDropHelper';\nimport { getCMTableFromTable } from '../utils/getTableFromContentModel';\nimport {\n    MIN_ALLOWED_TABLE_CELL_HEIGHT,\n    isNodeOfType,\n    mutateBlock,\n    normalizeRect,\n} from 'roosterjs-content-model-dom';\nimport type { TableEditFeature } from './TableEditFeature';\nimport type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';\nimport type { IEditor, ReadonlyContentModelTable, Rect } from 'roosterjs-content-model-types';\nimport type { DragAndDropHandler } from '../../../pluginUtils/DragAndDrop/DragAndDropHandler';\n\nconst TABLE_RESIZER_LENGTH = 12;\n/**\n * @internal\n */\nexport const TABLE_RESIZER_ID = '_Table_Resizer';\n\n/**\n * @internal\n */\nexport function createTableResizer(\n    table: HTMLTableElement,\n    editor: IEditor,\n    isRTL: boolean,\n    onStart: () => void,\n    onEnd: () => false,\n    contentDiv?: EventTarget | null,\n    anchorContainer?: HTMLElement,\n    onTableEditorCreated?: OnTableEditorCreatedCallback\n): TableEditFeature | null {\n    const rect = normalizeRect(table.getBoundingClientRect());\n\n    if (!isTableBottomVisible(editor, rect, contentDiv as Node)) {\n        return null;\n    }\n\n    const document = table.ownerDocument;\n    const zoomScale = editor.getDOMHelper().calculateZoomScale();\n    const createElementData = {\n        tag: 'div',\n        style: `position: fixed; cursor: ${\n            isRTL ? 'ne' : 'nw'\n        }-resize; user-select: none; border: 1px solid #808080`,\n    };\n\n    const div = createElement(createElementData, document) as HTMLDivElement;\n\n    div.id = TABLE_RESIZER_ID;\n    div.style.width = `${TABLE_RESIZER_LENGTH}px`;\n    div.style.height = `${TABLE_RESIZER_LENGTH}px`;\n\n    (anchorContainer || document.body).appendChild(div);\n\n    const context: TableResizerContext = {\n        isRTL,\n        table,\n        zoomScale,\n        onStart,\n        onEnd,\n        div,\n        editor,\n        contentDiv,\n    };\n\n    setDivPosition(context, div);\n\n    const featureHandler = new TableResizer(\n        div,\n        context,\n        hideResizer, // Resizer is hidden while dragging only\n        {\n            onDragStart,\n            onDragging,\n            onDragEnd,\n        },\n        zoomScale,\n        editor.getEnvironment().isMobileOrTablet,\n        onTableEditorCreated\n    );\n\n    return { node: table, div, featureHandler };\n}\n\nclass TableResizer extends DragAndDropHelper<TableResizerContext, TableResizerInitValue> {\n    private disposer: undefined | (() => void);\n\n    constructor(\n        trigger: HTMLElement,\n        context: TableResizerContext,\n        onSubmit: (context: TableResizerContext, trigger: HTMLElement) => void,\n        handler: DragAndDropHandler<TableResizerContext, TableResizerInitValue>,\n        zoomScale: number,\n        forceMobile?: boolean,\n        onTableEditorCreated?: OnTableEditorCreatedCallback\n    ) {\n        super(trigger, context, onSubmit, handler, zoomScale, forceMobile);\n        this.disposer = onTableEditorCreated?.('TableResizer', trigger);\n    }\n\n    dispose(): void {\n        this.disposer?.();\n        this.disposer = undefined;\n        super.dispose();\n    }\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport interface TableResizerContext {\n    table: HTMLTableElement;\n    isRTL: boolean;\n    zoomScale: number;\n    onStart: () => void;\n    onEnd: () => false;\n    div: HTMLDivElement;\n    editor: IEditor;\n    contentDiv?: EventTarget | null;\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport interface TableResizerInitValue {\n    originalRect: DOMRect;\n    originalHeights: number[];\n    originalWidths: number[];\n    cmTable: ReadonlyContentModelTable | undefined;\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragStart(\n    context: TableResizerContext,\n    event: MouseEvent\n): TableResizerInitValue {\n    context.onStart();\n\n    const { editor, table } = context;\n\n    // Get Table block in content model\n    const cmTable = getCMTableFromTable(editor, table);\n\n    // Save original widths and heights\n    const heights: number[] = [];\n    cmTable?.rows.forEach(row => {\n        heights.push(row.height);\n    });\n    const widths: number[] = [];\n    cmTable?.widths.forEach(width => {\n        widths.push(width);\n    });\n\n    return {\n        originalRect: table.getBoundingClientRect(),\n        cmTable,\n        originalHeights: heights ?? [],\n        originalWidths: widths ?? [],\n    };\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragging(\n    context: TableResizerContext,\n    event: MouseEvent,\n    initValue: TableResizerInitValue,\n    deltaX: number,\n    deltaY: number\n) {\n    const { isRTL, zoomScale, table } = context;\n    const { originalRect, originalHeights, originalWidths, cmTable } = initValue;\n\n    const ratioX = 1.0 + (deltaX / originalRect.width) * zoomScale * (isRTL ? -1 : 1);\n    const ratioY = 1.0 + (deltaY / originalRect.height) * zoomScale;\n    const shouldResizeX = Math.abs(ratioX - 1.0) > 1e-3;\n    const shouldResizeY = Math.abs(ratioY - 1.0) > 1e-3;\n\n    // If the width of some external table is fixed, we need to make it resizable\n    table.style.setProperty('width', null);\n    // If the height of some external table is fixed, we need to make it resizable\n    table.style.setProperty('height', null);\n\n    // Assign new widths and heights to the CM table\n    if (cmTable && cmTable.rows && (shouldResizeX || shouldResizeY)) {\n        const mutableTable = mutateBlock(cmTable);\n\n        // Modify the CM Table size\n        for (let i = 0; i < cmTable.rows.length; i++) {\n            for (let j = 0; j < cmTable.rows[i].cells.length; j++) {\n                const cell = cmTable.rows[i].cells[j];\n                if (cell) {\n                    if (shouldResizeX && i == 0) {\n                        mutableTable.widths[j] = (originalWidths[j] ?? 0) * ratioX;\n                    }\n                    if (shouldResizeY && j == 0) {\n                        mutableTable.rows[i].height = (originalHeights[i] ?? 0) * ratioY;\n                    }\n                }\n            }\n        }\n\n        // Writeback CM Table size changes to DOM Table\n        for (let row = 0; row < table.rows.length; row++) {\n            const tableRow = table.rows[row];\n\n            if (tableRow.cells.length == 0) {\n                // Skip empty row\n                continue;\n            }\n\n            // Normalize the new height value\n            const newHeight = Math.max(cmTable.rows[row].height, MIN_ALLOWED_TABLE_CELL_HEIGHT);\n\n            for (let col = 0; col < tableRow.cells.length; col++) {\n                const td = tableRow.cells[col];\n\n                // Normalize the new width value\n                const newWidth = Math.max(cmTable.widths[col], MIN_ALLOWED_TABLE_CELL_HEIGHT);\n\n                td.style.width = newWidth + 'px';\n                td.style.height = newHeight + 'px';\n                td.style.boxSizing = 'border-box';\n            }\n        }\n        return true;\n    } else {\n        return false;\n    }\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragEnd(\n    context: TableResizerContext,\n    event: MouseEvent,\n    initValue: TableResizerInitValue | undefined\n) {\n    if (context.editor.isDisposed()) {\n        return false;\n    }\n    if (\n        isTableBottomVisible(\n            context.editor,\n            normalizeRect(context.table.getBoundingClientRect()),\n            context.contentDiv as Node\n        )\n    ) {\n        context.div.style.visibility = 'visible';\n        setDivPosition(context, context.div);\n    }\n    context.onEnd();\n    return false;\n}\n\nfunction setDivPosition(context: TableResizerContext, trigger: HTMLElement) {\n    const { table, isRTL } = context;\n    const rect = normalizeRect(table.getBoundingClientRect());\n\n    if (rect) {\n        trigger.style.top = `${rect.bottom}px`;\n        trigger.style.left = isRTL\n            ? `${rect.left - TABLE_RESIZER_LENGTH - 2}px`\n            : `${rect.right}px`;\n    }\n}\n\nfunction hideResizer(context: TableResizerContext, trigger: HTMLElement) {\n    trigger.style.visibility = 'hidden';\n}\n\nfunction isTableBottomVisible(\n    editor: IEditor,\n    rect: Rect | null,\n    contentDiv?: Node | null\n): boolean {\n    const visibleViewport = editor.getVisibleViewport();\n    if (isNodeOfType(contentDiv, 'ELEMENT_NODE') && visibleViewport && rect) {\n        const containerRect = normalizeRect(contentDiv.getBoundingClientRect());\n\n        return (\n            !!containerRect &&\n            containerRect.bottom >= rect.bottom &&\n            visibleViewport.bottom >= rect.bottom\n        );\n    }\n\n    return true;\n}\n"]}

package/lib/tableEdit/editors/features/TableRowColumnSelector.d.ts

@@ -1,42 +1,42 @@
-import type { TableEditFeature } from './TableEditFeature';
-import type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';
-import type { DOMSelection, IEditor, ParsedTable, ReadonlyContentModelTable } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare function createTableRowColumnSelector(editor: IEditor, table: HTMLTableElement, isRowSelector: boolean, anchorContainer?: HTMLElement, onTableEditorCreated?: OnTableEditorCreatedCallback): TableEditFeature | null;
-/**
- * @internal
- * Exported for testing
- */
-export interface TableRowColumnSelectorContext {
-    table: HTMLTableElement;
-    zoomScale: number;
-    editor: IEditor;
-    div: HTMLElement;
-    isRow: boolean;
-}
-/**
- *  @internal
- */
-export interface TableRowColumnSelectorInitValue {
-    cmTable: ReadonlyContentModelTable | undefined;
-    initialSelection: DOMSelection | null;
-    parsedTable: ParsedTable;
-    startIndex: number;
-}
-/**
- * @internal
- * Exported for testing
- */
-export declare function onDragStart(context: TableRowColumnSelectorContext, event: MouseEvent): TableRowColumnSelectorInitValue;
-/**
- * @internal
- * Exported for testing
- */
-export declare function onDragging(context: TableRowColumnSelectorContext, event: MouseEvent, initValue: TableRowColumnSelectorInitValue | undefined): boolean;
-/**
- * @internal
- * Exported for testing
- */
-export declare function onDragEnd(context: TableRowColumnSelectorContext, event: MouseEvent, initValue: TableRowColumnSelectorInitValue | undefined): boolean;
+import type { TableEditFeature } from './TableEditFeature';
+import type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';
+import type { DOMSelection, IEditor, ParsedTable, ReadonlyContentModelTable } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function createTableRowColumnSelector(editor: IEditor, table: HTMLTableElement, isRowSelector: boolean, anchorContainer?: HTMLElement, onTableEditorCreated?: OnTableEditorCreatedCallback): TableEditFeature | null;
+/**
+ * @internal
+ * Exported for testing
+ */
+export interface TableRowColumnSelectorContext {
+    table: HTMLTableElement;
+    zoomScale: number;
+    editor: IEditor;
+    div: HTMLElement;
+    isRow: boolean;
+}
+/**
+ *  @internal
+ */
+export interface TableRowColumnSelectorInitValue {
+    cmTable: ReadonlyContentModelTable | undefined;
+    initialSelection: DOMSelection | null;
+    parsedTable: ParsedTable;
+    startIndex: number;
+}
+/**
+ * @internal
+ * Exported for testing
+ */
+export declare function onDragStart(context: TableRowColumnSelectorContext, event: MouseEvent): TableRowColumnSelectorInitValue;
+/**
+ * @internal
+ * Exported for testing
+ */
+export declare function onDragging(context: TableRowColumnSelectorContext, event: MouseEvent, initValue: TableRowColumnSelectorInitValue | undefined): boolean;
+/**
+ * @internal
+ * Exported for testing
+ */
+export declare function onDragEnd(context: TableRowColumnSelectorContext, event: MouseEvent, initValue: TableRowColumnSelectorInitValue | undefined): boolean;