handsontable 0.0.0-next-9059914-20231025 → 0.0.0-next-cecf979-20231026

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

@@ -12,8 +12,16 @@ exports.CellRange = _range.default;
 var _core = _interopRequireDefault(require("./facade/core"));
 exports.default = _core.default;
 exports.Core = _core.default;
-var _selection = _interopRequireDefault(require("./selection"));
-exports.Selection = _selection.default;
+var _selection = require("./selection");
+exports.Selection = _selection.Selection;
+exports.HIGHLIGHT_ACTIVE_HEADER_TYPE = _selection.ACTIVE_HEADER_TYPE;
+exports.HIGHLIGHT_AREA_TYPE = _selection.AREA_TYPE;
+exports.HIGHLIGHT_FOCUS_TYPE = _selection.FOCUS_TYPE;
+exports.HIGHLIGHT_FILL_TYPE = _selection.FILL_TYPE;
+exports.HIGHLIGHT_HEADER_TYPE = _selection.HEADER_TYPE;
+exports.HIGHLIGHT_ROW_TYPE = _selection.ROW_TYPE;
+exports.HIGHLIGHT_COLUMN_TYPE = _selection.COLUMN_TYPE;
+exports.HIGHLIGHT_CUSTOM_SELECTION_TYPE = _selection.CUSTOM_SELECTION_TYPE;
 var Renderer = _interopRequireWildcard(require("./renderer"));
 exports.Renderer = Renderer;
 var _orderView = require("./utils/orderView");

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

@@ -3,8 +3,8 @@ import ViewportRowsCalculator from "./calculator/viewportRows.mjs";
 import CellCoords from "./cell/coords.mjs";
 import CellRange from "./cell/range.mjs";
 import Walkontable from "./facade/core.mjs";
-import Selection from "./selection.mjs";
+import { Selection, ACTIVE_HEADER_TYPE, AREA_TYPE, FOCUS_TYPE, FILL_TYPE, HEADER_TYPE, ROW_TYPE, COLUMN_TYPE, CUSTOM_SELECTION_TYPE } from "./selection/index.mjs";
 import * as Renderer from "./renderer/index.mjs";
 import { OrderView, SharedOrderView } from "./utils/orderView/index.mjs";
 import { getListenersCounter } from "../../../eventManager.mjs";
-export { ViewportColumnsCalculator, ViewportRowsCalculator, CellCoords, CellRange, Walkontable as default, Walkontable as Core, Selection, Renderer, OrderView, SharedOrderView, getListenersCounter };
+export { 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

@@ -8,6 +8,7 @@ var _array = require("../../../../helpers/array");
 var _console = require("../../../../helpers/console");
 var _constants = require("./constants");
 var _clone = _interopRequireDefault(require("../core/clone"));
+var _a11y = require("../../../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
@@ -241,7 +242,8 @@ class Overlay {
       throw new Error(`Clone type "${this.type}" is not supported.`);
     }
     const {
-      wtTable
+      wtTable,
+      wtSettings
     } = this.wot;
     const {
       rootDocument,
@@ -260,7 +262,16 @@ class Overlay {
     } else {
       clone.style.left = 0;
     }
+    if (wtSettings.getSetting('ariaTags')) {
+      (0, _element.setAttribute)(clone, [(0, _a11y.A11Y_PRESENTATION)()]);
+    }
     clonedTable.className = wtTable.TABLE.className;
+
+    // Clone the main table's `role` attribute to the cloned table.
+    const mainTableRole = wtTable.TABLE.getAttribute('role');
+    if (mainTableRole) {
+      clonedTable.setAttribute('role', wtTable.TABLE.getAttribute('role'));
+    }
     clone.appendChild(clonedTable);
     tableParent.appendChild(clone);
     const preventOverflow = this.wtSettings.getSetting('preventOverflow');
@@ -281,7 +292,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
-      selections: this.wot.selections // todo ioc , or factory func if used only here
+      selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
     });
   }
 

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

@@ -2,12 +2,13 @@ import "core-js/modules/es.error.cause.js";
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { getScrollableElement, getTrimmingContainer, getScrollbarWidth } from "../../../../helpers/dom/element.mjs";
+import { getScrollableElement, getTrimmingContainer, getScrollbarWidth, setAttribute } from "../../../../helpers/dom/element.mjs";
 import { defineGetter } from "../../../../helpers/object.mjs";
 import { arrayEach } from "../../../../helpers/array.mjs";
 import { warn } from "../../../../helpers/console.mjs";
 import { CLONE_TYPES, CLONE_CLASS_NAMES, CLONE_TOP, CLONE_INLINE_START } from "./constants.mjs";
 import Clone from "../core/clone.mjs";
