handsontable 0.0.0-next-e54c3d6-20231026 → 0.0.0-next-42d5bd7-20231027

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

@@ -89,6 +89,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)()])]);
         }

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

@@ -1,4 +1,4 @@
-import { empty, setAttribute } from "./../../../../helpers/dom/element.mjs";
+import { empty, setAttribute, removeAttribute } from "./../../../../helpers/dom/element.mjs";
 import BaseRenderer from "./_base.mjs";
 import { A11Y_COLINDEX, A11Y_COLUMNHEADER, A11Y_PRESENTATION, A11Y_ROW, A11Y_ROWINDEX, A11Y_SCOPE_COL, A11Y_TABINDEX } from "../../../../helpers/a11y.mjs";
 /**
@@ -85,6 +85,9 @@ export default class ColumnHeadersRenderer extends BaseRenderer {
         const TH = TR.childNodes[renderedColumnIndex + rowHeadersCount];
         TH.className = '';
         TH.removeAttribute('style');
+
+        // Remove all accessibility-related attributes for the header to start fresh.
+        removeAttribute(TH, [new RegExp('aria-(.*)'), new RegExp('role')]);
         if (this.table.isAriaEnabled()) {
           setAttribute(TH, [A11Y_COLINDEX(renderedColumnIndex + 1 + this.table.rowHeadersCount), A11Y_TABINDEX(-1), ...(renderedColumnIndex < 0 ? [A11Y_PRESENTATION()] : [A11Y_COLUMNHEADER(), A11Y_SCOPE_COL()])]);
         }

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

@@ -76,6 +76,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)]);
         }

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

@@ -1,6 +1,6 @@
 import { SharedOrderView } from "./../utils/orderView/index.mjs";
 import BaseRenderer from "./_base.mjs";
-import { setAttribute } from "../../../../helpers/dom/element.mjs";
+import { setAttribute, removeAttribute } from "../../../../helpers/dom/element.mjs";
 import { A11Y_COLINDEX, A11Y_ROWHEADER, A11Y_SCOPE_ROW, A11Y_TABINDEX } from "../../../../helpers/a11y.mjs";
 /**
  * Row headers renderer responsible for managing (inserting, tracking, rendering) TR elements belongs to TR.
@@ -72,6 +72,9 @@ export default class RowHeadersRenderer extends BaseRenderer {
         const TH = orderView.getCurrentNode();
         TH.className = '';
         TH.removeAttribute('style');
+
+        // Remove all accessibility-related attributes for the header to start fresh.
+        removeAttribute(TH, [new RegExp('aria-(.*)'), new RegExp('role')]);
         if (this.table.isAriaEnabled()) {
           setAttribute(TH, [A11Y_ROWHEADER(), A11Y_SCOPE_ROW(), A11Y_COLINDEX(visibleColumnIndex + 1), A11Y_TABINDEX(-1)]);
         }

package/base.js

@@ -43,8 +43,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "26/10/2023 20:16:30";
-Handsontable.version = "0.0.0-next-e54c3d6-20231026";
+Handsontable.buildDate = "27/10/2023 07:58:46";
+Handsontable.version = "0.0.0-next-42d5bd7-20231027";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,

package/base.mjs

@@ -35,8 +35,8 @@ Handsontable.hooks = Hooks.getSingleton();
 Handsontable.CellCoords = CellCoords;
 Handsontable.CellRange = CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "26/10/2023 20:16:43";
-Handsontable.version = "0.0.0-next-e54c3d6-20231026";
+Handsontable.buildDate = "27/10/2023 07:58:58";
+Handsontable.version = "0.0.0-next-42d5bd7-20231027";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/core.js

@@ -4408,7 +4408,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) {

package/core.mjs

@@ -4403,7 +4403,7 @@ export default 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) {

package/dist/handsontable.css

@@ -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-42d5bd7-20231027
+ * Release date: 31/08/2023 (built at 27/10/2023 07:59:06)
  */
 /**
  * Fix for bootstrap styles
@@ -504,8 +504,10 @@ innerBorderBottom - Property controlled by bottom overlay
 .handsontable .columnSorting.sortAction:hover {
   text-decoration: underline;
   cursor: pointer;
-} /* Arrow position */
-.handsontable span.colHeader.columnSorting::before {
+}
+
+/* Arrow position */
+.handsontable span.colHeader.columnSorting .columnSortingIndicator::before {
   /* Centering start */
   top: 50%;
   /* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */
@@ -525,7 +527,7 @@ innerBorderBottom - Property controlled by bottom overlay
   background-position-x: right;
 }
 
