@visactor/vtable-sheet 1.26.1-alpha.0 → 1.26.1

package/dist/vtable-sheet.js

@@ -788,6 +788,16 @@
                         return this.calculateAbs(args);
                     case 'ROUND':
                         return this.calculateRound(args);
+                    case 'FLOOR':
+                        return this.calculateFloor(args);
+                    case 'CEILING':
+                        return this.calculateCeiling(args);
+                    case 'SQRT':
+                        return this.calculateSqrt(args);
+                    case 'POWER':
+                        return this.calculatePower(args);
+                    case 'MOD':
+                        return this.calculateMod(args);
                     case 'INT':
                         return this.calculateInt(args);
                     case 'RAND':
@@ -816,6 +826,18 @@
                         return this.calculateToday(args);
                     case 'NOW':
                         return this.calculateNow(args);
+                    case 'YEAR':
+                        return this.calculateYear(args);
+                    case 'MONTH':
+                        return this.calculateMonth(args);
+                    case 'DAY':
+                        return this.calculateDay(args);
+                    case 'HOUR':
+                        return this.calculateHour(args);
+                    case 'MINUTE':
+                        return this.calculateMinute(args);
+                    case 'SECOND':
+                        return this.calculateSecond(args);
                     default:
                         return { value: null, error: `Unknown function: ${funcName}` };
                 }
@@ -870,6 +892,42 @@
             }
             return { value: Math.abs(num), error: undefined };
         }
