@progress/kendo-editor-common 1.9.0-dev.202204180753 → 1.9.0-dev.202204190918

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

@@ -11,7 +11,7 @@ function columnResizing() {
     // tslint:disable-next-line:variable-name
     var View = table_view_1.TableView, handleWidth = 5, cellMinWidth = 25;
     var plugin = new prosemirror_state_1.Plugin({
-        key: utils_1.tableColumnResizing,
+        key: utils_1.tableColumnResizeKey,
         state: {
             init: function (_, state) {
                 this.spec.props.nodeViews[prosemirror_tables_1.tableNodeTypes(state.schema).table.name] = function (node, view) { return new View(node, view); };
@@ -23,15 +23,15 @@ function columnResizing() {
         },
         props: {
             attributes: function (state) {
-                if (utils_1.otherResizeHandle(utils_1.tableColumnResizing, state)) {
+                if (utils_1.otherResizeHandle(utils_1.tableColumnResizeKey, state)) {
                     return null;
                 }
-                var pluginState = utils_1.tableColumnResizing.getState(state);
+                var pluginState = utils_1.tableColumnResizeKey.getState(state);
                 return pluginState.activeHandle > -1 ? { class: 'resize-cursor' } : null;
             },
             handleDOMEvents: {
                 mousemove: function (view, event) {
-                    if (!utils_1.otherResizing(utils_1.tableColumnResizing, view.state)) {
+                    if (!utils_1.otherResizing(utils_1.tableColumnResizeKey, view.state)) {
                         handleMouseMove(view, event, handleWidth);
                     }
                     return false;
@@ -45,8 +45,8 @@ function columnResizing() {
                 }
             },
             decorations: function (state) {
-                if (!utils_1.otherResizing(utils_1.tableColumnResizing, state)) {
-                    var pluginState = utils_1.tableColumnResizing.getState(state);
+                if (!utils_1.otherResizing(utils_1.tableColumnResizeKey, state)) {
+                    var pluginState = utils_1.tableColumnResizeKey.getState(state);
                     if (pluginState.activeHandle > -1) {
                         return handleDecorations(state, pluginState.activeHandle);
                     }
@@ -68,7 +68,7 @@ var ResizeState = /** @class */ (function () {
         this.dragging = dragging;
     }
     ResizeState.prototype.apply = function (tr) {
-        var state = this, action = tr.getMeta(utils_1.tableColumnResizing);
+        var state = this, action = tr.getMeta(utils_1.tableColumnResizeKey);
         if (action && action.setHandle != null) {
             return new ResizeState(action.setHandle, null);
         }
@@ -87,7 +87,7 @@ var ResizeState = /** @class */ (function () {
     return ResizeState;
 }());
 function handleMouseMove(view, event, handleWidth) {
-    var pluginState = utils_1.tableColumnResizing.getState(view.state);
+    var pluginState = utils_1.tableColumnResizeKey.getState(view.state);
     if (!pluginState.dragging) {
         var target = utils_1.domCellAround(event.target), cell = -1;
         if (target) {
@@ -107,14 +107,14 @@ function handleMouseMove(view, event, handleWidth) {
     }
 }
 function handleMouseLeave(view) {
-    var pluginState = utils_1.tableColumnResizing.getState(view.state);
+    var pluginState = utils_1.tableColumnResizeKey.getState(view.state);
     if (pluginState.activeHandle > -1 && !pluginState.dragging) {
         updateHandle(view, -1);
     }
 }
 function handleMouseDown(view, event, cellMinWidth) {
     var _a;
-    var pluginState = utils_1.tableColumnResizing.getState(view.state);
+    var pluginState = utils_1.tableColumnResizeKey.getState(view.state);
     if (pluginState.activeHandle === -1 || pluginState.dragging) {
         return false;
     }
@@ -154,7 +154,7 @@ function handleMouseDown(view, event, cellMinWidth) {
         tableAttrs = tslib_1.__assign({}, tableNode.attrs, (_a = {}, _a[constants_1.colgroupAttr] = '<colgroup>' + cols.reduce(function (acc, cur) { return acc + cur.outerHTML; }, '') + '</colgroup>', _a));
     }
     var width = parseFloat(col.style.width);
-    var tr = view.state.tr.setMeta(utils_1.tableColumnResizing, { setDragging: { startX: event.clientX, startWidth: width } });
+    var tr = view.state.tr.setMeta(utils_1.tableColumnResizeKey, { setDragging: { startX: event.clientX, startWidth: width } });
     if (!tableDom.style.width) {
         var widths = Array.from(col.parentNode.children).map(function (c) { return c.style.width; });
         if (widths.every(Boolean)) {
@@ -170,17 +170,18 @@ function handleMouseDown(view, event, cellMinWidth) {
     function finish(ev) {
         ev.view.removeEventListener('mouseup', finish);
         ev.view.removeEventListener('mousemove', move);
-        var curPluginState = utils_1.tableColumnResizing.getState(view.state);
+        var curPluginState = utils_1.tableColumnResizeKey.getState(view.state);
         if (curPluginState.dragging) {
-            updateColumnWidth(view, curPluginState.activeHandle, draggedWidth(curPluginState.dragging, ev, cellMinWidth));
-            view.dispatch(view.state.tr.setMeta(utils_1.tableColumnResizing, { setDragging: null }));
+            var transaction = view.state.tr;
+            updateColumnWidth(view, transaction, curPluginState.activeHandle, draggedWidth(curPluginState.dragging, ev, cellMinWidth));
+            view.dispatch(transaction.setMeta(utils_1.tableColumnResizeKey, { setDragging: null }));
         }
     }
     function move(ev) {
         if (!ev.which) {
             return finish(ev);
         }
-        var curPluginState = utils_1.tableColumnResizing.getState(view.state);
+        var curPluginState = utils_1.tableColumnResizeKey.getState(view.state);
         var dragged = draggedWidth(curPluginState.dragging, ev, cellMinWidth);
         displayColumnWidth(view, curPluginState.activeHandle, dragged, cellMinWidth);
     }
@@ -210,13 +211,15 @@ function draggedWidth(dragging, event, cellMinWidth) {
     return Math.max(cellMinWidth, dragging.startWidth + offset);
 }
 function updateHandle(view, value) {
-    view.dispatch(view.state.tr.setMeta(utils_1.tableColumnResizing, { setHandle: value }));
+    var tr = view.state.tr;
+    tr.setMeta('addToHistory', false);
+    tr.setMeta(utils_1.tableColumnResizeKey, { setHandle: value });
+    view.dispatch(tr);
 }
-function updateColumnWidth(view, cell, _width) {
+function updateColumnWidth(view, tr, cell, _width) {
     var _a;
     var $cell = view.state.doc.resolve(cell);
     var tableNode = $cell.node(-1), start = $cell.start(-1);
-    var tr = view.state.tr;
     var tablePos = $cell.posAtIndex(0, $cell.depth - 1) - 1;
     var tableDom = view.nodeDOM(start).closest('table');
     var attrs = tableNode.attrs;
@@ -229,9 +232,6 @@ function updateColumnWidth(view, cell, _width) {
         attrs = utils_1.setNodeStyle(attrs, 'width', tableDomWidth);
         tr.setNodeMarkup(tablePos, null, attrs);
     }
-    if (tr.docChanged) {
-        view.dispatch(tr);
-    }
 }
 function displayColumnWidth(view, cell, width, _cellMinWidth) {
     var $cell = view.state.doc.resolve(cell);

package/dist/npm/plugins/table-resize/index.d.ts

@@ -1 +1,2 @@
 export declare const tableResizing: () => import("prosemirror-state").Plugin<any, any>[];
+export { tableResizeKey, tableColumnResizeKey, tableRowResizeKey } from './utils';

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

@@ -8,3 +8,7 @@ exports.tableResizing = function () { return [
     column_resize_1.columnResizing(),
     row_resize_1.rowResizing()
 ]; };
+var utils_1 = require("./utils");
+exports.tableResizeKey = utils_1.tableResizeKey;
+exports.tableColumnResizeKey = utils_1.tableColumnResizeKey;
+exports.tableRowResizeKey = utils_1.tableRowResizeKey;

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

@@ -15,7 +15,7 @@ var TableRowView = /** @class */ (function () {
 function rowResizing() {
     var handleWidth = 5;
     var plugin = new prosemirror_state_1.Plugin({
-        key: utils_1.tableRowResizing,
+        key: utils_1.tableRowResizeKey,
         state: {
             init: function (_, state) {
                 this.spec.props.nodeViews[prosemirror_tables_1.tableNodeTypes(state.schema).row.name] = function (_node, _view) { return new TableRowView(); };
@@ -27,15 +27,15 @@ function rowResizing() {
         },
         props: {
             attributes: function (state) {
-                if (utils_1.otherResizeHandle(utils_1.tableRowResizing, state)) {
+                if (utils_1.otherResizeHandle(utils_1.tableRowResizeKey, state)) {
                     return null;
                 }
-                var pluginState = utils_1.tableRowResizing.getState(state);
+                var pluginState = utils_1.tableRowResizeKey.getState(state);
                 return pluginState.activeHandle > -1 ? { class: 'resize-cursor-vertical' } : null;
             },
             handleDOMEvents: {
                 mousemove: function (view, event) {
-                    if (!utils_1.otherResizing(utils_1.tableRowResizing, view.state)) {
+                    if (!utils_1.otherResizing(utils_1.tableRowResizeKey, view.state)) {
                         handleMouseMove(view, event, handleWidth);
                     }
                     return false;
@@ -49,10 +49,10 @@ function rowResizing() {
                 }
             },
             decorations: function (state) {
-                if (utils_1.otherResizing(utils_1.tableRowResizing, state)) {
+                if (utils_1.otherResizing(utils_1.tableRowResizeKey, state)) {
                     return prosemirror_view_1.DecorationSet.empty;
                 }
-                var pluginState = utils_1.tableRowResizing.getState(state);
+                var pluginState = utils_1.tableRowResizeKey.getState(state);
                 if (pluginState.activeHandle > -1) {
                     return handleDecorations(state, pluginState.activeHandle);
                 }
@@ -72,7 +72,7 @@ var ResizeState = /** @class */ (function () {
         this.dragging = dragging;
     }
     ResizeState.prototype.apply = function (tr) {
-        var state = this, action = tr.getMeta(utils_1.tableRowResizing);
+        var state = this, action = tr.getMeta(utils_1.tableRowResizeKey);
         if (action && action.setHandle != null) {
             return new ResizeState(action.setHandle, null);
         }
@@ -91,7 +91,7 @@ var ResizeState = /** @class */ (function () {
     return ResizeState;
 }());
 function handleMouseMove(view, event, handleWidth) {
-    var pluginState = utils_1.tableRowResizing.getState(view.state);
+    var pluginState = utils_1.tableRowResizeKey.getState(view.state);
     if (!pluginState.dragging) {
         var target = utils_1.domCellAround(event.target), row = -1;
         if (target) {
@@ -110,13 +110,13 @@ function handleMouseMove(view, event, handleWidth) {
     }
 }
 function handleMouseLeave(view) {
-    var pluginState = utils_1.tableRowResizing.getState(view.state);
+    var pluginState = utils_1.tableRowResizeKey.getState(view.state);
     if (pluginState.activeHandle > -1 && !pluginState.dragging) {
         updateHandle(view, -1);
     }
 }
 function handleMouseDown(view, event) {
-    var pluginState = utils_1.tableRowResizing.getState(view.state);
+    var pluginState = utils_1.tableRowResizeKey.getState(view.state);
     if (pluginState.activeHandle === -1 || pluginState.dragging) {
         return false;
     }
@@ -131,7 +131,7 @@ function handleMouseDown(view, event) {
         var tr = view.nodeDOM(pluginState.activeHandle);
         rowHeight = tr.offsetHeight;
     }
-    view.dispatch(view.state.tr.setMeta(utils_1.tableRowResizing, {
+    view.dispatch(view.state.tr.setMeta(utils_1.tableRowResizeKey, {
         setDragging: {
             startY: event.clientY,
             startHeight: { rowHeight: rowHeight, tableHeight: tableHeight }
@@ -140,9 +140,9 @@ function handleMouseDown(view, event) {
     function finish(ev) {
         ev.view.removeEventListener('mouseup', finish);
         ev.view.removeEventListener('mousemove', move);
-        var curPluginState = utils_1.tableRowResizing.getState(view.state);
+        var curPluginState = utils_1.tableRowResizeKey.getState(view.state);
         if (curPluginState.dragging) {
-            var tr = view.state.tr.setMeta(utils_1.tableRowResizing, { setDragging: null });
+            var tr = view.state.tr.setMeta(utils_1.tableRowResizeKey, { setDragging: null });
             updateRowHeight(view, tr, curPluginState.activeHandle);
             view.dispatch(tr);
         }
@@ -151,7 +151,7 @@ function handleMouseDown(view, event) {
         if (!ev.which) {
             return finish(ev);
         }
-        var curPluginState = utils_1.tableRowResizing.getState(view.state);
+        var curPluginState = utils_1.tableRowResizeKey.getState(view.state);
         var dragged = draggedHeight(curPluginState.dragging, ev);
         var offset = ev.clientY - curPluginState.dragging.startY;
         displayRowHeight(view, curPluginState.activeHandle, dragged, offset, tableHeight);
@@ -182,7 +182,10 @@ function draggedHeight(dragging, event) {
     return dragging.startHeight.rowHeight + offset;
 }
 function updateHandle(view, value) {
-    view.dispatch(view.state.tr.setMeta(utils_1.tableRowResizing, { setHandle: value }));
+    var tr = view.state.tr;
+    tr.setMeta('addToHistory', false);
+    tr.setMeta(utils_1.tableRowResizeKey, { setHandle: value });
+    view.dispatch(tr);
 }
 function updateRowHeight(view, tr, rowPos) {
     var doc = view.state.doc;

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

@@ -210,7 +210,7 @@ exports.tableResizing = function (options) {
                 return null;
             },
             update: function (view, prevState) {
-                var _a, _b, _c, _d;
+                var _a, _b, _c, _d, _f;
                 var state = view.state;
                 var nodeType = state.schema.nodes[options.node];
                 var selected = this.selectedNode(state, nodeType);
@@ -221,19 +221,25 @@ exports.tableResizing = function (options) {
                 }
                 if (selected || prevSelected) {
                     var tr = state.tr;
+                    tr.setMeta('addToHistory', false);
                     if (selected && prevSelected && selected.pos !== prevSelected.pos) {
                         tr.setMeta(utils_1.tableResizeKey, { nodePosition: selected.pos });
                         tr.setNodeMarkup(prevSelected.pos, nodeType, tslib_1.__assign({}, prevSelected.node.attrs, (_a = {}, _a[constants_1.resizableAttr] = false, _a)));
                         tr.setNodeMarkup(selected.pos, nodeType, tslib_1.__assign({}, selected.node.attrs, (_b = {}, _b[constants_1.resizableAttr] = true, _b)));
                         view.dispatch(tr);
                     }
-                    else if (selected && !prevSelected) {
+                    else if (selected && prevSelected && selected.pos === prevSelected.pos &&
+                        !selected.node.attrs[constants_1.resizableAttr] && !state.selection.eq(prevState.selection)) {
                         tr.setMeta(utils_1.tableResizeKey, { nodePosition: selected.pos });
                         view.dispatch(tr.setNodeMarkup(selected.pos, nodeType, tslib_1.__assign({}, selected.node.attrs, (_c = {}, _c[constants_1.resizableAttr] = true, _c))));
                     }
+                    else if (selected && !prevSelected) {
+                        tr.setMeta(utils_1.tableResizeKey, { nodePosition: selected.pos });
+                        view.dispatch(tr.setNodeMarkup(selected.pos, nodeType, tslib_1.__assign({}, selected.node.attrs, (_d = {}, _d[constants_1.resizableAttr] = true, _d))));
+                    }
                     else if (!selected && prevSelected) {
                         tr.setMeta(utils_1.tableResizeKey, { nodePosition: -1 });
-                        view.dispatch(tr.setNodeMarkup(prevSelected.pos, nodeType, tslib_1.__assign({}, prevSelected.node.attrs, (_d = {}, _d[constants_1.resizableAttr] = false, _d))));
+                        view.dispatch(tr.setNodeMarkup(prevSelected.pos, nodeType, tslib_1.__assign({}, prevSelected.node.attrs, (_f = {}, _f[constants_1.resizableAttr] = false, _f))));
                     }
                 }
             }

package/dist/npm/plugins/table-resize/utils.d.ts

@@ -6,8 +6,8 @@ export declare const parseStyle: (styleText: string) => {
 };
 export declare function setNodeStyle(nodeAttrs: any, styleType: string, value: string): any;
 export declare const tableResizeKey: PluginKey<any, any>;
-export declare const tableColumnResizing: PluginKey<any, any>;
-export declare const tableRowResizing: PluginKey<any, any>;
+export declare const tableColumnResizeKey: PluginKey<any, any>;
+export declare const tableRowResizeKey: PluginKey<any, any>;
 export declare function otherResizing(current: PluginKey, state: EditorState): boolean;
 export declare function otherResizeHandle(current: PluginKey, state: EditorState): boolean;
 export declare function getTable(dom: HTMLElement): HTMLTableElement;

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

@@ -28,27 +28,27 @@ function setNodeStyle(nodeAttrs, styleType, value) {
 }
 exports.setNodeStyle = setNodeStyle;
 exports.tableResizeKey = new prosemirror_state_1.PluginKey('table-resize');
-exports.tableColumnResizing = new prosemirror_state_1.PluginKey('table-column-resizing');
-exports.tableRowResizing = new prosemirror_state_1.PluginKey('table-row-resizing');
+exports.tableColumnResizeKey = new prosemirror_state_1.PluginKey('table-column-resizing');
+exports.tableRowResizeKey = new prosemirror_state_1.PluginKey('table-row-resizing');
 function otherResizing(current, state) {
     var activeResize = false;
     activeResize = activeResize ||
         (current !== exports.tableResizeKey && Boolean(exports.tableResizeKey.get(state)) && exports.tableResizeKey.getState(state).dragging);
     activeResize = activeResize ||
-        (current !== exports.tableColumnResizing && Boolean(exports.tableColumnResizing.get(state)) && exports.tableColumnResizing.getState(state).dragging);
+        (current !== exports.tableColumnResizeKey && Boolean(exports.tableColumnResizeKey.get(state)) && exports.tableColumnResizeKey.getState(state).dragging);
     activeResize = activeResize ||
-        (current !== exports.tableRowResizing && Boolean(exports.tableRowResizing.get(state)) && exports.tableRowResizing.getState(state).dragging);
+        (current !== exports.tableRowResizeKey && Boolean(exports.tableRowResizeKey.get(state)) && exports.tableRowResizeKey.getState(state).dragging);
     return activeResize;
 }
 exports.otherResizing = otherResizing;
 function otherResizeHandle(current, state) {
     var activeResize = false;
     activeResize = activeResize ||
-        (current !== exports.tableColumnResizing &&
-            Boolean(exports.tableColumnResizing.get(state)) &&
-            exports.tableColumnResizing.getState(state).activeHandle > -1);
+        (current !== exports.tableColumnResizeKey &&
+            Boolean(exports.tableColumnResizeKey.get(state)) &&
+            exports.tableColumnResizeKey.getState(state).activeHandle > -1);
     activeResize = activeResize ||
-        (current !== exports.tableRowResizing && Boolean(exports.tableRowResizing.get(state)) && exports.tableRowResizing.getState(state).activeHandle > -1);
+        (current !== exports.tableRowResizeKey && Boolean(exports.tableRowResizeKey.get(state)) && exports.tableRowResizeKey.getState(state).activeHandle > -1);
     return activeResize;
 }
 exports.otherResizeHandle = otherResizeHandle;