handsontable 0.0.0-next-e54c3d6-20231026 → 0.0.0-next-0c0e2e5-20231027

package/dist/handsontable.js

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-e54c3d6-20231026
- * Release date: 31/08/2023 (built at 26/10/2023 20:16:53)
+ * Version: 0.0.0-next-0c0e2e5-20231027
+ * Release date: 31/08/2023 (built at 27/10/2023 09:24:26)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -105,8 +105,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "26/10/2023 20:16:53";
-Handsontable.version = "0.0.0-next-e54c3d6-20231026";
+Handsontable.buildDate = "27/10/2023 09:24:26";
+Handsontable.version = "0.0.0-next-0c0e2e5-20231027";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,
@@ -4568,7 +4568,7 @@ function Core(rootElement, userSettings) {
    * @function getTranslatedPhrase
    * @since 0.35.0
    * @param {string} dictionaryKey Constant which is dictionary key.
-   * @param {*} extraArguments Arguments which will be handled by formatters.
+   * @param {*} [extraArguments] Arguments which will be handled by formatters.
    * @returns {string}
    */
   this.getTranslatedPhrase = function (dictionaryKey, extraArguments) {
@@ -7094,6 +7094,7 @@ module.exports = typeof Bun == 'function' && Bun && typeof Bun.version == 'strin
 exports.__esModule = true;
 exports.addClass = addClass;
 exports.addEvent = addEvent;
+exports.appendElement = appendElement;
 exports.clearTextSelection = clearTextSelection;
 exports.closest = closest;
 exports.closestDown = closestDown;
@@ -8229,6 +8230,34 @@ function runWithSelectedContendEditableElement(element, callback) {
   removeContentEditableFromElementAndDeselect(element, invisibleSelection);
 }
 
+/**
+ * Creates a new DOM element and appends it to the parent element with the provided class name(s) and attributes.
+ *
+ * @param {HTMLElement} parentElement The parent element.
+ * @param {object} properties The properties object.
+ * @param {string} properties.tagName The type of the new element.
+ * @param {string|string[]} properties.className Class name as string or array of strings.
+ * @param {Array[]} properties.attributes An array containing the attributes to be added. Each element of the array
+ * should be an array in a form of `[attributeName, attributeValue]`.
+ * @returns {HTMLElement} The created div element.
+ */
+function appendElement(parentElement, _ref) {
+  let {
+    tagName,
+    className,
+    attributes
+  } = _ref;
+  const element = parentElement.ownerDocument.createElement(tagName);
+  if (className) {
+    addClass(element, className);
+  }
+  if (attributes && attributes.length) {
+    setAttribute(element, attributes);
+  }
+  parentElement.appendChild(element);
+  return element;
+}
+
 /***/ }),
 /* 108 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
@@ -8494,7 +8523,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-e54c3d6-20231026";
+  const hotVersion = "0.0.0-next-0c0e2e5-20231027";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -8976,6 +9005,8 @@ const A11Y_TEXT = () => ['type', 'text'];
 exports.A11Y_TEXT = A11Y_TEXT;
 const A11Y_LABEL = val => ['aria-label', val];
 exports.A11Y_LABEL = A11Y_LABEL;
+const A11Y_DESCRIPTION = val => ['aria-description', val];
+exports.A11Y_DESCRIPTION = A11Y_DESCRIPTION;
 const A11Y_HIDDEN = () => ['aria-hidden', 'true'];
 exports.A11Y_HIDDEN = A11Y_HIDDEN;
 const A11Y_DISABLED = () => ['aria-disabled', 'true'];
@@ -18357,7 +18388,8 @@ class CellCoords {
    * Assigns the coordinates from another `CellCoords` instance (or compatible literal object)
    * to your `CellCoords` instance.
    *
-   * @param {CellCoords | { row?: number, col?: number }} coords The CellCoords instance or compatible literal object.
+   * @param {CellCoords | { row: number | undefined, col: number | undefined }} coords The CellCoords
+   * instance or compatible literal object.
    * @returns {CellCoords}
    */
   assign(coords) {
@@ -22228,6 +22260,9 @@ class RowHeadersRenderer extends _base.default {
         const TH = orderView.getCurrentNode();
         TH.className = '';
         TH.removeAttribute('style');
+
+        // Remove all accessibility-related attributes for the header to start fresh.
+        (0, _element.removeAttribute)(TH, [new RegExp('aria-(.*)'), new RegExp('role')]);
         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)]);
         }