+        calculateFloor(args) {
+            if (args.length < 1 || args.length > 2) {
+                return { value: null, error: 'FLOOR requires 1 or 2 arguments' };
+            }
+            const num = Number(args[0]);
+            if (isNaN(num)) {
+                return { value: null, error: 'FLOOR first argument must be a number' };
+            }
+            const significance = args.length === 2 ? Number(args[1]) : 1;
+            if (isNaN(significance)) {
+                return { value: null, error: 'FLOOR significance must be a number' };
+            }
+            if (significance === 0) {
+                return { value: 0, error: undefined };
+            }
+            const factor = Math.floor(num / significance);
+            return { value: factor * significance, error: undefined };
+        }
+        calculateCeiling(args) {
+            if (args.length < 1 || args.length > 2) {
+                return { value: null, error: 'CEILING requires 1 or 2 arguments' };
+            }
+            const num = Number(args[0]);
+            if (isNaN(num)) {
+                return { value: null, error: 'CEILING first argument must be a number' };
+            }
+            const significance = args.length === 2 ? Number(args[1]) : 1;
+            if (isNaN(significance)) {
+                return { value: null, error: 'CEILING significance must be a number' };
+            }
+            if (significance === 0) {
+                return { value: 0, error: undefined };
+            }
+            const factor = Math.ceil(num / significance);
+            return { value: factor * significance, error: undefined };
+        }
         calculateRound(args) {
             if (args.length < 1 || args.length > 2) {
                 return { value: null, error: 'ROUND requires 1 or 2 arguments' };
@@ -885,6 +943,41 @@
             const factor = Math.pow(10, digits);
             return { value: Math.round(num * factor) / factor, error: undefined };
         }
+        calculateSqrt(args) {
+            if (args.length !== 1) {
+                return { value: null, error: 'SQRT requires exactly 1 argument' };
+            }
+            const num = Number(args[0]);
+            if (isNaN(num) || num < 0) {
+                return { value: null, error: 'SQRT argument must be a non-negative number' };
+            }
+            return { value: Math.sqrt(num), error: undefined };
+        }
+        calculatePower(args) {
+            if (args.length !== 2) {
+                return { value: null, error: 'POWER requires exactly 2 arguments' };
+            }
+            const base = Number(args[0]);
+            const exponent = Number(args[1]);
+            if (isNaN(base) || isNaN(exponent)) {
+                return { value: null, error: 'POWER arguments must be numbers' };
+            }
+            return { value: Math.pow(base, exponent), error: undefined };
+        }
+        calculateMod(args) {
+            if (args.length !== 2) {
+                return { value: null, error: 'MOD requires exactly 2 arguments' };
+            }
+            const dividend = Number(args[0]);
+            const divisor = Number(args[1]);
+            if (isNaN(dividend) || isNaN(divisor)) {
+                return { value: null, error: 'MOD arguments must be numbers' };
+            }
+            if (divisor === 0) {
+                return { value: null, error: 'MOD divisor must not be zero' };
+            }
+            return { value: dividend % divisor, error: undefined };
+        }
         calculateInt(args) {
             if (args.length !== 1) {
                 return { value: null, error: 'INT requires exactly 1 argument' };
@@ -1021,6 +1114,80 @@
             }
             return { value: new Date(), error: undefined };
         }
+        toDate(value) {
+            if (value instanceof Date) {
+                return value;
+            }
+            if (typeof value === 'number' && !isNaN(value)) {
+                const d = new Date(value);
+                return isNaN(d.getTime()) ? null : d;
+            }
+            if (typeof value === 'string') {
+                const d = new Date(value);
+                return isNaN(d.getTime()) ? null : d;
+            }
+            return null;
+        }
+        calculateYear(args) {
+            if (args.length !== 1) {
+                return { value: null, error: 'YEAR requires exactly 1 argument' };
+            }
+            const date = this.toDate(args[0]);
+            if (!date) {
+                return { value: null, error: 'YEAR argument must be a valid date' };
+            }
+            return { value: date.getFullYear(), error: undefined };
+        }
+        calculateMonth(args) {
+            if (args.length !== 1) {
+                return { value: null, error: 'MONTH requires exactly 1 argument' };
+            }
+            const date = this.toDate(args[0]);
+            if (!date) {
+                return { value: null, error: 'MONTH argument must be a valid date' };
+            }
+            return { value: date.getMonth() + 1, error: undefined };
+        }
+        calculateDay(args) {
+            if (args.length !== 1) {
+                return { value: null, error: 'DAY requires exactly 1 argument' };
+            }
+            const date = this.toDate(args[0]);
+            if (!date) {
+                return { value: null, error: 'DAY argument must be a valid date' };
+            }
+            return { value: date.getDate(), error: undefined };
+        }
+        calculateHour(args) {
+            if (args.length !== 1) {
+                return { value: null, error: 'HOUR requires exactly 1 argument' };
+            }
+            const date = this.toDate(args[0]);
+            if (!date) {
+                return { value: null, error: 'HOUR argument must be a valid date' };
+            }
+            return { value: date.getHours(), error: undefined };
+        }
+        calculateMinute(args) {
+            if (args.length !== 1) {
+                return { value: null, error: 'MINUTE requires exactly 1 argument' };
+            }
+            const date = this.toDate(args[0]);
+            if (!date) {
+                return { value: null, error: 'MINUTE argument must be a valid date' };
+            }
+            return { value: date.getMinutes(), error: undefined };
+        }
+        calculateSecond(args) {
+            if (args.length !== 1) {
+                return { value: null, error: 'SECOND requires exactly 1 argument' };
+            }
+            const date = this.toDate(args[0]);
+            if (!date) {
+                return { value: null, error: 'SECOND argument must be a valid date' };
+            }
+            return { value: date.getSeconds(), error: undefined };
+        }
         flattenArgs(args) {
             const result = [];
             for (const arg of args) {
@@ -51130,7 +51297,7 @@
     };
     function dynamicSetX(x, screenLeft, isEnd, proxy) {
       return __awaiter$7(this, void 0, void 0, function* () {
-        if (!screenLeft) return;
+        if (!screenLeft) return proxy.updateDeltaX(x), proxy.table.scenegraph.setBodyAndColHeaderX(-x + proxy.deltaX), void proxy.table.scenegraph.updateNextFrame();
         const screenLeftCol = screenLeft.col,
           screenLeftX = screenLeft.left;
         let deltaCol;
@@ -51306,7 +51473,7 @@
     };
     function dynamicSetY(y, screenTop, isEnd, proxy) {
       return __awaiter$6(this, void 0, void 0, function* () {
-        if (!screenTop) return;
+        if (!screenTop) return proxy.updateDeltaY(y), proxy.updateBody(y - proxy.deltaY), void proxy.table.scenegraph.updateNextFrame();
         const screenTopRow = screenTop.row,
           screenTopY = screenTop.top;
         let deltaRow;
@@ -51911,7 +52078,7 @@
         return __awaiter$3(this, void 0, void 0, function* () {
           const yLimitTop = this.table.getRowsHeight(this.bodyTopRow, this.bodyTopRow + (this.rowEnd - this.rowStart + 1)) / 2,
             yLimitBottom = this.table.getAllRowsHeight() - yLimitTop,
-            screenTop = this.table.getTargetRowAt(y + this.table.scenegraph.colHeaderGroup.attribute.height);
+            screenTop = this.resolveTargetRowInfo(y + this.table.scenegraph.colHeaderGroup.attribute.height);
           screenTop && (this.screenTopRow = screenTop.row), y < yLimitTop && this.rowStart === this.bodyTopRow || y > yLimitBottom && this.rowEnd === this.bodyBottomRow ? (this.updateDeltaY(y), this.updateBody(y - this.deltaY)) : this.table.scenegraph.bodyGroup.firstChild && "group" === this.table.scenegraph.bodyGroup.firstChild.type && 0 !== this.table.scenegraph.bodyGroup.firstChild.childrenCount || this.table.scenegraph.rowHeaderGroup.firstChild && "group" === this.table.scenegraph.rowHeaderGroup.firstChild.type && 0 !== this.table.scenegraph.rowHeaderGroup.firstChild.childrenCount ? this.dynamicSetY(y, screenTop, isEnd) : (this.updateDeltaY(y), this.updateBody(y - this.deltaY));
         });
       }
@@ -51920,7 +52087,7 @@
         return __awaiter$3(this, void 0, void 0, function* () {
           const xLimitLeft = this.table.getColsWidth(this.bodyLeftCol, this.bodyLeftCol + (this.colEnd - this.colStart + 1)) / 2,
             xLimitRight = this.table.getAllColsWidth() - xLimitLeft,
-            screenLeft = this.table.getTargetColAt(x + this.table.scenegraph.rowHeaderGroup.attribute.width + (null !== (_c = null === (_b = (_a = this.table).getFrozenColsOffset) || void 0 === _b ? void 0 : _b.call(_a)) && void 0 !== _c ? _c : 0));
+            screenLeft = this.resolveTargetColInfo(x + this.table.scenegraph.rowHeaderGroup.attribute.width + (null !== (_c = null === (_b = (_a = this.table).getFrozenColsOffset) || void 0 === _b ? void 0 : _b.call(_a)) && void 0 !== _c ? _c : 0));
           screenLeft && (this.screenLeftCol = screenLeft.col), x < xLimitLeft && this.colStart === this.bodyLeftCol || x > xLimitRight && this.colEnd === this.bodyRightCol || this.table.scenegraph.bodyGroup.firstChild && "group" === this.table.scenegraph.bodyGroup.firstChild.type && 0 === this.table.scenegraph.bodyGroup.firstChild.childrenCount ? (this.updateDeltaX(x), this.table.scenegraph.setBodyAndColHeaderX(-x + this.deltaX)) : this.dynamicSetX(x, screenLeft, isEnd);
         });
       }
@@ -51934,6 +52101,22 @@
           dynamicSetX(x, screenLeft, isEnd, this);
         });
       }
+      resolveTargetColInfo(absoluteX) {
+        const offsets = [0, -1, 1, -2, 2];
+        for (let i = 0; i < offsets.length; i++) {
+          const screenLeft = this.table.getTargetColAt(absoluteX + offsets[i]);
+          if (screenLeft) return screenLeft;
+        }
+        return null;
+      }
+      resolveTargetRowInfo(absoluteY) {
+        const offsets = [0, -1, 1, -2, 2];
+        for (let i = 0; i < offsets.length; i++) {
+          const screenTop = this.table.getTargetRowAt(absoluteY + offsets[i]);
+          if (screenTop) return screenTop;
+        }
+        return null;
+      }
       updateBody(y) {
         this.table.scenegraph.setBodyAndRowHeaderY(-y);
       }
@@ -54254,15 +54437,17 @@
         this.table.scenegraph.proxy.setY(-y, isEnd);
       }
       setBodyAndRowHeaderY(y) {
-        var _a, _b, _c, _d, _e, _f;
-        const firstBodyCell = null !== (_b = null === (_a = this.bodyGroup.firstChild) || void 0 === _a ? void 0 : _a.firstChild) && void 0 !== _b ? _b : null === (_c = this.rowHeaderGroup.firstChild) || void 0 === _c ? void 0 : _c.firstChild,
-          lastBodyCell = null !== (_e = null === (_d = this.bodyGroup.firstChild) || void 0 === _d ? void 0 : _d.lastChild) && void 0 !== _e ? _e : null === (_f = this.rowHeaderGroup.firstChild) || void 0 === _f ? void 0 : _f.lastChild;
-        0 === y && firstBodyCell && firstBodyCell.row === this.table.frozenRowCount && firstBodyCell.attribute.y + y < 0 ? y = -firstBodyCell.attribute.y : lastBodyCell && this.table.tableNoFrameHeight < this.table.getAllRowsHeight() && lastBodyCell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 && lastBodyCell.attribute.y + this.table.getRowHeight(lastBodyCell.row) + y < this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight() && (y = this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight() - lastBodyCell.attribute.y - this.table.getRowHeight(lastBodyCell.row)), this.colHeaderGroup.attribute.height + y !== this.bodyGroup.attribute.y && (this.bodyGroup.setAttribute("y", this.colHeaderGroup.attribute.height + y), this.rowHeaderGroup.setAttribute("y", this.cornerHeaderGroup.attribute.height + y), this.bodySelectGroup.setAttribute("y", this.bodyGroup.attribute.y), this.rowHeaderSelectGroup.setAttribute("y", this.rowHeaderGroup.attribute.y), this.colHeaderSelectGroup.setAttribute("y", this.colHeaderGroup.attribute.y), this.cornerHeaderSelectGroup.setAttribute("y", this.cornerHeaderGroup.attribute.y), this.table.rightFrozenColCount > 0 && (this.rightFrozenGroup.setAttribute("y", this.rightTopCornerGroup.attribute.height + y), this.rightFrozenSelectGroup.setAttribute("y", this.rightFrozenGroup.attribute.y), this.rightTopCornerSelectGroup.setAttribute("y", this.rightTopCornerGroup.attribute.y)), this.table.bottomFrozenRowCount > 0 && (this.bottomFrozenSelectGroup.setAttribute("y", this.bottomFrozenGroup.attribute.y), this.leftBottomCornerSelectGroup.setAttribute("y", this.leftBottomCornerGroup.attribute.y)), this.table.rightFrozenColCount > 0 && this.table.bottomFrozenRowCount > 0 && this.rightBottomCornerSelectGroup.setAttribute("y", this.rightBottomCornerGroup.attribute.y), this.updateNextFrame());
+        var _a, _b;
+        const firstBodyColGroup = this.bodyGroup.firstChild,
+          firstRowHeaderColGroup = this.rowHeaderGroup.firstChild,
+          firstBodyCell = null !== (_a = null == firstBodyColGroup ? void 0 : firstBodyColGroup.firstChild) && void 0 !== _a ? _a : null == firstRowHeaderColGroup ? void 0 : firstRowHeaderColGroup.firstChild;
+        let lastBodyCell = null !== (_b = null == firstBodyColGroup ? void 0 : firstBodyColGroup.lastChild) && void 0 !== _b ? _b : null == firstRowHeaderColGroup ? void 0 : firstRowHeaderColGroup.lastChild;
+        lastBodyCell && "group" !== lastBodyCell.type && (lastBodyCell = lastBodyCell._prev), 0 === y && firstBodyCell && firstBodyCell.row === this.table.frozenRowCount && firstBodyCell.attribute.y + y < 0 ? y = -firstBodyCell.attribute.y : lastBodyCell && this.table.tableNoFrameHeight < this.table.getAllRowsHeight() && lastBodyCell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 && lastBodyCell.attribute.y + this.table.getRowHeight(lastBodyCell.row) + y < this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight() && (y = this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight() - lastBodyCell.attribute.y - this.table.getRowHeight(lastBodyCell.row)), this.colHeaderGroup.attribute.height + y !== this.bodyGroup.attribute.y && (this.bodyGroup.setAttribute("y", this.colHeaderGroup.attribute.height + y), this.rowHeaderGroup.setAttribute("y", this.cornerHeaderGroup.attribute.height + y), this.bodySelectGroup.setAttribute("y", this.bodyGroup.attribute.y), this.rowHeaderSelectGroup.setAttribute("y", this.rowHeaderGroup.attribute.y), this.colHeaderSelectGroup.setAttribute("y", this.colHeaderGroup.attribute.y), this.cornerHeaderSelectGroup.setAttribute("y", this.cornerHeaderGroup.attribute.y), this.table.rightFrozenColCount > 0 && (this.rightFrozenGroup.setAttribute("y", this.rightTopCornerGroup.attribute.height + y), this.rightFrozenSelectGroup.setAttribute("y", this.rightFrozenGroup.attribute.y), this.rightTopCornerSelectGroup.setAttribute("y", this.rightTopCornerGroup.attribute.y)), this.table.bottomFrozenRowCount > 0 && (this.bottomFrozenSelectGroup.setAttribute("y", this.bottomFrozenGroup.attribute.y), this.leftBottomCornerSelectGroup.setAttribute("y", this.leftBottomCornerGroup.attribute.y)), this.table.rightFrozenColCount > 0 && this.table.bottomFrozenRowCount > 0 && this.rightBottomCornerSelectGroup.setAttribute("y", this.rightBottomCornerGroup.attribute.y), this.updateNextFrame());
       }
       setBodyAndColHeaderX(x) {
-        const firstBodyCol = this.bodyGroup.firstChild,
-          lastBodyCol = this.bodyGroup.lastChild;
-        0 === x && firstBodyCol && firstBodyCol.col === this.table.frozenColCount && firstBodyCol.attribute.x + x < 0 ? x = -firstBodyCol.attribute.x : lastBodyCol && this.table.tableNoFrameWidth < this.table.getAllColsWidth() && lastBodyCol.col === this.table.colCount - this.table.rightFrozenColCount - 1 && lastBodyCol.attribute.x + lastBodyCol.attribute.width + x < this.table.tableNoFrameWidth - this.table.getFrozenColsWidth() - this.table.getRightFrozenColsWidth() && (x = this.table.tableNoFrameWidth - this.table.getFrozenColsWidth() - this.table.getRightFrozenColsWidth() - lastBodyCol.attribute.x - lastBodyCol.attribute.width), this.table.getFrozenColsWidth() + x !== this.bodyGroup.attribute.x && (this.bodyGroup.setAttribute("x", this.table.getFrozenColsWidth() + x), this.colHeaderGroup.setAttribute("x", this.table.getFrozenColsWidth() + x), this.bodySelectGroup.setAttribute("x", this.bodyGroup.attribute.x), this.colHeaderSelectGroup.setAttribute("x", this.colHeaderGroup.attribute.x), this.rowHeaderSelectGroup.setAttribute("x", this.rowHeaderGroup.attribute.x), this.cornerHeaderSelectGroup.setAttribute("x", this.cornerHeaderGroup.attribute.x), this.table.bottomFrozenRowCount > 0 && (this.bottomFrozenGroup.setAttribute("x", this.table.getFrozenColsWidth() + x), this.bottomFrozenSelectGroup.setAttribute("x", this.bottomFrozenGroup.attribute.x), this.leftBottomCornerSelectGroup.setAttribute("x", this.leftBottomCornerGroup.attribute.x)), this.table.rightFrozenColCount > 0 && (this.rightFrozenSelectGroup.setAttribute("x", this.rightFrozenGroup.attribute.x), this.rightTopCornerSelectGroup.setAttribute("x", this.rightTopCornerGroup.attribute.x)), this.table.rightFrozenColCount > 0 && this.table.bottomFrozenRowCount > 0 && this.rightBottomCornerSelectGroup.setAttribute("x", this.rightBottomCornerGroup.attribute.x), this.updateNextFrame());
+        const firstBodyCol = this.bodyGroup.firstChild;
+        let lastBodyCol = this.bodyGroup.lastChild;
+        lastBodyCol && "group" !== lastBodyCol.type && (lastBodyCol = lastBodyCol._prev), 0 === x && firstBodyCol && firstBodyCol.col === this.table.frozenColCount && firstBodyCol.attribute.x + x < 0 ? x = -firstBodyCol.attribute.x : lastBodyCol && this.table.tableNoFrameWidth < this.table.getAllColsWidth() && lastBodyCol.col === this.table.colCount - this.table.rightFrozenColCount - 1 && lastBodyCol.attribute.x + lastBodyCol.attribute.width + x < this.table.tableNoFrameWidth - this.table.getFrozenColsWidth() - this.table.getRightFrozenColsWidth() && (x = this.table.tableNoFrameWidth - this.table.getFrozenColsWidth() - this.table.getRightFrozenColsWidth() - lastBodyCol.attribute.x - lastBodyCol.attribute.width), this.table.getFrozenColsWidth() + x !== this.bodyGroup.attribute.x && (this.bodyGroup.setAttribute("x", this.table.getFrozenColsWidth() + x), this.colHeaderGroup.setAttribute("x", this.table.getFrozenColsWidth() + x), this.bodySelectGroup.setAttribute("x", this.bodyGroup.attribute.x), this.colHeaderSelectGroup.setAttribute("x", this.colHeaderGroup.attribute.x), this.rowHeaderSelectGroup.setAttribute("x", this.rowHeaderGroup.attribute.x), this.cornerHeaderSelectGroup.setAttribute("x", this.cornerHeaderGroup.attribute.x), this.table.bottomFrozenRowCount > 0 && (this.bottomFrozenGroup.setAttribute("x", this.table.getFrozenColsWidth() + x), this.bottomFrozenSelectGroup.setAttribute("x", this.bottomFrozenGroup.attribute.x), this.leftBottomCornerSelectGroup.setAttribute("x", this.leftBottomCornerGroup.attribute.x)), this.table.rightFrozenColCount > 0 && (this.rightFrozenSelectGroup.setAttribute("x", this.rightFrozenGroup.attribute.x), this.rightTopCornerSelectGroup.setAttribute("x", this.rightTopCornerGroup.attribute.x)), this.table.rightFrozenColCount > 0 && this.table.bottomFrozenRowCount > 0 && this.rightBottomCornerSelectGroup.setAttribute("x", this.rightBottomCornerGroup.attribute.x), this.updateNextFrame());
       }
       afterScenegraphCreated() {
         var _a, _b;
@@ -57699,6 +57884,7 @@
     }
     function dblclickHandler(e, table) {
       var _a, _b, _c, _d, _e, _f;
+      if ("number" == typeof e.button && 0 !== e.button) return;
       const eventArgsSet = getCellEventArgsSetWithTable(e, table);
       let col = -1,
         row = -1;
@@ -57894,7 +58080,13 @@
     function bindContainerDomListener(eventManager) {
       const table = eventManager.table,
         stateManager = table.stateManager,
-        handler = table.internalProps.handler;
+        handler = table.internalProps.handler,
+        afterCompleteEdit = (completeEditResult, onSuccess) => {
+          getPromiseValue(completeEditResult, isCompleteEdit => {
+            var _a, _b, _c, _d, _e;
+            !1 !== isCompleteEdit ? onSuccess() : null === (_e = null === (_d = null === (_c = null === (_b = null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.editingEditor) || void 0 === _b ? void 0 : _b.getInputElement) || void 0 === _c ? void 0 : _c.call(_b)) || void 0 === _d ? void 0 : _d.focus) || void 0 === _e || _e.call(_d);
+          });
+        };
       function handleKeydownListener(e) {
         var _a;
         if (table.hasListeners(TABLE_EVENT_TYPE.KEYDOWN)) {
@@ -57917,7 +58109,7 @@
         }
         eventManager.dealTableHover();
       }), handler.on(table.getElement(), "keydown", e => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
         const beforeKeydownEvent = {
           keyCode: null !== (_a = e.keyCode) && void 0 !== _a ? _a : e.which,
           code: e.code,
@@ -57927,48 +58119,60 @@
           if ((null === (_d = null === (_c = table.options.keyboardOptions) || void 0 === _c ? void 0 : _c.moveEditCellOnArrowKeys) || void 0 === _d || !_d) && (null === (_e = table.editorManager) || void 0 === _e ? void 0 : _e.editingEditor) || !1 === (null === (_f = table.options.keyboardOptions) || void 0 === _f ? void 0 : _f.moveSelectedCellOnArrowKeys)) return;
           let targetCol, targetRow;
           if (e.preventDefault(), e.stopPropagation(), "ArrowUp" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = stateManager.select.cellPos.col, targetRow = 0) : (e.shiftKey, targetCol = stateManager.select.cellPos.col, targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row - 1))) : "ArrowDown" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = stateManager.select.cellPos.col, targetRow = table.rowCount - 1) : (e.shiftKey, targetCol = stateManager.select.cellPos.col, targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1))) : "ArrowLeft" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = 0, targetRow = stateManager.select.cellPos.row) : (e.shiftKey, targetRow = stateManager.select.cellPos.row, targetCol = Math.min(table.colCount - 1, Math.max(0, stateManager.select.cellPos.col - 1))) : "ArrowRight" === e.key && (e.ctrlKey || e.metaKey ? (targetCol = table.colCount - 1, targetRow = stateManager.select.cellPos.row) : (e.shiftKey, targetRow = stateManager.select.cellPos.row, targetCol = Math.min(table.colCount - 1, Math.max(0, stateManager.select.cellPos.col + 1)))), isCellDisableSelect(table, targetCol, targetRow)) return;
