handsontable 0.0.0-next-a417c2b-20231124 → 0.0.0-next-44acfea-20231127

package/editors/dateEditor/dateEditor.js

@@ -7,7 +7,6 @@ var _pikaday = _interopRequireDefault(require("pikaday"));
 var _textEditor = require("../textEditor");
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _element = require("../../helpers/dom/element");
-var _a11y = require("../../helpers/a11y");
 var _object = require("../../helpers/object");
 var _unicode = require("../../helpers/unicode");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -134,9 +133,6 @@ class DateEditor extends _textEditor.TextEditor {
     const editorContext = shortcutManager.getContext('editor');
     super.open();
     this.showDatepicker(event);
-    if (this.hot.getSettings().ariaTags) {
-      (0, _element.setAttribute)(this.TD, [(0, _a11y.A11Y_EXPANDED)('true')]);
-    }
     editorContext.addShortcut({
       keys: [['Enter']],
       callback: keyboardEvent => {
@@ -162,9 +158,6 @@ class DateEditor extends _textEditor.TextEditor {
     this.hot._registerTimeout(() => {
       this.hot._refreshBorders();
     });
-    if (this.TD && this.hot.getSettings().ariaTags) {
-      (0, _element.setAttribute)(this.TD, [(0, _a11y.A11Y_EXPANDED)('false')]);
-    }
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
     editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP_EDITOR);

package/editors/dateEditor/dateEditor.mjs

@@ -6,8 +6,7 @@ import moment from 'moment';
 import Pikaday from 'pikaday';
 import { TextEditor } from "../textEditor/index.mjs";
 import EventManager from "../../eventManager.mjs";
-import { addClass, hasClass, outerHeight, outerWidth, setAttribute } from "../../helpers/dom/element.mjs";
-import { A11Y_EXPANDED } from "../../helpers/a11y.mjs";
+import { addClass, hasClass, outerHeight, outerWidth } from "../../helpers/dom/element.mjs";
 import { deepExtend } from "../../helpers/object.mjs";
 import { isFunctionKey } from "../../helpers/unicode.mjs";
 export const EDITOR_TYPE = 'date';
@@ -129,9 +128,6 @@ export class DateEditor extends TextEditor {
     const editorContext = shortcutManager.getContext('editor');
     super.open();
     this.showDatepicker(event);
-    if (this.hot.getSettings().ariaTags) {
-      setAttribute(this.TD, [A11Y_EXPANDED('true')]);
-    }
     editorContext.addShortcut({
       keys: [['Enter']],
       callback: keyboardEvent => {
@@ -157,9 +153,6 @@ export class DateEditor extends TextEditor {
     this.hot._registerTimeout(() => {
       this.hot._refreshBorders();
     });
-    if (this.TD && this.hot.getSettings().ariaTags) {
-      setAttribute(this.TD, [A11Y_EXPANDED('false')]);
-    }
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
     editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP_EDITOR);

package/editors/handsontableEditor/handsontableEditor.js

@@ -6,7 +6,6 @@ var _element = require("../../helpers/dom/element");
 var _event = require("../../helpers/dom/event");
 var _object = require("../../helpers/object");
 var _editorManager = require("../../editorManager");
-var _a11y = require("../../helpers/a11y");
 const SHORTCUTS_GROUP = 'handsontableEditor';
 const EDITOR_TYPE = 'handsontable';
 
@@ -43,9 +42,6 @@ class HandsontableEditor extends _textEditor.TextEditor {
     }
     (0, _element.setCaretPosition)(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.refreshDimensions();
-    if (this.hot.getSettings().ariaTags) {
-      (0, _element.setAttribute)(this.TD, [(0, _a11y.A11Y_EXPANDED)('true')]);
-    }
   }
 
   /**
@@ -57,9 +53,6 @@ class HandsontableEditor extends _textEditor.TextEditor {
     }
     this.removeHooksByKey('beforeKeyDown');
     super.close();
-    if (this.TD && this.hot.getSettings().ariaTags) {
-      (0, _element.setAttribute)(this.TD, [(0, _a11y.A11Y_EXPANDED)('false')]);
-    }
   }
 
   /**

package/editors/handsontableEditor/handsontableEditor.mjs

@@ -1,9 +1,8 @@
 import { TextEditor } from "../textEditor/index.mjs";
-import { setAttribute, setCaretPosition } from "../../helpers/dom/element.mjs";
+import { setCaretPosition } from "../../helpers/dom/element.mjs";
 import { stopImmediatePropagation } from "../../helpers/dom/event.mjs";
 import { extend } from "../../helpers/object.mjs";
 import { SHORTCUTS_GROUP_NAVIGATION } from "../../editorManager.mjs";
-import { A11Y_EXPANDED } from "../../helpers/a11y.mjs";
 const SHORTCUTS_GROUP = 'handsontableEditor';
 export const EDITOR_TYPE = 'handsontable';
 
@@ -39,9 +38,6 @@ export class HandsontableEditor extends TextEditor {
     }
     setCaretPosition(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.refreshDimensions();
-    if (this.hot.getSettings().ariaTags) {
-      setAttribute(this.TD, [A11Y_EXPANDED('true')]);
-    }
   }
 
   /**
@@ -53,9 +49,6 @@ export class HandsontableEditor extends TextEditor {
     }
     this.removeHooksByKey('beforeKeyDown');
     super.close();
-    if (this.TD && this.hot.getSettings().ariaTags) {
-      setAttribute(this.TD, [A11Y_EXPANDED('false')]);
-    }
   }
 
   /**

package/editors/passwordEditor/passwordEditor.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 var _textEditor = require("../textEditor");
 var _element = require("../../helpers/dom/element");
+var _a11y = require("../../helpers/a11y");
 const EDITOR_TYPE = 'password';
 
 /**
@@ -23,6 +24,9 @@ class PasswordEditor extends _textEditor.TextEditor {
     this.textareaStyle = this.TEXTAREA.style;
     this.textareaStyle.width = 0;
     this.textareaStyle.height = 0;
+    if (this.hot.getSettings().ariaTags) {
+      (0, _element.setAttribute)(this.TEXTAREA, [(0, _a11y.A11Y_HIDDEN)()]);
+    }
     (0, _element.empty)(this.TEXTAREA_PARENT);
     this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
   }

package/editors/passwordEditor/passwordEditor.mjs

@@ -1,5 +1,6 @@
 import { TextEditor } from "../textEditor/index.mjs";
-import { empty } from "../../helpers/dom/element.mjs";
+import { empty, setAttribute } from "../../helpers/dom/element.mjs";
+import { A11Y_HIDDEN } from "../../helpers/a11y.mjs";
 export const EDITOR_TYPE = 'password';
 
 /**
@@ -19,6 +20,9 @@ export class PasswordEditor extends TextEditor {
     this.textareaStyle = this.TEXTAREA.style;
     this.textareaStyle.width = 0;
     this.textareaStyle.height = 0;
+    if (this.hot.getSettings().ariaTags) {
+      setAttribute(this.TEXTAREA, [A11Y_HIDDEN()]);
+    }
     empty(this.TEXTAREA_PARENT);
     this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
   }

package/helpers/a11y.js

@@ -11,6 +11,8 @@ const A11Y_GRIDCELL = () => ['role', 'gridcell'];
 exports.A11Y_GRIDCELL = A11Y_GRIDCELL;
 const A11Y_ROWHEADER = () => ['role', 'rowheader'];
 exports.A11Y_ROWHEADER = A11Y_ROWHEADER;
+const A11Y_ROWGROUP = () => ['role', 'rowgroup'];
+exports.A11Y_ROWGROUP = A11Y_ROWGROUP;
 const A11Y_COLUMNHEADER = () => ['role', 'columnheader'];
 exports.A11Y_COLUMNHEADER = A11Y_COLUMNHEADER;
 const A11Y_ROW = () => ['role', 'row'];

package/helpers/a11y.mjs

@@ -3,6 +3,7 @@ export const A11Y_TREEGRID = () => ['role', 'treegrid'];
 export const A11Y_PRESENTATION = () => ['role', 'presentation'];
 export const A11Y_GRIDCELL = () => ['role', 'gridcell'];
 export const A11Y_ROWHEADER = () => ['role', 'rowheader'];
+export const A11Y_ROWGROUP = () => ['role', 'rowgroup'];
 export const A11Y_COLUMNHEADER = () => ['role', 'columnheader'];
 export const A11Y_ROW = () => ['role', 'row'];
 export const A11Y_MENU = () => ['role', 'menu'];

package/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-a417c2b-20231124";
+  const hotVersion = "0.0.0-next-44acfea-20231127";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-a417c2b-20231124";
+  const hotVersion = "0.0.0-next-44acfea-20231127";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-a417c2b-20231124",
+  "version": "0.0.0-next-44acfea-20231127",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/renderers/autocompleteRenderer/autocompleteRenderer.js

@@ -45,9 +45,6 @@ function autocompleteRenderer(hotInstance, TD, row, col, prop, value, cellProper
 
   TD.insertBefore(ARROW, TD.firstChild);
   (0, _element.addClass)(TD, 'htAutocomplete');
-  if (isAriaEnabled) {
-    TD.setAttribute(...(0, _a11y.A11Y_HASPOPUP)('listbox'));
-  }
   if (!hotInstance.acArrowListener) {
     const eventManager = new _eventManager.default(hotInstance);
 

package/renderers/autocompleteRenderer/autocompleteRenderer.mjs

@@ -2,7 +2,7 @@ import { htmlRenderer } from "../htmlRenderer/index.mjs";
 import { textRenderer } from "../textRenderer/index.mjs";
 import EventManager from "../../eventManager.mjs";
 import { addClass, hasClass } from "../../helpers/dom/element.mjs";
-import { A11Y_HASPOPUP, A11Y_HIDDEN } from "../../helpers/a11y.mjs";
+import { A11Y_HIDDEN } from "../../helpers/a11y.mjs";
 export const RENDERER_TYPE = 'autocomplete';
 
 /**
@@ -39,9 +39,6 @@ export function autocompleteRenderer(hotInstance, TD, row, col, prop, value, cel
 
   TD.insertBefore(ARROW, TD.firstChild);
   addClass(TD, 'htAutocomplete');
-  if (isAriaEnabled) {
-    TD.setAttribute(...A11Y_HASPOPUP('listbox'));
-  }
   if (!hotInstance.acArrowListener) {
     const eventManager = new EventManager(hotInstance);
 

package/renderers/checkboxRenderer/checkboxRenderer.js

@@ -295,7 +295,6 @@ function createInput(rootDocument) {
   const input = rootDocument.createElement('input');
   input.className = 'htCheckboxRendererInput';
   input.type = 'checkbox';
-  input.setAttribute('autocomplete', 'off');
   input.setAttribute('tabindex', '-1');
   return input.cloneNode(false);
 }

package/renderers/checkboxRenderer/checkboxRenderer.mjs

@@ -289,7 +289,6 @@ function createInput(rootDocument) {
   const input = rootDocument.createElement('input');
   input.className = 'htCheckboxRendererInput';
   input.type = 'checkbox';
-  input.setAttribute('autocomplete', 'off');
   input.setAttribute('tabindex', '-1');
   return input.cloneNode(false);
 }

package/renderers/dateRenderer/dateRenderer.js

@@ -3,8 +3,6 @@
 exports.__esModule = true;
 exports.dateRenderer = dateRenderer;
 var _autocompleteRenderer = require("../autocompleteRenderer");
-var _a11y = require("../../helpers/a11y");
-var _element = require("../../helpers/dom/element");
 const RENDERER_TYPE = 'date';
 
 /**
@@ -22,8 +20,5 @@ const RENDERER_TYPE = 'date';
 exports.RENDERER_TYPE = RENDERER_TYPE;
 function dateRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   _autocompleteRenderer.autocompleteRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
-  if (hotInstance.getSettings().ariaTags) {
-    (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_HASPOPUP)('dialog'), (0, _a11y.A11Y_EXPANDED)('false')]);
-  }
 }
 dateRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/dateRenderer/dateRenderer.mjs

@@ -1,6 +1,4 @@
 import { autocompleteRenderer } from "../autocompleteRenderer/index.mjs";
-import { A11Y_EXPANDED, A11Y_HASPOPUP } from "../../helpers/a11y.mjs";
-import { setAttribute } from "../../helpers/dom/element.mjs";
 export const RENDERER_TYPE = 'date';
 
 /**
@@ -17,8 +15,5 @@ export const RENDERER_TYPE = 'date';
  */
 export function dateRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   autocompleteRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
-  if (hotInstance.getSettings().ariaTags) {
-    setAttribute(TD, [A11Y_HASPOPUP('dialog'), A11Y_EXPANDED('false')]);
-  }
 }
 dateRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/handsontableRenderer/handsontableRenderer.js

@@ -3,8 +3,6 @@
 exports.__esModule = true;
 exports.handsontableRenderer = handsontableRenderer;
 var _autocompleteRenderer = require("../autocompleteRenderer");
-var _a11y = require("../../helpers/a11y");
-var _element = require("../../helpers/dom/element");
 const RENDERER_TYPE = 'handsontable';
 
 /**
@@ -22,8 +20,5 @@ const RENDERER_TYPE = 'handsontable';
 exports.RENDERER_TYPE = RENDERER_TYPE;
 function handsontableRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   _autocompleteRenderer.autocompleteRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
-  if (hotInstance.getSettings().ariaTags) {
-    (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_HASPOPUP)('true'), (0, _a11y.A11Y_EXPANDED)('false')]);
-  }
 }
 handsontableRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/handsontableRenderer/handsontableRenderer.mjs

@@ -1,6 +1,4 @@
 import { autocompleteRenderer } from "../autocompleteRenderer/index.mjs";
-import { A11Y_EXPANDED, A11Y_HASPOPUP } from "../../helpers/a11y.mjs";
-import { setAttribute } from "../../helpers/dom/element.mjs";
 export const RENDERER_TYPE = 'handsontable';
 
 /**
@@ -17,8 +15,5 @@ export const RENDERER_TYPE = 'handsontable';
  */
 export function handsontableRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   autocompleteRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
-  if (hotInstance.getSettings().ariaTags) {
-    setAttribute(TD, [A11Y_HASPOPUP('true'), A11Y_EXPANDED('false')]);
-  }
 }
 handsontableRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/selectRenderer/selectRenderer.js

@@ -3,8 +3,6 @@
 exports.__esModule = true;
 exports.selectRenderer = selectRenderer;
 var _textRenderer = require("../textRenderer");
-var _a11y = require("../../helpers/a11y");
-var _element = require("../../helpers/dom/element");
 const RENDERER_TYPE = 'select';
 
 /**
@@ -20,8 +18,5 @@ const RENDERER_TYPE = 'select';
 exports.RENDERER_TYPE = RENDERER_TYPE;
 function selectRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   _textRenderer.textRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
-  if (hotInstance.getSettings().ariaTags) {
-    (0, _element.setAttribute)(TD, ...(0, _a11y.A11Y_HASPOPUP)('listbox'));
-  }
 }
 selectRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/selectRenderer/selectRenderer.mjs

@@ -1,6 +1,4 @@
 import { textRenderer } from "../textRenderer/index.mjs";
-import { A11Y_HASPOPUP } from "../../helpers/a11y.mjs";
-import { setAttribute } from "../../helpers/dom/element.mjs";
 export const RENDERER_TYPE = 'select';
 
 /**
@@ -15,8 +13,5 @@ export const RENDERER_TYPE = 'select';
  */
 export function selectRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   textRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
-  if (hotInstance.getSettings().ariaTags) {
-    setAttribute(TD, ...A11Y_HASPOPUP('listbox'));
-  }
 }
 selectRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/tableView.js

@@ -11,11 +11,13 @@ var _mouseEventHandler = require("./selection/mouseEventHandler");
 var _rootInstance = require("./utils/rootInstance");
 var _a11y = require("./helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 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); }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
 function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
@@ -32,11 +34,25 @@ var _mouseDown = /*#__PURE__*/new WeakMap();
 var _table = /*#__PURE__*/new WeakMap();
 var _lastWidth = /*#__PURE__*/new WeakMap();
 var _lastHeight = /*#__PURE__*/new WeakMap();
+var _getAriaColcount = /*#__PURE__*/new WeakSet();
+var _updateAriaColcount = /*#__PURE__*/new WeakSet();
 class TableView {
   /**
    * @param {Hanstontable} hotInstance Instance of {@link Handsontable}.
    */
   constructor(hotInstance) {
+    /**
+     * Update the `aria-colcount` attribute by the provided value.
+     *
+     * @param {number} delta The number of columns to add or remove to the aria tag.
+     */
+    _classPrivateMethodInitSpec(this, _updateAriaColcount);
+    /**
+     * Return the value of the `aria-colcount` attribute.
+     *
+     * @returns {number} The value of the `aria-colcount` attribute.
+     */
+    _classPrivateMethodInitSpec(this, _getAriaColcount);
     /**
      * Instance of {@link Handsontable}.
      *
@@ -273,7 +289,7 @@ class TableView {
     }
     if (this.settings.ariaTags) {
       (0, _element.setAttribute)(_classPrivateFieldGet(this, _table), [(0, _a11y.A11Y_PRESENTATION)()]);
-      (0, _element.setAttribute)(rootElement, [(0, _a11y.A11Y_TREEGRID)(), (0, _a11y.A11Y_ROWCOUNT)(this.hot.countRows()), (0, _a11y.A11Y_COLCOUNT)(this.hot.countCols()), (0, _a11y.A11Y_MULTISELECTABLE)()]);
+      (0, _element.setAttribute)(rootElement, [(0, _a11y.A11Y_TREEGRID)(), (0, _a11y.A11Y_ROWCOUNT)(-1), (0, _a11y.A11Y_COLCOUNT)(this.hot.countCols()), (0, _a11y.A11Y_MULTISELECTABLE)()]);
     }
     this.THEAD = rootDocument.createElement('THEAD');
     _classPrivateFieldGet(this, _table).appendChild(this.THEAD);
@@ -666,6 +682,13 @@ class TableView {
         }
         this.hot.runHooks('afterGetRowHeaderRenderers', headerRenderers);
         _classPrivateFieldSet(this, _rowHeadersCount, headerRenderers.length);
+        if (this.hot.getSettings().ariaTags) {
+          // Update the aria-colcount attribute.
+          // Only needs to be done once after initialization/data update.
+          if (_classPrivateMethodGet(this, _getAriaColcount, _getAriaColcount2).call(this) === this.hot.countCols()) {
+            _classPrivateMethodGet(this, _updateAriaColcount, _updateAriaColcount2).call(this, _classPrivateFieldGet(this, _rowHeadersCount));
+          }
+        }
         return headerRenderers;
       },
       columnHeaders: () => {
@@ -1305,7 +1328,6 @@ class TableView {
   getRowHeadersCount() {
     return _classPrivateFieldGet(this, _rowHeadersCount);
   }
-
   /**
    * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
    *
@@ -1316,5 +1338,12 @@ class TableView {
     this.eventManager.destroy();
   }
 }
+function _getAriaColcount2() {
+  return parseInt(this.hot.rootElement.getAttribute((0, _a11y.A11Y_COLCOUNT)()[0]), 10);
+}
+function _updateAriaColcount2(delta) {
+  const colCount = _classPrivateMethodGet(this, _getAriaColcount, _getAriaColcount2).call(this) + delta;
+  (0, _element.setAttribute)(this.hot.rootElement, ...(0, _a11y.A11Y_COLCOUNT)(colCount));
+}
 var _default = TableView;
 exports.default = _default;

package/tableView.mjs

@@ -1,10 +1,12 @@
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.error.cause.js";
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 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); }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
 function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
@@ -28,11 +30,25 @@ var _mouseDown = /*#__PURE__*/new WeakMap();
 var _table = /*#__PURE__*/new WeakMap();
 var _lastWidth = /*#__PURE__*/new WeakMap();
 var _lastHeight = /*#__PURE__*/new WeakMap();
+var _getAriaColcount = /*#__PURE__*/new WeakSet();
+var _updateAriaColcount = /*#__PURE__*/new WeakSet();
 class TableView {
   /**
    * @param {Hanstontable} hotInstance Instance of {@link Handsontable}.
    */
   constructor(hotInstance) {
+    /**
+     * Update the `aria-colcount` attribute by the provided value.
+     *
+     * @param {number} delta The number of columns to add or remove to the aria tag.
+     */
+    _classPrivateMethodInitSpec(this, _updateAriaColcount);
+    /**
+     * Return the value of the `aria-colcount` attribute.
+     *
+     * @returns {number} The value of the `aria-colcount` attribute.
+     */
+    _classPrivateMethodInitSpec(this, _getAriaColcount);
     /**
      * Instance of {@link Handsontable}.
      *
@@ -269,7 +285,7 @@ class TableView {
     }
     if (this.settings.ariaTags) {
       setAttribute(_classPrivateFieldGet(this, _table), [A11Y_PRESENTATION()]);
-      setAttribute(rootElement, [A11Y_TREEGRID(), A11Y_ROWCOUNT(this.hot.countRows()), A11Y_COLCOUNT(this.hot.countCols()), A11Y_MULTISELECTABLE()]);
+      setAttribute(rootElement, [A11Y_TREEGRID(), A11Y_ROWCOUNT(-1), A11Y_COLCOUNT(this.hot.countCols()), A11Y_MULTISELECTABLE()]);
     }
     this.THEAD = rootDocument.createElement('THEAD');
     _classPrivateFieldGet(this, _table).appendChild(this.THEAD);
@@ -662,6 +678,13 @@ class TableView {
         }
         this.hot.runHooks('afterGetRowHeaderRenderers', headerRenderers);
         _classPrivateFieldSet(this, _rowHeadersCount, headerRenderers.length);
+        if (this.hot.getSettings().ariaTags) {
+          // Update the aria-colcount attribute.
+          // Only needs to be done once after initialization/data update.
+          if (_classPrivateMethodGet(this, _getAriaColcount, _getAriaColcount2).call(this) === this.hot.countCols()) {
+            _classPrivateMethodGet(this, _updateAriaColcount, _updateAriaColcount2).call(this, _classPrivateFieldGet(this, _rowHeadersCount));
+          }
+        }
         return headerRenderers;
       },
       columnHeaders: () => {
@@ -1301,7 +1324,6 @@ class TableView {
   getRowHeadersCount() {
     return _classPrivateFieldGet(this, _rowHeadersCount);
   }
-
   /**
    * Destroys internal WalkOnTable's instance. Detaches all of the bonded listeners.
    *
@@ -1312,4 +1334,11 @@ class TableView {
     this.eventManager.destroy();
   }
 }
+function _getAriaColcount2() {
+  return parseInt(this.hot.rootElement.getAttribute(A11Y_COLCOUNT()[0]), 10);
+}
+function _updateAriaColcount2(delta) {
+  const colCount = _classPrivateMethodGet(this, _getAriaColcount, _getAriaColcount2).call(this) + delta;
+  setAttribute(this.hot.rootElement, ...A11Y_COLCOUNT(colCount));
+}
 export default TableView;