@@ -22945,6 +22980,9 @@ class ColumnHeadersRenderer extends _base.default {
         const TH = TR.childNodes[renderedColumnIndex + rowHeadersCount];
         TH.className = '';
         TH.removeAttribute('style');
+
+        // Remove all accessibility-related attributes for the header to start fresh.
+        (0, _element.removeAttribute)(TH, [new RegExp('aria-(.*)'), new RegExp('role')]);
         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)()])]);
         }
@@ -32192,7 +32230,18 @@ const dictionary = {
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Value',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value',
   [C.CHECKBOX_CHECKED]: 'Checked',
-  [C.CHECKBOX_UNCHECKED]: 'Unchecked'
+  [C.CHECKBOX_UNCHECKED]: 'Unchecked',
+  [C.COLUMN_HEADER_DESCRIPTION_EXPAND_COLUMN]: 'Press ENTER to expand column.',
+  [C.COLUMN_HEADER_DESCRIPTION_COLLAPSE_COLUMN]: 'Press ENTER to collapse column.',
+  [C.COLUMN_HEADER_DESCRIPTION_SORT_ROWS]: 'Press ENTER to change sorting.',
+  [C.COLUMN_HEADER_LABEL_MULTI_COLUMN_SORT_ORDER]: 'Multi-column sorting order:',
+  [C.COLUMN_HEADER_LABEL_OPEN_MENU]: 'Press CTRL/CMD+ENTER to open menu.',
+  [C.COLUMN_HEADER_LABEL_BEFORE_HIDDEN_COLUMN]: 'The next column is hidden.',
+  [C.COLUMN_HEADER_LABEL_AFTER_HIDDEN_COLUMN]: 'The previous column is hidden.',
+  [C.ROW_HEADER_DESCRIPTION_EXPAND_ROW]: 'Press ENTER to expand row.',
+  [C.ROW_HEADER_DESCRIPTION_COLLAPSE_ROW]: 'Press ENTER to collapse row.',
+  [C.ROW_HEADER_LABEL_BEFORE_HIDDEN_ROW]: 'The next row is hidden.',
+  [C.ROW_HEADER_LABEL_AFTER_HIDDEN_ROW]: 'The previous row is hidden.'
 };
 var _default = dictionary;
 exports["default"] = _default;
@@ -32376,6 +32425,32 @@ const CHECKBOX_CHECKED = `${CHECKBOX_RENDERER_NAMESPACE}checked`;
 exports.CHECKBOX_CHECKED = CHECKBOX_CHECKED;
 const CHECKBOX_UNCHECKED = `${CHECKBOX_RENDERER_NAMESPACE}unchecked`;
 exports.CHECKBOX_UNCHECKED = CHECKBOX_UNCHECKED;
