@progress/kendo-editor-common 1.11.9-dev.202412020819 → 1.11.9-develop.2

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

@@ -1,60 +1,57 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rowResizing = void 0;
-var prosemirror_state_1 = require("prosemirror-state");
-var prosemirror_tables_1 = require("prosemirror-tables");
-var prosemirror_view_1 = require("prosemirror-view");
-var utils_1 = require("./utils");
-var utils_2 = require("./../../utils");
-var TableRowView = /** @class */ (function () {
-    function TableRowView() {
-    }
-    TableRowView.prototype.ignoreMutation = function (record) {
+'use strict';
+
+var prosemirrorState = require('prosemirror-state');
+var prosemirrorTables = require('prosemirror-tables');
+var prosemirrorView = require('prosemirror-view');
+var utils = require('./utils.js');
+var utils$1 = require('../../utils.js');
+
+class TableRowView {
+    ignoreMutation(record) {
         return record.type === 'attributes' && record.attributeName === 'style' && record.target.nodeName === 'TR';
-    };
-    return TableRowView;
-}());
+    }
+}
 function rowResizing() {
-    var handleWidth = 5;
-    var plugin = new prosemirror_state_1.Plugin({
-        key: utils_1.tableRowResizeKey,
+    const handleWidth = 5;
+    const plugin = new prosemirrorState.Plugin({
+        key: utils.tableRowResizeKey,
         state: {
-            init: function (_, state) {
-                this.spec.props.nodeViews[(0, prosemirror_tables_1.tableNodeTypes)(state.schema).row.name] = function () { return new TableRowView(); };
+            init(_, state) {
+                this.spec.props.nodeViews[prosemirrorTables.tableNodeTypes(state.schema).row.name] = () => new TableRowView();
                 return new ResizeState(-1, null);
             },
-            apply: function (tr, prev) {
+            apply(tr, prev) {
                 return prev.apply(tr);
             }
         },
         props: {
-            attributes: function (state) {
-                if ((0, utils_1.otherResizeHandle)(utils_1.tableRowResizeKey, state)) {
+            attributes(state) {
+                if (utils.otherResizeHandle(utils.tableRowResizeKey, state)) {
                     return null;
                 }
-                var pluginState = utils_1.tableRowResizeKey.getState(state);
+                const pluginState = utils.tableRowResizeKey.getState(state);
                 return pluginState.activeHandle > -1 ? { class: 'resize-cursor-vertical' } : null;
             },
             handleDOMEvents: {
-                mousemove: function (view, event) {
-                    if (!(0, utils_1.otherResizing)(utils_1.tableRowResizeKey, view.state)) {
+                mousemove(view, event) {
+                    if (!utils.otherResizing(utils.tableRowResizeKey, view.state)) {
                         handleMouseMove(view, event, handleWidth);
                     }
                     return false;
                 },
-                mouseleave: function (view) {
+                mouseleave(view) {
                     handleMouseLeave(view);
                     return false;
                 },
-                mousedown: function (view, event) {
+                mousedown(view, event) {
                     return handleMouseDown(view, event);
                 }
             },
-            decorations: function (state) {
-                if ((0, utils_1.otherResizing)(utils_1.tableRowResizeKey, state)) {
-                    return prosemirror_view_1.DecorationSet.empty;
+            decorations(state) {
+                if (utils.otherResizing(utils.tableRowResizeKey, state)) {
+                    return prosemirrorView.DecorationSet.empty;
                 }
-                var pluginState = utils_1.tableRowResizeKey.getState(state);
+                const pluginState = utils.tableRowResizeKey.getState(state);
                 if (pluginState.activeHandle > -1) {
                     return handleDecorations(state, pluginState.activeHandle);
                 }
@@ -64,17 +61,16 @@ function rowResizing() {
     });
     return plugin;
 }
-exports.rowResizing = rowResizing;
 function pointsAtCell($pos) {
     return $pos.parent.type.spec.tableRole === 'row' && $pos.nodeAfter;
 }
-var ResizeState = /** @class */ (function () {
-    function ResizeState(activeHandle, dragging) {
+class ResizeState {
+    constructor(activeHandle, dragging) {
         this.activeHandle = activeHandle;
         this.dragging = dragging;
     }
-    ResizeState.prototype.apply = function (tr) {
-        var state, action = tr.getMeta(utils_1.tableRowResizeKey);
+    apply(tr) {
+        let state, action = tr.getMeta(utils.tableRowResizeKey);
         if (action && action.setHandle != null) {
             return new ResizeState(action.setHandle, null);
         }
@@ -82,29 +78,28 @@ var ResizeState = /** @class */ (function () {
             return new ResizeState(this.activeHandle, action.setDragging);
         }
         if (this.activeHandle > -1) {
-            var handle = tr.mapping.map(this.activeHandle, -1);
+            let handle = tr.mapping.map(this.activeHandle, -1);
             if (!pointsAtCell(tr.doc.resolve(handle))) {
                 handle = null;
             }
             state = new ResizeState(handle, this.dragging);
         }
         return state || this;
-    };
-    return ResizeState;
-}());
+    }
+}
 function handleMouseMove(view, event, handleWidth) {
-    var pluginState = utils_1.tableRowResizeKey.getState(view.state);
+    const pluginState = utils.tableRowResizeKey.getState(view.state);
     if (!pluginState.dragging) {
-        var target = (0, utils_1.domCellAround)(event.target), cell = -1;
+        let target = utils.domCellAround(event.target), cell = -1;
         if (target) {
-            var indexes = (0, 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) {
+            const indexes = utils.cellIndexes(target);
+            const { top, bottom } = target.getBoundingClientRect();
+            if (Math.abs(event.clientY - top) <= handleWidth && indexes.rowIndex > 0) {
                 indexes.rowIndex -= target.rowSpan;
-                cell = (0, utils_1.edgeCell)(view, event, indexes);
+                cell = utils.edgeCell(view, event, indexes);
             }
             else if (bottom - event.clientY > 0 && bottom - event.clientY <= handleWidth) {
-                cell = (0, utils_1.edgeCell)(view, event, indexes);
+                cell = utils.edgeCell(view, event, indexes);
             }
         }
         if (cell !== pluginState.activeHandle) {
@@ -113,39 +108,39 @@ function handleMouseMove(view, event, handleWidth) {
     }
 }
 function handleMouseLeave(view) {
-    var pluginState = utils_1.tableRowResizeKey.getState(view.state);
+    const pluginState = utils.tableRowResizeKey.getState(view.state);
     if (pluginState.activeHandle > -1 && !pluginState.dragging) {
         updateHandle(view, -1);
     }
 }
 function handleMouseDown(view, event) {
-    var pluginState = utils_1.tableRowResizeKey.getState(view.state);
+    const pluginState = utils.tableRowResizeKey.getState(view.state);
     if (pluginState.activeHandle === -1 || pluginState.dragging) {
         return false;
     }
-    var doc = view.state.doc;
-    var $cell = doc.resolve(pluginState.activeHandle);
-    var row = $cell.parent;
-    var table = $cell.node(-1);
-    var rowHeightStr = (0, utils_2.parseStyle)(row.attrs.style).height;
-    var tableHeight = (0, utils_2.parseStyle)(table.attrs.style).height;
-    var rowHeight = rowHeightStr ? parseFloat(rowHeightStr) : 0;
+    const doc = view.state.doc;
+    const $cell = doc.resolve(pluginState.activeHandle);
+    const row = $cell.parent;
+    const table = $cell.node(-1);
+    const rowHeightStr = utils$1.parseStyle(row.attrs.style).height;
+    const tableHeight = utils$1.parseStyle(table.attrs.style).height;
+    let rowHeight = rowHeightStr ? parseFloat(rowHeightStr) : 0;
     if (!rowHeightStr) {
-        var tr = view.nodeDOM(pluginState.activeHandle);
+        const tr = view.nodeDOM(pluginState.activeHandle);
         rowHeight = tr.offsetHeight;
     }
-    view.dispatch(view.state.tr.setMeta(utils_1.tableRowResizeKey, {
+    view.dispatch(view.state.tr.setMeta(utils.tableRowResizeKey, {
         setDragging: {
             startY: event.clientY,
-            startHeight: { rowHeight: rowHeight, tableHeight: tableHeight }
+            startHeight: { rowHeight, tableHeight }
         }
     }));
     function finish(ev) {
         ev.view.removeEventListener('mouseup', finish);
         ev.view.removeEventListener('mousemove', move);
-        var curPluginState = utils_1.tableRowResizeKey.getState(view.state);
+        const curPluginState = utils.tableRowResizeKey.getState(view.state);
         if (curPluginState.dragging) {
-            var tr = view.state.tr.setMeta(utils_1.tableRowResizeKey, { setDragging: null });
+            const tr = view.state.tr.setMeta(utils.tableRowResizeKey, { setDragging: null });
             updateRowHeight(view, tr, curPluginState.activeHandle);
             view.dispatch(tr);
         }
@@ -154,9 +149,9 @@ function handleMouseDown(view, event) {
         if (!ev.which) {
             return finish(ev);
         }
-        var curPluginState = utils_1.tableRowResizeKey.getState(view.state);
-        var dragged = draggedHeight(curPluginState.dragging, ev);
-        var offset = ev.clientY - curPluginState.dragging.startY;
+        const curPluginState = utils.tableRowResizeKey.getState(view.state);
+        const dragged = draggedHeight(curPluginState.dragging, ev);
+        const offset = ev.clientY - curPluginState.dragging.startY;
         displayRowHeight(view, curPluginState.activeHandle, dragged, offset, tableHeight);
     }
     event.view.addEventListener('mouseup', finish);
@@ -165,42 +160,42 @@ function handleMouseDown(view, event) {
     return true;
 }
 function draggedHeight(dragging, event) {
-    var offset = event.clientY - dragging.startY;
+    const offset = event.clientY - dragging.startY;
     return dragging.startHeight.rowHeight + offset;
 }
 function updateHandle(view, value) {
-    var tr = view.state.tr;
+    const tr = view.state.tr;
     tr.setMeta('addToHistory', false);
-    tr.setMeta(utils_1.tableRowResizeKey, { setHandle: value });
+    tr.setMeta(utils.tableRowResizeKey, { setHandle: value });
     view.dispatch(tr);
 }
 function updateRowHeight(view, tr, cellPos) {
-    var doc = view.state.doc;
-    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;
+    const doc = view.state.doc;
+    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;
-    tr.setNodeMarkup(rowPos, null, (0, utils_2.setNodeStyle)(row.attrs, 'height', dom.style.height));
-    var table = dom && dom.closest('table');
-    var tableHeight = table && table.style.height;
+    tr.setNodeMarkup(rowPos, null, utils$1.setNodeStyle(row.attrs, 'height', dom.style.height));
+    const table = dom && dom.closest('table');
+    const tableHeight = table && table.style.height;
     if (tableHeight) {
-        var $pos = doc.resolve(rowPos);
-        var tablePos = $pos.start($pos.depth) - 1;
-        tr.setNodeMarkup(tablePos, null, (0, utils_2.setNodeStyle)($pos.parent.attrs, 'height', tableHeight));
+        const $pos = doc.resolve(rowPos);
+        const tablePos = $pos.start($pos.depth) - 1;
+        tr.setNodeMarkup(tablePos, null, utils$1.setNodeStyle($pos.parent.attrs, 'height', tableHeight));
     }
 }
 function displayRowHeight(view, cellPos, height, offset, tableHeight) {
-    var cell = view.nodeDOM(cellPos);
-    var row = cell && cell.parentNode;
+    const cell = view.nodeDOM(cellPos);
+    const row = cell && cell.parentNode;
     if (row) {
         row.style.height = height + 'px';
-        var win = (row.ownerDocument && row.ownerDocument.defaultView) || window;
+        const 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;
+        const table = row.closest('table');
+        const newHeight = (parseFloat(tableHeight) + offset) + 'px';
+        const current = table && table.style.height;
         if (current && current !== newHeight) {
             table.style.height = (parseFloat(tableHeight) + offset) + 'px';
             table.style.height = win.getComputedStyle(table).height;
@@ -208,32 +203,34 @@ function displayRowHeight(view, cellPos, height, offset, tableHeight) {
     }
 }
 function handleDecorations(state, cell) {
-    var decorations = [];
+    const decorations = [];
     if (typeof cell !== 'number') {
-        return prosemirror_view_1.DecorationSet.empty;
+        return prosemirrorView.DecorationSet.empty;
     }
-    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++) {
+    const $cell = state.doc.resolve(cell), table = $cell.node(-1), map = prosemirrorTables.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;
         }
     }
-    var cells = [];
-    cellsPositions[rowIndex].forEach(function (c, i) {
+    const cells = [];
+    cellsPositions[rowIndex].forEach((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');
+    cells.forEach((cPos) => {
+        const cellNode = table.nodeAt(cPos);
+        const widgetPos = start + cPos + (cellNode ? cellNode.nodeSize : 0) - 1;
+        const dom = document.createElement('div');
         dom.className = 'row-resize-handle';
-        decorations.push(prosemirror_view_1.Decoration.widget(widgetPos, dom));
+        decorations.push(prosemirrorView.Decoration.widget(widgetPos, dom));
     });
-    return prosemirror_view_1.DecorationSet.create(state.doc, decorations);
+    return prosemirrorView.DecorationSet.create(state.doc, decorations);
 }
+
+exports.rowResizing = rowResizing;