-[dir=rtl].handsontable span.colHeader.columnSorting::before {
+[dir=rtl].handsontable span.colHeader.columnSorting .columnSortingIndicator::before {
   /* Centering end */
   /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
   padding-right: 8px;
@@ -535,17 +537,17 @@ innerBorderBottom - Property controlled by bottom overlay
   background-position-x: left;
 }
 
-.handsontable span.colHeader.columnSorting.ascending::before {
+.handsontable span.colHeader.columnSorting.ascending .columnSortingIndicator::before {
   /* arrow up; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC);
 }
 
-.handsontable span.colHeader.columnSorting.descending::before {
+.handsontable span.colHeader.columnSorting.descending .columnSortingIndicator::before {
   /* arrow down; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=);
 }
 
-.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::after {
+.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::before {
   content: "*";
   display: inline-block;
   position: relative;
@@ -694,7 +696,7 @@ TextRenderer readOnly cell
   position: relative;
 }
 
-.handsontable .htSubmenu :after {
+.handsontable .htSubmenu .submenuIndicator::after {
   content: "▶";
   color: #777;
   position: absolute;
@@ -702,11 +704,11 @@ TextRenderer readOnly cell
   font-size: 9px;
 }
 
-[dir=rtl].handsontable .htSubmenu :after {
+[dir=rtl].handsontable .htSubmenu .submenuIndicator::after {
   content: "";
 }
 
-[dir=rtl].handsontable .htSubmenu :before {
+[dir=rtl].handsontable .htSubmenu .submenuIndicator::before {
   content: "◀";
   color: #777;
   position: absolute;
@@ -1474,10 +1476,6 @@ textarea.HandsontableCopyPaste {
   border: 1px solid #d2d1d1;
 }
 
-.handsontable .htUIInputIcon {
-  position: absolute;
-}
-
 /* Button */
 .handsontable .htUIInput.htUIButton {
   cursor: pointer;
@@ -1612,12 +1610,13 @@ textarea.HandsontableCopyPaste {
 /*
  * Handsontable HiddenColumns
  */
-.handsontable th.beforeHiddenColumn {
+.handsontable th.beforeHiddenColumn,
+.handsontable th.afterHiddenColumn {
   position: relative;
 }
 
-.handsontable th.beforeHiddenColumn::after,
-.handsontable th.afterHiddenColumn::before {
+.handsontable th.beforeHiddenColumn .beforeHiddenColumnIndicator::after,
+.handsontable th.afterHiddenColumn .afterHiddenColumnIndicator::before {
   color: #bbb;
   position: absolute;
   top: 50%;
@@ -1625,37 +1624,33 @@ textarea.HandsontableCopyPaste {
   transform: translateY(-50%);
 }
 
-.handsontable th.afterHiddenColumn {
-  position: relative;
-}
-
-.handsontable th.beforeHiddenColumn::after {
+.handsontable th.beforeHiddenColumn .beforeHiddenColumnIndicator::after {
   right: 1px;
-  content: "◀"; /* left arrow */
+  content: "◀";
 }
 
-[dir=rtl].handsontable th.beforeHiddenColumn::after {
+[dir=rtl].handsontable th.beforeHiddenColumn .beforeHiddenColumnIndicator::after {
   right: initial;
   left: 1px;
-  content: "▶"; /* right arrow */
+  content: "▶";
 }
 
-.handsontable th.afterHiddenColumn::before {
+.handsontable th.afterHiddenColumn .afterHiddenColumnIndicator::before {
   left: 1px;
-  content: "▶"; /* right arrow */
+  content: "▶";
 }
 
-[dir=rtl].handsontable th.afterHiddenColumn::before {
+[dir=rtl].handsontable th.afterHiddenColumn .afterHiddenColumnIndicator::before {
   right: 1px;
   left: initial;
-  content: "◀"; /* left arrow */
+  content: "◀";
 }
 @charset "UTF-8";
 /*!
  * Handsontable HiddenRows
  */
-.handsontable th.beforeHiddenRow::before,
-.handsontable th.afterHiddenRow::after {
+.handsontable th.beforeHiddenRow .beforeHiddenRowIndicator::before,
+.handsontable th.afterHiddenRow .afterHiddenRowIndicator::after {
   color: #bbb;
   font-size: 6pt;
   line-height: 6pt;
@@ -1668,18 +1663,18 @@ textarea.HandsontableCopyPaste {
   position: relative;
 }
 
-.handsontable th.beforeHiddenRow::before {
-  content: "▲";
+.handsontable th.beforeHiddenRow .beforeHiddenRowIndicator::before {
+  content: "▲"; /* up-pointing triangle */
   bottom: 2px;
 }
 
-.handsontable th.afterHiddenRow::after {
-  content: "▼";
+.handsontable th.afterHiddenRow .afterHiddenRowIndicator::after {
+  content: "▼"; /* down-pointing triangle */
   top: 2px;
 }
 
-.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before,
-.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after {
+.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight .beforeHiddenRowIndicator::before,
+.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight .afterHiddenRowIndicator::after {
   color: #eee;
 }
 
@@ -1832,7 +1827,7 @@ textarea.HandsontableCopyPaste {
   opacity: 0.58;
 }
 /* Column's number position */
-.handsontable span.colHeader.columnSorting::after {
+.handsontable span.colHeader.columnSorting .columnSortingIndicator::after {
   /* Centering start */
   top: 50%;
   /* Two extra pixels (-2 instead of -4) for purpose of proper positioning of numeric indicators, when `font-size` set to default */
@@ -1851,7 +1846,7 @@ textarea.HandsontableCopyPaste {
   text-decoration: underline;
 }
 
-[dir=rtl].handsontable span.colHeader.columnSorting::after {
+[dir=rtl].handsontable span.colHeader.columnSorting .columnSortingIndicator::after {
   left: -15px;
   right: unset;
   /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */
@@ -1860,41 +1855,41 @@ textarea.HandsontableCopyPaste {
 }
 
 /* Workaround for IE9 - IE11, https://stackoverflow.com/a/21902566, https://stackoverflow.com/a/32120247 */
-.handsontable span.colHeader.columnSorting::after {
+.handsontable span.colHeader.columnSorting .columnSortingIndicator::after {
   text-decoration: none;
 }
 
 /* We support up to 7 numeric indicators, describing order of column in sorted columns queue */
-.handsontable span.colHeader.columnSorting[class^=sort-]::after,
-.handsontable span.colHeader.columnSorting[class*=" sort-"]::after {
+.handsontable span.colHeader.columnSorting[class^=sort-] .columnSortingIndicator::after,
+.handsontable span.colHeader.columnSorting[class*=" sort-"] .columnSortingIndicator::after {
   content: "+";
 }
 
-.handsontable span.colHeader.columnSorting.sort-1::after {
+.handsontable span.colHeader.columnSorting.sort-1 .columnSortingIndicator::after {
   content: "1";
 }
 
-.handsontable span.colHeader.columnSorting.sort-2::after {
+.handsontable span.colHeader.columnSorting.sort-2 .columnSortingIndicator::after {
   content: "2";
 }
 
-.handsontable span.colHeader.columnSorting.sort-3::after {
+.handsontable span.colHeader.columnSorting.sort-3 .columnSortingIndicator::after {
   content: "3";
 }
 
-.handsontable span.colHeader.columnSorting.sort-4::after {
+.handsontable span.colHeader.columnSorting.sort-4 .columnSortingIndicator::after {
   content: "4";
 }
 
-.handsontable span.colHeader.columnSorting.sort-5::after {
+.handsontable span.colHeader.columnSorting.sort-5 .columnSortingIndicator::after {
   content: "5";
 }
 
-.handsontable span.colHeader.columnSorting.sort-6::after {
+.handsontable span.colHeader.columnSorting.sort-6 .columnSortingIndicator::after {
   content: "6";
 }
 
-.handsontable span.colHeader.columnSorting.sort-7::after {
+.handsontable span.colHeader.columnSorting.sort-7 .columnSortingIndicator::after {
   content: "7";
 }
 
@@ -1905,7 +1900,6 @@ textarea.HandsontableCopyPaste {
 .handsontable thead th.hiddenHeader:not(:first-of-type) {
   display: none;
 }
-@charset "UTF-8";
 .handsontable th.ht_nestingLevels {
   text-align: left;
   padding-left: 7px;
@@ -1939,10 +1933,6 @@ textarea.HandsontableCopyPaste {
   right: unset;
 }
 
-.handsontable th span.ht_nestingLevel {
-  display: inline-block;
-}
-
 .handsontable th span.ht_nestingLevel_empty {
   display: inline-block;
   width: 10px;
@@ -1954,14 +1944,6 @@ textarea.HandsontableCopyPaste {
   float: right;
 }
 
-.handsontable th span.ht_nestingLevel::after {
-  content: "┐";
-  font-size: 9px;
-  display: inline-block;
-  position: relative;
-  bottom: 3px;
-}
-
 .handsontable th div.ht_nestingButton {
   display: inline-block;
   position: absolute;

package/dist/handsontable.full.css

@@ -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-42d5bd7-20231027
+ * Release date: 31/08/2023 (built at 27/10/2023 07:59:06)
  */
 /**
  * Fix for bootstrap styles
@@ -504,8 +504,10 @@ innerBorderBottom - Property controlled by bottom overlay
 .handsontable .columnSorting.sortAction:hover {
   text-decoration: underline;
   cursor: pointer;
-} /* Arrow position */
-.handsontable span.colHeader.columnSorting::before {
+}
+
+/* Arrow position */
+.handsontable span.colHeader.columnSorting .columnSortingIndicator::before {
   /* Centering start */
   top: 50%;
   /* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */
@@ -525,7 +527,7 @@ innerBorderBottom - Property controlled by bottom overlay
   background-position-x: right;
 }
 
-[dir=rtl].handsontable span.colHeader.columnSorting::before {
+[dir=rtl].handsontable span.colHeader.columnSorting .columnSortingIndicator::before {
   /* Centering end */
   /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
   padding-right: 8px;
@@ -535,17 +537,17 @@ innerBorderBottom - Property controlled by bottom overlay
   background-position-x: left;
 }
 
-.handsontable span.colHeader.columnSorting.ascending::before {
+.handsontable span.colHeader.columnSorting.ascending .columnSortingIndicator::before {
   /* arrow up; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC);
 }
 
-.handsontable span.colHeader.columnSorting.descending::before {
+.handsontable span.colHeader.columnSorting.descending .columnSortingIndicator::before {
   /* arrow down; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=);
 }
 
-.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::after {
+.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::before {
   content: "*";
   display: inline-block;
   position: relative;
@@ -694,7 +696,7 @@ TextRenderer readOnly cell
   position: relative;
 }
 
-.handsontable .htSubmenu :after {
+.handsontable .htSubmenu .submenuIndicator::after {
   content: "▶";
   color: #777;
   position: absolute;
@@ -702,11 +704,11 @@ TextRenderer readOnly cell
   font-size: 9px;
 }
 
-[dir=rtl].handsontable .htSubmenu :after {
+[dir=rtl].handsontable .htSubmenu .submenuIndicator::after {
   content: "";
 }
 
-[dir=rtl].handsontable .htSubmenu :before {
+[dir=rtl].handsontable .htSubmenu .submenuIndicator::before {
   content: "◀";
   color: #777;
   position: absolute;
@@ -1707,10 +1709,6 @@ textarea.HandsontableCopyPaste {
   border: 1px solid #d2d1d1;
 }
 
-.handsontable .htUIInputIcon {
-  position: absolute;
-}
-
 /* Button */
 .handsontable .htUIInput.htUIButton {
   cursor: pointer;
@@ -1845,12 +1843,13 @@ textarea.HandsontableCopyPaste {
 /*
  * Handsontable HiddenColumns
  */
-.handsontable th.beforeHiddenColumn {
+.handsontable th.beforeHiddenColumn,
+.handsontable th.afterHiddenColumn {
   position: relative;
 }
 
-.handsontable th.beforeHiddenColumn::after,
-.handsontable th.afterHiddenColumn::before {
+.handsontable th.beforeHiddenColumn .beforeHiddenColumnIndicator::after,
+.handsontable th.afterHiddenColumn .afterHiddenColumnIndicator::before {
   color: #bbb;
   position: absolute;
   top: 50%;
@@ -1858,37 +1857,33 @@ textarea.HandsontableCopyPaste {
   transform: translateY(-50%);
 }
 
-.handsontable th.afterHiddenColumn {
-  position: relative;
-}
-
-.handsontable th.beforeHiddenColumn::after {
+.handsontable th.beforeHiddenColumn .beforeHiddenColumnIndicator::after {
   right: 1px;
-  content: "◀"; /* left arrow */
+  content: "◀";
 }
 
-[dir=rtl].handsontable th.beforeHiddenColumn::after {
+[dir=rtl].handsontable th.beforeHiddenColumn .beforeHiddenColumnIndicator::after {
   right: initial;
   left: 1px;
-  content: "▶"; /* right arrow */
+  content: "▶";
 }
 
-.handsontable th.afterHiddenColumn::before {
+.handsontable th.afterHiddenColumn .afterHiddenColumnIndicator::before {
   left: 1px;
-  content: "▶"; /* right arrow */
+  content: "▶";
 }
 
-[dir=rtl].handsontable th.afterHiddenColumn::before {
+[dir=rtl].handsontable th.afterHiddenColumn .afterHiddenColumnIndicator::before {
   right: 1px;
   left: initial;
-  content: "◀"; /* left arrow */
+  content: "◀";
 }
 @charset "UTF-8";
 /*!
  * Handsontable HiddenRows
  */
-.handsontable th.beforeHiddenRow::before,
-.handsontable th.afterHiddenRow::after {
+.handsontable th.beforeHiddenRow .beforeHiddenRowIndicator::before,
+.handsontable th.afterHiddenRow .afterHiddenRowIndicator::after {
   color: #bbb;
   font-size: 6pt;
   line-height: 6pt;
@@ -1901,18 +1896,18 @@ textarea.HandsontableCopyPaste {
   position: relative;
 }
 
-.handsontable th.beforeHiddenRow::before {
-  content: "▲";
+.handsontable th.beforeHiddenRow .beforeHiddenRowIndicator::before {
+  content: "▲"; /* up-pointing triangle */
   bottom: 2px;
 }
 
-.handsontable th.afterHiddenRow::after {
-  content: "▼";
+.handsontable th.afterHiddenRow .afterHiddenRowIndicator::after {
+  content: "▼"; /* down-pointing triangle */
   top: 2px;
 }
 
-.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before,
-.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after {
+.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight .beforeHiddenRowIndicator::before,
+.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight .afterHiddenRowIndicator::after {
   color: #eee;
 }
 
@@ -2065,7 +2060,7 @@ textarea.HandsontableCopyPaste {
   opacity: 0.58;
 }
 /* Column's number position */
-.handsontable span.colHeader.columnSorting::after {
+.handsontable span.colHeader.columnSorting .columnSortingIndicator::after {
   /* Centering start */
   top: 50%;
   /* Two extra pixels (-2 instead of -4) for purpose of proper positioning of numeric indicators, when `font-size` set to default */
@@ -2084,7 +2079,7 @@ textarea.HandsontableCopyPaste {
   text-decoration: underline;
 }
 
-[dir=rtl].handsontable span.colHeader.columnSorting::after {
+[dir=rtl].handsontable span.colHeader.columnSorting .columnSortingIndicator::after {
   left: -15px;
   right: unset;
   /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */
@@ -2093,41 +2088,41 @@ textarea.HandsontableCopyPaste {
 }
 
 /* Workaround for IE9 - IE11, https://stackoverflow.com/a/21902566, https://stackoverflow.com/a/32120247 */
-.handsontable span.colHeader.columnSorting::after {
+.handsontable span.colHeader.columnSorting .columnSortingIndicator::after {
   text-decoration: none;
 }
 
 /* We support up to 7 numeric indicators, describing order of column in sorted columns queue */
-.handsontable span.colHeader.columnSorting[class^=sort-]::after,
-.handsontable span.colHeader.columnSorting[class*=" sort-"]::after {
+.handsontable span.colHeader.columnSorting[class^=sort-] .columnSortingIndicator::after,
+.handsontable span.colHeader.columnSorting[class*=" sort-"] .columnSortingIndicator::after {
   content: "+";
 }
 
-.handsontable span.colHeader.columnSorting.sort-1::after {
+.handsontable span.colHeader.columnSorting.sort-1 .columnSortingIndicator::after {
   content: "1";
 }
 
-.handsontable span.colHeader.columnSorting.sort-2::after {
+.handsontable span.colHeader.columnSorting.sort-2 .columnSortingIndicator::after {
   content: "2";
 }
 
-.handsontable span.colHeader.columnSorting.sort-3::after {
+.handsontable span.colHeader.columnSorting.sort-3 .columnSortingIndicator::after {
   content: "3";
 }
 
-.handsontable span.colHeader.columnSorting.sort-4::after {
+.handsontable span.colHeader.columnSorting.sort-4 .columnSortingIndicator::after {
   content: "4";
 }
 
-.handsontable span.colHeader.columnSorting.sort-5::after {
+.handsontable span.colHeader.columnSorting.sort-5 .columnSortingIndicator::after {
   content: "5";
 }
 
-.handsontable span.colHeader.columnSorting.sort-6::after {
+.handsontable span.colHeader.columnSorting.sort-6 .columnSortingIndicator::after {
   content: "6";
 }
 
-.handsontable span.colHeader.columnSorting.sort-7::after {
+.handsontable span.colHeader.columnSorting.sort-7 .columnSortingIndicator::after {
   content: "7";
 }
 
@@ -2138,7 +2133,6 @@ textarea.HandsontableCopyPaste {
 .handsontable thead th.hiddenHeader:not(:first-of-type) {
   display: none;
 }
-@charset "UTF-8";
 .handsontable th.ht_nestingLevels {
   text-align: left;
   padding-left: 7px;
@@ -2172,10 +2166,6 @@ textarea.HandsontableCopyPaste {
   right: unset;
 }
 
-.handsontable th span.ht_nestingLevel {
-  display: inline-block;
-}
-
 .handsontable th span.ht_nestingLevel_empty {
   display: inline-block;
   width: 10px;
@@ -2187,14 +2177,6 @@ textarea.HandsontableCopyPaste {
   float: right;
 }
 
-.handsontable th span.ht_nestingLevel::after {
-  content: "┐";
-  font-size: 9px;
-  display: inline-block;
-  position: relative;
-  bottom: 3px;
-}
-
 .handsontable th div.ht_nestingButton {
   display: inline-block;
   position: absolute;