handsontable 0.0.0-next-49dc220-20231121 → 0.0.0-next-b86a8be-20231123

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-49dc220-20231121
- * Release date: 31/08/2023 (built at 21/11/2023 13:08:04)
+ * Version: 0.0.0-next-b86a8be-20231123
+ * Release date: 31/08/2023 (built at 23/11/2023 12:44:52)
  */
 (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 = "21/11/2023 13:08:04";
-Handsontable.version = "0.0.0-next-49dc220-20231121";
+Handsontable.buildDate = "23/11/2023 12:44:52";
+Handsontable.version = "0.0.0-next-b86a8be-20231123";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,
@@ -4588,7 +4588,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) {
@@ -7114,7 +7114,6 @@ 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;
@@ -8250,34 +8249,6 @@ 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__) => {
@@ -8543,7 +8514,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-49dc220-20231121";
+  const hotVersion = "0.0.0-next-b86a8be-20231123";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -9025,8 +8996,6 @@ 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'];
@@ -16626,6 +16595,8 @@ class TableView {
       const span = rootDocument.createElement('span');
       div.className = 'relative';
       span.className = 'colHeader';
+      (0, _element.setAttribute)(div, ...(0, _a11y.A11Y_PRESENTATION)());
+      (0, _element.setAttribute)(span, ...(0, _a11y.A11Y_PRESENTATION)());
       this.updateCellHeader(span, visualColumnIndex, label, headerLevel);
       div.appendChild(span);
       TH.appendChild(div);
@@ -25839,8 +25810,9 @@ exports.CORNER_DEFAULT_STYLE = CORNER_DEFAULT_STYLE;
 __webpack_require__(78);
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
+__webpack_require__(8);
 __webpack_require__(205);
-var _classPrivateFieldGet8 = _interopRequireDefault(__webpack_require__(133));
+var _classPrivateFieldGet7 = _interopRequireDefault(__webpack_require__(133));
 var _classPrivateFieldSet2 = _interopRequireDefault(__webpack_require__(136));
 var _element = __webpack_require__(107);
 var _scanner2 = __webpack_require__(206);
@@ -25937,9 +25909,9 @@ class SelectionManager {
    */
   setActiveOverlay(activeWot) {
     (0, _classPrivateFieldSet2.default)(this, _activeOverlaysWot, activeWot);
-    (0, _classPrivateFieldGet8.default)(this, _scanner).setActiveOverlay((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot));
-    if (!(0, _classPrivateFieldGet8.default)(this, _appliedClasses).has((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot))) {
-      (0, _classPrivateFieldGet8.default)(this, _appliedClasses).set((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot), new Set());
+    (0, _classPrivateFieldGet7.default)(this, _scanner).setActiveOverlay((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot));
+    if (!(0, _classPrivateFieldGet7.default)(this, _appliedClasses).has((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot))) {
+      (0, _classPrivateFieldGet7.default)(this, _appliedClasses).set((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot), new Set());
     }
     return this;
   }
@@ -25950,7 +25922,7 @@ class SelectionManager {
    * @returns {Selection|null}
    */
   getFocusSelection() {
-    return (0, _classPrivateFieldGet8.default)(this, _selections) !== null ? (0, _classPrivateFieldGet8.default)(this, _selections).getFocus() : null;
+    return (0, _classPrivateFieldGet7.default)(this, _selections) !== null ? (0, _classPrivateFieldGet7.default)(this, _selections).getFocus() : null;
   }
 
   /**
@@ -25959,7 +25931,7 @@ class SelectionManager {
    * @returns {Selection|null}
    */
   getAreaSelection() {
-    return (0, _classPrivateFieldGet8.default)(this, _selections) !== null ? (0, _classPrivateFieldGet8.default)(this, _selections).createLayeredArea() : null;
+    return (0, _classPrivateFieldGet7.default)(this, _selections) !== null ? (0, _classPrivateFieldGet7.default)(this, _selections).createLayeredArea() : null;
   }
 
   /**
@@ -25972,17 +25944,17 @@ class SelectionManager {
     if (!selection.settings.border) {
       return null;
     }
-    if ((0, _classPrivateFieldGet8.default)(this, _selectionBorders).has(selection)) {
-      const borders = (0, _classPrivateFieldGet8.default)(this, _selectionBorders).get(selection);
-      if (borders.has((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot))) {
-        return borders.get((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot));
+    if ((0, _classPrivateFieldGet7.default)(this, _selectionBorders).has(selection)) {
+      const borders = (0, _classPrivateFieldGet7.default)(this, _selectionBorders).get(selection);
+      if (borders.has((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot))) {
+        return borders.get((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot));
       }
-      const border = new _border.default((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot), selection.settings);
-      borders.set((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot), border);
+      const border = new _border.default((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot), selection.settings);
+      borders.set((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot), border);
       return border;
     }
-    const border = new _border.default((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot), selection.settings);
-    (0, _classPrivateFieldGet8.default)(this, _selectionBorders).set(selection, new Map([[(0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot), border]]));
+    const border = new _border.default((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot), selection.settings);
+    (0, _classPrivateFieldGet7.default)(this, _selectionBorders).set(selection, new Map([[(0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot), border]]));
     return border;
   }
 
@@ -25994,7 +25966,7 @@ class SelectionManager {
    */
   getBorderInstances(selection) {
     var _classPrivateFieldGet2, _classPrivateFieldGet3;
-    return Array.from((_classPrivateFieldGet2 = (_classPrivateFieldGet3 = (0, _classPrivateFieldGet8.default)(this, _selectionBorders).get(selection)) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.values()) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : []);
+    return Array.from((_classPrivateFieldGet2 = (_classPrivateFieldGet3 = (0, _classPrivateFieldGet7.default)(this, _selectionBorders).get(selection)) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.values()) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : []);
   }
 
   /**
@@ -26003,8 +25975,8 @@ class SelectionManager {
    * @param {Selection} selection The selection instance.
    */
   destroyBorders(selection) {
-    (0, _classPrivateFieldGet8.default)(this, _selectionBorders).get(selection).forEach(border => border.destroy());
-    (0, _classPrivateFieldGet8.default)(this, _selectionBorders).delete(selection);
+    (0, _classPrivateFieldGet7.default)(this, _selectionBorders).get(selection).forEach(border => border.destroy());
+    (0, _classPrivateFieldGet7.default)(this, _selectionBorders).delete(selection);
   }
 
   /**
@@ -26013,24 +25985,27 @@ class SelectionManager {
    * @param {boolean} fastDraw Indicates the render cycle type (fast/slow).
    */
   render(fastDraw) {
-    if ((0, _classPrivateFieldGet8.default)(this, _selections) === null) {
+    if ((0, _classPrivateFieldGet7.default)(this, _selections) === null) {
       return;
     }
     if (fastDraw) {
       // there was no rerender, so we need to remove classNames by ourselves
       _classPrivateMethodGet(this, _resetCells, _resetCells2).call(this);
     }
-    const selections = Array.from((0, _classPrivateFieldGet8.default)(this, _selections));
+    const selections = Array.from((0, _classPrivateFieldGet7.default)(this, _selections));
     const classNamesMap = new Map();
+    const focusedHeaderAttributesMap = new Map();
     for (let i = 0; i < selections.length; i++) {
       const selection = selections[i];
       const {
         className,
+        cellAttributes,
+        focusedHeaderAttributes,
         createLayers,
         selectionType
       } = selection.settings;
-      if (!(0, _classPrivateFieldGet8.default)(this, _destroyListeners).has(selection)) {
-        (0, _classPrivateFieldGet8.default)(this, _destroyListeners).add(selection);
+      if (!(0, _classPrivateFieldGet7.default)(this, _destroyListeners).has(selection)) {
+        (0, _classPrivateFieldGet7.default)(this, _destroyListeners).add(selection);
         selection.addLocalHook('destroy', () => this.destroyBorders(selection));
       }
       const borderInstance = this.getBorderInstance(selection);
@@ -26039,27 +26014,37 @@ class SelectionManager {
         continue; // eslint-disable-line no-continue
       }
 
-      if (className) {
-        const elements = (0, _classPrivateFieldGet8.default)(this, _scanner).setActiveSelection(selection).scan();
+      if (className || cellAttributes || selectionType === 'focus' && focusedHeaderAttributes) {
+        const elements = (0, _classPrivateFieldGet7.default)(this, _scanner).setActiveSelection(selection).scan();
         elements.forEach(element => {
-          if (classNamesMap.has(element)) {
-            const classNamesLayers = classNamesMap.get(element);
-            if (classNamesLayers.has(className) && createLayers === true) {
-              classNamesLayers.set(className, classNamesLayers.get(className) + 1);
+          if (className) {
+            if (classNamesMap.has(element)) {
+              const classNamesLayers = classNamesMap.get(element);
+              if (classNamesLayers.has(className) && createLayers === true) {
+                classNamesLayers.set(className, classNamesLayers.get(className) + 1);
+              } else {
+                classNamesLayers.set(className, 1);
+              }
             } else {
-              classNamesLayers.set(className, 1);
+              classNamesMap.set(element, new Map([[className, 1]]));
+            }
+          }
+          if (selectionType === 'focus' && focusedHeaderAttributes) {
+            if (!focusedHeaderAttributesMap.has(element)) {
+              focusedHeaderAttributesMap.set(element, []);
+            }
+            if (element.nodeName === 'TH') {
+              focusedHeaderAttributesMap.get(element).push(...focusedHeaderAttributes);
             }
-          } else {
-            classNamesMap.set(element, new Map([[className, 1]]));
           }
         });
       }
       const corners = selection.getCorners();
-      (0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot).getSetting('onBeforeDrawBorders', corners, selectionType);
+      (0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot).getSetting('onBeforeDrawBorders', corners, selectionType);
       borderInstance === null || borderInstance === void 0 || borderInstance.appear(corners);
     }
     classNamesMap.forEach((classNamesLayers, element) => {
-      var _classPrivateFieldGet4, _classPrivateFieldGet5;
+      var _classPrivateFieldGet4;
       const classNames = Array.from(classNamesLayers).map(_ref => {
         let [className, occurrenceCount] = _ref;
         if (occurrenceCount === 1) {
@@ -26069,34 +26054,37 @@ class SelectionManager {
           length: occurrenceCount - 1
         }, (_, i) => `${className}-${i + 1}`)];
       }).flat();
-      classNames.forEach(className => (0, _classPrivateFieldGet8.default)(this, _appliedClasses).get((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot)).add(className));
+      classNames.forEach(className => (0, _classPrivateFieldGet7.default)(this, _appliedClasses).get((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot)).add(className));
       (0, _element.addClass)(element, classNames);
-      if (element.nodeName === 'TD' && Array.isArray((_classPrivateFieldGet4 = (0, _classPrivateFieldGet8.default)(this, _selections).options) === null || _classPrivateFieldGet4 === void 0 ? void 0 : _classPrivateFieldGet4.cellAttributes)) {
-        (0, _element.setAttribute)(element, (0, _classPrivateFieldGet8.default)(this, _selections).options.cellAttributes);
-      } else if (element.nodeName === 'TH' && Array.isArray((_classPrivateFieldGet5 = (0, _classPrivateFieldGet8.default)(this, _selections).options) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.headerAttributes)) {
-        (0, _element.setAttribute)(element, (0, _classPrivateFieldGet8.default)(this, _selections).options.headerAttributes);
+      if (element.nodeName === 'TD' && Array.isArray((_classPrivateFieldGet4 = (0, _classPrivateFieldGet7.default)(this, _selections).options) === null || _classPrivateFieldGet4 === void 0 ? void 0 : _classPrivateFieldGet4.cellAttributes)) {
+        (0, _element.setAttribute)(element, (0, _classPrivateFieldGet7.default)(this, _selections).options.cellAttributes);
       }
     });
+
+    // Set the attributes for the headers if they're focused.
+    Array.from(focusedHeaderAttributesMap.keys()).forEach(element => {
+      (0, _element.setAttribute)(element, [...focusedHeaderAttributesMap.get(element)]);
+    });
   }
 }
 exports.SelectionManager = SelectionManager;
 function _resetCells2() {
-  const appliedOverlaysClasses = (0, _classPrivateFieldGet8.default)(this, _appliedClasses).get((0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot));
-  const classesToRemove = (0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot).wtSettings.getSetting('onBeforeRemoveCellClassNames');
+  const appliedOverlaysClasses = (0, _classPrivateFieldGet7.default)(this, _appliedClasses).get((0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot));
+  const classesToRemove = (0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot).wtSettings.getSetting('onBeforeRemoveCellClassNames');
   if (Array.isArray(classesToRemove)) {
     for (let i = 0; i < classesToRemove.length; i++) {
       appliedOverlaysClasses.add(classesToRemove[i]);
     }
   }
   appliedOverlaysClasses.forEach(className => {
-    var _classPrivateFieldGet6, _classPrivateFieldGet7;
-    const nodes = (0, _classPrivateFieldGet8.default)(this, _activeOverlaysWot).wtTable.TABLE.querySelectorAll(`.${className}`);
+    var _classPrivateFieldGet5, _classPrivateFieldGet6;
+    const nodes = (0, _classPrivateFieldGet7.default)(this, _activeOverlaysWot).wtTable.TABLE.querySelectorAll(`.${className}`);
     let cellAttributes = [];
-    if (Array.isArray((_classPrivateFieldGet6 = (0, _classPrivateFieldGet8.default)(this, _selections).options) === null || _classPrivateFieldGet6 === void 0 ? void 0 : _classPrivateFieldGet6.cellAttributes)) {
-      cellAttributes = (0, _classPrivateFieldGet8.default)(this, _selections).options.cellAttributes.map(el => el[0]);
+    if (Array.isArray((_classPrivateFieldGet5 = (0, _classPrivateFieldGet7.default)(this, _selections).options) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.cellAttributes)) {
+      cellAttributes = (0, _classPrivateFieldGet7.default)(this, _selections).options.cellAttributes.map(el => el[0]);
     }
-    if (Array.isArray((_classPrivateFieldGet7 = (0, _classPrivateFieldGet8.default)(this, _selections).options) === null || _classPrivateFieldGet7 === void 0 ? void 0 : _classPrivateFieldGet7.headerAttributes)) {
-      cellAttributes = [...cellAttributes, ...(0, _classPrivateFieldGet8.default)(this, _selections).options.headerAttributes.map(el => el[0])];
+    if (Array.isArray((_classPrivateFieldGet6 = (0, _classPrivateFieldGet7.default)(this, _selections).options) === null || _classPrivateFieldGet6 === void 0 ? void 0 : _classPrivateFieldGet6.headerAttributes)) {
+      cellAttributes = [...cellAttributes, ...(0, _classPrivateFieldGet7.default)(this, _selections).options.headerAttributes.map(el => el[0])];
     }
     for (let i = 0, len = nodes.length; i < len; i++) {
       (0, _element.removeClass)(nodes[i], className);
@@ -31749,18 +31737,7 @@ 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.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.'
+  [C.CHECKBOX_UNCHECKED]: 'Unchecked'
 };
 var _default = dictionary;
 exports["default"] = _default;
@@ -31944,32 +31921,6 @@ 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;
 
 /***/ }),
 /* 246 */
@@ -33707,15 +33658,21 @@ var _visualSelection = _interopRequireDefault(__webpack_require__(250));
  *
  * @param {object} highlightParams A configuration object to create a highlight.
  * @param {Function} highlightParams.cellCornerVisible Function to determine if cell's corner should be visible.
+ * @param {Function} highlightParams.cellAttributes Array of cell attributes.
+ * @param {Function} highlightParams.headerAttributes Array of header attributes.
  * @returns {Selection}
  */
 function createHighlight(_ref) {
   let {
     cellCornerVisible,
+    cellAttributes,
+    headerAttributes,
     ...restOptions
   } = _ref;
   return new _visualSelection.default({
     className: 'current',
+    cellAttributes,
+    focusedHeaderAttributes: headerAttributes,
     border: {
       width: 2,
       color: '#4b89ff',
@@ -52787,7 +52744,6 @@ var _console = __webpack_require__(129);
 var _element = __webpack_require__(107);
 var _event = __webpack_require__(126);
 var _a11y = __webpack_require__(114);
-var _constants = __webpack_require__(245);
 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"); } }
@@ -53320,7 +53276,7 @@ function _onAfterGetColHeader2(column, TH, headerLevel) {
 
       // Add ARIA tags
       if (isAriaTagsEnabled) {
-        (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(false), (0, _a11y.A11Y_DESCRIPTION)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_DESCRIPTION_EXPAND_COLUMN))]);
+        (0, _element.setAttribute)(TH, ...(0, _a11y.A11Y_EXPANDED)(false));
       }
     } else {
       (0, _element.addClass)(collapsibleElement, 'expanded');
@@ -53328,7 +53284,7 @@ function _onAfterGetColHeader2(column, TH, headerLevel) {
 
       // Add ARIA tags
       if (isAriaTagsEnabled) {
-        (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(true), (0, _a11y.A11Y_DESCRIPTION)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_DESCRIPTION_COLLAPSE_COLUMN))]);
+        (0, _element.setAttribute)(TH, ...(0, _a11y.A11Y_EXPANDED)(true));
       }
     }
     if (isAriaTagsEnabled) {
@@ -53402,7 +53358,6 @@ var _domHelpers = __webpack_require__(441);
 var _rootComparator = __webpack_require__(442);
 var _sortService = __webpack_require__(443);
 var _a11y = __webpack_require__(114);
-var _constants = __webpack_require__(245);
 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"); } }
 function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
@@ -53415,7 +53370,6 @@ 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');
@@ -54058,28 +54012,6 @@ 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.
@@ -54108,7 +54040,7 @@ class ColumnSorting extends _base.BasePlugin {
   wasClickableHeaderClicked(event, column) {
     const pluginSettingsForColumn = this.getFirstCellSettings(column)[this.pluginKey];
     const headerActionEnabled = pluginSettingsForColumn.headerAction;
-    return headerActionEnabled && ((0, _element.hasClass)(event.target, _utils.HEADER_SPAN_CLASS) || (0, _element.hasClass)(event.target, SORTING_INDICATOR_CLASS));
+    return headerActionEnabled && (0, _element.hasClass)(event.target, _utils.HEADER_SPAN_CLASS);
   }
   /**
    * Callback for the `onAfterOnCellMouseDown` hook.
@@ -54157,14 +54089,12 @@ function _onAfterGetColHeader2(column, TH) {
     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);
-  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))]);
+  if (this.hot.getSettings().ariaTags) {
+    const currentSortState = this.columnStatesManager.getSortOrderOfColumn(column);
+    (0, _element.setAttribute)(TH, ...(0, _a11y.A11Y_SORT)(currentSortState ? `${currentSortState}ending` : 'none'));
   }
 }
 function _onAfterLoadData2(initialLoad) {
@@ -60737,8 +60667,6 @@ exports.createMenuItemRenderer = createMenuItemRenderer;
 var _utils = __webpack_require__(489);
 var _element = __webpack_require__(107);
 var _a11y = __webpack_require__(114);
-const SUBMENU_INDICATOR_CLASSNAME = 'submenuIndicator';
-
 /**
  * Creates the menu renderer function.
  *
@@ -60771,16 +60699,6 @@ 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)) {
@@ -63717,7 +63635,6 @@ var _menu = __webpack_require__(483);
 var _pluginHooks = _interopRequireDefault(__webpack_require__(128));
 var _predefinedItems = __webpack_require__(458);
 __webpack_require__(518);
-var _constants = __webpack_require__(245);
 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"); } }
@@ -64193,7 +64110,7 @@ function _onAfterGetColHeader2(col, TH) {
   button.type = 'button';
   button.tabIndex = -1;
   if (this.hot.getSettings().ariaTags) {
-    (0, _element.setAttribute)(button, [(0, _a11y.A11Y_LABEL)(this.hot.getTranslatedPhrase(_constants.COLUMN_HEADER_LABEL_OPEN_MENU))]);
+    (0, _element.setAttribute)(button, [(0, _a11y.A11Y_HIDDEN)(), (0, _a11y.A11Y_LABEL)(' ')]);
     (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_HASPOPUP)('menu')]);
   }
 
@@ -67471,8 +67388,11 @@ 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();
   }
 
@@ -67738,11 +67658,9 @@ var _classPrivateFieldGet2 = _interopRequireDefault(__webpack_require__(133));
 var _menu2 = __webpack_require__(483);
 var _object = __webpack_require__(117);
 var _array = __webpack_require__(113);
-var _element = __webpack_require__(107);
 var C = _interopRequireWildcard(__webpack_require__(245));
 var _predefinedItems = __webpack_require__(458);
 var _base = __webpack_require__(560);
-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); }
@@ -67899,10 +67817,6 @@ 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));
@@ -72305,8 +72219,6 @@ var _pluginHooks = _interopRequireDefault(__webpack_require__(128));
 var _hideColumn = _interopRequireDefault(__webpack_require__(583));
 var _showColumn = _interopRequireDefault(__webpack_require__(584));
 var _translations = __webpack_require__(221);
-var _a11y = __webpack_require__(114);
-var _constants = __webpack_require__(245);
 __webpack_require__(585);
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
@@ -72319,9 +72231,6 @@ _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 */
 
@@ -72429,9 +72338,9 @@ const AFTER_INDICATOR_CLASSNAME = 'afterHiddenColumnIndicator';
  * ```
  * :::
  */
+exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 var _settings = /*#__PURE__*/new WeakMap();
 var _hiddenColumnsMap = /*#__PURE__*/new WeakMap();
-var _clearIndicatorElements = /*#__PURE__*/new WeakSet();
 var _onModifyColWidth = /*#__PURE__*/new WeakSet();
 var _onAfterGetCellMeta = /*#__PURE__*/new WeakSet();
 var _onModifyCopyableRange = /*#__PURE__*/new WeakSet();
@@ -72481,12 +72390,6 @@ class HiddenColumns extends _base.BasePlugin {
      * @returns {number}
      */
     _classPrivateMethodInitSpec(this, _onModifyColWidth);
-    /**
-     * Remove the indicator elements from the provided column header element.
-     *
-     * @param {HTMLElement} TH Column header element.
-     */
-    _classPrivateMethodInitSpec(this, _clearIndicatorElements);
     /**
      * Cached plugin settings.
      *
@@ -72576,15 +72479,8 @@ 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();
   }
@@ -72736,11 +72632,6 @@ 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();
-  });
-}
 function _onModifyColWidth2(width, column) {
   // Hook is triggered internally only for the visible columns. Conditional will be handled for the API
   // calls of the `getColWidth` function on not visible indexes.
@@ -72812,35 +72703,14 @@ function _onModifyCopyableRange2(ranges) {
   return newRanges;
 }
 function _onAfterGetColHeader2(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);
@@ -73067,8 +72937,6 @@ var _pluginHooks = _interopRequireDefault(__webpack_require__(128));
 var _hideRow = _interopRequireDefault(__webpack_require__(588));
 var _showRow = _interopRequireDefault(__webpack_require__(589));
 var _translations = __webpack_require__(221);
-var _a11y = __webpack_require__(114);
-var _constants = __webpack_require__(245);
 __webpack_require__(590);
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
@@ -73081,9 +72949,6 @@ _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 */
 
@@ -73191,9 +73056,9 @@ const BEFORE_INDICATOR_CLASSNAME = 'beforeHiddenRowIndicator';
  * ```
  * :::
  */
+exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 var _settings = /*#__PURE__*/new WeakMap();
 var _hiddenRowsMap = /*#__PURE__*/new WeakMap();
-var _clearIndicatorElements = /*#__PURE__*/new WeakSet();
 var _onModifyRowHeight = /*#__PURE__*/new WeakSet();
 var _onAfterGetCellMeta = /*#__PURE__*/new WeakSet();
 var _onModifyCopyableRange = /*#__PURE__*/new WeakSet();
@@ -73243,12 +73108,6 @@ class HiddenRows extends _base.BasePlugin {
      * @returns {number}
      */
     _classPrivateMethodInitSpec(this, _onModifyRowHeight);
-    /**
-     * Remove the indicator elements from the provided row header element.
-     *
-     * @param {HTMLElement} TH Column header element.
-     */
-    _classPrivateMethodInitSpec(this, _clearIndicatorElements);
     /**
      * Cached settings from Handsontable settings.
      *
@@ -73338,15 +73197,8 @@ 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();
   }
@@ -73495,11 +73347,6 @@ 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();
-  });
-}
 function _onModifyRowHeight2(height, row) {
   // Hook is triggered internally only for the visible rows. Conditional will be handled for the API
   // calls of the `getRowHeight` function on not visible indexes.
@@ -73566,35 +73413,14 @@ function _onModifyCopyableRange2(ranges) {
   return newRanges;
 }
 function _onAfterGetRowHeader2(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);
@@ -80102,8 +79928,6 @@ var _element = __webpack_require__(107);
 var _rootComparator = __webpack_require__(623);
 var _utils2 = __webpack_require__(624);
 var _domHelpers = __webpack_require__(625);
-var _a11y = __webpack_require__(114);
-var _constants = __webpack_require__(245);
 __webpack_require__(626);
 const PLUGIN_KEY = 'multiColumnSorting';
 exports.PLUGIN_KEY = PLUGIN_KEY;
@@ -80365,25 +80189,6 @@ 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.
@@ -84368,8 +84173,7 @@ 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() {
@@ -85821,7 +85625,6 @@ var _number = __webpack_require__(141);
 var _element = __webpack_require__(107);
 var _base = _interopRequireDefault(__webpack_require__(650));
 var _a11y = __webpack_require__(114);
-var _constants = __webpack_require__(245);
 /**
  * Class responsible for the UI in the Nested Rows' row headers.
  *
@@ -85839,6 +85642,7 @@ 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',
@@ -85916,12 +85720,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, _a11y.A11Y_DESCRIPTION)(this.hot.getTranslatedPhrase(_constants.ROW_HEADER_DESCRIPTION_EXPAND_ROW))]);
+          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(false)]);
         }
       } 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, _a11y.A11Y_DESCRIPTION)(this.hot.getTranslatedPhrase(_constants.ROW_HEADER_DESCRIPTION_COLLAPSE_ROW))]);
+          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(true)]);
         }
       }
       innerDiv.appendChild(buttonsContainer);