+const COLUMN_HEADER_NAMESPACE = 'ColumnHeader:';
+exports.COLUMN_HEADER_NAMESPACE = COLUMN_HEADER_NAMESPACE;
+const COLUMN_HEADER_DESCRIPTION_EXPAND_COLUMN = `${COLUMN_HEADER_NAMESPACE}description.expandColumn`;
+exports.COLUMN_HEADER_DESCRIPTION_EXPAND_COLUMN = COLUMN_HEADER_DESCRIPTION_EXPAND_COLUMN;
+const COLUMN_HEADER_DESCRIPTION_COLLAPSE_COLUMN = `${COLUMN_HEADER_NAMESPACE}description.collapseColumn`;
+exports.COLUMN_HEADER_DESCRIPTION_COLLAPSE_COLUMN = COLUMN_HEADER_DESCRIPTION_COLLAPSE_COLUMN;
+const COLUMN_HEADER_DESCRIPTION_SORT_ROWS = `${COLUMN_HEADER_NAMESPACE}description.sortRows`;
+exports.COLUMN_HEADER_DESCRIPTION_SORT_ROWS = COLUMN_HEADER_DESCRIPTION_SORT_ROWS;
+const COLUMN_HEADER_LABEL_MULTI_COLUMN_SORT_ORDER = `${COLUMN_HEADER_NAMESPACE}label.multiColumnSortOrder`;
+exports.COLUMN_HEADER_LABEL_MULTI_COLUMN_SORT_ORDER = COLUMN_HEADER_LABEL_MULTI_COLUMN_SORT_ORDER;
+const COLUMN_HEADER_LABEL_OPEN_MENU = `${COLUMN_HEADER_NAMESPACE}label.openMenu`;
+exports.COLUMN_HEADER_LABEL_OPEN_MENU = COLUMN_HEADER_LABEL_OPEN_MENU;
+const COLUMN_HEADER_LABEL_BEFORE_HIDDEN_COLUMN = `${COLUMN_HEADER_NAMESPACE}label.beforeHiddenColumn`;
+exports.COLUMN_HEADER_LABEL_BEFORE_HIDDEN_COLUMN = COLUMN_HEADER_LABEL_BEFORE_HIDDEN_COLUMN;
+const COLUMN_HEADER_LABEL_AFTER_HIDDEN_COLUMN = `${COLUMN_HEADER_NAMESPACE}label.afterHiddenColumn`;
+exports.COLUMN_HEADER_LABEL_AFTER_HIDDEN_COLUMN = COLUMN_HEADER_LABEL_AFTER_HIDDEN_COLUMN;
+const ROW_HEADER_NAMESPACE = 'RowHeader:';
+exports.ROW_HEADER_NAMESPACE = ROW_HEADER_NAMESPACE;
+const ROW_HEADER_DESCRIPTION_EXPAND_ROW = `${ROW_HEADER_NAMESPACE}description.expandRow`;
+exports.ROW_HEADER_DESCRIPTION_EXPAND_ROW = ROW_HEADER_DESCRIPTION_EXPAND_ROW;
+const ROW_HEADER_DESCRIPTION_COLLAPSE_ROW = `${ROW_HEADER_NAMESPACE}description.collapseRow`;
+exports.ROW_HEADER_DESCRIPTION_COLLAPSE_ROW = ROW_HEADER_DESCRIPTION_COLLAPSE_ROW;
+const ROW_HEADER_LABEL_BEFORE_HIDDEN_ROW = `${ROW_HEADER_NAMESPACE}label.beforeHiddenRow`;
+exports.ROW_HEADER_LABEL_BEFORE_HIDDEN_ROW = ROW_HEADER_LABEL_BEFORE_HIDDEN_ROW;
+const ROW_HEADER_LABEL_AFTER_HIDDEN_ROW = `${ROW_HEADER_NAMESPACE}label.afterHiddenRow`;
+exports.ROW_HEADER_LABEL_AFTER_HIDDEN_ROW = ROW_HEADER_LABEL_AFTER_HIDDEN_ROW;
 
 /***/ }),
 /* 251 */
@@ -53112,6 +53187,7 @@ var _element = __webpack_require__(107);
 var _eventManager = _interopRequireDefault(__webpack_require__(127));
 var _event = __webpack_require__(122);
 var _a11y = __webpack_require__(114);
+var _constants = __webpack_require__(250);
 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"); } }
 const PLUGIN_KEY = 'collapsibleColumns';
@@ -53612,7 +53688,7 @@ class CollapsibleColumns extends _base.BasePlugin {
 
         // Add ARIA tags
         if (isAriaTagsEnabled) {
-          (0, _element.setAttribute)(TH, ...(0, _a11y.A11Y_EXPANDED)(false));
+          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(false), (0, _a11y.A11Y_DESCRIPTION)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_DESCRIPTION_EXPAND_COLUMN))]);
         }
       } else {
         (0, _element.addClass)(collapsibleElement, 'expanded');
@@ -53620,7 +53696,7 @@ class CollapsibleColumns extends _base.BasePlugin {
 
         // Add ARIA tags
         if (isAriaTagsEnabled) {
-          (0, _element.setAttribute)(TH, ...(0, _a11y.A11Y_EXPANDED)(true));
+          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(true), (0, _a11y.A11Y_DESCRIPTION)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_DESCRIPTION_COLLAPSE_COLUMN))]);
         }
       }
       if (isAriaTagsEnabled) {
@@ -53725,6 +53801,7 @@ var _domHelpers = __webpack_require__(447);
 var _rootComparator = __webpack_require__(448);
 var _sortService = __webpack_require__(449);
 var _a11y = __webpack_require__(114);
+var _constants = __webpack_require__(250);
 const PLUGIN_KEY = 'columnSorting';
 exports.PLUGIN_KEY = PLUGIN_KEY;
 const PLUGIN_PRIORITY = 50;
@@ -53734,6 +53811,7 @@ exports.APPEND_COLUMN_CONFIG_STRATEGY = APPEND_COLUMN_CONFIG_STRATEGY;
 const REPLACE_COLUMN_CONFIG_STRATEGY = 'replace';
 exports.REPLACE_COLUMN_CONFIG_STRATEGY = REPLACE_COLUMN_CONFIG_STRATEGY;
 const SHORTCUTS_GROUP = PLUGIN_KEY;
+const SORTING_INDICATOR_CLASS = 'columnSortingIndicator';
 (0, _sortService.registerRootComparator)(PLUGIN_KEY, _rootComparator.rootComparator);
 _pluginHooks.default.getSingleton().register('beforeColumnSort');
 _pluginHooks.default.getSingleton().register('afterColumnSort');
@@ -54352,12 +54430,14 @@ class ColumnSorting extends _base.BasePlugin {
       return;
     }
     const pluginSettingsForColumn = this.getFirstCellSettings(column)[this.pluginKey];
+    const ariaTags = this.hot.getSettings().ariaTags;
     const showSortIndicator = pluginSettingsForColumn.indicator;
     const headerActionEnabled = pluginSettingsForColumn.headerAction;
+    const currentSortState = this.columnStatesManager.getSortOrderOfColumn(column);
     this.updateHeaderClasses(headerSpanElement, this.columnStatesManager, column, showSortIndicator, headerActionEnabled);
-    if (this.hot.getSettings().ariaTags) {
-      const currentSortState = this.columnStatesManager.getSortOrderOfColumn(column);
-      (0, _element.setAttribute)(TH, ...(0, _a11y.A11Y_SORT)(currentSortState ? `${currentSortState}ending` : 'none'));
+    this.updateSortingIndicator(column, headerSpanElement);
+    if (ariaTags) {
+      (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_SORT)(currentSortState ? `${currentSortState}ending` : 'none'), (0, _a11y.A11Y_DESCRIPTION)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_DESCRIPTION_SORT_ROWS))]);
     }
   }
 
