handsontable 13.1.0 → 14.0.0-next-e8f87aa-20231030

package/plugins/filters/ui/select.mjs

@@ -1,45 +1,123 @@
-import Menu from "../../../plugins/contextMenu/menu.mjs";
+import "core-js/modules/es.error.cause.js";
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+import { Menu } from "../../../plugins/contextMenu/menu/index.mjs";
 import { clone, extend } from "../../../helpers/object.mjs";
 import { arrayEach } from "../../../helpers/array.mjs";
+import { setAttribute } from "../../../helpers/dom/element.mjs";
 import * as C from "../../../i18n/constants.mjs";
-import { SEPARATOR } from "../../../plugins/contextMenu/predefinedItems.mjs";
-import BaseUI from "./_base.mjs";
-const privatePool = new WeakMap();
-
+import { SEPARATOR } from "../../../plugins/contextMenu/predefinedItems/index.mjs";
+import { BaseUI } from "./_base.mjs";
+import { A11Y_HIDDEN, A11Y_LISTBOX } from "../../../helpers/a11y.mjs";
 /**
  * @private
  * @class SelectUI
  */
-class SelectUI extends BaseUI {
+var _menu = /*#__PURE__*/new WeakMap();
+var _items = /*#__PURE__*/new WeakMap();
+var _caption = /*#__PURE__*/new WeakMap();
+var _captionElement = /*#__PURE__*/new WeakMap();
+var _dropdown = /*#__PURE__*/new WeakMap();
+var _onMenuSelect = /*#__PURE__*/new WeakSet();
+var _onMenuClosed = /*#__PURE__*/new WeakSet();
+var _onClick = /*#__PURE__*/new WeakSet();
+export class SelectUI extends BaseUI {
   static get DEFAULTS() {
     return clone({
       className: 'htUISelect',
-      wrapIt: false
+      wrapIt: false,
+      tabIndex: -1
     });
   }
+
+  /**
+   * Instance of {@link Menu}.
+   *
+   * @type {Menu}
+   */
+
   constructor(hotInstance, options) {
     super(hotInstance, extend(SelectUI.DEFAULTS, options));
-    privatePool.set(this, {});
     /**
-     * Instance of {@link Menu}.
+     * On element click listener.
      *
-     * @type {Menu}
+     * @private
      */
-    this.menu = null;
+    _classPrivateMethodInitSpec(this, _onClick);
+    /**
+     * On menu closed listener.
+     */
+    _classPrivateMethodInitSpec(this, _onMenuClosed);
+    /**
+     * On menu selected listener.
+     *
+     * @param {object} command Selected item.
+     */
+    _classPrivateMethodInitSpec(this, _onMenuSelect);
+    _classPrivateFieldInitSpec(this, _menu, {
+      writable: true,
+      value: null
+    });
     /**
      * List of available select options.
      *
      * @type {Array}
      */
-    this.items = [];
+    _classPrivateFieldInitSpec(this, _items, {
+      writable: true,
+      value: []
+    });
+    /**
+     * The reference to the BaseUI instance of the caption.
+     *
+     * @type {BaseUI}
+     */
+    _classPrivateFieldInitSpec(this, _caption, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * The reference to the table caption element.
+     *
+     * @type {HTMLTableCaptionElement}
+     */
+    _classPrivateFieldInitSpec(this, _captionElement, {
+      writable: true,
+      value: void 0
+    });
+    /**
+     * The reference to the BaseUI instance of the dropdown.
+     *
+     * @type {BaseUI}
+     */
+    _classPrivateFieldInitSpec(this, _dropdown, {
+      writable: true,
+      value: void 0
+    });
     this.registerHooks();
   }
 
+  /**
+   * Gets the instance of the Menu.
+   *
+   * @returns {Menu}
+   */
+  getMenu() {
+    return _classPrivateFieldGet(this, _menu);
+  }
+
   /**
    * Register all necessary hooks.
    */
   registerHooks() {
-    this.addLocalHook('click', () => this.onClick());
+    this.addLocalHook('click', () => _classPrivateMethodGet(this, _onClick, _onClick2).call(this));
   }
 
   /**
@@ -48,9 +126,9 @@ class SelectUI extends BaseUI {
    * @param {Array} items Array of objects with required keys `key` and `name`.
    */
   setItems(items) {
-    this.items = this.translateNames(items);
-    if (this.menu) {
-      this.menu.setMenuItems(this.items);
+    _classPrivateFieldSet(this, _items, this.translateNames(items));
+    if (_classPrivateFieldGet(this, _menu)) {
+      _classPrivateFieldGet(this, _menu).setMenuItems(_classPrivateFieldGet(this, _items));
     }
   }
 
@@ -72,26 +150,29 @@ class SelectUI extends BaseUI {
    */
   build() {
     super.build();
-    this.menu = new Menu(this.hot, {
+    _classPrivateFieldSet(this, _menu, new Menu(this.hot, {
       className: 'htSelectUI htFiltersConditionsMenu',
       keepInViewport: false,
       standalone: true,
       container: this.options.menuContainer
-    });
-    this.menu.setMenuItems(this.items);
+    }));
+    _classPrivateFieldGet(this, _menu).setMenuItems(_classPrivateFieldGet(this, _items));
     const caption = new BaseUI(this.hot, {
       className: 'htUISelectCaption'
     });
     const dropdown = new BaseUI(this.hot, {
       className: 'htUISelectDropdown'
     });
-    const priv = privatePool.get(this);
-    priv.caption = caption;
-    priv.captionElement = caption.element;
-    priv.dropdown = dropdown;
+    _classPrivateFieldSet(this, _caption, caption);
+    _classPrivateFieldSet(this, _captionElement, caption.element);
+    _classPrivateFieldSet(this, _dropdown, dropdown);
+    if (this.hot.getSettings().ariaTags) {
+      setAttribute(dropdown.element, [A11Y_HIDDEN()]);
+      setAttribute(this._element, [A11Y_LISTBOX()]);
+    }
     arrayEach([caption, dropdown], element => this._element.appendChild(element.element));
-    this.menu.addLocalHook('select', command => this.onMenuSelect(command));
-    this.menu.addLocalHook('afterClose', () => this.onMenuClosed());
+    _classPrivateFieldGet(this, _menu).addLocalHook('select', command => _classPrivateMethodGet(this, _onMenuSelect, _onMenuSelect2).call(this, command));
+    _classPrivateFieldGet(this, _menu).addLocalHook('afterClose', () => _classPrivateMethodGet(this, _onMenuClosed, _onMenuClosed2).call(this));
     this.update();
   }
 
@@ -106,9 +187,9 @@ class SelectUI extends BaseUI {
     if (this.options.value) {
       conditionName = this.options.value.name;
     } else {
-      conditionName = this.menu.hot.getTranslatedPhrase(C.FILTERS_CONDITIONS_NONE);
+      conditionName = _classPrivateFieldGet(this, _menu).hot.getTranslatedPhrase(C.FILTERS_CONDITIONS_NONE);
     }
-    privatePool.get(this).captionElement.textContent = conditionName;
+    _classPrivateFieldGet(this, _captionElement).textContent = conditionName;
     super.update();
   }
 
@@ -117,14 +198,25 @@ class SelectUI extends BaseUI {
    */
   openOptions() {
     const rect = this.element.getBoundingClientRect();
-    if (this.menu) {
-      this.menu.open();
-      this.menu.setPosition({
+    if (_classPrivateFieldGet(this, _menu)) {
+      _classPrivateFieldGet(this, _menu).open();
+      _classPrivateFieldGet(this, _menu).setPosition({
         left: this.hot.isLtr() ? rect.left - 5 : rect.left - 31,
         top: rect.top - 1,
         width: rect.width,
         height: rect.height
       });
+      _classPrivateFieldGet(this, _menu).getNavigator().toFirstItem();
+      _classPrivateFieldGet(this, _menu).getKeyboardShortcutsCtrl().addCustomShortcuts([{
+        keys: [['Tab'], ['Shift', 'Tab']],
+        callback: event => {
+          this.closeOptions();
+          this.runLocalHooks('tabKeydown', event);
+        }
+      }, {
+        keys: [['Control/Meta', 'A']],
+        callback: () => false
+      }]);
     }
   }
 
@@ -132,62 +224,46 @@ class SelectUI extends BaseUI {
    * Close select dropdown menu.
    */
   closeOptions() {
-    if (this.menu) {
-      this.menu.close();
+    if (_classPrivateFieldGet(this, _menu)) {
+      _classPrivateFieldGet(this, _menu).close();
     }
   }
 
   /**
-   * On menu selected listener.
-   *
-   * @private
-   * @param {object} command Selected item.
+   * Focus element.
    */
-  onMenuSelect(command) {
-    if (command.name !== SEPARATOR) {
-      this.options.value = command;
-      this.update();
-      this.runLocalHooks('select', this.options.value);
+  focus() {
+    if (this.isBuilt()) {
+      this.element.focus();
     }
   }
-
-  /**
-   * On menu closed listener.
-   *
-   * @private
-   */
-  onMenuClosed() {
-    this.runLocalHooks('afterClose');
-  }
-
-  /**
-   * On element click listener.
-   *
-   * @private
-   */
-  onClick() {
-    this.openOptions();
-  }
-
   /**
    * Destroy instance.
    */
   destroy() {
-    if (this.menu) {
-      this.menu.destroy();
-      this.menu = null;
+    if (_classPrivateFieldGet(this, _menu)) {
+      _classPrivateFieldGet(this, _menu).destroy();
+      _classPrivateFieldSet(this, _menu, null);
     }
-    const {
-      caption,
-      dropdown
-    } = privatePool.get(this);
-    if (caption) {
-      caption.destroy();
+    if (_classPrivateFieldGet(this, _caption)) {
+      _classPrivateFieldGet(this, _caption).destroy();
     }
-    if (dropdown) {
-      dropdown.destroy();
+    if (_classPrivateFieldGet(this, _dropdown)) {
+      _classPrivateFieldGet(this, _dropdown).destroy();
     }
     super.destroy();
   }
 }
-export default SelectUI;
+function _onMenuSelect2(command) {
+  if (command.name !== SEPARATOR) {
+    this.options.value = command;
+    this.update();
+    this.runLocalHooks('select', this.options.value);
+  }
+}
+function _onMenuClosed2() {
+  this.runLocalHooks('afterClose');
+}
+function _onClick2() {
+  this.openOptions();
+}

package/plugins/formulas/engine/settings.js

@@ -6,9 +6,8 @@ exports.getEngineSettingsWithDefaultsAndOverrides = getEngineSettingsWithDefault
 exports.getEngineSettingsWithOverrides = getEngineSettingsWithOverrides;
 exports.haveEngineSettingsChanged = haveEngineSettingsChanged;
 var _formulas = require("../formulas");
-const DEFAULT_LICENSE_KEY = 'internal-use-in-handsontable';
-exports.DEFAULT_LICENSE_KEY = DEFAULT_LICENSE_KEY;
-const DEFAULT_SETTINGS = {
+const DEFAULT_LICENSE_KEY = exports.DEFAULT_LICENSE_KEY = 'internal-use-in-handsontable';
+const DEFAULT_SETTINGS = exports.DEFAULT_SETTINGS = {
   licenseKey: DEFAULT_LICENSE_KEY,
   useArrayArithmetic: true,
   useColumnIndex: false,
@@ -41,7 +40,6 @@ const DEFAULT_SETTINGS = {
  * @param {object} hotSettings Handsontable settings object.
  * @returns {object} Object containing the overriding options.
  */
-exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
 function getEngineSettingsOverrides(hotSettings) {
   var _hotSettings$PLUGIN_K;
   return {

package/plugins/formulas/formulas.js

@@ -27,12 +27,9 @@ function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
-const PLUGIN_KEY = 'formulas';
-exports.PLUGIN_KEY = PLUGIN_KEY;
-const SETTING_KEYS = ['maxRows', 'maxColumns', 'language'];
-exports.SETTING_KEYS = SETTING_KEYS;
-const PLUGIN_PRIORITY = 260;
-exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
+const PLUGIN_KEY = exports.PLUGIN_KEY = 'formulas';
+const SETTING_KEYS = exports.SETTING_KEYS = ['maxRows', 'maxColumns', 'language'];
+const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 260;
 _pluginHooks.default.getSingleton().register('afterNamedExpressionAdded');
 _pluginHooks.default.getSingleton().register('afterNamedExpressionRemoved');
 _pluginHooks.default.getSingleton().register('afterSheetAdded');

package/plugins/formulas/indexSyncer/axisSyncer.js

@@ -313,5 +313,4 @@ class AxisSyncer {
     _classPrivateFieldSet(this, _indexesSequence, _classPrivateFieldGet(this, _indexMapper).getIndexesSequence());
   }
 }
-var _default = AxisSyncer;
-exports.default = _default;
+var _default = exports.default = AxisSyncer;

package/plugins/formulas/indexSyncer/index.js

@@ -185,5 +185,4 @@ class IndexSyncer {
     _classPrivateFieldGet(this, _columnIndexSyncer).init();
   }
 }
-var _default = IndexSyncer;
-exports.default = _default;
+var _default = exports.default = IndexSyncer;

package/plugins/hiddenColumns/contextMenuItem/hideColumn.js

@@ -4,8 +4,8 @@ exports.__esModule = true;
 exports.default = hideColumnItem;
 require("core-js/modules/es.array.push.js");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * @param {HiddenColumns} hiddenColumnsPlugin The plugin instance.
  * @returns {object}

package/plugins/hiddenColumns/contextMenuItem/showColumn.js

@@ -5,8 +5,8 @@ exports.default = showColumnItem;
 require("core-js/modules/es.array.push.js");
 var _array = require("../../../helpers/array");
 var C = _interopRequireWildcard(require("../../../i18n/constants"));
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * @param {HiddenColumns} hiddenColumnsPlugin The plugin instance.
  * @returns {object}

package/plugins/hiddenColumns/hiddenColumns.d.ts

@@ -4,6 +4,7 @@ import { BasePlugin } from '../base';
 export interface DetailedSettings {
   columns?: number[];
   indicators?: boolean;
+  copyPasteEnabled?: boolean;
 }
 
 export type Settings = boolean | DetailedSettings;

package/plugins/hiddenColumns/hiddenColumns.js

@@ -14,9 +14,13 @@ var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _hideColumn = _interopRequireDefault(require("./contextMenuItem/hideColumn"));
 var _showColumn = _interopRequireDefault(require("./contextMenuItem/showColumn"));
 var _translations = require("../../translations");
+var _a11y = require("../../helpers/a11y");
+var _constants = require("../../i18n/constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
 function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
@@ -26,9 +30,10 @@ _pluginHooks.default.getSingleton().register('beforeHideColumns');
 _pluginHooks.default.getSingleton().register('afterHideColumns');
 _pluginHooks.default.getSingleton().register('beforeUnhideColumns');
 _pluginHooks.default.getSingleton().register('afterUnhideColumns');
-const PLUGIN_KEY = 'hiddenColumns';
-exports.PLUGIN_KEY = PLUGIN_KEY;
-const PLUGIN_PRIORITY = 310;
+const PLUGIN_KEY = exports.PLUGIN_KEY = 'hiddenColumns';
+const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 310;
+const BEFORE_INDICATOR_CLASSNAME = 'beforeHiddenColumnIndicator';
+const AFTER_INDICATOR_CLASSNAME = 'afterHiddenColumnIndicator';
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
@@ -136,12 +141,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.
      *
@@ -225,8 +236,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);
     _classPrivateFieldSet(this, _settings, {});
+    this.hot.addHook('afterGetColHeader', clearColHeader);
+    this.hot.addHookOnce('afterViewRender', () => {
+      this.hot.removeHook('afterGetColHeader', clearColHeader);
+    });
     super.disablePlugin();
     this.resetCellsMeta();
   }
@@ -368,7 +386,6 @@ class HiddenColumns extends _base.BasePlugin {
       }
     });
   }
-
   /**
    * Adds the additional column width for the hidden column indicators.
    *
@@ -473,14 +490,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 (!_classPrivateFieldGet(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);
@@ -518,4 +556,9 @@ class HiddenColumns extends _base.BasePlugin {
     super.destroy();
   }
 }
-exports.HiddenColumns = HiddenColumns;
+exports.HiddenColumns = HiddenColumns;
+function _clearIndicatorElements2(TH) {
+  Array.from(TH.querySelectorAll(`.${AFTER_INDICATOR_CLASSNAME}, .${BEFORE_INDICATOR_CLASSNAME}`)).forEach(element => {
+    element.remove();
+  });
+}

package/plugins/hiddenColumns/hiddenColumns.mjs

@@ -1,29 +1,35 @@
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.error.cause.js";
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
 function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
 function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
 function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 import { BasePlugin } from "../base/index.mjs";
-import { addClass } from "../../helpers/dom/element.mjs";
+import { addClass, appendElement } from "../../helpers/dom/element.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
 import { arrayEach, arrayMap, arrayReduce } from "../../helpers/array.mjs";
 import { isObject } from "../../helpers/object.mjs";
 import { isUndefined } from "../../helpers/mixed.mjs";
-import { SEPARATOR } from "../contextMenu/predefinedItems.mjs";
+import { SEPARATOR } from "../contextMenu/predefinedItems/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
 import hideColumnItem from "./contextMenuItem/hideColumn.mjs";
 import showColumnItem from "./contextMenuItem/showColumn.mjs";
 import { HidingMap } from "../../translations/index.mjs";
+import { A11Y_LABEL } from "../../helpers/a11y.mjs";
+import { COLUMN_HEADER_LABEL_AFTER_HIDDEN_COLUMN, COLUMN_HEADER_LABEL_BEFORE_HIDDEN_COLUMN } from "../../i18n/constants.mjs";
 Hooks.getSingleton().register('beforeHideColumns');
 Hooks.getSingleton().register('afterHideColumns');
 Hooks.getSingleton().register('beforeUnhideColumns');
 Hooks.getSingleton().register('afterUnhideColumns');
 export const PLUGIN_KEY = 'hiddenColumns';
 export const PLUGIN_PRIORITY = 310;
+const BEFORE_INDICATOR_CLASSNAME = 'beforeHiddenColumnIndicator';
+const AFTER_INDICATOR_CLASSNAME = 'afterHiddenColumnIndicator';
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
@@ -133,9 +139,16 @@ export const PLUGIN_PRIORITY = 310;
  */
 var _settings = /*#__PURE__*/new WeakMap();
 var _hiddenColumnsMap = /*#__PURE__*/new WeakMap();
+var _clearIndicatorElements = /*#__PURE__*/new WeakSet();
 export class HiddenColumns extends 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.
      *
@@ -219,8 +232,15 @@ export class HiddenColumns extends 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);
     _classPrivateFieldSet(this, _settings, {});
+    this.hot.addHook('afterGetColHeader', clearColHeader);
+    this.hot.addHookOnce('afterViewRender', () => {
+      this.hot.removeHook('afterGetColHeader', clearColHeader);
+    });
     super.disablePlugin();
     this.resetCellsMeta();
   }
@@ -362,7 +382,6 @@ export class HiddenColumns extends BasePlugin {
       }
     });
   }
-
   /**
    * Adds the additional column width for the hidden column indicators.
    *
@@ -467,14 +486,35 @@ export class HiddenColumns extends 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 (!_classPrivateFieldGet(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 ? [A11Y_LABEL(this.hot.getTranslatedPhrase(COLUMN_HEADER_LABEL_AFTER_HIDDEN_COLUMN))] : [];
+        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 ? [A11Y_LABEL(this.hot.getTranslatedPhrase(COLUMN_HEADER_LABEL_BEFORE_HIDDEN_COLUMN))] : [];
+        appendElement(TH, {
+          tagName: 'div',
+          attributes: attributesToAdd,
+          className: BEFORE_INDICATOR_CLASSNAME
+        });
+      }
       classList.push('beforeHiddenColumn');
     }
     addClass(TH, classList);
@@ -511,4 +551,9 @@ export class HiddenColumns extends BasePlugin {
     _classPrivateFieldSet(this, _hiddenColumnsMap, null);
     super.destroy();
   }
+}
+function _clearIndicatorElements2(TH) {
+  Array.from(TH.querySelectorAll(`.${AFTER_INDICATOR_CLASSNAME}, .${BEFORE_INDICATOR_CLASSNAME}`)).forEach(element => {
+    element.remove();
+  });
 }