-          const isEditingCell = !!(null === (_g = table.editorManager) || void 0 === _g ? void 0 : _g.editingEditor);
-          null === (_h = table.editorManager) || void 0 === _h || _h.completeEdit(), table.getElement().focus();
-          const enableShiftSelectMode = null === (_k = null === (_j = table.options.keyboardOptions) || void 0 === _j ? void 0 : _j.shiftMultiSelect) || void 0 === _k || _k;
-          table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode), null !== (_m = null === (_l = table.options.keyboardOptions) || void 0 === _l ? void 0 : _l.moveEditCellOnArrowKeys) && void 0 !== _m && _m && isEditingCell && table.getEditor(targetCol, targetRow) && (null === (_o = table.editorManager) || void 0 === _o || _o.startEditCell(targetCol, targetRow));
-        } else if ("Escape" === e.key) null === (_p = table.editorManager) || void 0 === _p || _p.cancelEdit(), table.getElement().focus();else if ("Enter" === e.key) {
-          if (null === (_q = table.editorManager) || void 0 === _q ? void 0 : _q.editingEditor) {
-            if (handleKeydownListener(e), null === (_r = table.editorManager) || void 0 === _r || _r.completeEdit(), table.getElement().focus(), !0 === (null === (_s = table.options.keyboardOptions) || void 0 === _s ? void 0 : _s.moveFocusCellOnEnter)) {
-              const targetCol = stateManager.select.cellPos.col,
-                targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1));
-              if (isCellDisableSelect(table, targetCol, targetRow)) return;
-              const enableShiftSelectMode = null === (_u = null === (_t = table.options.keyboardOptions) || void 0 === _t ? void 0 : _t.shiftMultiSelect) || void 0 === _u || _u;
-              table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode);
-            }
-            return;
+          const isEditingCell = !!(null === (_g = table.editorManager) || void 0 === _g ? void 0 : _g.editingEditor),
+            completeEditResult = null === (_h = table.editorManager) || void 0 === _h ? void 0 : _h.completeEdit();
+          afterCompleteEdit(completeEditResult, () => {
+            var _a, _b, _c, _d, _e;
+            table.getElement().focus();
+            const enableShiftSelectMode = null === (_b = null === (_a = table.options.keyboardOptions) || void 0 === _a ? void 0 : _a.shiftMultiSelect) || void 0 === _b || _b;
+            table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode), null !== (_d = null === (_c = table.options.keyboardOptions) || void 0 === _c ? void 0 : _c.moveEditCellOnArrowKeys) && void 0 !== _d && _d && isEditingCell && table.getEditor(targetCol, targetRow) && (null === (_e = table.editorManager) || void 0 === _e || _e.startEditCell(targetCol, targetRow));
+          });
+        } else if ("Escape" === e.key) null === (_j = table.editorManager) || void 0 === _j || _j.cancelEdit(), table.getElement().focus();else if ("Enter" === e.key) {
+          if (null === (_k = table.editorManager) || void 0 === _k ? void 0 : _k.editingEditor) {
+            handleKeydownListener(e);
+            const completeEditResult = null === (_l = table.editorManager) || void 0 === _l ? void 0 : _l.completeEdit();
+            return void afterCompleteEdit(completeEditResult, () => {
+              var _a, _b, _c;
+              if (table.getElement().focus(), !0 === (null === (_a = table.options.keyboardOptions) || void 0 === _a ? void 0 : _a.moveFocusCellOnEnter)) {
+                const targetCol = stateManager.select.cellPos.col,
+                  targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1));
+                if (isCellDisableSelect(table, targetCol, targetRow)) return;
+                const enableShiftSelectMode = null === (_c = null === (_b = table.options.keyboardOptions) || void 0 === _b ? void 0 : _b.shiftMultiSelect) || void 0 === _c || _c;
+                table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode);
+              }
+            });
           }