@@ -54378,6 +54458,28 @@ class ColumnSorting extends _base.BasePlugin {
     }
   }
 
+  /**
+   * Update sorting indicator.
+   *
+   * @private
+   * @param {number} column Visual column index.
+   * @param {HTMLElement} headerSpanElement Header span element.
+   */
+  updateSortingIndicator(column, headerSpanElement) {
+    const pluginSettingsForColumn = this.getFirstCellSettings(column)[this.pluginKey];
+    const ariaTags = this.hot.getSettings().ariaTags;
+    const showSortIndicator = pluginSettingsForColumn.indicator;
+    const isColumnSorted = this.columnStatesManager.isColumnSorted(column);
+    const indicatorElement = headerSpanElement.querySelector(`.${SORTING_INDICATOR_CLASS}`);
+    if (showSortIndicator && isColumnSorted && !indicatorElement) {
+      (0, _element.appendElement)(headerSpanElement, {
+        tagName: 'div',
+        className: SORTING_INDICATOR_CLASS,
+        attributes: ariaTags ? [(0, _a11y.A11Y_HIDDEN)()] : []
+      });
+    }
+  }
+
   /**
    * Overwriting base plugin's `onUpdateSettings` method. Please keep in mind that `onAfterUpdateSettings` isn't called
    * for `updateSettings` in specific situations.
@@ -60905,6 +61007,8 @@ exports.createMenuItemRenderer = createMenuItemRenderer;
 var _utils = __webpack_require__(495);
 var _element = __webpack_require__(107);
 var _a11y = __webpack_require__(114);
+const SUBMENU_INDICATOR_CLASSNAME = 'submenuIndicator';
+
 /**
  * Creates the menu renderer function.
  *
@@ -60937,6 +61041,16 @@ function createMenuItemRenderer(mainTableHot) {
       const isFocusable = !(0, _utils.isItemDisabled)(item, mainTableHot) && !(0, _utils.isItemSelectionDisabled)(item) && !(0, _utils.isItemSeparator)(item);
       (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_MENU_ITEM)(), (0, _a11y.A11Y_LABEL)(itemValue), ...(isFocusable ? [(0, _a11y.A11Y_TABINDEX)(-1)] : []), ...((0, _utils.isItemDisabled)(item, mainTableHot) ? [(0, _a11y.A11Y_DISABLED)()] : []), ...((0, _utils.isItemSubMenu)(item) ? [(0, _a11y.A11Y_EXPANDED)(false)] : [])]);
     }
+    if ((0, _utils.isItemSubMenu)(item)) {
+      const submenuIndicatorElement = TD.querySelector('.submenuIndicator');
+      if (!submenuIndicatorElement) {
+        (0, _element.appendElement)(TD, {
+          tagName: 'div',
+          attributes: mainTableHot.getSettings().ariaTags ? [(0, _a11y.A11Y_HIDDEN)()] : [],
+          className: SUBMENU_INDICATOR_CLASSNAME
+        });
+      }
+    }
     TD.className = '';
     TD.appendChild(wrapper);
     if ((0, _utils.isItemSeparator)(item)) {
@@ -64469,6 +64583,7 @@ var _menu = __webpack_require__(489);
 var _pluginHooks = _interopRequireDefault(__webpack_require__(124));
 var _predefinedItems = __webpack_require__(464);
 __webpack_require__(526);
+var _constants = __webpack_require__(250);
 var _a11y = __webpack_require__(114);
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
@@ -64894,7 +65009,7 @@ class DropdownMenu extends _base.BasePlugin {
     button.type = 'button';
     button.tabIndex = -1;
     if (this.hot.getSettings().ariaTags) {
-      (0, _element.setAttribute)(button, [(0, _a11y.A11Y_HIDDEN)()]);
+      (0, _element.setAttribute)(button, [(0, _a11y.A11Y_LABEL)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_LABEL_OPEN_MENU))]);
       (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_HASPOPUP)('menu')]);
     }
 
@@ -68194,11 +68309,8 @@ class InputUI extends _base.BaseUI {
    */
   build() {
     super.build();
-    const icon = this.hot.rootDocument.createElement('div');
     (0, _classPrivateFieldSet2.default)(this, _input, this._element.firstChild);
     (0, _element.addClass)(this._element, 'htUIInput');
-    (0, _element.addClass)(icon, 'htUIInputIcon');
-    this._element.appendChild(icon);
     this.update();
   }
 