+import { A11Y_PRESENTATION } from "../../../../helpers/a11y.mjs";
 /**
  * Creates an overlay over the original Walkontable instance. The overlay renders the clone of the original Walkontable
  * and (optionally) implements behavior needed for native horizontal and vertical scrolling.
@@ -237,7 +238,8 @@ export class Overlay {
       throw new Error(`Clone type "${this.type}" is not supported.`);
     }
     const {
-      wtTable
+      wtTable,
+      wtSettings
     } = this.wot;
     const {
       rootDocument,
@@ -256,7 +258,16 @@ export class Overlay {
     } else {
       clone.style.left = 0;
     }
+    if (wtSettings.getSetting('ariaTags')) {
+      setAttribute(clone, [A11Y_PRESENTATION()]);
+    }
     clonedTable.className = wtTable.TABLE.className;
+
+    // Clone the main table's `role` attribute to the cloned table.
+    const mainTableRole = wtTable.TABLE.getAttribute('role');
+    if (mainTableRole) {
+      clonedTable.setAttribute('role', wtTable.TABLE.getAttribute('role'));
+    }
     clone.appendChild(clonedTable);
     tableParent.appendChild(clone);
     const preventOverflow = this.wtSettings.getSetting('preventOverflow');
@@ -277,7 +288,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
-      selections: this.wot.selections // todo ioc , or factory func if used only here
+      selectionManager: this.wot.selectionManager // todo ioc , or factory func if used only here
     });
   }
 

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

@@ -5,6 +5,7 @@ require("core-js/modules/es.error.cause.js");
 var _element = require("../../../../helpers/dom/element");
 var _inlineStart = _interopRequireDefault(require("../table/inlineStart"));
 var _base = require("./_base");
+var _selection = require("../selection");
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
@@ -172,15 +173,10 @@ class InlineStartOverlay extends _base.Overlay {
    * Adjust overlay root childs size.
    */
   adjustRootChildrenSize() {
-    var _selections$getCell$g;
     const {
       holder
     } = this.clone.wtTable;
-    const {
-      selections
-    } = this.wot;
-    const facade = this.facadeGetter();
-    const selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(facade).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(_selection.CORNER_DEFAULT_STYLE.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,6 +2,7 @@ import "core-js/modules/es.error.cause.js";
 import { addClass, getScrollbarWidth, getScrollLeft, 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 { CLONE_INLINE_START } from "./constants.mjs";
 /**
  * @class InlineStartOverlay
@@ -168,15 +169,10 @@ export class InlineStartOverlay extends Overlay {
    * Adjust overlay root childs size.
    */
   adjustRootChildrenSize() {
-    var _selections$getCell$g;
     const {
       holder
     } = this.clone.wtTable;
-    const {
-      selections
-    } = this.wot;
-    const facade = this.facadeGetter();
-    const selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(facade).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(CORNER_DEFAULT_STYLE.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

@@ -5,6 +5,7 @@ require("core-js/modules/es.error.cause.js");
 var _element = require("../../../../helpers/dom/element");
 var _top = _interopRequireDefault(require("./../table/top"));
 var _base = require("./_base");
+var _selection = require("../selection");
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -199,15 +200,10 @@ class TopOverlay extends _base.Overlay {
    * Adjust overlay root childs size.
    */
   adjustRootChildrenSize() {
-    var _selections$getCell$g;
     const {
       holder
     } = this.clone.wtTable;
-    const {
-      selections
-    } = this.wot;
-    const facade = this.facadeGetter();
-    const selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(facade).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(_selection.CORNER_DEFAULT_STYLE.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,6 +5,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import { addClass, 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 { CLONE_TOP } from "./constants.mjs";
 /**
  * @class TopOverlay
@@ -195,15 +196,10 @@ export class TopOverlay extends Overlay {
    * Adjust overlay root childs size.
    */
   adjustRootChildrenSize() {
-    var _selections$getCell$g;
     const {
       holder
     } = this.clone.wtTable;
-    const {
-      selections
-    } = this.wot;
-    const facade = this.facadeGetter();
-    const selectionCornerOffset = Math.abs((_selections$getCell$g = selections === null || selections === void 0 ? void 0 : selections.getCell().getBorder(facade).cornerCenterPointOffset) !== null && _selections$getCell$g !== void 0 ? _selections$getCell$g : 0);
+    const selectionCornerOffset = this.wot.selectionManager.getFocusSelection() ? parseInt(CORNER_DEFAULT_STYLE.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/cells.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 var _element = require("./../../../../helpers/dom/element");
 var _orderView = require("./../utils/orderView");
 var _base = _interopRequireDefault(require("./_base"));
+var _a11y = require("../../../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Cell renderer responsible for managing (inserting, tracking, rendering) TD elements.
@@ -82,7 +83,16 @@ class CellsRenderer extends _base.default {
         }
         TD.removeAttribute('style');
         TD.removeAttribute('dir');
+
+        // Remove all accessibility-related attributes for the cell to start fresh.
+        (0, _element.removeAttribute)(TD, [new RegExp('aria-(.*)'), new RegExp('role')]);
         this.table.cellRenderer(sourceRowIndex, sourceColumnIndex, TD);
+        if (this.table.isAriaEnabled()) {
+          var _this$table$rowUtils$, _this$table$rowUtils;
+          (0, _element.setAttribute)(TD, [...(TD.hasAttribute('role') ? [] : [(0, _a11y.A11Y_GRIDCELL)()]), (0, _a11y.A11Y_TABINDEX)(-1),
+          // `aria-colindex` is incremented by both tbody and thead rows.
+          (0, _a11y.A11Y_COLINDEX)(sourceColumnIndex + ((_this$table$rowUtils$ = (_this$table$rowUtils = this.table.rowUtils) === null || _this$table$rowUtils === void 0 || (_this$table$rowUtils = _this$table$rowUtils.dataAccessObject) === null || _this$table$rowUtils === void 0 ? void 0 : _this$table$rowUtils.rowHeaders.length) !== null && _this$table$rowUtils$ !== void 0 ? _this$table$rowUtils$ : 0) + 1)]);
+        }
       }
       orderView.end();
     }

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

@@ -1,6 +1,7 @@
-import { hasClass } from "./../../../../helpers/dom/element.mjs";
+import { hasClass, removeAttribute, setAttribute } from "./../../../../helpers/dom/element.mjs";
 import { SharedOrderView } from "./../utils/orderView/index.mjs";
 import BaseRenderer from "./_base.mjs";
+import { A11Y_COLINDEX, A11Y_GRIDCELL, A11Y_TABINDEX } from "../../../../helpers/a11y.mjs";
 /**
  * Cell renderer responsible for managing (inserting, tracking, rendering) TD elements.
  *
@@ -78,7 +79,16 @@ export default class CellsRenderer extends BaseRenderer {
         }
         TD.removeAttribute('style');
         TD.removeAttribute('dir');
+
+        // Remove all accessibility-related attributes for the cell to start fresh.
+        removeAttribute(TD, [new RegExp('aria-(.*)'), new RegExp('role')]);
         this.table.cellRenderer(sourceRowIndex, sourceColumnIndex, TD);
+        if (this.table.isAriaEnabled()) {
+          var _this$table$rowUtils$, _this$table$rowUtils;
+          setAttribute(TD, [...(TD.hasAttribute('role') ? [] : [A11Y_GRIDCELL()]), A11Y_TABINDEX(-1),
+          // `aria-colindex` is incremented by both tbody and thead rows.
+          A11Y_COLINDEX(sourceColumnIndex + ((_this$table$rowUtils$ = (_this$table$rowUtils = this.table.rowUtils) === null || _this$table$rowUtils === void 0 || (_this$table$rowUtils = _this$table$rowUtils.dataAccessObject) === null || _this$table$rowUtils === void 0 ? void 0 : _this$table$rowUtils.rowHeaders.length) !== null && _this$table$rowUtils$ !== void 0 ? _this$table$rowUtils$ : 0) + 1)]);
+        }
       }
       orderView.end();
     }

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

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 var _element = require("./../../../../helpers/dom/element");
 var _base = _interopRequireDefault(require("./_base"));
+var _a11y = require("../../../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Column headers renderer responsible for managing (inserting, tracking, rendering) TR and TH elements.
@@ -69,6 +70,9 @@ class ColumnHeadersRenderer extends _base.default {
     const {
       columnHeadersCount
     } = this.table;
+    if (this.table.isAriaEnabled()) {
+      (0, _element.setAttribute)(this.rootNode, [(0, _a11y.A11Y_PRESENTATION)()]);
+    }
     for (let rowHeaderIndex = 0; rowHeaderIndex < columnHeadersCount; rowHeaderIndex += 1) {
       const {
         columnHeaderFunctions,
@@ -76,12 +80,18 @@ class ColumnHeadersRenderer extends _base.default {
         rowHeadersCount
       } = this.table;
       const TR = this.rootNode.childNodes[rowHeaderIndex];
+      if (this.table.isAriaEnabled()) {
+        (0, _element.setAttribute)(TR, [(0, _a11y.A11Y_ROW)(), (0, _a11y.A11Y_ROWINDEX)(rowHeaderIndex + 1)]);
+      }
       for (let renderedColumnIndex = -1 * rowHeadersCount; renderedColumnIndex < columnsToRender; renderedColumnIndex += 1) {
         // eslint-disable-line max-len
         const sourceColumnIndex = this.table.renderedColumnToSource(renderedColumnIndex);
         const TH = TR.childNodes[renderedColumnIndex + rowHeadersCount];
         TH.className = '';
         TH.removeAttribute('style');
+        if (this.table.isAriaEnabled()) {
+          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_COLINDEX)(renderedColumnIndex + 1 + this.table.rowHeadersCount), (0, _a11y.A11Y_TABINDEX)(-1), ...(renderedColumnIndex < 0 ? [(0, _a11y.A11Y_PRESENTATION)()] : [(0, _a11y.A11Y_COLUMNHEADER)(), (0, _a11y.A11Y_SCOPE_COL)()])]);
+        }
         columnHeaderFunctions[rowHeaderIndex](sourceColumnIndex, TH, rowHeaderIndex);
       }
     }

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

@@ -1,5 +1,6 @@
-import { empty } from "./../../../../helpers/dom/element.mjs";
+import { empty, setAttribute } from "./../../../../helpers/dom/element.mjs";
 import BaseRenderer from "./_base.mjs";
+import { A11Y_COLINDEX, A11Y_COLUMNHEADER, A11Y_PRESENTATION, A11Y_ROW, A11Y_ROWINDEX, A11Y_SCOPE_COL, A11Y_TABINDEX } from "../../../../helpers/a11y.mjs";
 /**
  * Column headers renderer responsible for managing (inserting, tracking, rendering) TR and TH elements.
  *
@@ -65,6 +66,9 @@ export default class ColumnHeadersRenderer extends BaseRenderer {
     const {
       columnHeadersCount
     } = this.table;
+    if (this.table.isAriaEnabled()) {
+      setAttribute(this.rootNode, [A11Y_PRESENTATION()]);
+    }
     for (let rowHeaderIndex = 0; rowHeaderIndex < columnHeadersCount; rowHeaderIndex += 1) {
       const {
         columnHeaderFunctions,
@@ -72,12 +76,18 @@ export default class ColumnHeadersRenderer extends BaseRenderer {
         rowHeadersCount
       } = this.table;
       const TR = this.rootNode.childNodes[rowHeaderIndex];
+      if (this.table.isAriaEnabled()) {
+        setAttribute(TR, [A11Y_ROW(), A11Y_ROWINDEX(rowHeaderIndex + 1)]);
+      }
       for (let renderedColumnIndex = -1 * rowHeadersCount; renderedColumnIndex < columnsToRender; renderedColumnIndex += 1) {
         // eslint-disable-line max-len
         const sourceColumnIndex = this.table.renderedColumnToSource(renderedColumnIndex);
         const TH = TR.childNodes[renderedColumnIndex + rowHeadersCount];
         TH.className = '';
         TH.removeAttribute('style');
+        if (this.table.isAriaEnabled()) {
+          setAttribute(TH, [A11Y_COLINDEX(renderedColumnIndex + 1 + this.table.rowHeadersCount), A11Y_TABINDEX(-1), ...(renderedColumnIndex < 0 ? [A11Y_PRESENTATION()] : [A11Y_COLUMNHEADER(), A11Y_SCOPE_COL()])]);
+        }
         columnHeaderFunctions[rowHeaderIndex](sourceColumnIndex, TH, rowHeaderIndex);
       }
     }

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

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 var _orderView = require("./../utils/orderView");
 var _base = _interopRequireDefault(require("./_base"));
+var _element = require("../../../../helpers/dom/element");
+var _a11y = require("../../../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Row headers renderer responsible for managing (inserting, tracking, rendering) TR elements belongs to TR.
@@ -74,6 +76,9 @@ class RowHeadersRenderer extends _base.default {
         const TH = orderView.getCurrentNode();
         TH.className = '';
         TH.removeAttribute('style');
+        if (this.table.isAriaEnabled()) {
+          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_ROWHEADER)(), (0, _a11y.A11Y_SCOPE_ROW)(), (0, _a11y.A11Y_COLINDEX)(visibleColumnIndex + 1), (0, _a11y.A11Y_TABINDEX)(-1)]);
+        }
         rowHeaderFunctions[visibleColumnIndex](sourceRowIndex, TH, visibleColumnIndex);
       }
       orderView.end();

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

@@ -1,5 +1,7 @@
 import { SharedOrderView } from "./../utils/orderView/index.mjs";
 import BaseRenderer from "./_base.mjs";
+import { setAttribute } from "../../../../helpers/dom/element.mjs";
+import { A11Y_COLINDEX, A11Y_ROWHEADER, A11Y_SCOPE_ROW, A11Y_TABINDEX } from "../../../../helpers/a11y.mjs";
 /**
  * Row headers renderer responsible for managing (inserting, tracking, rendering) TR elements belongs to TR.
  *
@@ -70,6 +72,9 @@ export default class RowHeadersRenderer extends BaseRenderer {
         const TH = orderView.getCurrentNode();
         TH.className = '';
         TH.removeAttribute('style');
+        if (this.table.isAriaEnabled()) {
+          setAttribute(TH, [A11Y_ROWHEADER(), A11Y_SCOPE_ROW(), A11Y_COLINDEX(visibleColumnIndex + 1), A11Y_TABINDEX(-1)]);
+        }
         rowHeaderFunctions[visibleColumnIndex](sourceRowIndex, TH, visibleColumnIndex);
       }
       orderView.end();

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

@@ -5,6 +5,8 @@ var _console = require("./../../../../helpers/console");
 var _templateLiteralTag = require("./../../../../helpers/templateLiteralTag");
 var _orderView = require("./../utils/orderView");
 var _base = _interopRequireDefault(require("./_base"));
+var _element = require("../../../../helpers/dom/element");
+var _a11y = require("../../../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 let performanceWarningAppeared = false;
 
@@ -53,9 +55,20 @@ class RowsRenderer extends _base.default {
       (0, _console.warn)((0, _templateLiteralTag.toSingleLine)`Performance tip: Handsontable rendered more than 1000 visible rows. Consider limiting\x20
         the number of rendered rows by specifying the table height and/or turning off the "renderAllRows" option.`);
     }
+    if (this.table.isAriaEnabled()) {
+      (0, _element.setAttribute)(this.rootNode, [(0, _a11y.A11Y_PRESENTATION)()]);
+    }
     this.orderView.setSize(rowsToRender).setOffset(this.table.renderedRowToSource(0)).start();
     for (let visibleRowIndex = 0; visibleRowIndex < rowsToRender; visibleRowIndex++) {
       this.orderView.render();
+      const TR = this.orderView.getCurrentNode();
+      const sourceRowIndex = this.table.renderedRowToSource(visibleRowIndex);
+      if (this.table.isAriaEnabled()) {
+        var _this$table$rowUtils$, _this$table$rowUtils;
+        (0, _element.setAttribute)(TR, [(0, _a11y.A11Y_ROW)(),
+        // `aria-rowindex` is incremented by both tbody and thead rows.
+        (0, _a11y.A11Y_ROWINDEX)(sourceRowIndex + ((_this$table$rowUtils$ = (_this$table$rowUtils = this.table.rowUtils) === null || _this$table$rowUtils === void 0 || (_this$table$rowUtils = _this$table$rowUtils.dataAccessObject) === null || _this$table$rowUtils === void 0 ? void 0 : _this$table$rowUtils.columnHeaders.length) !== null && _this$table$rowUtils$ !== void 0 ? _this$table$rowUtils$ : 0) + 1)]);
+      }
     }
     this.orderView.end();
   }

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

@@ -2,6 +2,8 @@ import { warn } from "./../../../../helpers/console.mjs";
 import { toSingleLine } from "./../../../../helpers/templateLiteralTag.mjs";
 import { OrderView } from "./../utils/orderView/index.mjs";
 import BaseRenderer from "./_base.mjs";
+import { setAttribute } from "../../../../helpers/dom/element.mjs";
+import { A11Y_PRESENTATION, A11Y_ROW, A11Y_ROWINDEX } from "../../../../helpers/a11y.mjs";
 let performanceWarningAppeared = false;
 
 /**
@@ -49,9 +51,20 @@ export default class RowsRenderer extends BaseRenderer {
       warn(toSingleLine`Performance tip: Handsontable rendered more than 1000 visible rows. Consider limiting\x20
         the number of rendered rows by specifying the table height and/or turning off the "renderAllRows" option.`);
     }
+    if (this.table.isAriaEnabled()) {
+      setAttribute(this.rootNode, [A11Y_PRESENTATION()]);
+    }
     this.orderView.setSize(rowsToRender).setOffset(this.table.renderedRowToSource(0)).start();
     for (let visibleRowIndex = 0; visibleRowIndex < rowsToRender; visibleRowIndex++) {
       this.orderView.render();
+      const TR = this.orderView.getCurrentNode();
+      const sourceRowIndex = this.table.renderedRowToSource(visibleRowIndex);
+      if (this.table.isAriaEnabled()) {
+        var _this$table$rowUtils$, _this$table$rowUtils;
+        setAttribute(TR, [A11Y_ROW(),
+        // `aria-rowindex` is incremented by both tbody and thead rows.
+        A11Y_ROWINDEX(sourceRowIndex + ((_this$table$rowUtils$ = (_this$table$rowUtils = this.table.rowUtils) === null || _this$table$rowUtils === void 0 || (_this$table$rowUtils = _this$table$rowUtils.dataAccessObject) === null || _this$table$rowUtils === void 0 ? void 0 : _this$table$rowUtils.columnHeaders.length) !== null && _this$table$rowUtils$ !== void 0 ? _this$table$rowUtils$ : 0) + 1)]);
+      }
     }
     this.orderView.end();
   }

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

@@ -257,6 +257,15 @@ class TableRenderer {
     return this.columnFilter.renderedToSource(columnIndex);
   }
 
+  /**
+   * Returns `true` if the accessibility-related ARIA tags should be added to the table, `false` otherwise.
+   *
+   * @returns {boolean}
+   */
+  isAriaEnabled() {
+    return this.rowUtils.wtSettings.getSetting('ariaTags');
+  }
+
   /**
    * Renders the table.
    */

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

@@ -254,6 +254,15 @@ export default class TableRenderer {
     return this.columnFilter.renderedToSource(columnIndex);
   }
 
+  /**
+   * Returns `true` if the accessibility-related ARIA tags should be added to the table, `false` otherwise.
+   *
+   * @returns {boolean}
+   */
+  isAriaEnabled() {
+    return this.rowUtils.wtSettings.getSetting('ariaTags');
+  }
+
   /**
    * Renders the table.
    */

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

@@ -88,6 +88,7 @@ class Scroll {
       return false;
     }
     let result = false;
+    column = this.dataAccessObject.wtSettings.getSetting('onBeforeViewportScrollHorizontally', column);
 
     // if there is no fully visible columns use the supporting variable (lastScrolledColumnPos) to
     // determine the snapping direction (left or right)
@@ -137,6 +138,7 @@ class Scroll {
       return false;
     }
     let result = false;
+    row = this.dataAccessObject.wtSettings.getSetting('onBeforeViewportScrollVertically', row);
 
     // if there is no fully visible rows use the supporting variable (lastScrolledRowPos) to
     // determine the snapping direction (top or bottom)

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

@@ -85,6 +85,7 @@ class Scroll {
       return false;
     }
     let result = false;
+    column = this.dataAccessObject.wtSettings.getSetting('onBeforeViewportScrollHorizontally', column);
 
     // if there is no fully visible columns use the supporting variable (lastScrolledColumnPos) to
     // determine the snapping direction (left or right)
@@ -134,6 +135,7 @@ class Scroll {
       return false;
     }
     let result = false;
+    row = this.dataAccessObject.wtSettings.getSetting('onBeforeViewportScrollVertically', row);
 
     // if there is no fully visible rows use the supporting variable (lastScrolledRowPos) to
     // determine the snapping direction (top or bottom)

package/3rdparty/walkontable/src/{border.js → selection/border/border.js}

@@ -1,10 +1,11 @@
 "use strict";
 
 exports.__esModule = true;
-var _element = require("../../../helpers/dom/element");
-var _event = require("../../../helpers/dom/event");
-var _object = require("../../../helpers/object");
-var _browser = require("../../../helpers/browser");
+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");
 /**
  *
  */
@@ -34,13 +35,7 @@ class Border {
     this.bottomStyle = null;
     this.startStyle = null;
     this.endStyle = null;
-    this.cornerDefaultStyle = {
-      width: '6px',
-      height: '6px',
-      borderWidth: '1px',
-      borderStyle: 'solid',
-      borderColor: '#FFF'
-    };
+    this.cornerDefaultStyle = _constants.CORNER_DEFAULT_STYLE;
     // Offset to moving the corner to be centered relative to the grid.
     this.cornerCenterPointOffset = -(parseInt(this.cornerDefaultStyle.width, 10) / 2);
     this.corner = null;
@@ -250,7 +245,7 @@ class Border {
    * @returns {boolean}
    */
   isPartRange(row, col) {
-    const areaSelection = this.wot.selections.createOrGetArea();
+    const areaSelection = this.wot.selectionManager.getAreaSelection();
     if (areaSelection.cellRange) {
       if (row !== areaSelection.cellRange.to.row || col !== areaSelection.cellRange.to.col) {
         return true;

package/3rdparty/walkontable/src/{border.mjs → selection/border/border.mjs}

@@ -1,7 +1,8 @@
-import { addClass, hasClass, removeClass, getComputedStyle, getTrimmingContainer, innerWidth, innerHeight, offset, outerHeight, outerWidth } from "../../../helpers/dom/element.mjs";
-import { stopImmediatePropagation } from "../../../helpers/dom/event.mjs";
-import { objectEach } from "../../../helpers/object.mjs";
-import { isMobileBrowser } from "../../../helpers/browser.mjs";
+import { addClass, hasClass, removeClass, getComputedStyle, getTrimmingContainer, innerWidth, innerHeight, offset, outerHeight, outerWidth } from "../../../../../helpers/dom/element.mjs";
+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";
 /**
  *
  */
@@ -31,13 +32,7 @@ class Border {
     this.bottomStyle = null;
     this.startStyle = null;
     this.endStyle = null;
-    this.cornerDefaultStyle = {
-      width: '6px',
-      height: '6px',
-      borderWidth: '1px',
-      borderStyle: 'solid',
-      borderColor: '#FFF'
-    };
+    this.cornerDefaultStyle = CORNER_DEFAULT_STYLE;
     // Offset to moving the corner to be centered relative to the grid.
     this.cornerCenterPointOffset = -(parseInt(this.cornerDefaultStyle.width, 10) / 2);
     this.corner = null;
@@ -247,7 +242,7 @@ class Border {
    * @returns {boolean}
    */
   isPartRange(row, col) {
-    const areaSelection = this.wot.selections.createOrGetArea();
+    const areaSelection = this.wot.selectionManager.getAreaSelection();
     if (areaSelection.cellRange) {
       if (row !== areaSelection.cellRange.to.row || col !== areaSelection.cellRange.to.col) {
         return true;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+/**
+ * Default border corner style.
+ *
+ * @type {object}
+ */
+const CORNER_DEFAULT_STYLE = Object.freeze({
+  width: '6px',
+  height: '6px',
+  borderWidth: '1px',
+  borderStyle: 'solid',
+  borderColor: '#FFF'
+});
+exports.CORNER_DEFAULT_STYLE = CORNER_DEFAULT_STYLE;

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

@@ -0,0 +1,12 @@
+/**
+ * Default border corner style.
+ *
+ * @type {object}
+ */
+export const CORNER_DEFAULT_STYLE = Object.freeze({
+  width: '6px',
+  height: '6px',
+  borderWidth: '1px',
+  borderStyle: 'solid',
+  borderColor: '#FFF'
+});