handsontable 15.3.0 → 16.0.0-next-f486b48-20250702

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

@@ -305,9 +305,6 @@ 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,9 +301,6 @@ 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,7 +30,6 @@ 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,7 +26,6 @@ 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,7 +12,6 @@ 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
@@ -24,7 +23,6 @@ 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,7 +9,6 @@ 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
  */
@@ -20,7 +19,6 @@ 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,9 +110,6 @@ 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,9 +106,6 @@ 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

@@ -31,6 +31,5 @@ var _nodesPool = require("./utils/nodesPool");
 exports.NodesPool = _nodesPool.NodesPool;
 var _eventManager = require("../../../eventManager");
 exports.getListenersCounter = _eventManager.getListenersCounter;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -302,9 +302,7 @@ 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
-      stylesHandler: this.wot.stylesHandler
+      selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
     });
   }
 

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

@@ -298,9 +298,7 @@ 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
-      stylesHandler: this.wot.stylesHandler
+      selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
     });
   }
 

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

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

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

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

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

@@ -143,7 +143,7 @@ class TopOverlay extends _base.Overlay {
    * @returns {number} Height sum.
    */
   sumCellSizes(from, to) {
-    const defaultRowHeight = this.wot.stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = this.wtSettings.getSetting('stylesHandler').getDefaultRowHeight();
     let row = from;
     let sum = 0;
     while (row < to) {

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

@@ -139,7 +139,7 @@ export class TopOverlay extends Overlay {
    * @returns {number} Height sum.
    */
   sumCellSizes(from, to) {
-    const defaultRowHeight = this.wot.stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = this.wtSettings.getSetting('stylesHandler').getDefaultRowHeight();
     let row = from;
     let sum = 0;
     while (row < to) {

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

@@ -95,7 +95,7 @@ class ColumnHeadersRenderer extends _base.BaseRenderer {
           (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_COLINDEX)(renderedColumnIndex + 1 + this.table.rowHeadersCount), (0, _a11y.A11Y_TABINDEX)(-1), (0, _a11y.A11Y_COLUMNHEADER)(), ...(renderedColumnIndex >= 0 ? [(0, _a11y.A11Y_SCOPE_COL)()] : [
           // Adding `role=row` to the corner headers to prevent
           // https://github.com/handsontable/dev-handsontable/issues/1574
-          (0, _a11y.A11Y_ROW)()])]);
+          (0, _a11y.A11Y_GRIDCELL_BUTTON)(), (0, _a11y.A11Y_LABEL)('Select whole grid')])]);
         }
         columnHeaderFunctions[rowHeaderIndex](sourceColumnIndex, TH, rowHeaderIndex);
       }

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

@@ -1,6 +1,6 @@
 import { empty, setAttribute, removeAttribute } from "../../../../helpers/dom/element.mjs";
 import { BaseRenderer } from "./_base.mjs";