@@ -68464,9 +68576,11 @@ var _classPrivateFieldGet2 = _interopRequireDefault(__webpack_require__(129));
 var _menu2 = __webpack_require__(489);
 var _object = __webpack_require__(117);
 var _array = __webpack_require__(113);
+var _element = __webpack_require__(107);
 var C = _interopRequireWildcard(__webpack_require__(250));
 var _predefinedItems = __webpack_require__(464);
 var _base = __webpack_require__(568);
+var _a11y = __webpack_require__(114);
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
@@ -68623,6 +68737,10 @@ class SelectUI extends _base.BaseUI {
     (0, _classPrivateFieldSet2.default)(this, _caption, caption);
     (0, _classPrivateFieldSet2.default)(this, _captionElement, caption.element);
     (0, _classPrivateFieldSet2.default)(this, _dropdown, dropdown);
+    if (this.hot.getSettings().ariaTags) {
+      (0, _element.setAttribute)(dropdown.element, [(0, _a11y.A11Y_HIDDEN)()]);
+      (0, _element.setAttribute)(this._element, [(0, _a11y.A11Y_LISTBOX)()]);
+    }
     (0, _array.arrayEach)([caption, dropdown], element => this._element.appendChild(element.element));
     (0, _classPrivateFieldGet2.default)(this, _menu).addLocalHook('select', command => _classPrivateMethodGet(this, _onMenuSelect, _onMenuSelect2).call(this, command));
     (0, _classPrivateFieldGet2.default)(this, _menu).addLocalHook('afterClose', () => _classPrivateMethodGet(this, _onMenuClosed, _onMenuClosed2).call(this));
@@ -72903,9 +73021,13 @@ var _pluginHooks = _interopRequireDefault(__webpack_require__(124));
 var _hideColumn = _interopRequireDefault(__webpack_require__(591));
 var _showColumn = _interopRequireDefault(__webpack_require__(592));
 var _translations = __webpack_require__(226);
+var _a11y = __webpack_require__(114);
+var _constants = __webpack_require__(250);
 __webpack_require__(593);
+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 _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 _pluginHooks.default.getSingleton().register('beforeHideColumns');
 _pluginHooks.default.getSingleton().register('afterHideColumns');
 _pluginHooks.default.getSingleton().register('beforeUnhideColumns');
@@ -72913,6 +73035,9 @@ _pluginHooks.default.getSingleton().register('afterUnhideColumns');
 const PLUGIN_KEY = 'hiddenColumns';
 exports.PLUGIN_KEY = PLUGIN_KEY;
 const PLUGIN_PRIORITY = 310;
+exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
+const BEFORE_INDICATOR_CLASSNAME = 'beforeHiddenColumnIndicator';
+const AFTER_INDICATOR_CLASSNAME = 'afterHiddenColumnIndicator';
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
@@ -73020,12 +73145,18 @@ const PLUGIN_PRIORITY = 310;
  * ```
  * :::
  */
-exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 var _settings = /*#__PURE__*/new WeakMap();
 var _hiddenColumnsMap = /*#__PURE__*/new WeakMap();
+var _clearIndicatorElements = /*#__PURE__*/new WeakSet();
 class HiddenColumns extends _base.BasePlugin {
   constructor() {
     super(...arguments);
+    /**
+     * Remove the indicator elements from the provided column header element.
+     *
+     * @param {HTMLElement} TH Column header element.
+     */
+    _classPrivateMethodInitSpec(this, _clearIndicatorElements);
     /**
      * Cached plugin settings.
      *
@@ -73109,8 +73240,15 @@ class HiddenColumns extends _base.BasePlugin {
    * Disables the plugin functionality for this Handsontable instance.
    */
   disablePlugin() {
+    const clearColHeader = (columnIndex, TH) => {
+      _classPrivateMethodGet(this, _clearIndicatorElements, _clearIndicatorElements2).call(this, TH);
+    };
     this.hot.columnIndexMapper.unregisterMap(this.pluginName);
     (0, _classPrivateFieldSet2.default)(this, _settings, {});
+    this.hot.addHook('afterGetColHeader', clearColHeader);
+    this.hot.addHookOnce('afterViewRender', () => {
+      this.hot.removeHook('afterGetColHeader', clearColHeader);
+    });
     super.disablePlugin();
     this.resetCellsMeta();
   }
@@ -73252,7 +73390,6 @@ class HiddenColumns extends _base.BasePlugin {
       }
     });
   }
-
   /**
    * Adds the additional column width for the hidden column indicators.
    *
@@ -73357,14 +73494,35 @@ class HiddenColumns extends _base.BasePlugin {
    * @param {HTMLElement} TH Header's TH element.
    */
   onAfterGetColHeader(column, TH) {
+    const areAriaTagsEnabled = this.hot.getSettings().ariaTags;
+    const beforeHiddenColumnIndicatorElement = TH.querySelector('.beforeHiddenColumnIndicator');
+    const afterHiddenColumnIndicatorElement = TH.querySelector('.afterHiddenColumnIndicator');
     if (!(0, _classPrivateFieldGet2.default)(this, _settings).indicators || column < 0) {
+      beforeHiddenColumnIndicatorElement === null || beforeHiddenColumnIndicatorElement === void 0 || beforeHiddenColumnIndicatorElement.remove();
+      afterHiddenColumnIndicatorElement === null || afterHiddenColumnIndicatorElement === void 0 || afterHiddenColumnIndicatorElement.remove();
       return;
     }
     const classList = [];
     if (column >= 1 && this.isHidden(column - 1)) {
+      if (!afterHiddenColumnIndicatorElement) {
+        const attributesToAdd = areAriaTagsEnabled ? [(0, _a11y.A11Y_LABEL)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_LABEL_AFTER_HIDDEN_COLUMN))] : [];
+        (0, _element.appendElement)(TH, {
+          tagName: 'div',
+          attributes: attributesToAdd,
+          className: AFTER_INDICATOR_CLASSNAME
+        });
+      }
       classList.push('afterHiddenColumn');
     }
     if (column < this.hot.countCols() - 1 && this.isHidden(column + 1)) {
+      if (!beforeHiddenColumnIndicatorElement) {
+        const attributesToAdd = areAriaTagsEnabled ? [(0, _a11y.A11Y_LABEL)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_LABEL_BEFORE_HIDDEN_COLUMN))] : [];
+        (0, _element.appendElement)(TH, {
+          tagName: 'div',
+          attributes: attributesToAdd,
+          className: BEFORE_INDICATOR_CLASSNAME
+        });
+      }
       classList.push('beforeHiddenColumn');
     }
     (0, _element.addClass)(TH, classList);
@@ -73403,6 +73561,11 @@ class HiddenColumns extends _base.BasePlugin {
   }
 }
 exports.HiddenColumns = HiddenColumns;
+function _clearIndicatorElements2(TH) {
+  Array.from(TH.querySelectorAll(`.${AFTER_INDICATOR_CLASSNAME}, .${BEFORE_INDICATOR_CLASSNAME}`)).forEach(element => {
+    element.remove();
+  });
+}
 
 /***/ }),
 /* 591 */
@@ -73615,9 +73778,13 @@ var _pluginHooks = _interopRequireDefault(__webpack_require__(124));
 var _hideRow = _interopRequireDefault(__webpack_require__(596));
 var _showRow = _interopRequireDefault(__webpack_require__(597));
 var _translations = __webpack_require__(226);
+var _a11y = __webpack_require__(114);
+var _constants = __webpack_require__(250);
 __webpack_require__(598);
+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 _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 _pluginHooks.default.getSingleton().register('beforeHideRows');
 _pluginHooks.default.getSingleton().register('afterHideRows');
 _pluginHooks.default.getSingleton().register('beforeUnhideRows');
@@ -73625,6 +73792,9 @@ _pluginHooks.default.getSingleton().register('afterUnhideRows');
 const PLUGIN_KEY = 'hiddenRows';
 exports.PLUGIN_KEY = PLUGIN_KEY;
 const PLUGIN_PRIORITY = 320;
+exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
+const AFTER_INDICATOR_CLASSNAME = 'afterHiddenRowIndicator';
+const BEFORE_INDICATOR_CLASSNAME = 'beforeHiddenRowIndicator';
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
@@ -73732,12 +73902,18 @@ const PLUGIN_PRIORITY = 320;
  * ```
  * :::
  */
-exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 var _settings = /*#__PURE__*/new WeakMap();
 var _hiddenRowsMap = /*#__PURE__*/new WeakMap();
+var _clearIndicatorElements = /*#__PURE__*/new WeakSet();
 class HiddenRows extends _base.BasePlugin {
   constructor() {
     super(...arguments);
+    /**
+     * Remove the indicator elements from the provided row header element.
+     *
+     * @param {HTMLElement} TH Column header element.
+     */
+    _classPrivateMethodInitSpec(this, _clearIndicatorElements);
     /**
      * Cached settings from Handsontable settings.
      *
@@ -73821,8 +73997,15 @@ class HiddenRows extends _base.BasePlugin {
    * Disables the plugin functionality for this Handsontable instance.
    */
   disablePlugin() {
+    const clearRowHeader = (columnIndex, TH) => {
+      _classPrivateMethodGet(this, _clearIndicatorElements, _clearIndicatorElements2).call(this, TH);
+    };
     this.hot.rowIndexMapper.unregisterMap(this.pluginName);
     (0, _classPrivateFieldSet2.default)(this, _settings, {});
+    this.hot.addHook('afterGetRowHeader', clearRowHeader);
+    this.hot.addHookOnce('afterViewRender', () => {
+      this.hot.removeHook('afterGetRowHeader', clearRowHeader);
+    });
     super.disablePlugin();
     this.resetCellsMeta();
   }
@@ -73961,7 +74144,6 @@ class HiddenRows extends _base.BasePlugin {
       }
     });
   }
