@progress/kendo-editor-common 1.9.3-dev.202209261114 → 1.9.3-dev.202210050740

package/dist/es2015/plugins/table-resize/row-resize.js

@@ -1,7 +1,7 @@
 import { Plugin } from 'prosemirror-state';
 import { TableMap, tableNodeTypes } from 'prosemirror-tables';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { domCellAround, otherResizeHandle, otherResizing, parentNode, parseStyle, setNodeStyle, tableRowResizeKey as key } from './utils';
+import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, parseStyle, setNodeStyle, tableRowResizeKey as key, edgeCell } from './utils';
 class TableRowView {
     ignoreMutation(record) {
         return record.type === 'attributes' && record.attributeName === 'style' && record.target.nodeName === 'TR';
@@ -86,19 +86,20 @@ class ResizeState {
 function handleMouseMove(view, event, handleWidth) {
     let pluginState = key.getState(view.state);
     if (!pluginState.dragging) {
-        let target = domCellAround(event.target), row = -1;
+        let target = domCellAround(event.target), cell = -1;
         if (target) {
-            const rowDom = target.parentNode;
-            let domRect = rowDom.getBoundingClientRect();
-            if (Math.abs(event.clientY - domRect.top) <= handleWidth && rowDom.rowIndex > 0) {
-                row = edgeRow(view, event, rowDom.rowIndex - 1);
+            const indexes = cellIndexes(target);
+            let { top, bottom } = target.getBoundingClientRect();
+            if (Math.abs(event.clientY - top) <= handleWidth && indexes.rowIndex > 0) {
+                indexes.rowIndex -= target.rowSpan;
+                cell = edgeCell(view, event, indexes);
             }
-            else if (domRect.bottom - event.clientY > 0 && domRect.bottom - event.clientY <= handleWidth) {
-                row = edgeRow(view, event, rowDom.rowIndex);
+            else if (bottom - event.clientY > 0 && bottom - event.clientY <= handleWidth) {
+                cell = edgeCell(view, event, indexes);
             }
         }
-        if (row !== pluginState.activeHandle) {
-            updateHandle(view, row);
+        if (cell !== pluginState.activeHandle) {
+            updateHandle(view, cell);
         }
     }
 }
@@ -114,9 +115,9 @@ function handleMouseDown(view, event) {
         return false;
     }
     const doc = view.state.doc;
-    let $pos = doc.resolve(pluginState.activeHandle);
-    let row = doc.nodeAt(pluginState.activeHandle);
-    let table = $pos.parent;
+    let $cell = doc.resolve(pluginState.activeHandle);
+    let row = $cell.parent;
+    let table = $cell.node(-1);
     let rowHeightStr = parseStyle(row.attrs.style).height;
     let tableHeight = parseStyle(table.attrs.style).height;
     let rowHeight = rowHeightStr ? parseFloat(rowHeightStr) : 0;
@@ -154,24 +155,8 @@ function handleMouseDown(view, event) {
     event.preventDefault();
     return true;
 }
-function edgeRow(view, event, rowIndex) {
-    let found = view.posAtCoords({ left: event.clientX, top: event.clientY });
-    if (!found) {
-        return -1;
-    }
-    let $pos = view.state.doc.resolve(found.pos);
-    let parentTable = parentNode($pos, n => n.type.spec.tableRole === 'table');
-    if (parentTable === null) {
-        return -1;
-    }
-    let tablePos = $pos.start(parentTable.depth);
-    const tableNode = parentTable.node;
-    const map = TableMap.get(tableNode);
-    const row = tablePos + map.map[(map.width * rowIndex)] - 1;
-    return row;
-}
 function draggedHeight(dragging, event) {
-    let offset = event.clientY - dragging.startY;
+    const offset = event.clientY - dragging.startY;
     return dragging.startHeight.rowHeight + offset;
 }
 function updateHandle(view, value) {
@@ -180,9 +165,11 @@ function updateHandle(view, value) {
     tr.setMeta(key, { setHandle: value });
     view.dispatch(tr);
 }
-function updateRowHeight(view, tr, rowPos) {
+function updateRowHeight(view, tr, cellPos) {
     const doc = view.state.doc;
-    let row = doc.nodeAt(rowPos);
+    const $cell = doc.resolve(cellPos);
+    const row = $cell.parent;
+    const rowPos = $cell.posAtIndex(0) - 1;
     const dom = view.nodeDOM(rowPos);
     const win = (dom.ownerDocument && dom.ownerDocument.defaultView) || window;
     dom.style.height = win.getComputedStyle(dom).height;
@@ -195,13 +182,14 @@ function updateRowHeight(view, tr, rowPos) {
         tr.setNodeMarkup(tablePos, null, setNodeStyle($pos.parent.attrs, 'height', tableHeight));
     }
 }
-function displayRowHeight(view, rowPos, height, offset, tableHeight) {
-    const dom = view.nodeDOM(rowPos);
-    if (dom) {
-        dom.style.height = height + 'px';
-        const win = (dom.ownerDocument && dom.ownerDocument.defaultView) || window;
-        dom.style.height = win.getComputedStyle(dom).height;
-        const table = dom.closest('table');
+function displayRowHeight(view, cellPos, height, offset, tableHeight) {
+    const cell = view.nodeDOM(cellPos);
+    const row = cell && cell.parentNode;
+    if (row) {
+        row.style.height = height + 'px';
+        const win = (row.ownerDocument && row.ownerDocument.defaultView) || window;
+        row.style.height = win.getComputedStyle(row).height;
+        const table = row.closest('table');
         const newHeight = (parseFloat(tableHeight) + offset) + 'px';
         const current = table && table.style.height;
         if (current && current !== newHeight) {
@@ -210,20 +198,33 @@ function displayRowHeight(view, rowPos, height, offset, tableHeight) {
         }
     }
 }
-function handleDecorations(state, pos) {
-    let decorations = [];
-    if (typeof pos !== 'number') {
+function handleDecorations(state, cell) {
+    const decorations = [];
+    if (typeof cell !== 'number') {
         return DecorationSet.empty;
     }
-    let $row = state.doc.resolve(pos), table = $row.parent, map = TableMap.get(table), rowIndex = $row.index($row.depth), start = $row.start($row.depth);
-    for (let col = 0; col < map.width; col++) {
-        let index = col + rowIndex * map.width;
-        let cellPos = map.map[index];
-        const cell = table.nodeAt(cellPos);
-        let widgetPos = start + cellPos + (cell ? cell.nodeSize : 0) - 1;
+    const $cell = state.doc.resolve(cell), table = $cell.node(-1), map = TableMap.get(table), start = $cell.start(-1);
+    const cellsPositions = [];
+    const cellPos = cell - start;
+    let rowIndex = -1;
+    for (let i = 0; i < map.height; i++) {
+        cellsPositions.push(map.map.slice(i * map.width, (i * map.width) + map.width));
+        if (cellsPositions[i].indexOf(cellPos) !== -1) {
+            rowIndex = i;
+        }
+    }
+    const cells = [];
+    cellsPositions[rowIndex].forEach((c, i) => {
+        if (!cellsPositions[rowIndex + 1] || c !== cellsPositions[rowIndex + 1][i]) {
+            cells.push(c);
+        }
+    });
+    cells.forEach((cPos) => {
+        const cellNode = table.nodeAt(cPos);
+        let widgetPos = start + cPos + (cellNode ? cellNode.nodeSize : 0) - 1;
         let dom = document.createElement('div');
         dom.className = 'row-resize-handle';
         decorations.push(Decoration.widget(widgetPos, dom));
-    }
+    });
     return DecorationSet.create(state.doc, decorations);
 }

package/dist/es2015/plugins/table-resize/table-resize.js

@@ -197,9 +197,7 @@ export const tableResizing = (options = { node: 'table' }) => {
                 const parent = parentNode(selection.$from, (n) => n.type === nodeType);
                 const node = parent && parent.node;
                 if (node) {
-                    let tableDepth = new Array(selection.$from.depth + 1).fill(0)
-                        .findIndex((_, i) => selection.$from.node(i).type.spec.tableRole === 'table');
-                    const pos = selection.$from.start(tableDepth) - 1;
+                    const pos = selection.$from.start(parent.depth) - 1;
                     return { node, pos };
                 }
                 return null;

package/dist/es2015/plugins/table-resize/utils.js

@@ -1,4 +1,5 @@
 import { PluginKey } from 'prosemirror-state';
+import { TableMap } from 'prosemirror-tables';
 import { changeStylesString } from '../../utils';
 export const reAnyValue = /^.+$/;
 export const parseStyle = (styleText) => {
@@ -57,12 +58,41 @@ export function domCellAround(target) {
     }
     return target;
 }
-export function cellIndexes(cell) {
-    const row = cell.parentNode;
-    return {
-        cellIndex: cell.cellIndex,
-        rowIndex: row.rowIndex
-    };
+function tableSpansMap(table) {
+    const rows = Array.from((table && table.rows) || []);
+    const colsCount = Array.from((rows && rows[0] && rows[0].cells) || [])
+        .map(c => c.colSpan)
+        .reduce((prev, cur) => prev + cur, 0);
+    const map = rows.map(() => new Array(colsCount));
+    rows.forEach((row, r) => {
+        let curColSpan = 0;
+        Array.from(row.cells).forEach((c) => {
+            for (let colSp = 0; colSp < c.colSpan; colSp++) {
+                for (let rowSp = 0; rowSp < c.rowSpan; rowSp++) {
+                    const ind = map[r + rowSp].findIndex((val, curInd) => curInd >= curColSpan && !val);
+                    map[r + rowSp][ind] = c;
+                }
+                curColSpan++;
+            }
+        });
+    });
+    return map;
+}
+export function cellIndexes(dataCell) {
+    const map = tableSpansMap(dataCell.closest('table'));
+    let result = null;
+    for (let r = 0; r < map.length; r++) {
+        const row = map[r];
+        row.forEach((cell, c) => {
+            if (dataCell === cell) {
+                result = { rowIndex: r, cellIndex: c };
+            }
+        });
+        if (result) {
+            break;
+        }
+    }
+    return result || { rowIndex: -1, cellIndex: -1 };
 }
 export function parentNode(pos, predicate) {
     for (let depth = pos.depth; depth > 0; depth--) {
@@ -73,3 +103,19 @@ export function parentNode(pos, predicate) {
     }
     return null;
 }
+export function edgeCell(view, event, indexes) {
+    const found = view.posAtCoords({ left: event.clientX, top: event.clientY });
+    if (!found) {
+        return -1;
+    }
+    const $pos = view.state.doc.resolve(found.pos);
+    const parentTable = parentNode($pos, n => n.type.spec.tableRole === 'table');
+    if (parentTable === null) {
+        return -1;
+    }
+    const tablePos = $pos.start(parentTable.depth);
+    const tableNode = parentTable.node;
+    const map = TableMap.get(tableNode);
+    const cell = tablePos + map.map[(map.width * indexes.rowIndex) + indexes.cellIndex];
+    return cell;
+}

package/dist/es2015/table.js

@@ -1,5 +1,6 @@
-import { addRowAfter as pmAddRowAfter, addRowBefore as pmAddRowBefore } from 'prosemirror-tables';
-import { rowTypeAttr } from './config/constants';
+import { addRowAfter as pmAddRowAfter, addRowBefore as pmAddRowBefore, addColumnBefore as pmAddColumnBefore, addColumnAfter as pmAddColumnAfter, deleteColumn as pmDeleteColumn, TableMap } from 'prosemirror-tables';
+import { colgroupAttr, rowTypeAttr } from './config/constants';
+import { parseStrColgroup } from './config/schema';
 /**
  * Creates a table.
  * @returns Node
@@ -17,11 +18,14 @@ export const createTable = (nodes, rows, columns) => {
     }
     return table.createAndFill(undefined, tableRows);
 };
+const reTable = /^table$/;
+const reRow = /^table_row$/;
+const reCell = /^table_cell|table_header$/;
 const closest = (selection, name) => {
     const pos = selection.$head;
     for (let i = pos.depth; i > 0; i--) {
         const node = pos.node(i);
-        if (node.type.name === name) {
+        if (name.test(node.type.name)) {
             return {
                 pos: pos.before(i),
                 node
@@ -32,8 +36,8 @@ const closest = (selection, name) => {
 };
 export const addRowBefore = (state, dispatch) => {
     const cmdDispatch = dispatch && (tr => {
-        const row = closest(tr.selection, 'table_row');
-        const table = closest(tr.selection, 'table');
+        const row = closest(tr.selection, reRow);
+        const table = closest(tr.selection, reTable);
         if (row && table && row.node.attrs[rowTypeAttr]) {
             let index = 0;
             for (let i = 0; i < table.node.nodeSize; i++) {
@@ -52,7 +56,7 @@ export const addRowBefore = (state, dispatch) => {
 };
 export const addRowAfter = (state, dispatch) => {
     const cmdDispatch = dispatch && (tr => {
-        const row = closest(tr.selection, 'table_row');
+        const row = closest(tr.selection, reRow);
         if (row && row.node.attrs[rowTypeAttr]) {
             const from = row.pos + row.node.nodeSize;
             tr.setNodeMarkup(from, undefined, { [rowTypeAttr]: row.node.attrs[rowTypeAttr] });
@@ -61,4 +65,62 @@ export const addRowAfter = (state, dispatch) => {
     });
     return pmAddRowAfter(state, cmdDispatch);
 };
-export { pmAddRowBefore, pmAddRowAfter };
+const columnIndex = (table, selection) => {
+    if (!table) {
+        return -1;
+    }
+    const map = TableMap.get(table.node);
+    const tableCell = closest(selection, reCell);
+    const idx = map.map.indexOf(tableCell.pos - table.pos - 1);
+    let colIndex = -1;
+    if (idx !== -1) {
+        colIndex = idx % map.width;
+    }
+    return colIndex;
+};
+const addCol = (tr, table, to) => {
+    const colIndex = columnIndex(table, tr.selection);
+    const colgroup = parseStrColgroup(table.node.attrs[colgroupAttr]);
+    colgroup.insertBefore(colgroup.ownerDocument.createElement('col'), colgroup.children[colIndex + to]);
+    tr.setNodeMarkup(table.pos, null, Object.assign(Object.assign({}, table.node.attrs), { [colgroupAttr]: colgroup.outerHTML }));
+};
+const deleteCol = (tr, table, colIndex) => {
+    const colgroup = parseStrColgroup(table.node.attrs[colgroupAttr]);
+    colgroup.removeChild(colgroup.children[colIndex]);
+    tr.setNodeMarkup(table.pos, null, Object.assign(Object.assign({}, table.node.attrs), { [colgroupAttr]: colgroup.outerHTML }));
+};
+export const addColumnBefore = (state, dispatch) => {
+    const cmdDispatch = dispatch && (tr => {
+        const table = closest(tr.selection, reTable);
+        if (!table.node.attrs[colgroupAttr]) {
+            return dispatch(tr);
+        }
+        addCol(tr, table, -1);
+        return dispatch(tr);
+    });
+    return pmAddColumnBefore(state, cmdDispatch);
+};
+export const addColumnAfter = (state, dispatch) => {
+    const cmdDispatch = dispatch && (tr => {
+        const table = closest(tr.selection, reTable);
+        if (!table.node.attrs[colgroupAttr]) {
+            return dispatch(tr);
+        }
+        addCol(tr, table, 1);
+        return dispatch(tr);
+    });
+    return pmAddColumnAfter(state, cmdDispatch);
+};
+export const deleteColumn = (state, dispatch) => {
+    const colIndex = columnIndex(closest(state.selection, reTable), state.selection);
+    const cmdDispatch = dispatch && (tr => {
+        const table = closest(tr.selection, reTable);
+        if (!table.node.attrs[colgroupAttr]) {
+            return dispatch(tr);
+        }
+        deleteCol(tr, table, colIndex);
+        return dispatch(tr);
+    });
+    return pmDeleteColumn(state, cmdDispatch);
+};
+export { pmAddRowBefore, pmAddRowAfter, pmAddColumnBefore, pmAddColumnAfter, pmDeleteColumn };

package/dist/npm/main.d.ts

@@ -36,7 +36,7 @@ export * from 'prosemirror-keymap';
 export * from 'prosemirror-model';
 export * from 'prosemirror-schema-list';
 export * from 'prosemirror-state';
-export { TableEditingOptions, TableMap, TableNodes, TableNodesOptions, TableRect, TableRoles, tableEditing, tableEditingKey, tableNodeTypes, tableNodes, fixTables, fixTablesKey, isInTable, deleteTable, inSameTable, getFromDOM, setDOMAttr, CellAttributes, CellSelectionJSON, CellSelection, Rect, selectedRect, selectionCell, setCellAttr, goToNextCell, toggleHeader, toggleHeaderCell, toggleHeaderColumn, toggleHeaderRow, splitCell, splitCellWithType, GetCellTypeOptions, mergeCells, deleteColumn, deleteRow, rowIsHeader, addRow, addColSpan, addColumn, addColumnAfter, addColumnBefore, colCount, columnIsHeader, columnResizing, columnResizingPluginKey, updateColumnsOnResize, cellAround, findCell, removeColSpan, moveCellForward, nextCell } from 'prosemirror-tables';
+export { TableEditingOptions, TableMap, TableNodes, TableNodesOptions, TableRect, TableRoles, tableEditing, tableEditingKey, tableNodeTypes, tableNodes, fixTables, fixTablesKey, isInTable, deleteTable, inSameTable, getFromDOM, setDOMAttr, CellAttributes, CellSelectionJSON, CellSelection, Rect, selectedRect, selectionCell, setCellAttr, goToNextCell, toggleHeader, toggleHeaderCell, toggleHeaderColumn, toggleHeaderRow, splitCell, splitCellWithType, GetCellTypeOptions, mergeCells, deleteRow, rowIsHeader, addRow, addColSpan, addColumn, colCount, columnIsHeader, columnResizing, columnResizingPluginKey, updateColumnsOnResize, cellAround, findCell, removeColSpan, moveCellForward, nextCell } from 'prosemirror-tables';
 export * from 'prosemirror-transform';
 export * from 'prosemirror-view';
-export { createTable, addRowAfter, addRowBefore, pmAddRowAfter, pmAddRowBefore } from './table';
+export { createTable, addRowAfter, addRowBefore, addColumnBefore, addColumnAfter, deleteColumn, pmAddColumnBefore, pmAddColumnAfter, pmAddRowAfter, pmAddRowBefore, pmDeleteColumn } from './table';

package/dist/npm/main.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.expandToWordWrap = exports.expandSelection = exports.selectedLineTextOnly = exports.getNodeFromSelection = exports.getSelectionText = exports.hasSameMarkup = exports.liftBlockquote = exports.blockquote = exports.listStyle = exports.toggleList = exports.toggleUnorderedList = exports.toggleOrderedList = exports.indentBlocks = exports.canBeIndented = exports.isIndented = exports.canOutdentAsListItem = exports.outdent = exports.canIndentAsListItem = exports.indent = exports.selectionMarks = exports.cleanMarks = exports.removeAllMarks = exports.getActiveMarks = exports.getMark = exports.hasMark = exports.cleanTextBlockFormatting = exports.blockNodes = exports.changeTextBlock = exports.parentBlockFormat = exports.getBlockFormats = exports.formatBlockElements = exports.activeNode = exports.hasNode = exports.cleanFormatting = exports.isAligned = exports.alignBlocks = exports.insertImage = exports.insertText = exports.removeLink = exports.applyLink = exports.toggleInlineFormat = exports.getInlineStyles = exports.applyInlineStyle = exports.pmDocToFragment = exports.domToPmDoc = exports.htmlToFragment = exports.trimWhitespace = exports.parseContent = exports.setHtml = exports.getHtml = void 0;
 exports.tableEditingKey = exports.tableEditing = exports.TableMap = exports.tableRowResizeKey = exports.tableColumnResizeKey = exports.tableResizeKey = exports.tableResizing = exports.caretColorKey = exports.caretColor = exports.imageResizeKey = exports.imageResizing = exports.textHighlightKey = exports.textHighlight = exports.spacesFix = exports.placeholder = exports.replaceAll = exports.replace = exports.findAll = exports.findAt = exports.find = exports.convertMsLists = exports.replaceImageSourcesFromRtf = exports.removeAttribute = exports.sanitizeStyleAttr = exports.sanitizeClassAttr = exports.pasteCleanup = exports.removeTag = exports.removeComments = exports.sanitize = exports.link = exports.superscript = exports.subscript = exports.strikethrough = exports.underline = exports.italic = exports.bold = exports.buildListKeymap = exports.buildKeymap = exports.marks = exports.nodes = exports.outdentRules = exports.indentRules = exports.alignRemoveRules = exports.alignJustifyRules = exports.alignRightRules = exports.alignCenterRules = exports.alignLeftRules = exports.indentHtml = exports.insertNode = exports.canInsert = void 0;
-exports.pmAddRowBefore = exports.pmAddRowAfter = exports.addRowBefore = exports.addRowAfter = exports.createTable = exports.nextCell = exports.moveCellForward = exports.removeColSpan = exports.findCell = exports.cellAround = exports.updateColumnsOnResize = exports.columnResizingPluginKey = exports.columnResizing = exports.columnIsHeader = exports.colCount = exports.addColumnBefore = exports.addColumnAfter = exports.addColumn = exports.addColSpan = exports.addRow = exports.rowIsHeader = exports.deleteRow = exports.deleteColumn = exports.mergeCells = exports.splitCellWithType = exports.splitCell = exports.toggleHeaderRow = exports.toggleHeaderColumn = exports.toggleHeaderCell = exports.toggleHeader = exports.goToNextCell = exports.setCellAttr = exports.selectionCell = exports.selectedRect = exports.CellSelection = exports.inSameTable = exports.deleteTable = exports.isInTable = exports.fixTablesKey = exports.fixTables = exports.tableNodes = exports.tableNodeTypes = void 0;
+exports.pmDeleteColumn = exports.pmAddRowBefore = exports.pmAddRowAfter = exports.pmAddColumnAfter = exports.pmAddColumnBefore = exports.deleteColumn = exports.addColumnAfter = exports.addColumnBefore = exports.addRowBefore = exports.addRowAfter = exports.createTable = exports.nextCell = exports.moveCellForward = exports.removeColSpan = exports.findCell = exports.cellAround = exports.updateColumnsOnResize = exports.columnResizingPluginKey = exports.columnResizing = exports.columnIsHeader = exports.colCount = exports.addColumn = exports.addColSpan = exports.addRow = exports.rowIsHeader = exports.deleteRow = exports.mergeCells = exports.splitCellWithType = exports.splitCell = exports.toggleHeaderRow = exports.toggleHeaderColumn = exports.toggleHeaderCell = exports.toggleHeader = exports.goToNextCell = exports.setCellAttr = exports.selectionCell = exports.selectedRect = exports.CellSelection = exports.inSameTable = exports.deleteTable = exports.isInTable = exports.fixTablesKey = exports.fixTables = exports.tableNodes = exports.tableNodeTypes = void 0;
 var tslib_1 = require("tslib");
 var source_1 = require("./source");
 Object.defineProperty(exports, "getHtml", { enumerable: true, get: function () { return source_1.getHtml; } });
@@ -162,14 +162,11 @@ Object.defineProperty(exports, "toggleHeaderRow", { enumerable: true, get: funct
 Object.defineProperty(exports, "splitCell", { enumerable: true, get: function () { return prosemirror_tables_1.splitCell; } });
 Object.defineProperty(exports, "splitCellWithType", { enumerable: true, get: function () { return prosemirror_tables_1.splitCellWithType; } });
 Object.defineProperty(exports, "mergeCells", { enumerable: true, get: function () { return prosemirror_tables_1.mergeCells; } });
-Object.defineProperty(exports, "deleteColumn", { enumerable: true, get: function () { return prosemirror_tables_1.deleteColumn; } });
 Object.defineProperty(exports, "deleteRow", { enumerable: true, get: function () { return prosemirror_tables_1.deleteRow; } });
 Object.defineProperty(exports, "rowIsHeader", { enumerable: true, get: function () { return prosemirror_tables_1.rowIsHeader; } });
 Object.defineProperty(exports, "addRow", { enumerable: true, get: function () { return prosemirror_tables_1.addRow; } });
 Object.defineProperty(exports, "addColSpan", { enumerable: true, get: function () { return prosemirror_tables_1.addColSpan; } });
 Object.defineProperty(exports, "addColumn", { enumerable: true, get: function () { return prosemirror_tables_1.addColumn; } });
-Object.defineProperty(exports, "addColumnAfter", { enumerable: true, get: function () { return prosemirror_tables_1.addColumnAfter; } });
-Object.defineProperty(exports, "addColumnBefore", { enumerable: true, get: function () { return prosemirror_tables_1.addColumnBefore; } });
 Object.defineProperty(exports, "colCount", { enumerable: true, get: function () { return prosemirror_tables_1.colCount; } });
 Object.defineProperty(exports, "columnIsHeader", { enumerable: true, get: function () { return prosemirror_tables_1.columnIsHeader; } });
 Object.defineProperty(exports, "columnResizing", { enumerable: true, get: function () { return prosemirror_tables_1.columnResizing; } });
@@ -186,5 +183,11 @@ var table_1 = require("./table");
 Object.defineProperty(exports, "createTable", { enumerable: true, get: function () { return table_1.createTable; } });
 Object.defineProperty(exports, "addRowAfter", { enumerable: true, get: function () { return table_1.addRowAfter; } });
 Object.defineProperty(exports, "addRowBefore", { enumerable: true, get: function () { return table_1.addRowBefore; } });
+Object.defineProperty(exports, "addColumnBefore", { enumerable: true, get: function () { return table_1.addColumnBefore; } });
+Object.defineProperty(exports, "addColumnAfter", { enumerable: true, get: function () { return table_1.addColumnAfter; } });
+Object.defineProperty(exports, "deleteColumn", { enumerable: true, get: function () { return table_1.deleteColumn; } });
+Object.defineProperty(exports, "pmAddColumnBefore", { enumerable: true, get: function () { return table_1.pmAddColumnBefore; } });
+Object.defineProperty(exports, "pmAddColumnAfter", { enumerable: true, get: function () { return table_1.pmAddColumnAfter; } });
 Object.defineProperty(exports, "pmAddRowAfter", { enumerable: true, get: function () { return table_1.pmAddRowAfter; } });
 Object.defineProperty(exports, "pmAddRowBefore", { enumerable: true, get: function () { return table_1.pmAddRowBefore; } });
+Object.defineProperty(exports, "pmDeleteColumn", { enumerable: true, get: function () { return table_1.pmDeleteColumn; } });

package/dist/npm/plugins/table-resize/column-resize.js

@@ -95,11 +95,11 @@ function handleMouseMove(view, event, handleWidth) {
             var indexes = utils_1.cellIndexes(target);
             var _a = target.getBoundingClientRect(), left = _a.left, right = _a.right;
             if (Math.abs(event.clientX - left) <= handleWidth && indexes.cellIndex > 0) {
-                indexes.cellIndex--;
-                cell = edgeCell(view, event, indexes);
+                indexes.cellIndex -= target.colSpan;
+                cell = utils_1.edgeCell(view, event, indexes);
             }
             else if (right - event.clientX > 0 && right - event.clientX <= handleWidth) {
-                cell = edgeCell(view, event, indexes);
+                cell = utils_1.edgeCell(view, event, indexes);
             }
         }
         if (cell !== pluginState.activeHandle) {
@@ -191,22 +191,6 @@ function handleMouseDown(view, event, cellMinWidth) {
     event.preventDefault();
     return true;
 }
-function edgeCell(view, event, indexes) {
-    var found = view.posAtCoords({ left: event.clientX, top: event.clientY });
-    if (!found) {
-        return -1;
-    }
-    var $pos = view.state.doc.resolve(found.pos);
-    var parentTable = utils_1.parentNode($pos, function (n) { return n.type.spec.tableRole === 'table'; });
-    if (parentTable === null) {
-        return -1;
-    }
-    var tablePos = $pos.start(parentTable.depth);
-    var tableNode = parentTable.node;
-    var map = prosemirror_tables_1.TableMap.get(tableNode);
-    var cell = tablePos + map.map[(map.width * indexes.rowIndex) + indexes.cellIndex];
-    return cell;
-}
 function draggedWidth(dragging, event, cellMinWidth) {
     var offset = event.clientX - dragging.startX;
     return Math.max(cellMinWidth, dragging.startWidth + offset);
@@ -231,8 +215,8 @@ function updateColumnWidth(view, tr, cell, _width) {
     var tableDomWidth = tableDom.style.width;
     if (tableDom && tableDomWidth && utils_1.parseStyle(attrs.style).width !== tableDomWidth) {
         attrs = utils_1.setNodeStyle(attrs, 'width', tableDomWidth);
-        tr.setNodeMarkup(tablePos, null, attrs);
     }
+    tr.setNodeMarkup(tablePos, null, attrs);
 }
 function displayColumnWidth(view, cell, width, _cellMinWidth) {
     var $cell = view.state.doc.resolve(cell);
@@ -258,20 +242,27 @@ function handleDecorations(state, cell) {
     var decorations = [];
     var $cell = state.doc.resolve(cell);
     var table = $cell.node(-1), map = prosemirror_tables_1.TableMap.get(table), start = $cell.start(-1);
-    var col = map.colCount($cell.pos - start) + $cell.nodeAfter.attrs.colspan;
-    for (var row = 0; row < map.height; row++) {
-        var index = col + row * map.width - 1;
-        // For positions that are have either a different cell or the end
-        // of the table to their right, and either the top of the table or
-        // a different cell above them, add a decoration
-        if ((col === map.width || map.map[index] !== map.map[index + 1]) &&
-            (row === 0 || map.map[index - 1] !== map.map[index - 1 - map.width])) {
-            var cellPos = map.map[index];
-            var pos = start + cellPos + table.nodeAt(cellPos).nodeSize - 1;
-            var dom = document.createElement('div');
-            dom.className = 'column-resize-handle';
-            decorations.push(prosemirror_view_1.Decoration.widget(pos, dom));
+    var cellsPositions = [];
+    var cellPos = cell - start;
+    var column = -1;
+    for (var i = 0; i < map.height; i++) {
+        cellsPositions.push(map.map.slice(i * map.width, (i * map.width) + map.width));
+        if (column === -1) {
+            column = cellsPositions[i].lastIndexOf(cellPos);
         }
     }
+    var cells = [];
+    cellsPositions.forEach(function (row) {
+        var c = row[column];
+        if (row[column] !== row[column + 1]) {
+            cells.push(c);
+        }
+    });
+    cells.forEach((function (cPos) {
+        var pos = start + cPos + table.nodeAt(cPos).nodeSize - 1;
+        var dom = document.createElement('div');
+        dom.className = 'column-resize-handle';
+        decorations.push(prosemirror_view_1.Decoration.widget(pos, dom));
+    }));
     return prosemirror_view_1.DecorationSet.create(state.doc, decorations);
 }

package/dist/npm/plugins/table-resize/row-resize.js

@@ -94,19 +94,20 @@ var ResizeState = /** @class */ (function () {
 function handleMouseMove(view, event, handleWidth) {
     var pluginState = utils_1.tableRowResizeKey.getState(view.state);
     if (!pluginState.dragging) {
-        var target = utils_1.domCellAround(event.target), row = -1;
+        var target = utils_1.domCellAround(event.target), cell = -1;
         if (target) {
-            var rowDom = target.parentNode;
-            var domRect = rowDom.getBoundingClientRect();
-            if (Math.abs(event.clientY - domRect.top) <= handleWidth && rowDom.rowIndex > 0) {
-                row = edgeRow(view, event, rowDom.rowIndex - 1);
+            var indexes = utils_1.cellIndexes(target);
+            var _a = target.getBoundingClientRect(), top_1 = _a.top, bottom = _a.bottom;
+            if (Math.abs(event.clientY - top_1) <= handleWidth && indexes.rowIndex > 0) {
+                indexes.rowIndex -= target.rowSpan;
+                cell = utils_1.edgeCell(view, event, indexes);
             }
-            else if (domRect.bottom - event.clientY > 0 && domRect.bottom - event.clientY <= handleWidth) {
-                row = edgeRow(view, event, rowDom.rowIndex);
+            else if (bottom - event.clientY > 0 && bottom - event.clientY <= handleWidth) {
+                cell = utils_1.edgeCell(view, event, indexes);
             }
         }
-        if (row !== pluginState.activeHandle) {
-            updateHandle(view, row);
+        if (cell !== pluginState.activeHandle) {
+            updateHandle(view, cell);
         }
     }
 }
@@ -122,9 +123,9 @@ function handleMouseDown(view, event) {
         return false;
     }
     var doc = view.state.doc;
-    var $pos = doc.resolve(pluginState.activeHandle);
-    var row = doc.nodeAt(pluginState.activeHandle);
-    var table = $pos.parent;
+    var $cell = doc.resolve(pluginState.activeHandle);
+    var row = $cell.parent;
+    var table = $cell.node(-1);
     var rowHeightStr = utils_1.parseStyle(row.attrs.style).height;
     var tableHeight = utils_1.parseStyle(table.attrs.style).height;
     var rowHeight = rowHeightStr ? parseFloat(rowHeightStr) : 0;
@@ -162,22 +163,6 @@ function handleMouseDown(view, event) {
     event.preventDefault();
     return true;
 }
-function edgeRow(view, event, rowIndex) {
-    var found = view.posAtCoords({ left: event.clientX, top: event.clientY });
-    if (!found) {
-        return -1;
-    }
-    var $pos = view.state.doc.resolve(found.pos);
-    var parentTable = utils_1.parentNode($pos, function (n) { return n.type.spec.tableRole === 'table'; });
-    if (parentTable === null) {
-        return -1;
-    }
-    var tablePos = $pos.start(parentTable.depth);
-    var tableNode = parentTable.node;
-    var map = prosemirror_tables_1.TableMap.get(tableNode);
-    var row = tablePos + map.map[(map.width * rowIndex)] - 1;
-    return row;
-}
 function draggedHeight(dragging, event) {
     var offset = event.clientY - dragging.startY;
     return dragging.startHeight.rowHeight + offset;
@@ -188,9 +173,11 @@ function updateHandle(view, value) {
     tr.setMeta(utils_1.tableRowResizeKey, { setHandle: value });
     view.dispatch(tr);
 }
-function updateRowHeight(view, tr, rowPos) {
+function updateRowHeight(view, tr, cellPos) {
     var doc = view.state.doc;
-    var row = doc.nodeAt(rowPos);
+    var $cell = doc.resolve(cellPos);
+    var row = $cell.parent;
+    var rowPos = $cell.posAtIndex(0) - 1;
     var dom = view.nodeDOM(rowPos);
     var win = (dom.ownerDocument && dom.ownerDocument.defaultView) || window;
     dom.style.height = win.getComputedStyle(dom).height;
@@ -203,13 +190,14 @@ function updateRowHeight(view, tr, rowPos) {
         tr.setNodeMarkup(tablePos, null, utils_1.setNodeStyle($pos.parent.attrs, 'height', tableHeight));
     }
 }
-function displayRowHeight(view, rowPos, height, offset, tableHeight) {
-    var dom = view.nodeDOM(rowPos);
-    if (dom) {
-        dom.style.height = height + 'px';
-        var win = (dom.ownerDocument && dom.ownerDocument.defaultView) || window;
-        dom.style.height = win.getComputedStyle(dom).height;
-        var table = dom.closest('table');
+function displayRowHeight(view, cellPos, height, offset, tableHeight) {
+    var cell = view.nodeDOM(cellPos);
+    var row = cell && cell.parentNode;
+    if (row) {
+        row.style.height = height + 'px';
+        var win = (row.ownerDocument && row.ownerDocument.defaultView) || window;
+        row.style.height = win.getComputedStyle(row).height;
+        var table = row.closest('table');
         var newHeight = (parseFloat(tableHeight) + offset) + 'px';
         var current = table && table.style.height;
         if (current && current !== newHeight) {
@@ -218,20 +206,33 @@ function displayRowHeight(view, rowPos, height, offset, tableHeight) {
         }
     }
 }
-function handleDecorations(state, pos) {
+function handleDecorations(state, cell) {
     var decorations = [];
-    if (typeof pos !== 'number') {
+    if (typeof cell !== 'number') {
         return prosemirror_view_1.DecorationSet.empty;
     }
-    var $row = state.doc.resolve(pos), table = $row.parent, map = prosemirror_tables_1.TableMap.get(table), rowIndex = $row.index($row.depth), start = $row.start($row.depth);
-    for (var col = 0; col < map.width; col++) {
-        var index = col + rowIndex * map.width;
-        var cellPos = map.map[index];
-        var cell = table.nodeAt(cellPos);
-        var widgetPos = start + cellPos + (cell ? cell.nodeSize : 0) - 1;
+    var $cell = state.doc.resolve(cell), table = $cell.node(-1), map = prosemirror_tables_1.TableMap.get(table), start = $cell.start(-1);
+    var cellsPositions = [];
+    var cellPos = cell - start;
+    var rowIndex = -1;
+    for (var i = 0; i < map.height; i++) {
+        cellsPositions.push(map.map.slice(i * map.width, (i * map.width) + map.width));
+        if (cellsPositions[i].indexOf(cellPos) !== -1) {
+            rowIndex = i;
+        }
+    }
+    var cells = [];
+    cellsPositions[rowIndex].forEach(function (c, i) {
+        if (!cellsPositions[rowIndex + 1] || c !== cellsPositions[rowIndex + 1][i]) {
+            cells.push(c);
+        }
+    });
+    cells.forEach(function (cPos) {
+        var cellNode = table.nodeAt(cPos);
+        var widgetPos = start + cPos + (cellNode ? cellNode.nodeSize : 0) - 1;
         var dom = document.createElement('div');
         dom.className = 'row-resize-handle';
         decorations.push(prosemirror_view_1.Decoration.widget(widgetPos, dom));
-    }
+    });
     return prosemirror_view_1.DecorationSet.create(state.doc, decorations);
 }