handsontable 0.0.0-next-ee5ee21-20241202 → 0.0.0-next-e3ad397-20241203

package/3rdparty/walkontable/src/calculator/index.js

@@ -21,5 +21,4 @@ var _viewportColumns = require("./viewportColumns");
 exports.ViewportColumnsCalculator = _viewportColumns.ViewportColumnsCalculator;
 exports.DEFAULT_COLUMN_WIDTH = _viewportColumns.DEFAULT_WIDTH;
 var _viewportRows = require("./viewportRows");
-exports.ViewportRowsCalculator = _viewportRows.ViewportRowsCalculator;
-exports.DEFAULT_ROW_HEIGHT = _viewportRows.DEFAULT_HEIGHT;
+exports.ViewportRowsCalculator = _viewportRows.ViewportRowsCalculator;

package/3rdparty/walkontable/src/calculator/index.mjs

@@ -7,5 +7,5 @@ import { RenderedAllRowsCalculationType } from "./calculationType/renderedAllRow
 import { RenderedColumnsCalculationType } from "./calculationType/renderedColumns.mjs";
 import { RenderedRowsCalculationType } from "./calculationType/renderedRows.mjs";
 import { ViewportColumnsCalculator, DEFAULT_WIDTH } from "./viewportColumns.mjs";
-import { ViewportRowsCalculator, DEFAULT_HEIGHT } from "./viewportRows.mjs";
-export { DEFAULT_HEIGHT as DEFAULT_ROW_HEIGHT, DEFAULT_WIDTH as DEFAULT_COLUMN_WIDTH, FullyVisibleColumnsCalculationType, FullyVisibleRowsCalculationType, PartiallyVisibleColumnsCalculationType, PartiallyVisibleRowsCalculationType, RenderedAllColumnsCalculationType, RenderedAllRowsCalculationType, RenderedColumnsCalculationType, RenderedRowsCalculationType, ViewportColumnsCalculator, ViewportRowsCalculator };
+import { ViewportRowsCalculator } from "./viewportRows.mjs";
+export { DEFAULT_WIDTH as DEFAULT_COLUMN_WIDTH, FullyVisibleColumnsCalculationType, FullyVisibleRowsCalculationType, PartiallyVisibleColumnsCalculationType, PartiallyVisibleRowsCalculationType, RenderedAllColumnsCalculationType, RenderedAllRowsCalculationType, RenderedColumnsCalculationType, RenderedRowsCalculationType, ViewportColumnsCalculator, ViewportRowsCalculator };

package/3rdparty/walkontable/src/calculator/viewportRows.js