-
   /**
    * Adds the additional row height for the hidden row indicators.
    *
@@ -74061,14 +74243,35 @@ class HiddenRows extends _base.BasePlugin {
    * @param {HTMLElement} TH Header's TH element.
    */
   onAfterGetRowHeader(row, TH) {
+    const areAriaTagsEnabled = this.hot.getSettings().ariaTags;
+    const beforeHiddenRowIndicatorElement = TH.querySelector('.beforeHiddenRowIndicator');
+    const afterHiddenRowIndicatorElement = TH.querySelector('.afterHiddenRowIndicator');
     if (!(0, _classPrivateFieldGet2.default)(this, _settings).indicators || row < 0) {
+      beforeHiddenRowIndicatorElement === null || beforeHiddenRowIndicatorElement === void 0 || beforeHiddenRowIndicatorElement.remove();
+      afterHiddenRowIndicatorElement === null || afterHiddenRowIndicatorElement === void 0 || afterHiddenRowIndicatorElement.remove();
       return;
     }
     const classList = [];
     if (row >= 1 && this.isHidden(row - 1)) {
+      if (!afterHiddenRowIndicatorElement) {
+        const attributesToAdd = areAriaTagsEnabled ? [(0, _a11y.A11Y_LABEL)(this.hot.getTranslatedPhrase(_constants.ROW_HEADER_LABEL_AFTER_HIDDEN_ROW))] : [];
+        (0, _element.appendElement)(TH, {
+          tagName: 'div',
+          attributes: attributesToAdd,
+          className: AFTER_INDICATOR_CLASSNAME
+        });
+      }
       classList.push('afterHiddenRow');
     }
     if (row < this.hot.countRows() - 1 && this.isHidden(row + 1)) {
+      if (!beforeHiddenRowIndicatorElement) {
+        const attributesToAdd = areAriaTagsEnabled ? [(0, _a11y.A11Y_LABEL)(this.hot.getTranslatedPhrase(_constants.ROW_HEADER_LABEL_BEFORE_HIDDEN_ROW))] : [];
+        (0, _element.appendElement)(TH, {
+          tagName: 'div',
+          attributes: attributesToAdd,
+          className: BEFORE_INDICATOR_CLASSNAME
+        });
+      }
       classList.push('beforeHiddenRow');
     }
     (0, _element.addClass)(TH, classList);
@@ -74107,6 +74310,11 @@ class HiddenRows extends _base.BasePlugin {
   }
 }
 exports.HiddenRows = HiddenRows;