-import { A11Y_COLINDEX, A11Y_COLUMNHEADER, A11Y_ROW, A11Y_ROWGROUP, A11Y_ROWINDEX, A11Y_SCOPE_COL, A11Y_TABINDEX } from "../../../../helpers/a11y.mjs";
+import { A11Y_COLINDEX, A11Y_COLUMNHEADER, A11Y_GRIDCELL_BUTTON, A11Y_LABEL, A11Y_ROW, A11Y_ROWGROUP, A11Y_ROWINDEX, A11Y_SCOPE_COL, A11Y_TABINDEX } from "../../../../helpers/a11y.mjs";
 /**
  * Column headers renderer responsible for managing (inserting, tracking, rendering) TR and TH elements.
  *
@@ -92,7 +92,7 @@ export class ColumnHeadersRenderer extends BaseRenderer {
           setAttribute(TH, [A11Y_COLINDEX(renderedColumnIndex + 1 + this.table.rowHeadersCount), A11Y_TABINDEX(-1), A11Y_COLUMNHEADER(), ...(renderedColumnIndex >= 0 ? [A11Y_SCOPE_COL()] : [
           // Adding `role=row` to the corner headers to prevent
           // https://github.com/handsontable/dev-handsontable/issues/1574
-          A11Y_ROW()])]);
+          A11Y_GRIDCELL_BUTTON(), A11Y_LABEL('Select whole grid')])]);
         }
         columnHeaderFunctions[rowHeaderIndex](sourceColumnIndex, TH, rowHeaderIndex);
       }

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

@@ -192,8 +192,9 @@ class Border {
   createMultipleSelectorHandles() {
     const {
       rootDocument,
-      stylesHandler
+      wtSettings
     } = this.wot;
+    const stylesHandler = wtSettings.getSetting('stylesHandler');
     const cellMobileHandleSize = stylesHandler.getCSSVariableValue('cell-mobile-handle-size');
     const cellMobileHandleBorderRadius = stylesHandler.getCSSVariableValue('cell-mobile-handle-border-radius');
     const cellMobileHandleBackgroundColor = stylesHandler.getCSSVariableValue('cell-mobile-handle-background-color');
@@ -348,6 +349,7 @@ class Border {
       rootWindow
     } = this.wot;
     const isMultiple = fromRow !== toRow || fromColumn !== toColumn;
+    const isClassicTheme = this.wot.wtSettings.getSetting('stylesHandler').isClassicTheme();
     const firstRenderedRow = wtTable.getFirstRenderedRow();
     const lastRenderedRow = wtTable.getLastRenderedRow();
     const firstRenderedColumn = wtTable.getFirstRenderedColumn();
@@ -428,22 +430,22 @@ class Border {
       width = width > 0 ? width - 1 : 0;
     }
     const inlinePosProperty = isRtl ? 'right' : 'left';
+    const delta = Math.ceil(this.settings.border.width / 2);
     this.topStyle.top = `${top}px`;
     this.topStyle[inlinePosProperty] = `${inlineStartPos}px`;
-    this.topStyle.width = `${width}px`;
+    this.topStyle.width = `${width + delta}px`;
     this.topStyle.display = 'block';
     this.startStyle.top = `${top}px`;
     this.startStyle[inlinePosProperty] = `${inlineStartPos}px`;
-    this.startStyle.height = `${height}px`;
+    this.startStyle.height = `${height + delta}px`;
     this.startStyle.display = 'block';
-    const delta = Math.floor(this.settings.border.width / 2);
-    this.bottomStyle.top = `${top + height - delta}px`;
+    this.bottomStyle.top = `${top + height - parseInt(this.bottomStyle.height, 10) + delta}px`;
     this.bottomStyle[inlinePosProperty] = `${inlineStartPos}px`;
-    this.bottomStyle.width = `${width}px`;
+    this.bottomStyle.width = `${width + delta}px`;
     this.bottomStyle.display = 'block';
     this.endStyle.top = `${top}px`;
-    this.endStyle[inlinePosProperty] = `${inlineStartPos + width - delta}px`;
-    this.endStyle.height = `${height + 1}px`;
+    this.endStyle[inlinePosProperty] = `${inlineStartPos + width - parseInt(this.endStyle.width, 10) + delta}px`;
+    this.endStyle.height = `${height + delta}px`;
     this.endStyle.display = 'block';
     let cornerVisibleSetting = this.settings.border.cornerVisible;
     cornerVisibleSetting = typeof cornerVisibleSetting === 'function' ? cornerVisibleSetting(this.settings.layerLevel) : cornerVisibleSetting;
@@ -487,15 +489,19 @@ class Border {
           cornerOverlappingContainer = cornerEdge >= (0, _element.innerWidth)(trimmingContainer);
         }
         if (cornerOverlappingContainer) {
-          this.cornerStyle[inlinePosProperty] = `${Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth - cornerBorderCompensation)}px`;
-          this.cornerStyle[isRtl ? 'borderLeftWidth' : 'borderRightWidth'] = 0;
+          const inlineStartPosition = Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth - cornerBorderCompensation);
+          if (isClassicTheme) {
+            this.cornerStyle[inlinePosProperty] = `${inlineStartPosition}px`;
+            this.cornerStyle[isRtl ? 'borderLeftWidth' : 'borderRightWidth'] = 0;
+          } else {
+            this.cornerStyle[inlinePosProperty] = `${inlineStartPosition - 1}px`;
+          }
         }
       }
       if (toRow === this.wot.getSetting('totalRows') - 1) {
         const toTdOffsetTop = trimToWindow ? toTD.getBoundingClientRect().top : toTD.offsetTop;
         const cornerBottomEdge = toTdOffsetTop + (0, _element.outerHeight)(toTD) + parseInt(this.cornerDefaultStyle.height, 10) / 2;
         const cornerOverlappingContainer = cornerBottomEdge >= (0, _element.innerHeight)(trimmingContainer);
-        const isClassicTheme = this.wot.stylesHandler.isClassicTheme();
         if (cornerOverlappingContainer) {
           const cornerTopPosition = Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight - cornerBorderCompensation);
           if (isClassicTheme) {

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

@@ -189,8 +189,9 @@ class Border {
   createMultipleSelectorHandles() {
     const {
       rootDocument,
-      stylesHandler
+      wtSettings
     } = this.wot;
+    const stylesHandler = wtSettings.getSetting('stylesHandler');
     const cellMobileHandleSize = stylesHandler.getCSSVariableValue('cell-mobile-handle-size');
     const cellMobileHandleBorderRadius = stylesHandler.getCSSVariableValue('cell-mobile-handle-border-radius');
     const cellMobileHandleBackgroundColor = stylesHandler.getCSSVariableValue('cell-mobile-handle-background-color');
@@ -345,6 +346,7 @@ class Border {
       rootWindow
     } = this.wot;
     const isMultiple = fromRow !== toRow || fromColumn !== toColumn;
+    const isClassicTheme = this.wot.wtSettings.getSetting('stylesHandler').isClassicTheme();
     const firstRenderedRow = wtTable.getFirstRenderedRow();
     const lastRenderedRow = wtTable.getLastRenderedRow();
     const firstRenderedColumn = wtTable.getFirstRenderedColumn();
@@ -425,22 +427,22 @@ class Border {
       width = width > 0 ? width - 1 : 0;
     }
     const inlinePosProperty = isRtl ? 'right' : 'left';
+    const delta = Math.ceil(this.settings.border.width / 2);
     this.topStyle.top = `${top}px`;
     this.topStyle[inlinePosProperty] = `${inlineStartPos}px`;
-    this.topStyle.width = `${width}px`;
+    this.topStyle.width = `${width + delta}px`;
     this.topStyle.display = 'block';
     this.startStyle.top = `${top}px`;
     this.startStyle[inlinePosProperty] = `${inlineStartPos}px`;
-    this.startStyle.height = `${height}px`;
+    this.startStyle.height = `${height + delta}px`;
     this.startStyle.display = 'block';
-    const delta = Math.floor(this.settings.border.width / 2);
-    this.bottomStyle.top = `${top + height - delta}px`;
+    this.bottomStyle.top = `${top + height - parseInt(this.bottomStyle.height, 10) + delta}px`;
     this.bottomStyle[inlinePosProperty] = `${inlineStartPos}px`;
-    this.bottomStyle.width = `${width}px`;
+    this.bottomStyle.width = `${width + delta}px`;
     this.bottomStyle.display = 'block';
     this.endStyle.top = `${top}px`;
-    this.endStyle[inlinePosProperty] = `${inlineStartPos + width - delta}px`;
-    this.endStyle.height = `${height + 1}px`;
+    this.endStyle[inlinePosProperty] = `${inlineStartPos + width - parseInt(this.endStyle.width, 10) + delta}px`;
+    this.endStyle.height = `${height + delta}px`;
     this.endStyle.display = 'block';
     let cornerVisibleSetting = this.settings.border.cornerVisible;
     cornerVisibleSetting = typeof cornerVisibleSetting === 'function' ? cornerVisibleSetting(this.settings.layerLevel) : cornerVisibleSetting;
@@ -484,15 +486,19 @@ class Border {
           cornerOverlappingContainer = cornerEdge >= innerWidth(trimmingContainer);
         }
         if (cornerOverlappingContainer) {
-          this.cornerStyle[inlinePosProperty] = `${Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth - cornerBorderCompensation)}px`;
-          this.cornerStyle[isRtl ? 'borderLeftWidth' : 'borderRightWidth'] = 0;
+          const inlineStartPosition = Math.floor(inlineStartPos + width + this.cornerCenterPointOffset - cornerHalfWidth - cornerBorderCompensation);
+          if (isClassicTheme) {
+            this.cornerStyle[inlinePosProperty] = `${inlineStartPosition}px`;
+            this.cornerStyle[isRtl ? 'borderLeftWidth' : 'borderRightWidth'] = 0;
+          } else {
+            this.cornerStyle[inlinePosProperty] = `${inlineStartPosition - 1}px`;
+          }
         }
       }
       if (toRow === this.wot.getSetting('totalRows') - 1) {
         const toTdOffsetTop = trimToWindow ? toTD.getBoundingClientRect().top : toTD.offsetTop;
         const cornerBottomEdge = toTdOffsetTop + outerHeight(toTD) + parseInt(this.cornerDefaultStyle.height, 10) / 2;
         const cornerOverlappingContainer = cornerBottomEdge >= innerHeight(trimmingContainer);
-        const isClassicTheme = this.wot.stylesHandler.isClassicTheme();
         if (cornerOverlappingContainer) {
           const cornerTopPosition = Math.floor(top + height + this.cornerCenterPointOffset - cornerHalfHeight - cornerBorderCompensation);
           if (isClassicTheme) {

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

@@ -2,7 +2,7 @@
 
 exports.__esModule = true;
 const getCornerStyle = wot => {
-  const stylesHandler = wot.stylesHandler;
+  const stylesHandler = wot.wtSettings.getSetting('stylesHandler');
   if (stylesHandler.isClassicTheme()) {
     return Object.freeze({
       width: 6,

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

@@ -1,5 +1,5 @@
 export const getCornerStyle = wot => {
-  const stylesHandler = wot.stylesHandler;
+  const stylesHandler = wot.wtSettings.getSetting('stylesHandler');
   if (stylesHandler.isClassicTheme()) {
     return Object.freeze({
       width: 6,

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

@@ -76,6 +76,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @property {?Option} viewportRowCalculatorOverride Option `viewportRowCalculatorOverride`.
  * @property {?Option} viewportColumnRenderingThreshold Option `viewportColumnRenderingThreshold`.
  * @property {?Option} viewportRowRenderingThreshold Option `viewportRowRenderingThreshold`.
+ * @property {?Option} stylesHandler Option `stylesHandler`.
  */
 
 /**
@@ -230,7 +231,8 @@ class Settings {
       columnHeaderHeight: null,
       headerClassName: null,
       rtlMode: false,
-      ariaTags: true
+      ariaTags: true,
+      stylesHandler: null
     };
   }
 

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

@@ -73,6 +73,7 @@ import { objectEach } from "../../../helpers/object.mjs";
  * @property {?Option} viewportRowCalculatorOverride Option `viewportRowCalculatorOverride`.
  * @property {?Option} viewportColumnRenderingThreshold Option `viewportColumnRenderingThreshold`.
  * @property {?Option} viewportRowRenderingThreshold Option `viewportRowRenderingThreshold`.
+ * @property {?Option} stylesHandler Option `stylesHandler`.
  */
 /**
  * @template TValue.
@@ -225,7 +226,8 @@ export default class Settings {
       columnHeaderHeight: null,
       headerClassName: null,
       rtlMode: false,
-      ariaTags: true
+      ariaTags: true,
+      stylesHandler: null
     };
   }
 

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

@@ -118,7 +118,7 @@ class Table {
       rowUtils: this.rowUtils,
       columnUtils: this.columnUtils,
       cellRenderer: this.wtSettings.getSettingPure('cellRenderer'),
-      stylesHandler: this.dataAccessObject.stylesHandler
+      stylesHandler: this.wtSettings.getSetting('stylesHandler')
     });
   }
 
@@ -213,7 +213,9 @@ class Table {
       holder = this.domBindings.rootDocument.createElement('div');
       holder.style.position = 'relative';
       holder.className = 'wtHolder';
-      (0, _element.setAttribute)(holder, [(0, _a11y.A11Y_TABINDEX)(-1)]);
+      if (this.isMaster) {
+        (0, _element.setAttribute)(holder, [(0, _a11y.A11Y_TABINDEX)(-1)]);
+      }
       if (parent) {
         // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it
         parent.insertBefore(holder, hider);
@@ -355,7 +357,7 @@ class Table {
   markIfOversizedColumnHeader(col) {
     const sourceColIndex = this.columnFilter.renderedToSource(col);
     let level = this.wtSettings.getSetting('columnHeaders').length;
-    const defaultRowHeight = this.dataAccessObject.stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = this.wtSettings.getSetting('stylesHandler').getDefaultRowHeight();
     let previousColHeaderHeight;
     let currentHeader;
     let currentHeaderHeight;
@@ -636,9 +638,10 @@ class Table {
       return;
     }
     let rowCount = this.TBODY.childNodes.length;
-    const expectedTableHeight = rowCount * this.dataAccessObject.stylesHandler.getDefaultRowHeight();
+    const stylesHandler = this.wtSettings.getSetting('stylesHandler');
+    const expectedTableHeight = rowCount * stylesHandler.getDefaultRowHeight();
     const actualTableHeight = (0, _element.innerHeight)(this.TBODY) - 1;
-    const borderBoxSizing = this.wot.stylesHandler.areCellsBorderBox();
+    const borderBoxSizing = stylesHandler.areCellsBorderBox();
     const rowHeightFn = borderBoxSizing ? _element.outerHeight : _element.innerHeight;
     const borderCompensation = borderBoxSizing ? 0 : 1;
     const firstRowBorderCompensation = borderBoxSizing ? 1 : 0;
@@ -663,7 +666,7 @@ class Table {
       } else {
         rowCurrentHeight = rowHeightFn(currentTr) - borderCompensation;
       }
-      if (!previousRowHeight && this.dataAccessObject.stylesHandler.getDefaultRowHeight() < rowCurrentHeight - topBorderCompensation || previousRowHeight < rowCurrentHeight) {
+      if (!previousRowHeight && stylesHandler.getDefaultRowHeight() < rowCurrentHeight - topBorderCompensation || previousRowHeight < rowCurrentHeight) {
         if (!borderBoxSizing) {
           rowCurrentHeight += 1;
         }

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

@@ -114,7 +114,7 @@ class Table {
       rowUtils: this.rowUtils,
       columnUtils: this.columnUtils,
       cellRenderer: this.wtSettings.getSettingPure('cellRenderer'),
-      stylesHandler: this.dataAccessObject.stylesHandler
+      stylesHandler: this.wtSettings.getSetting('stylesHandler')
     });
   }
 
@@ -209,7 +209,9 @@ class Table {
       holder = this.domBindings.rootDocument.createElement('div');
       holder.style.position = 'relative';
       holder.className = 'wtHolder';
-      setAttribute(holder, [A11Y_TABINDEX(-1)]);
+      if (this.isMaster) {
+        setAttribute(holder, [A11Y_TABINDEX(-1)]);
+      }
       if (parent) {
         // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it
         parent.insertBefore(holder, hider);
@@ -351,7 +353,7 @@ class Table {
   markIfOversizedColumnHeader(col) {
     const sourceColIndex = this.columnFilter.renderedToSource(col);
     let level = this.wtSettings.getSetting('columnHeaders').length;
-    const defaultRowHeight = this.dataAccessObject.stylesHandler.getDefaultRowHeight();
+    const defaultRowHeight = this.wtSettings.getSetting('stylesHandler').getDefaultRowHeight();
     let previousColHeaderHeight;
     let currentHeader;
     let currentHeaderHeight;
@@ -632,9 +634,10 @@ class Table {
       return;
     }
     let rowCount = this.TBODY.childNodes.length;
-    const expectedTableHeight = rowCount * this.dataAccessObject.stylesHandler.getDefaultRowHeight();
+    const stylesHandler = this.wtSettings.getSetting('stylesHandler');
+    const expectedTableHeight = rowCount * stylesHandler.getDefaultRowHeight();
     const actualTableHeight = innerHeight(this.TBODY) - 1;
-    const borderBoxSizing = this.wot.stylesHandler.areCellsBorderBox();
+    const borderBoxSizing = stylesHandler.areCellsBorderBox();
     const rowHeightFn = borderBoxSizing ? outerHeight : innerHeight;
     const borderCompensation = borderBoxSizing ? 0 : 1;
     const firstRowBorderCompensation = borderBoxSizing ? 1 : 0;
@@ -659,7 +662,7 @@ class Table {
       } else {
         rowCurrentHeight = rowHeightFn(currentTr) - borderCompensation;
       }
-      if (!previousRowHeight && this.dataAccessObject.stylesHandler.getDefaultRowHeight() < rowCurrentHeight - topBorderCompensation || previousRowHeight < rowCurrentHeight) {
+      if (!previousRowHeight && stylesHandler.getDefaultRowHeight() < rowCurrentHeight - topBorderCompensation || previousRowHeight < rowCurrentHeight) {
         if (!borderBoxSizing) {
           rowCurrentHeight += 1;
         }

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

@@ -66,7 +66,6 @@
  * @property {Walkontable} cloneSource CloneSource.
  * @property {Walkontable} wot Wot.
  * @property {number} parentTableOffset ParentTableOffset.
- * @property {StylesHandler} stylesHandler StylesHandler.
  * @property {number|null} startColumnRendered StartColumnRendered.
  * @property {number|null} startColumnVisible StartColumnVisible.
  * @property {number|null} endColumnRendered EndColumnRendered.

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

@@ -66,7 +66,6 @@
  * @property {Walkontable} cloneSource CloneSource.
  * @property {Walkontable} wot Wot.
  * @property {number} parentTableOffset ParentTableOffset.
- * @property {StylesHandler} stylesHandler StylesHandler.
  * @property {number|null} startColumnRendered StartColumnRendered.
  * @property {number|null} startColumnVisible StartColumnVisible.
  * @property {number|null} endColumnRendered EndColumnRendered.

package/3rdparty/walkontable/src/utils/column.js

@@ -50,7 +50,7 @@ class ColumnUtils {
    * @returns {number}
    */
   getHeaderHeight(level) {
-    let height = this.dataAccessObject.stylesHandler.getDefaultRowHeight();
+    let height = this.wtSettings.getSetting('stylesHandler').getDefaultRowHeight();
     const oversizedHeight = this.dataAccessObject.wtViewport.oversizedColumnHeaders[level];
     if (oversizedHeight !== undefined) {
       height = height ? Math.max(height, oversizedHeight) : oversizedHeight;

package/3rdparty/walkontable/src/utils/column.mjs

@@ -47,7 +47,7 @@ export default class ColumnUtils {
    * @returns {number}
    */
   getHeaderHeight(level) {
-    let height = this.dataAccessObject.stylesHandler.getDefaultRowHeight();
+    let height = this.wtSettings.getSetting('stylesHandler').getDefaultRowHeight();
     const oversizedHeight = this.dataAccessObject.wtViewport.oversizedColumnHeaders[level];
     if (oversizedHeight !== undefined) {
       height = height ? Math.max(height, oversizedHeight) : oversizedHeight;

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

@@ -291,7 +291,7 @@ class Viewport {
       viewportHeight: height,
       scrollOffset: pos,
       totalRows: wtSettings.getSetting('totalRows'),
-      defaultRowHeight: this.instance.stylesHandler.getDefaultRowHeight(),
+      defaultRowHeight: wtSettings.getSetting('stylesHandler').getDefaultRowHeight(),
       rowHeightFn: sourceRow => wtTable.getRowHeight(sourceRow),
       overrideFn: wtSettings.getSettingPure('viewportRowCalculatorOverride'),
       horizontalScrollbarHeight: scrollbarHeight

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

@@ -288,7 +288,7 @@ class Viewport {
       viewportHeight: height,
       scrollOffset: pos,
       totalRows: wtSettings.getSetting('totalRows'),
-      defaultRowHeight: this.instance.stylesHandler.getDefaultRowHeight(),
+      defaultRowHeight: wtSettings.getSetting('stylesHandler').getDefaultRowHeight(),
       rowHeightFn: sourceRow => wtTable.getRowHeight(sourceRow),
       overrideFn: wtSettings.getSettingPure('viewportRowCalculatorOverride'),
       horizontalScrollbarHeight: scrollbarHeight