@@ -7,8 +7,6 @@ var _viewportBase = require("./viewportBase");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 23;
-
 /**
  * @typedef {object} ViewportRowsCalculatorOptions
  * @property {Map<string, ViewportBaseCalculator>} calculationTypes The calculation types to be performed.
@@ -34,6 +32,7 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
       viewportHeight,
       scrollOffset,
       totalRows,
+      defaultRowHeight,
       rowHeightFn,
       overrideFn,
       horizontalScrollbarHeight
@@ -51,6 +50,7 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
     _defineProperty(this, "totalCalculatedHeight", 0);
     _defineProperty(this, "startPositions", []);
     _defineProperty(this, "needReverse", true);
+    this.defaultHeight = defaultRowHeight;
     this.viewportHeight = viewportHeight;
     this.scrollOffset = scrollOffset;
     this.zeroBasedScrollOffset = Math.max(scrollOffset, 0);
@@ -89,7 +89,7 @@ class ViewportRowsCalculator extends _viewportBase.ViewportBaseCalculator {
   getRowHeight(row) {
     const rowHeight = this.rowHeightFn(row);
     if (isNaN(rowHeight)) {
-      return DEFAULT_HEIGHT;
+      return this.defaultHeight;
     }
     return rowHeight;
   }

package/3rdparty/walkontable/src/calculator/viewportRows.mjs

@@ -4,8 +4,6 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { ViewportBaseCalculator } from "./viewportBase.mjs";
-export const DEFAULT_HEIGHT = 23;
-
 /**
  * @typedef {object} ViewportRowsCalculatorOptions
  * @property {Map<string, ViewportBaseCalculator>} calculationTypes The calculation types to be performed.
@@ -31,6 +29,7 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
       viewportHeight,
       scrollOffset,
       totalRows,
+      defaultRowHeight,
       rowHeightFn,
       overrideFn,
       horizontalScrollbarHeight
@@ -48,6 +47,7 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
     _defineProperty(this, "totalCalculatedHeight", 0);
     _defineProperty(this, "startPositions", []);
     _defineProperty(this, "needReverse", true);
+    this.defaultHeight = defaultRowHeight;
     this.viewportHeight = viewportHeight;
     this.scrollOffset = scrollOffset;
     this.zeroBasedScrollOffset = Math.max(scrollOffset, 0);
@@ -86,7 +86,7 @@ export class ViewportRowsCalculator extends ViewportBaseCalculator {
   getRowHeight(row) {
     const rowHeight = this.rowHeightFn(row);
     if (isNaN(rowHeight)) {
-      return DEFAULT_HEIGHT;
+      return this.defaultHeight;
     }
     return rowHeight;
   }

package/3rdparty/walkontable/src/core/_base.js

@@ -305,6 +305,9 @@ class CoreAbstract {
       get selectionManager() {
         return wot.selectionManager; // TODO refactoring: move outside dao, use IOC
       },
+      get stylesHandler() {
+        return wot.stylesHandler;
+      },
       get drawn() {
         return wot.drawn;
       },

package/3rdparty/walkontable/src/core/_base.mjs

@@ -301,6 +301,9 @@ export default class CoreAbstract {
       get selectionManager() {
         return wot.selectionManager; // TODO refactoring: move outside dao, use IOC
       },
+      get stylesHandler() {
+        return wot.stylesHandler;
+      },
       get drawn() {
         return wot.drawn;
       },

package/3rdparty/walkontable/src/core/clone.js

@@ -30,6 +30,7 @@ class Clone extends _base.default {
     const facadeGetter = this.wtSettings.getSetting('facade', this);
     this.cloneSource = clone.source;
     this.cloneOverlay = clone.overlay;
+    this.stylesHandler = clone.stylesHandler;
     this.wtTable = this.cloneOverlay.createTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
     this.wtViewport = clone.viewport;
     this.selectionManager = clone.selectionManager;

package/3rdparty/walkontable/src/core/clone.mjs

@@ -26,6 +26,7 @@ export default class Clone extends CoreAbstract {
     const facadeGetter = this.wtSettings.getSetting('facade', this);
     this.cloneSource = clone.source;
     this.cloneOverlay = clone.overlay;
+    this.stylesHandler = clone.stylesHandler;
     this.wtTable = this.cloneOverlay.createTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
     this.wtViewport = clone.viewport;
     this.selectionManager = clone.selectionManager;

package/3rdparty/walkontable/src/core/core.js

@@ -12,6 +12,7 @@ var _base = _interopRequireDefault(require("./_base"));
 var _manager = require("../selection/manager");
 var _object = require("../../../../helpers/object");
 var _element = require("../../../../helpers/dom/element");
+var _stylesHandler = require("../utils/stylesHandler");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * @class Walkontable
@@ -23,6 +24,7 @@ class Walkontable extends _base.default {
    */
   constructor(table, settings) {
     super(table, new _settings.default(settings));
+    this.stylesHandler = new _stylesHandler.StylesHandler(this.domBindings);
     const facadeGetter = this.wtSettings.getSetting('facade', this); // todo rethink. I would like to have no access to facade from the internal scope.
 
     this.wtTable = new _master.default(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);

package/3rdparty/walkontable/src/core/core.mjs

@@ -9,6 +9,7 @@ import CoreAbstract from "./_base.mjs";
 import { SelectionManager } from "../selection/manager.mjs";
 import { objectEach } from "../../../../helpers/object.mjs";
 import { addClass, removeClass } from "../../../../helpers/dom/element.mjs";
+import { StylesHandler } from "../utils/stylesHandler.mjs";
 /**
  * @class Walkontable
  */
@@ -19,6 +20,7 @@ export default class Walkontable extends CoreAbstract {
    */
   constructor(table, settings) {
     super(table, new Settings(settings));
+    this.stylesHandler = new StylesHandler(this.domBindings);
     const facadeGetter = this.wtSettings.getSetting('facade', this); // todo rethink. I would like to have no access to facade from the internal scope.
 
     this.wtTable = new MasterTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);

package/3rdparty/walkontable/src/facade/core.js

@@ -110,6 +110,9 @@ class WalkontableFacade {
   get eventManager() {
     return this._wot.eventManager;
   }
+  get stylesHandler() {
+    return this._wot.stylesHandler;
+  }
   createCellCoords(row, column) {
     return this._wot.createCellCoords(row, column);
   }

package/3rdparty/walkontable/src/facade/core.mjs

@@ -106,6 +106,9 @@ export default class WalkontableFacade {
   get eventManager() {
     return this._wot.eventManager;
   }
+  get stylesHandler() {
+    return this._wot.stylesHandler;
+  }
   createCellCoords(row, column) {
     return this._wot.createCellCoords(row, column);
   }

package/3rdparty/walkontable/src/index.js

@@ -4,7 +4,6 @@ exports.__esModule = true;
 var _calculator = require("./calculator");
 exports.ViewportColumnsCalculator = _calculator.ViewportColumnsCalculator;
 exports.ViewportRowsCalculator = _calculator.ViewportRowsCalculator;
-exports.DEFAULT_ROW_HEIGHT = _calculator.DEFAULT_ROW_HEIGHT;
 exports.DEFAULT_COLUMN_WIDTH = _calculator.DEFAULT_COLUMN_WIDTH;
 var _coords = _interopRequireDefault(require("./cell/coords"));
 exports.CellCoords = _coords.default;

package/3rdparty/walkontable/src/index.mjs

@@ -1,4 +1,4 @@
-import { ViewportColumnsCalculator, ViewportRowsCalculator, DEFAULT_ROW_HEIGHT, DEFAULT_COLUMN_WIDTH } from "./calculator/index.mjs";
+import { ViewportColumnsCalculator, ViewportRowsCalculator, DEFAULT_COLUMN_WIDTH } from "./calculator/index.mjs";
 import CellCoords from "./cell/coords.mjs";
 import CellRange from "./cell/range.mjs";
 import Walkontable from "./facade/core.mjs";
@@ -6,4 +6,4 @@ import { Selection, ACTIVE_HEADER_TYPE, AREA_TYPE, FOCUS_TYPE, FILL_TYPE, HEADER
 import * as Renderer from "./renderer/index.mjs";
 import { OrderView, SharedOrderView } from "./utils/orderView/index.mjs";
 import { getListenersCounter } from "../../../eventManager.mjs";
-export { DEFAULT_ROW_HEIGHT, DEFAULT_COLUMN_WIDTH, ViewportColumnsCalculator, ViewportRowsCalculator, CellCoords, CellRange, Walkontable as default, Walkontable as Core, Selection, ACTIVE_HEADER_TYPE as HIGHLIGHT_ACTIVE_HEADER_TYPE, AREA_TYPE as HIGHLIGHT_AREA_TYPE, FOCUS_TYPE as HIGHLIGHT_FOCUS_TYPE, FILL_TYPE as HIGHLIGHT_FILL_TYPE, HEADER_TYPE as HIGHLIGHT_HEADER_TYPE, ROW_TYPE as HIGHLIGHT_ROW_TYPE, COLUMN_TYPE as HIGHLIGHT_COLUMN_TYPE, CUSTOM_SELECTION_TYPE as HIGHLIGHT_CUSTOM_SELECTION_TYPE, Renderer, OrderView, SharedOrderView, getListenersCounter };
+export { DEFAULT_COLUMN_WIDTH, ViewportColumnsCalculator, ViewportRowsCalculator, CellCoords, CellRange, Walkontable as default, Walkontable as Core, Selection, ACTIVE_HEADER_TYPE as HIGHLIGHT_ACTIVE_HEADER_TYPE, AREA_TYPE as HIGHLIGHT_AREA_TYPE, FOCUS_TYPE as HIGHLIGHT_FOCUS_TYPE, FILL_TYPE as HIGHLIGHT_FILL_TYPE, HEADER_TYPE as HIGHLIGHT_HEADER_TYPE, ROW_TYPE as HIGHLIGHT_ROW_TYPE, COLUMN_TYPE as HIGHLIGHT_COLUMN_TYPE, CUSTOM_SELECTION_TYPE as HIGHLIGHT_CUSTOM_SELECTION_TYPE, Renderer, OrderView, SharedOrderView, getListenersCounter };

package/3rdparty/walkontable/src/overlay/_base.js

@@ -304,7 +304,9 @@ class Overlay {
       // todo ioc , or factor func if used only here
       event: this.wot.wtEvent,
       // todo ioc , or factory func if used only here
-      selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
+      selectionManager: this.wot.selectionManager,
+      // todo ioc , or factory func if used only here
+      stylesHandler: this.wot.stylesHandler
     });
   }
 

package/3rdparty/walkontable/src/overlay/_base.mjs

@@ -300,7 +300,9 @@ export class Overlay {
       // todo ioc , or factor func if used only here
       event: this.wot.wtEvent,
       // todo ioc , or factory func if used only here
-      selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
+      selectionManager: this.wot.selectionManager,
+      // todo ioc , or factory func if used only here
+      stylesHandler: this.wot.stylesHandler
     });
   }
 

package/3rdparty/walkontable/src/overlay/bottom.js

@@ -144,9 +144,9 @@ class BottomOverlay extends _base.Overlay {
   sumCellSizes(from, to) {
     const {
       wtTable,
-      wtSettings
+      stylesHandler
     } = this.wot;
-    const defaultRowHeight = wtSettings.getSetting('defaultRowHeight');
+    const defaultRowHeight = stylesHandler.getDefaultRowHeight();
     let row = from;
     let sum = 0;
     while (row < to) {

package/3rdparty/walkontable/src/overlay/bottom.mjs

@@ -140,9 +140,9 @@ export class BottomOverlay extends Overlay {
   sumCellSizes(from, to) {
     const {
       wtTable,
-      wtSettings
+      stylesHandler
     } = this.wot;
-    const defaultRowHeight = wtSettings.getSetting('defaultRowHeight');
+    const defaultRowHeight = stylesHandler.getDefaultRowHeight();
     let row = from;
     let sum = 0;
     while (row < to) {

package/3rdparty/walkontable/src/overlay/inlineStart.js

@@ -173,7 +173,8 @@ class InlineStartOverlay extends _base.Overlay {
     const {
       holder
     } = this.clone.wtTable;
-    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(_selection.CORNER_DEFAULT_STYLE.width, 10) / 2 : 0;
+    const cornerStyle = (0, _selection.getCornerStyle)(this.wot);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(cornerStyle.width, 10) / 2 : 0;
     this.clone.wtTable.hider.style.height = this.hider.style.height;
     holder.style.height = holder.parentNode.style.height;
     // Add selection corner protruding part to the holder total width to make sure that

package/3rdparty/walkontable/src/overlay/inlineStart.mjs

@@ -2,7 +2,7 @@ import "core-js/modules/es.error.cause.js";
 import { addClass, getScrollbarWidth, getScrollLeft, getMaximumScrollLeft, getWindowScrollTop, hasClass, outerWidth, removeClass, setOverlayPosition, resetCssTransform } from "../../../../helpers/dom/element.mjs";
 import InlineStartOverlayTable from "../table/inlineStart.mjs";
 import { Overlay } from "./_base.mjs";
-import { CORNER_DEFAULT_STYLE } from "../selection/index.mjs";
+import { getCornerStyle } from "../selection/index.mjs";
 import { CLONE_INLINE_START } from "./constants.mjs";
 /**
  * @class InlineStartOverlay
@@ -169,7 +169,8 @@ export class InlineStartOverlay extends Overlay {
     const {
       holder
     } = this.clone.wtTable;
-    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(CORNER_DEFAULT_STYLE.width, 10) / 2 : 0;
+    const cornerStyle = getCornerStyle(this.wot);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(cornerStyle.width, 10) / 2 : 0;
     this.clone.wtTable.hider.style.height = this.hider.style.height;
     holder.style.height = holder.parentNode.style.height;
     // Add selection corner protruding part to the holder total width to make sure that

package/3rdparty/walkontable/src/overlay/top.js

@@ -138,7 +138,7 @@ class TopOverlay extends _base.Overlay {
    * @returns {number} Height sum.
    */
   sumCellSizes(from, to) {
-    const defaultRowHeight = this.wtSettings.getSetting('defaultRowHeight');
+    const defaultRowHeight = this.wot.stylesHandler.getDefaultRowHeight();
     let row = from;
     let sum = 0;
     while (row < to) {
@@ -200,7 +200,8 @@ class TopOverlay extends _base.Overlay {
     const {
       holder
     } = this.clone.wtTable;
-    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(_selection.CORNER_DEFAULT_STYLE.height, 10) / 2 : 0;
+    const cornerStyle = (0, _selection.getCornerStyle)(this.wot);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(cornerStyle.height, 10) / 2 : 0;
     this.clone.wtTable.hider.style.width = this.hider.style.width;
     holder.style.width = holder.parentNode.style.width;
     // Add selection corner protruding part to the holder total height to make sure that

package/3rdparty/walkontable/src/overlay/top.mjs

@@ -5,7 +5,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import { addClass, getMaximumScrollTop, getScrollbarWidth, getScrollTop, getWindowScrollLeft, hasClass, outerHeight, removeClass, setOverlayPosition, resetCssTransform } from "../../../../helpers/dom/element.mjs";
 import TopOverlayTable from "./../table/top.mjs";
 import { Overlay } from "./_base.mjs";
-import { CORNER_DEFAULT_STYLE } from "../selection/index.mjs";
+import { getCornerStyle } from "../selection/index.mjs";
 import { CLONE_TOP } from "./constants.mjs";
 /**
  * @class TopOverlay
@@ -134,7 +134,7 @@ export class TopOverlay extends Overlay {
    * @returns {number} Height sum.
    */
   sumCellSizes(from, to) {
-    const defaultRowHeight = this.wtSettings.getSetting('defaultRowHeight');
+    const defaultRowHeight = this.wot.stylesHandler.getDefaultRowHeight();
     let row = from;
     let sum = 0;
     while (row < to) {
@@ -196,7 +196,8 @@ export class TopOverlay extends Overlay {
     const {
       holder
     } = this.clone.wtTable;
-    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(CORNER_DEFAULT_STYLE.height, 10) / 2 : 0;
+    const cornerStyle = getCornerStyle(this.wot);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(cornerStyle.height, 10) / 2 : 0;
     this.clone.wtTable.hider.style.width = this.hider.style.width;
     holder.style.width = holder.parentNode.style.width;
     // Add selection corner protruding part to the holder total height to make sure that

package/3rdparty/walkontable/src/renderer/index.js

@@ -28,7 +28,8 @@ class Renderer {
       TBODY,
       rowUtils,
       columnUtils,
-      cellRenderer
+      cellRenderer,
+      stylesHandler
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     /**
      * General renderer class used to render Walkontable content on screen.
@@ -36,7 +37,8 @@ class Renderer {
      * @type {TableRenderer}
      */
     this.renderer = new _table.default(TABLE, {
-      cellRenderer
+      cellRenderer,
+      stylesHandler
     });
     this.renderer.setRenderers({
       rowHeaders: new _rowHeaders.default(),

package/3rdparty/walkontable/src/renderer/index.mjs

@@ -18,7 +18,8 @@ class Renderer {
       TBODY,
       rowUtils,
       columnUtils,
-      cellRenderer
+      cellRenderer,
+      stylesHandler
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     /**
      * General renderer class used to render Walkontable content on screen.
@@ -26,7 +27,8 @@ class Renderer {
      * @type {TableRenderer}
      */
     this.renderer = new TableRenderer(TABLE, {
-      cellRenderer
+      cellRenderer,
+      stylesHandler
     });
     this.renderer.setRenderers({
       rowHeaders: new RowHeadersRenderer(),

package/3rdparty/walkontable/src/renderer/table.js

@@ -52,7 +52,8 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 class TableRenderer {
   constructor(rootNode) {
     let {
-      cellRenderer
+      cellRenderer,
+      stylesHandler
     } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     /**
      * Table element which will be used to render the children element.
@@ -168,9 +169,14 @@ class TableRenderer {
      * @type {'inline_start'|'top'|'top_inline_start_corner'|'bottom'|'bottom_inline_start_corner'|'master'}
      */
     _defineProperty(this, "activeOverlayName", void 0);
+    /**
+     * Styles handler instance.
+     */
+    _defineProperty(this, "stylesHandler", void 0);
     this.rootNode = rootNode;
     this.rootDocument = this.rootNode.ownerDocument;
     this.cellRenderer = cellRenderer;
+    this.stylesHandler = stylesHandler;
   }
 
   /**
@@ -313,12 +319,15 @@ class TableRenderer {
     // Fix for multi-line content and for supporting `rowHeights` option.
     for (let visibleRowIndex = 0; visibleRowIndex < rowsToRender; visibleRowIndex++) {
       const TR = rows.getRenderedNode(visibleRowIndex);
+      const rowUtils = this.rowUtils;
       if (TR.firstChild) {
         const sourceRowIndex = this.renderedRowToSource(visibleRowIndex);
-        const rowHeight = this.rowUtils.getHeightByOverlayName(sourceRowIndex, this.activeOverlayName);
+        const rowHeight = rowUtils.getHeightByOverlayName(sourceRowIndex, this.activeOverlayName);
+        const isBorderBoxSizing = this.stylesHandler.areCellsBorderBox();
+        const borderCompensation = isBorderBoxSizing ? 0 : 1;
         if (rowHeight) {
           // Decrease height. 1 pixel will be "replaced" by 1px border top
-          TR.firstChild.style.height = `${rowHeight - 1}px`;
+          TR.firstChild.style.height = `${rowHeight - borderCompensation}px`;
         } else {
           TR.firstChild.style.height = '';
         }

package/3rdparty/walkontable/src/renderer/table.mjs

@@ -49,7 +49,8 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 export default class TableRenderer {
   constructor(rootNode) {
     let {
-      cellRenderer
+      cellRenderer,
+      stylesHandler
     } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     /**
      * Table element which will be used to render the children element.
@@ -165,9 +166,14 @@ export default class TableRenderer {
      * @type {'inline_start'|'top'|'top_inline_start_corner'|'bottom'|'bottom_inline_start_corner'|'master'}
      */
     _defineProperty(this, "activeOverlayName", void 0);
+    /**
+     * Styles handler instance.
+     */
+    _defineProperty(this, "stylesHandler", void 0);
     this.rootNode = rootNode;
     this.rootDocument = this.rootNode.ownerDocument;
     this.cellRenderer = cellRenderer;
+    this.stylesHandler = stylesHandler;
   }
 
   /**
@@ -310,12 +316,15 @@ export default class TableRenderer {
     // Fix for multi-line content and for supporting `rowHeights` option.
     for (let visibleRowIndex = 0; visibleRowIndex < rowsToRender; visibleRowIndex++) {
       const TR = rows.getRenderedNode(visibleRowIndex);
+      const rowUtils = this.rowUtils;
       if (TR.firstChild) {
         const sourceRowIndex = this.renderedRowToSource(visibleRowIndex);
-        const rowHeight = this.rowUtils.getHeightByOverlayName(sourceRowIndex, this.activeOverlayName);
+        const rowHeight = rowUtils.getHeightByOverlayName(sourceRowIndex, this.activeOverlayName);
+        const isBorderBoxSizing = this.stylesHandler.areCellsBorderBox();
+        const borderCompensation = isBorderBoxSizing ? 0 : 1;
         if (rowHeight) {
           // Decrease height. 1 pixel will be "replaced" by 1px border top
-          TR.firstChild.style.height = `${rowHeight - 1}px`;
+          TR.firstChild.style.height = `${rowHeight - borderCompensation}px`;
         } else {
           TR.firstChild.style.height = '';
         }

package/3rdparty/walkontable/src/selection/border/border.js

@@ -5,7 +5,7 @@ var _element = require("../../../../../helpers/dom/element");
 var _event = require("../../../../../helpers/dom/event");
 var _object = require("../../../../../helpers/object");
 var _browser = require("../../../../../helpers/browser");
-var _constants = require("./constants");
+var _utils = require("./utils");
 /**
  *
  */
@@ -35,9 +35,9 @@ class Border {
     this.bottomStyle = null;
     this.startStyle = null;
     this.endStyle = null;
-    this.cornerDefaultStyle = _constants.CORNER_DEFAULT_STYLE;
+    this.cornerDefaultStyle = (0, _utils.getCornerStyle)(this.instance);
     // Offset to moving the corner to be centered relative to the grid.
-    this.cornerCenterPointOffset = -(parseInt(this.cornerDefaultStyle.width, 10) / 2);
+    this.cornerCenterPointOffset = -Math.ceil(parseInt(this.cornerDefaultStyle.width, 10) / 2);
     this.corner = null;
     this.cornerStyle = null;
     this.createBorders(settings);
@@ -166,9 +166,9 @@ class Border {
     this.corner = this.main.childNodes[4];
     this.corner.className += ' corner';
     this.cornerStyle = this.corner.style;
-    this.cornerStyle.width = this.cornerDefaultStyle.width;
-    this.cornerStyle.height = this.cornerDefaultStyle.height;
-    this.cornerStyle.border = [this.cornerDefaultStyle.borderWidth, this.cornerDefaultStyle.borderStyle, this.cornerDefaultStyle.borderColor].join(' ');
+    this.cornerStyle.width = `${this.cornerDefaultStyle.width}px`;
+    this.cornerStyle.height = `${this.cornerDefaultStyle.height}px`;
+    this.cornerStyle.border = [`${this.cornerDefaultStyle.borderWidth}px`, this.cornerDefaultStyle.borderStyle, this.cornerDefaultStyle.borderColor].join(' ');
     if ((0, _browser.isMobileBrowser)() && this.instance.getSetting('isDataViewInstance')) {
       this.createMultipleSelectorHandles();
     }
@@ -437,9 +437,11 @@ class Border {
     if ((0, _browser.isMobileBrowser)() || !cornerVisibleSetting || this.isPartRange(checkRow, checkCol)) {
       this.cornerStyle.display = 'none';
     } else {
-      this.cornerStyle.top = `${top + height + this.cornerCenterPointOffset - 1}px`;
-      this.cornerStyle[inlinePosProperty] = `${inlineStartPos + width + this.cornerCenterPointOffset - 1}px`;
-      this.cornerStyle.borderRightWidth = this.cornerDefaultStyle.borderWidth;
+      this.cornerStyle.top = `${top + height + this.cornerCenterPointOffset - this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle[inlinePosProperty] = `${inlineStartPos + width + this.cornerCenterPointOffset - this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle.borderRightWidth = `${this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle.borderLeftWidth = `${this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle.borderBottomWidth = `${this.cornerDefaultStyle.borderWidth}px`;
       this.cornerStyle.width = this.cornerDefaultStyle.width;
 
       // Hide the fill handle, so the possible further adjustments won't force unneeded scrollbars.
@@ -449,8 +451,12 @@ class Border {
       if (trimToWindow) {
         trimmingContainer = rootDocument.documentElement;
       }
-      const cornerHalfWidth = parseInt(this.cornerDefaultStyle.width, 10) / 2;
-      const cornerHalfHeight = parseInt(this.cornerDefaultStyle.height, 10) / 2;
+
+      // -1 was initially removed from the base position to compansate for the table border. We need to exclude it from
+      // the corner width.
+      const cornerBorderCompensation = parseInt(this.cornerDefaultStyle.borderWidth, 10) - 1;
+      const cornerHalfWidth = Math.ceil(parseInt(this.cornerDefaultStyle.width, 10) / 2);
+      const cornerHalfHeight = Math.ceil(parseInt(this.cornerDefaultStyle.height, 10) / 2);
       if (toColumn === this.wot.getSetting('totalColumns') - 1) {
         const toTdOffsetLeft = trimToWindow ? toTD.getBoundingClientRect().left : toTD.offsetLeft;
         let cornerOverlappingContainer = false;
@@ -463,7 +469,7 @@ class Border {
           cornerOverlappingContainer = cornerEdge >= (0, _element.innerWidth)(trimmingContainer);
         }
         if (cornerOverlappingContainer) {
-          this.cornerStyle[inlinePosProperty] = `${Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth)}px`;
+          this.cornerStyle[inlinePosProperty] = `${Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth - cornerBorderCompensation)}px`;
           this.cornerStyle[isRtl ? 'borderLeftWidth' : 'borderRightWidth'] = 0;
         }
       }
@@ -472,7 +478,7 @@ class Border {
         const cornerBottomEdge = toTdOffsetTop + (0, _element.outerHeight)(toTD) + parseInt(this.cornerDefaultStyle.height, 10) / 2;
         const cornerOverlappingContainer = cornerBottomEdge >= (0, _element.innerHeight)(trimmingContainer);
         if (cornerOverlappingContainer) {
-          this.cornerStyle.top = `${Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight)}px`;
+          this.cornerStyle.top = `${Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight - cornerBorderCompensation)}px`;
           this.cornerStyle.borderBottomWidth = 0;
         }
       }

package/3rdparty/walkontable/src/selection/border/border.mjs

@@ -2,7 +2,7 @@ import { addClass, hasClass, removeClass, getTrimmingContainer, innerWidth, inne
 import { stopImmediatePropagation } from "../../../../../helpers/dom/event.mjs";
 import { objectEach } from "../../../../../helpers/object.mjs";
 import { isMobileBrowser } from "../../../../../helpers/browser.mjs";
-import { CORNER_DEFAULT_STYLE } from "./constants.mjs";
+import { getCornerStyle } from "./utils.mjs";
 /**
  *
  */
@@ -32,9 +32,9 @@ class Border {
     this.bottomStyle = null;
     this.startStyle = null;
     this.endStyle = null;
-    this.cornerDefaultStyle = CORNER_DEFAULT_STYLE;
+    this.cornerDefaultStyle = getCornerStyle(this.instance);
     // Offset to moving the corner to be centered relative to the grid.
-    this.cornerCenterPointOffset = -(parseInt(this.cornerDefaultStyle.width, 10) / 2);
+    this.cornerCenterPointOffset = -Math.ceil(parseInt(this.cornerDefaultStyle.width, 10) / 2);
     this.corner = null;
     this.cornerStyle = null;
     this.createBorders(settings);
@@ -163,9 +163,9 @@ class Border {
     this.corner = this.main.childNodes[4];
     this.corner.className += ' corner';
     this.cornerStyle = this.corner.style;
-    this.cornerStyle.width = this.cornerDefaultStyle.width;
-    this.cornerStyle.height = this.cornerDefaultStyle.height;
-    this.cornerStyle.border = [this.cornerDefaultStyle.borderWidth, this.cornerDefaultStyle.borderStyle, this.cornerDefaultStyle.borderColor].join(' ');
+    this.cornerStyle.width = `${this.cornerDefaultStyle.width}px`;
+    this.cornerStyle.height = `${this.cornerDefaultStyle.height}px`;
+    this.cornerStyle.border = [`${this.cornerDefaultStyle.borderWidth}px`, this.cornerDefaultStyle.borderStyle, this.cornerDefaultStyle.borderColor].join(' ');
     if (isMobileBrowser() && this.instance.getSetting('isDataViewInstance')) {
       this.createMultipleSelectorHandles();
     }
@@ -434,9 +434,11 @@ class Border {
     if (isMobileBrowser() || !cornerVisibleSetting || this.isPartRange(checkRow, checkCol)) {
       this.cornerStyle.display = 'none';
     } else {
-      this.cornerStyle.top = `${top + height + this.cornerCenterPointOffset - 1}px`;
-      this.cornerStyle[inlinePosProperty] = `${inlineStartPos + width + this.cornerCenterPointOffset - 1}px`;
-      this.cornerStyle.borderRightWidth = this.cornerDefaultStyle.borderWidth;
+      this.cornerStyle.top = `${top + height + this.cornerCenterPointOffset - this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle[inlinePosProperty] = `${inlineStartPos + width + this.cornerCenterPointOffset - this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle.borderRightWidth = `${this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle.borderLeftWidth = `${this.cornerDefaultStyle.borderWidth}px`;
+      this.cornerStyle.borderBottomWidth = `${this.cornerDefaultStyle.borderWidth}px`;
       this.cornerStyle.width = this.cornerDefaultStyle.width;
 
       // Hide the fill handle, so the possible further adjustments won't force unneeded scrollbars.
@@ -446,8 +448,12 @@ class Border {
       if (trimToWindow) {
         trimmingContainer = rootDocument.documentElement;
       }
-      const cornerHalfWidth = parseInt(this.cornerDefaultStyle.width, 10) / 2;
-      const cornerHalfHeight = parseInt(this.cornerDefaultStyle.height, 10) / 2;
+
+      // -1 was initially removed from the base position to compansate for the table border. We need to exclude it from
+      // the corner width.
+      const cornerBorderCompensation = parseInt(this.cornerDefaultStyle.borderWidth, 10) - 1;
+      const cornerHalfWidth = Math.ceil(parseInt(this.cornerDefaultStyle.width, 10) / 2);
+      const cornerHalfHeight = Math.ceil(parseInt(this.cornerDefaultStyle.height, 10) / 2);
       if (toColumn === this.wot.getSetting('totalColumns') - 1) {
         const toTdOffsetLeft = trimToWindow ? toTD.getBoundingClientRect().left : toTD.offsetLeft;
         let cornerOverlappingContainer = false;
@@ -460,7 +466,7 @@ class Border {
           cornerOverlappingContainer = cornerEdge >= innerWidth(trimmingContainer);
         }
         if (cornerOverlappingContainer) {
-          this.cornerStyle[inlinePosProperty] = `${Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth)}px`;
+          this.cornerStyle[inlinePosProperty] = `${Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth - cornerBorderCompensation)}px`;
           this.cornerStyle[isRtl ? 'borderLeftWidth' : 'borderRightWidth'] = 0;
         }
       }
@@ -469,7 +475,7 @@ class Border {
         const cornerBottomEdge = toTdOffsetTop + outerHeight(toTD) + parseInt(this.cornerDefaultStyle.height, 10) / 2;
         const cornerOverlappingContainer = cornerBottomEdge >= innerHeight(trimmingContainer);
         if (cornerOverlappingContainer) {
-          this.cornerStyle.top = `${Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight)}px`;
+          this.cornerStyle.top = `${Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight - cornerBorderCompensation)}px`;
           this.cornerStyle.borderBottomWidth = 0;
         }
       }