-          if (!0 === (null === (_v = table.options.keyboardOptions) || void 0 === _v ? void 0 : _v.moveFocusCellOnEnter)) {
+          if (!0 === (null === (_m = table.options.keyboardOptions) || void 0 === _m ? void 0 : _m.moveFocusCellOnEnter)) {
             const targetCol = stateManager.select.cellPos.col,
               targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1));
             if (isCellDisableSelect(table, targetCol, targetRow)) return;
-            const enableShiftSelectMode = null === (_x = null === (_w = table.options.keyboardOptions) || void 0 === _w ? void 0 : _w.shiftMultiSelect) || void 0 === _x || _x;
+            const enableShiftSelectMode = null === (_p = null === (_o = table.options.keyboardOptions) || void 0 === _o ? void 0 : _o.shiftMultiSelect) || void 0 === _p || _p;
             table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode);
-          } else if ((null === (_z = null === (_y = table.options.keyboardOptions) || void 0 === _y ? void 0 : _y.editCellOnEnter) || void 0 === _z || _z) && 1 === (null !== (_1 = null === (_0 = table.stateManager.select.ranges) || void 0 === _0 ? void 0 : _0.length) && void 0 !== _1 ? _1 : 0)) {
+          } else if ((null === (_r = null === (_q = table.options.keyboardOptions) || void 0 === _q ? void 0 : _q.editCellOnEnter) || void 0 === _r || _r) && 1 === (null !== (_t = null === (_s = table.stateManager.select.ranges) || void 0 === _s ? void 0 : _s.length) && void 0 !== _t ? _t : 0)) {
             const startCol = table.stateManager.select.ranges[0].start.col,
               startRow = table.stateManager.select.ranges[0].start.row,
               endCol = table.stateManager.select.ranges[0].end.col,
               endRow = table.stateManager.select.ranges[0].end.row;
-            startCol === endCol && startRow === endRow && table.getEditor(startCol, startRow) && (null === (_2 = table.editorManager) || void 0 === _2 || _2.startEditCell(startCol, startRow));
+            startCol === endCol && startRow === endRow && table.getEditor(startCol, startRow) && (null === (_u = table.editorManager) || void 0 === _u || _u.startEditCell(startCol, startRow));
           }
         } else if ("Tab" === e.key) {
-          if ((null === (_4 = null === (_3 = table.options.keyboardOptions) || void 0 === _3 ? void 0 : _3.moveFocusCellOnTab) || void 0 === _4 || _4) && stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0) {
+          if ((null === (_w = null === (_v = table.options.keyboardOptions) || void 0 === _v ? void 0 : _v.moveFocusCellOnTab) || void 0 === _w || _w) && stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0) {
             if (stateManager.select.cellPos.col === table.colCount - 1 && stateManager.select.cellPos.row === table.rowCount - 1) return;
             let targetCol, targetRow;
             if (e.preventDefault(), stateManager.select.cellPos.col === table.colCount - 1 ? (targetRow = Math.min(table.rowCount - 1, stateManager.select.cellPos.row + 1), targetCol = table.rowHeaderLevelCount) : (targetRow = stateManager.select.cellPos.row, targetCol = stateManager.select.cellPos.col + 1), isCellDisableSelect(table, targetCol, targetRow)) return;
-            const isEditingCell = !!(null === (_5 = table.editorManager) || void 0 === _5 ? void 0 : _5.editingEditor);
-            null === (_6 = table.editorManager) || void 0 === _6 || _6.completeEdit(), table.getElement().focus(), table.selectCell(targetCol, targetRow), isEditingCell && table.getEditor(targetCol, targetRow) && (null === (_7 = table.editorManager) || void 0 === _7 || _7.startEditCell(targetCol, targetRow));
+            const isEditingCell = !!(null === (_x = table.editorManager) || void 0 === _x ? void 0 : _x.editingEditor),
+              completeEditResult = null === (_y = table.editorManager) || void 0 === _y ? void 0 : _y.completeEdit();
+            afterCompleteEdit(completeEditResult, () => {
+              var _a;
+              table.getElement().focus(), table.selectCell(targetCol, targetRow), isEditingCell && table.getEditor(targetCol, targetRow) && (null === (_a = table.editorManager) || void 0 === _a || _a.startEditCell(targetCol, targetRow));
+            });
           }
         } else if (!e.ctrlKey && !e.metaKey) {
           const editCellTrigger = table.options.editCellTrigger,
             selectedRanges = table.stateManager.select.ranges;
-          if (1 === selectedRanges.length && selectedRanges[0].start.col === selectedRanges[0].end.col && selectedRanges[0].start.row === selectedRanges[0].end.row && ("keydown" === editCellTrigger || Array.isArray(editCellTrigger) && editCellTrigger.includes("keydown")) && !(null === (_8 = table.editorManager) || void 0 === _8 ? void 0 : _8.editingEditor)) {
+          if (1 === selectedRanges.length && selectedRanges[0].start.col === selectedRanges[0].end.col && selectedRanges[0].start.row === selectedRanges[0].end.row && ("keydown" === editCellTrigger || Array.isArray(editCellTrigger) && editCellTrigger.includes("keydown")) && !(null === (_z = table.editorManager) || void 0 === _z ? void 0 : _z.editingEditor)) {
             const allowedKeys = /^[a-zA-Z0-9+\-*\/%=.,\s]$/;
-            e.key.match(allowedKeys) && (table.editorManager && (table.editorManager.beginTriggerEditCellMode = "keydown"), null === (_9 = table.editorManager) || void 0 === _9 || _9.startEditCell(stateManager.select.cellPos.col, stateManager.select.cellPos.row, ""));
+            e.key.match(allowedKeys) && (table.editorManager && (table.editorManager.beginTriggerEditCellMode = "keydown"), null === (_0 = table.editorManager) || void 0 === _0 || _0.startEditCell(stateManager.select.cellPos.col, stateManager.select.cellPos.row, ""));
           }
         }
         handleKeydownListener(e);
@@ -61230,7 +61434,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this._scrollToRowCorrectTimer = null, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.26.1-alpha.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "undefined" != typeof window) {
+        if (super(), this.showFrozenIcon = !0, this._scrollToRowCorrectTimer = null, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.26.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "undefined" != typeof window) {
           const g = window;
           g[this.id] = this;
           const registry = g.__vtable__ || (g.__vtable__ = {
@@ -71274,11 +71478,6 @@
       } else for (let i = 0; i < selectCells.length; i++) for (let j = 0; j < selectCells[i].length; j++) tableInstance.changeCellValue(selectCells[i][j].col, selectCells[i][j].row, "", workOnEditableCell);
     }
 
-    const MENU_CONTAINER_CLASS = "vtable-context-menu-container";
-    const MENU_ITEM_CLASS = "vtable-context-menu-item";
-    const MENU_ITEM_DISABLED_CLASS = "vtable-context-menu-item-disabled";
-    const MENU_ITEM_SEPARATOR_CLASS = "vtable-context-menu-item-separator";
-    const MENU_ITEM_SUBMENU_CLASS = "vtable-context-menu-item-submenu";
     const MENU_STYLES = {
       menuContainer: {
         position: "absolute",
@@ -71286,7 +71485,7 @@
         boxShadow: "0 2px 10px rgba(0, 0, 0, 0.2)",
         borderRadius: "4px",
         padding: "5px 0",
-        zIndex: 1e3,
+        zIndex: "1000",
         minWidth: "180px",
         maxHeight: "300px",
         overflowY: "auto",
@@ -71305,7 +71504,7 @@
         backgroundColor: "#f5f5f5"
       },
       menuItemDisabled: {
-        opacity: .5,
+        opacity: "0.5",
         cursor: "not-allowed"
       },
       menuItemSeparator: {
@@ -71322,7 +71521,7 @@
         justifyContent: "center"
       },
       menuItemText: {
-        flex: 1
+        flex: "1"
       },
       menuItemShortcut: {
         marginLeft: "20px",
@@ -71342,7 +71541,7 @@
         boxShadow: "0 2px 10px rgba(0, 0, 0, 0.2)",
         borderRadius: "4px",
         padding: "5px 0",
-        zIndex: 1001,
+        zIndex: "1001",
         minWidth: "180px",
         fontSize: "12px"
       },
@@ -71376,17 +71575,83 @@
         fontSize: "12px"
       }
     };
+    const MENU_CLASSES = {
+      menuContainer: "vtable-context-menu-container",
+      submenuContainer: "vtable-context-submenu-container",
+      menuItem: "vtable-context-menu-item",
+      menuItemSeparator: "vtable-context-menu-item-separator",
+      menuItemSubmenu: "vtable-context-menu-item-submenu",
+      menuItemDisabled: "vtable-context-menu-item-disabled"
+    };
+    const DANGEROUS_SVG_ELEMENTS = new Set(["script", "iframe", "object", "embed", "form", "input", "textarea", "select", "button"]),
+      DANGEROUS_ATTR_PREFIXES = ["on"],
+      DANGEROUS_URL_ATTRS = new Set(["href", "xlink:href"]);
+    function sanitizeSvg(svgString) {
+      const doc = new DOMParser().parseFromString(svgString, "image/svg+xml");
+      if (doc.querySelector("parsererror")) return "";
+      const svg = doc.documentElement;
+      if ("svg" !== svg.tagName.toLowerCase()) return "";
+      sanitizeNode(svg);
+      return new XMLSerializer().serializeToString(svg);
+    }
+    function sanitizeNode(node) {
+      const children = Array.from(node.children);
+      for (const child of children) DANGEROUS_SVG_ELEMENTS.has(child.tagName.toLowerCase()) ? node.removeChild(child) : sanitizeNode(child);
+      const attrs = Array.from(node.attributes);
+      for (const attr of attrs) {
+        const name = attr.name.toLowerCase();
+        if (DANGEROUS_ATTR_PREFIXES.some(prefix => name.startsWith(prefix))) node.removeAttribute(attr.name);else if (DANGEROUS_URL_ATTRS.has(name)) {
+          const value = attr.value.trim().toLowerCase();
+          (value.startsWith("javascript:") || value.startsWith("data:")) && node.removeAttribute(attr.name);
+        }
+      }
+    }
+    function mergeStyles(styles) {
+      if (!styles) return Object.assign({}, MENU_STYLES);
+      const result = {};
+      for (const _key in MENU_STYLES) {
+        const key = _key;
+        styles[key] ? result[key] = Object.assign(Object.assign({}, MENU_STYLES[key]), styles[key]) : result[key] = Object.assign({}, MENU_STYLES[key]);
+      }
+      return result;
+    }
+    function mergeClasses(classes) {
+      if (!classes) return Object.assign({}, MENU_CLASSES);
+      const result = {};
+      for (const _key in MENU_CLASSES) {
+        const key = _key;
+        classes[key] ? result[key] = `${MENU_CLASSES[key]} ${normalizeClassName(classes[key]).join(" ")}` : result[key] = MENU_CLASSES[key];
+      }
+      return result;
+    }
     function createElement$1(tag, className, styles) {
       const element = document.createElement(tag);
       return className && (element.className = className), styles && applyStyles$1(element, styles), element;
     }
     function applyStyles$1(element, styles) {
-      Object.entries(styles).forEach(([key, value]) => {
-        element.style[key] = value;
-      });
+      for (const key in styles) {
+        const value = styles[key];
+        void 0 !== value && (element.style[key] = value);
+      }
     }
-    function createIcon(iconName) {
-      const iconElement = createElement$1("span");
+    function createIcon(icon, menuItem, iconStyles = MENU_STYLES.menuItemIcon) {
+      if ("function" == typeof icon) {
+        const element = icon(menuItem);
+        return applyStyles$1(element, iconStyles), element;
+      }
+      if ("object" == typeof icon && "svg" in icon) {
+        const svgConfig = icon,
+          iconElement = createElement$1("span"),
+          safeSvg = sanitizeSvg(svgConfig.svg);
+        if (safeSvg) {
+          iconElement.innerHTML = safeSvg;
+          const svgEl = iconElement.querySelector("svg");
+          svgEl && (void 0 !== svgConfig.width && svgEl.setAttribute("width", String(svgConfig.width)), void 0 !== svgConfig.height && svgEl.setAttribute("height", String(svgConfig.height)));
+        }
+        return applyStyles$1(iconElement, iconStyles), iconElement;
+      }
+      const iconName = icon,
+        iconElement = createElement$1("span");
       switch (iconName) {
         case "copy":
           iconElement.innerHTML = "📋";
@@ -71430,20 +71695,30 @@
         default:
           iconElement.innerHTML = "•";
       }
-      return applyStyles$1(iconElement, MENU_STYLES.menuItemIcon), iconElement;
+      return applyStyles$1(iconElement, iconStyles), iconElement;
+    }
+    function normalizeItemClassNameConfig(classNames) {
+      const normalized = {};
+      return classNames && Object.keys(classNames).forEach(item => {
+        const className = classNames[item];
+        className && (normalized[item] = normalizeClassName(className));
+      }), normalized;
+    }
+    function normalizeClassName(className) {
+      return className ? isArray$8(className) ? className : className.split(" ").filter(Boolean) : [];
     }
 
     let MenuManager$1 = class MenuManager {
-      constructor() {
+      constructor(styles, classes) {
         this.menuContainer = null, this.activeSubmenus = [], this.clickCallback = null, this.table = null, this.context = {}, this.hideTimeout = null, this.showTimeout = null, this.submenuShowDelay = 100, this.submenuHideDelay = 500, this.menuInitializationDelay = 200, this.handleDocumentClick = event => {
           if (!this.menuContainer || event.target !== this.menuContainer && !this.menuContainer.contains(event.target)) {
             for (const submenu of this.activeSubmenus) if (event.target === submenu || submenu.contains(event.target)) return;
             this.release();
           }
-        };
+        }, this.styles = null != styles ? styles : MENU_STYLES, this.classes = null != classes ? classes : MENU_CLASSES;
       }
       showMenu(menuItems, x, y, context, table) {
-        this.context = context, this.table = table, this.release(), this.menuContainer = createElement$1("div", MENU_CONTAINER_CLASS), applyStyles$1(this.menuContainer, MENU_STYLES.menuContainer), document.body.appendChild(this.menuContainer), this.menuContainer.addEventListener("contextmenu", e => {
+        this.context = context, this.table = table, this.release(), this.menuContainer = createElement$1("div"), this.menuContainer.classList.add(...normalizeClassName(this.classes.menuContainer)), applyStyles$1(this.menuContainer, this.styles.menuContainer), document.body.appendChild(this.menuContainer), this.menuContainer.addEventListener("contextmenu", e => {
           e.preventDefault();
         }), this.createMenuItems(menuItems, this.menuContainer), this.positionMenu(this.menuContainer, x, y), this.menuContainer.style.pointerEvents = "none", setTimeout(() => {
           this.menuContainer && (this.menuContainer.style.pointerEvents = "auto");
@@ -71456,25 +71731,29 @@
       }
       createMenuItems(items, container, parentItem) {
         items.forEach(item => {
+          var _a;
           if ("string" == typeof item && "---" === item) {
-            const separator = createElement$1("div", MENU_ITEM_SEPARATOR_CLASS);
-            applyStyles$1(separator, MENU_STYLES.menuItemSeparator), container.appendChild(separator);
+            const separator = createElement$1("div");
+            separator.classList.add(...normalizeClassName(this.classes.menuItemSeparator)), applyStyles$1(separator, this.styles.menuItemSeparator), container.appendChild(separator);
           } else if ("object" == typeof item) {
             const menuItem = item,
-              menuItemElement = createElement$1("div", MENU_ITEM_CLASS);
-            applyStyles$1(menuItemElement, MENU_STYLES.menuItem);
+              customClassName = normalizeItemClassNameConfig(item.customClassName),
+              menuItemElement = createElement$1("div");
+            menuItemElement.classList.add(...normalizeClassName(this.classes.menuItem)), customClassName.item && menuItemElement.classList.add(...customClassName.item), applyStyles$1(menuItemElement, this.styles.menuItem);
             const leftContainer = createElement$1("div");
-            if (leftContainer.style.display = "flex", leftContainer.style.alignItems = "center", menuItem.iconName) {
-              const icon = createIcon(menuItem.iconName);
-              leftContainer.appendChild(icon);
+            customClassName.leftContainer && leftContainer.classList.add(...customClassName.leftContainer), leftContainer.style.display = "flex", leftContainer.style.alignItems = "center";
+            const iconValue = null !== (_a = menuItem.customIcon) && void 0 !== _a ? _a : menuItem.iconName;
+            if (iconValue) {
+              const icon = createIcon(iconValue, menuItem, this.styles.menuItemIcon);
+              customClassName.icon && icon.classList.add(...customClassName.icon), leftContainer.appendChild(icon);
             } else if (menuItem.iconPlaceholder) {
               const placeholder = createElement$1("span");
-              applyStyles$1(placeholder, MENU_STYLES.menuItemIcon), leftContainer.appendChild(placeholder);
+              applyStyles$1(placeholder, this.styles.menuItemIcon), leftContainer.appendChild(placeholder);
             }
             const text = createElement$1("span");
-            if (text.textContent = menuItem.text, applyStyles$1(text, MENU_STYLES.menuItemText), leftContainer.appendChild(text), item.inputDefaultValue) {
+            if (customClassName.text && text.classList.add(...customClassName.text), text.textContent = menuItem.text, applyStyles$1(text, this.styles.menuItemText), leftContainer.appendChild(text), item.inputDefaultValue) {
               const input = createElement$1("input");
-              input.type = "number", input.min = "1", input.value = item.inputDefaultValue.toString(), applyStyles$1(input, MENU_STYLES.inputField), leftContainer.appendChild(input), input.addEventListener("keydown", e => {
+              customClassName.input && input.classList.add(...customClassName.input), input.type = "number", input.min = "1", input.value = item.inputDefaultValue.toString(), applyStyles$1(input, this.styles.inputField), leftContainer.appendChild(input), input.addEventListener("keydown", e => {
                 "Enter" === e.key && this.handleMenuItemClick(Object.assign({
                   menuKey: menuItem.menuKey,
                   menuText: menuItem.text,
@@ -71484,26 +71763,26 @@
             }
             menuItemElement.appendChild(leftContainer);
             const rightContainer = createElement$1("div");
-            if (rightContainer.style.display = "flex", rightContainer.style.alignItems = "center", menuItem.shortcut) {
+            if (customClassName.rightContainer && rightContainer.classList.add(...customClassName.rightContainer), rightContainer.style.display = "flex", rightContainer.style.alignItems = "center", menuItem.shortcut) {
               const shortcut = createElement$1("span");
-              shortcut.textContent = menuItem.shortcut, applyStyles$1(shortcut, MENU_STYLES.menuItemShortcut), rightContainer.appendChild(shortcut);
+              customClassName.shortcut && shortcut.classList.add(...customClassName.shortcut), shortcut.textContent = menuItem.shortcut, applyStyles$1(shortcut, this.styles.menuItemShortcut), rightContainer.appendChild(shortcut);
             }
             if (menuItem.children && menuItem.children.length > 0) {
-              menuItemElement.classList.add(MENU_ITEM_SUBMENU_CLASS);
+              menuItemElement.classList.add(...normalizeClassName(this.classes.menuItemSubmenu));
               const arrow = createElement$1("span");
-              arrow.textContent = "▶", applyStyles$1(arrow, MENU_STYLES.submenuArrow), rightContainer.appendChild(arrow);
+              customClassName.arrow && arrow.classList.add(...customClassName.arrow), arrow.textContent = "▶", applyStyles$1(arrow, this.styles.submenuArrow), rightContainer.appendChild(arrow);
             }
-            menuItemElement.appendChild(rightContainer), menuItem.disabled && (menuItemElement.classList.add(MENU_ITEM_DISABLED_CLASS), applyStyles$1(menuItemElement, MENU_STYLES.menuItemDisabled)), menuItem.disabled || (menuItem.children && 0 !== menuItem.children.length || menuItemElement.addEventListener("click", e => {
+            menuItemElement.appendChild(rightContainer), menuItem.disabled && (menuItemElement.classList.add(...normalizeClassName(this.classes.menuItemDisabled)), customClassName.itemDisabled && menuItemElement.classList.add(...customClassName.itemDisabled), applyStyles$1(menuItemElement, this.styles.menuItemDisabled)), menuItem.disabled || (menuItem.children && 0 !== menuItem.children.length || menuItemElement.addEventListener("click", e => {
               e.target instanceof HTMLInputElement || this.handleMenuItemClick(Object.assign({
                 menuKey: menuItem.menuKey,
                 menuText: menuItem.text
               }, this.context));
             }), menuItemElement.addEventListener("mouseenter", () => {
-              applyStyles$1(menuItemElement, MENU_STYLES.menuItemHover), null !== this.hideTimeout && (clearTimeout(this.hideTimeout), this.hideTimeout = null), null !== this.showTimeout && (clearTimeout(this.showTimeout), this.showTimeout = null), menuItem.children && menuItem.children.length > 0 ? (this.closeAllSubmenus(), this.showTimeout = setTimeout(() => {
+              applyStyles$1(menuItemElement, this.styles.menuItemHover), null !== this.hideTimeout && (clearTimeout(this.hideTimeout), this.hideTimeout = null), null !== this.showTimeout && (clearTimeout(this.showTimeout), this.showTimeout = null), menuItem.children && menuItem.children.length > 0 ? (this.closeAllSubmenus(), this.showTimeout = setTimeout(() => {
                 document.body.contains(menuItemElement) && this.showSubmenu(menuItem.children, menuItemElement, menuItem);
               }, this.submenuShowDelay)) : parentItem || this.closeAllSubmenus();
             }), menuItemElement.addEventListener("mouseleave", () => {
-              Object.keys(MENU_STYLES.menuItemHover).forEach(key => {
+              Object.keys(this.styles.menuItemHover).forEach(key => {
                 menuItemElement.style[key] = "";
               }), menuItem.children && menuItem.children.length > 0 && (this.hideTimeout = setTimeout(() => {
                 this.closeAllSubmenus();
@@ -71514,8 +71793,8 @@
       }
       showSubmenu(items, parentElement, parentItem) {
         const parentRect = parentElement.getBoundingClientRect(),
-          submenu = createElement$1("div", MENU_CONTAINER_CLASS);
-        applyStyles$1(submenu, MENU_STYLES.submenuContainer), this.createMenuItems(items, submenu, parentItem), document.body.appendChild(submenu);
+          submenu = createElement$1("div");
+        submenu.classList.add(...normalizeClassName(this.classes.menuContainer), ...normalizeClassName(this.classes.submenuContainer)), applyStyles$1(submenu, this.styles.submenuContainer), this.createMenuItems(items, submenu, parentItem), document.body.appendChild(submenu);
         const submenuRect = submenu.getBoundingClientRect();
         let left = parentRect.right,
           top = parentRect.top;
@@ -72987,7 +73266,7 @@
 
     class ContextMenuPlugin {
       constructor(pluginOptions = {}) {
-        var _a;
+        var _a, _b, _c;
         this.id = "context-menu", this.name = "Context Menu", this.runTime = [TABLE_EVENT_TYPE.CONTEXTMENU_CELL, TABLE_EVENT_TYPE.PLUGIN_EVENT], this.handleContextMenuCell = (eventArgs, table) => {
           const {
               col: col,
@@ -73017,7 +73296,7 @@
           }
         }, this.handleMenuClickCallback = (args, table) => {
           "function" == typeof this.pluginOptions.menuClickCallback ? this.pluginOptions.menuClickCallback(args, table) : this.handleMenuClick(args, table);
-        }, this.id = null !== (_a = pluginOptions.id) && void 0 !== _a ? _a : this.id, this.pluginOptions = pluginOptions, this.menuManager = new MenuManager$1(), this.menuHandler = new MenuHandler(), this.initDefaultMenuItems();
+        }, this.id = null !== (_a = pluginOptions.id) && void 0 !== _a ? _a : this.id, this.pluginOptions = pluginOptions, this.menuManager = new MenuManager$1(mergeStyles(null === (_b = pluginOptions.customMenuAttributions) || void 0 === _b ? void 0 : _b.style), mergeClasses(null === (_c = pluginOptions.customMenuAttributions) || void 0 === _c ? void 0 : _c.class)), this.menuHandler = new MenuHandler(), this.initDefaultMenuItems();
       }
       initDefaultMenuItems() {
         this.pluginOptions.columnSeriesNumberMenuItems || (this.pluginOptions.columnSeriesNumberMenuItems = DEFAULT_COLUMN_SERIES_MENU_ITEMS), this.pluginOptions.rowSeriesNumberMenuItems || (this.pluginOptions.rowSeriesNumberMenuItems = DEFAULT_ROW_SERIES_MENU_ITEMS), this.pluginOptions.cornerSeriesNumberMenuItems || (this.pluginOptions.cornerSeriesNumberMenuItems = DEFAULT_CORNER_SERIES_MENU_ITEMS), this.pluginOptions.headerCellMenuItems || (this.pluginOptions.headerCellMenuItems = DEFAULT_HEADER_MENU_ITEMS), this.pluginOptions.bodyCellMenuItems || (this.pluginOptions.bodyCellMenuItems = DEFAULT_BODY_MENU_ITEMS);
@@ -91042,6 +91321,7 @@
         _initializeTable() {
             const tableOptions = this._generateTableOptions();
             this.tableInstance = new ListTableAll(tableOptions);
+            this._bindKeyboardSelectionVisibility();
             this.element.classList.add('vtable-excel-cursor');
             this.eventBus = this.vtableSheet.getEventBus();
             this.eventManager = new WorkSheetEventManager(this);
@@ -91051,6 +91331,45 @@
                 this.eventManager.emitDataLoaded(this.rowCount, this.colCount);
             }
         }
+        _bindKeyboardSelectionVisibility() {
+            let isForcingKeyboardSelectionVisible = false;
+            let previousMakeSelectCellVisible;
+            let restoreTimer;
+            const isArrowKeyEvent = (event) => !!event && ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key);
+            const restoreMakeSelectCellVisible = () => {
+                const tableInstance = this.tableInstance;
+                if (!tableInstance || !isForcingKeyboardSelectionVisible) {
+                    return;
+                }
+                if (tableInstance.options.select) {
+                    tableInstance.options.select.makeSelectCellVisible = previousMakeSelectCellVisible;
+                }
+                isForcingKeyboardSelectionVisible = false;
+                previousMakeSelectCellVisible = undefined;
+            };
+            this.tableInstance?.on(TABLE_EVENT_TYPE.BEFORE_KEYDOWN, ({ event }) => {
+                if (!isArrowKeyEvent(event)) {
+                    return;
+                }
+                const tableInstance = this.tableInstance;
+                if (!tableInstance) {
+                    return;
+                }
+                tableInstance.options.select ??= {};
+                previousMakeSelectCellVisible = tableInstance.options.select.makeSelectCellVisible;
+                tableInstance.options.select.makeSelectCellVisible = true;
+                isForcingKeyboardSelectionVisible = true;
+                if (restoreTimer !== undefined) {
+                    window.clearTimeout(restoreTimer);
+                }
+                restoreTimer = window.setTimeout(restoreMakeSelectCellVisible, 0);
+            });
+            this.tableInstance?.on(TABLE_EVENT_TYPE.KEYDOWN, ({ event }) => {
+                if (isArrowKeyEvent(event)) {
+                    restoreMakeSelectCellVisible();
+                }
+            });
+        }
         _generateTableOptions() {
             let isShowTableHeader = this.options.showHeader;
             if (!this.options.columns) {
@@ -95824,7 +96143,7 @@
         importStyle();
     }
 
-    const version = "1.26.1-alpha.0";
+    const version = "1.26.1";
     importStyles();
 
     exports.TYPES = index;