+function _clearIndicatorElements2(TH) {
+  Array.from(TH.querySelectorAll(`.${AFTER_INDICATOR_CLASSNAME}, .${BEFORE_INDICATOR_CLASSNAME}`)).forEach(element => {
+    element.remove();
+  });
+}
 
 /***/ }),
 /* 596 */
@@ -80205,6 +80413,8 @@ var _element = __webpack_require__(107);
 var _rootComparator = __webpack_require__(631);
 var _utils2 = __webpack_require__(632);
 var _domHelpers = __webpack_require__(633);
+var _a11y = __webpack_require__(114);
+var _constants = __webpack_require__(250);
 __webpack_require__(634);
 const PLUGIN_KEY = 'multiColumnSorting';
 exports.PLUGIN_KEY = PLUGIN_KEY;
@@ -80466,6 +80676,25 @@ class MultiColumnSorting extends _columnSorting.ColumnSorting {
     }
   }
 
+  /**
+   * Update sorting indicator.
+   *
+   * @private
+   * @param {number} column Visual column index.
+   * @param {HTMLElement} headerSpanElement Header span element.
+   */
+  updateSortingIndicator(column, headerSpanElement) {
+    super.updateSortingIndicator(column, headerSpanElement);
+    const indicatorElement = headerSpanElement.querySelector('.columnSortingIndicator');
+    if (!indicatorElement || !this.hot.getSettings().ariaTags || !this.columnStatesManager.isColumnSorted(column) || this.columnStatesManager.getNumberOfSortedColumns() <= 1) {
+      return;
+    }
+    const multiColumnSortingOrder = this.columnStatesManager.getIndexOfColumnInSortQueue(column) + 1;
+    const a11yLabelAttribute = (0, _a11y.A11Y_LABEL)(`${this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_LABEL_MULTI_COLUMN_SORT_ORDER)} ${multiColumnSortingOrder}.`);
+    (0, _element.removeAttribute)(indicatorElement, (0, _a11y.A11Y_HIDDEN)()[0]);
+    (0, _element.setAttribute)(indicatorElement, ...a11yLabelAttribute);
+  }
+
   /**
    * Overwriting base plugin's `onUpdateSettings` method. Please keep in mind that `onAfterUpdateSettings` isn't called
    * for `updateSettings` in specific situations.
@@ -84225,7 +84454,8 @@ class NestedRows extends _base.BasePlugin {
   /**
    * Updates the plugin's state.
    *
-   * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the following configuration options:
+   * This method is executed when [`updateSettings()`](@/api/core.md#updatesettings) is invoked with any of the
+   * following configuration options:
    *  - [`nestedRows`](@/api/options.md#nestedrows)
    */
   updatePlugin() {
@@ -85813,6 +86043,7 @@ var _number = __webpack_require__(140);
 var _element = __webpack_require__(107);
 var _base = _interopRequireDefault(__webpack_require__(658));
 var _a11y = __webpack_require__(114);
+var _constants = __webpack_require__(250);
 /**
  * Class responsible for the UI in the Nested Rows' row headers.
  *
@@ -85830,7 +86061,6 @@ class HeadersUI extends _base.default {
     return {
       indicatorContainer: 'ht_nestingLevels',
       parent: 'ht_nestingParent',
-      indicator: 'ht_nestingLevel',
       emptyIndicator: 'ht_nestingLevel_empty',
       button: 'ht_nestingButton',
       expandButton: 'ht_nestingExpand',
@@ -85908,12 +86138,12 @@ class HeadersUI extends _base.default {
       if (this.collapsingUI.areChildrenCollapsed(rowIndex)) {
         (0, _element.addClass)(buttonsContainer, `${HeadersUI.CSS_CLASSES.button} ${HeadersUI.CSS_CLASSES.expandButton}`);
         if (ariaEnabled) {
-          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(false)]);
+          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(false), (0, _a11y.A11Y_DESCRIPTION)(this.hot.getTranslatedPhrase(_constants.ROW_HEADER_DESCRIPTION_EXPAND_ROW))]);
         }
       } else {
         (0, _element.addClass)(buttonsContainer, `${HeadersUI.CSS_CLASSES.button} ${HeadersUI.CSS_CLASSES.collapseButton}`);
         if (ariaEnabled) {
-          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(true)]);
+          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(true), (0, _a11y.A11Y_DESCRIPTION)(this.hot.getTranslatedPhrase(_constants.ROW_HEADER_DESCRIPTION_COLLAPSE_ROW))]);
         }
       }
       innerDiv.appendChild(buttonsContainer);