handsontable 0.0.0-next-ff8465d-20231006 → 0.0.0-next-b0a4ea2-20231024

package/plugins/filters/ui/select.mjs

@@ -1,45 +1,121 @@
+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 * as C from "../../../i18n/constants.mjs";
 import { SEPARATOR } from "../../../plugins/contextMenu/predefinedItems/index.mjs";
-import BaseUI from "./_base.mjs";
-const privatePool = new WeakMap();
-
+import { BaseUI } from "./_base.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 +124,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 +148,25 @@ 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);
     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 +181,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 +192,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 +218,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/renderers/autocompleteRenderer/autocompleteRenderer.js

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

package/renderers/autocompleteRenderer/autocompleteRenderer.mjs

@@ -40,7 +40,7 @@ export function autocompleteRenderer(instance, TD, row, col, prop, value, cellPr
   TD.insertBefore(ARROW, TD.firstChild);
   addClass(TD, 'htAutocomplete');
   if (isAriaEnabled) {
-    TD.setAttribute(...A11Y_HASPOPUP());
+    TD.setAttribute(...A11Y_HASPOPUP('listbox'));
   }
   if (!instance.acArrowListener) {
     const eventManager = new EventManager(instance);

package/renderers/checkboxRenderer/checkboxRenderer.js

@@ -10,6 +10,7 @@ var _mixed = require("../../helpers/mixed");
 var _shortcutContexts = require("../../shortcutContexts");
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _a11y = require("../../helpers/a11y");
+var _constants = require("../../i18n/constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const isListeningKeyDownEvent = new WeakMap();
 const isCheckboxListenerAdded = new WeakMap();
@@ -88,10 +89,9 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
     (0, _element.addClass)(input, BAD_VALUE_CLASS);
     badValue = true;
   }
-  input.setAttribute(ATTR_ROW, row);
-  input.setAttribute(ATTR_COLUMN, col);
+  (0, _element.setAttribute)(input, [[ATTR_ROW, row], [ATTR_COLUMN, col]]);
   if (ariaEnabled) {
-    (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_CHECKED)(input.checked)]);
+    (0, _element.setAttribute)(input, [(0, _a11y.A11Y_LABEL)(input.checked ? instance.getTranslatedPhrase(_constants.CHECKBOX_CHECKED) : instance.getTranslatedPhrase(_constants.CHECKBOX_UNCHECKED)), (0, _a11y.A11Y_CHECKED)(input.checked), (0, _a11y.A11Y_CHECKBOX)()]);
   }
   if (!badValue && labelOptions) {
     let labelText = '';

package/renderers/checkboxRenderer/checkboxRenderer.mjs

@@ -5,7 +5,8 @@ import { empty, addClass, setAttribute } from "../../helpers/dom/element.mjs";
 import { isEmpty, stringify } from "../../helpers/mixed.mjs";
 import { EDITOR_EDIT_GROUP as SHORTCUTS_GROUP_EDITOR } from "../../shortcutContexts/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
-import { A11Y_CHECKED } from "../../helpers/a11y.mjs";
+import { A11Y_CHECKBOX, A11Y_CHECKED, A11Y_LABEL } from "../../helpers/a11y.mjs";
+import { CHECKBOX_CHECKED, CHECKBOX_UNCHECKED } from "../../i18n/constants.mjs";
 const isListeningKeyDownEvent = new WeakMap();
 const isCheckboxListenerAdded = new WeakMap();
 const BAD_VALUE_CLASS = 'htBadValue';
@@ -82,10 +83,9 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
     addClass(input, BAD_VALUE_CLASS);
     badValue = true;
   }
-  input.setAttribute(ATTR_ROW, row);
-  input.setAttribute(ATTR_COLUMN, col);
+  setAttribute(input, [[ATTR_ROW, row], [ATTR_COLUMN, col]]);
   if (ariaEnabled) {
-    setAttribute(TD, [A11Y_CHECKED(input.checked)]);
+    setAttribute(input, [A11Y_LABEL(input.checked ? instance.getTranslatedPhrase(CHECKBOX_CHECKED) : instance.getTranslatedPhrase(CHECKBOX_UNCHECKED)), A11Y_CHECKED(input.checked), A11Y_CHECKBOX()]);
   }
   if (!badValue && labelOptions) {
     let labelText = '';

package/renderers/dateRenderer/dateRenderer.d.ts

@@ -0,0 +1,5 @@
+import Core from '../../core';
+import { CellProperties } from '../../settings';
+
+export const RENDERER_TYPE: 'date';
+export function dateRenderer(instance: Core, TD: HTMLTableCellElement, row: number, col: number, prop: string | number, value: any, cellProperties: CellProperties): void;

package/renderers/dateRenderer/dateRenderer.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dateRenderer = dateRenderer;
+var _autocompleteRenderer = require("../autocompleteRenderer");
+var _a11y = require("../../helpers/a11y");
+var _element = require("../../helpers/dom/element");
+const RENDERER_TYPE = 'date';
+
+/**
+ * Handsontable renderer.
+ *
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+exports.RENDERER_TYPE = RENDERER_TYPE;
+function dateRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  _autocompleteRenderer.autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_HASPOPUP)('dialog'), (0, _a11y.A11Y_EXPANDED)('false')]);
+  }
+}
+dateRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/dateRenderer/dateRenderer.mjs

@@ -0,0 +1,24 @@
+import { autocompleteRenderer } from "../autocompleteRenderer/index.mjs";
+import { A11Y_EXPANDED, A11Y_HASPOPUP } from "../../helpers/a11y.mjs";
+import { setAttribute } from "../../helpers/dom/element.mjs";
+export const RENDERER_TYPE = 'date';
+
+/**
+ * Handsontable renderer.
+ *
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+export function dateRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    setAttribute(TD, [A11Y_HASPOPUP('dialog'), A11Y_EXPANDED('false')]);
+  }
+}
+dateRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/dateRenderer/index.d.ts

@@ -0,0 +1 @@
+export { RENDERER_TYPE, dateRenderer } from './dateRenderer';

package/renderers/dateRenderer/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+var _dateRenderer = require("./dateRenderer");
+exports.RENDERER_TYPE = _dateRenderer.RENDERER_TYPE;
+exports.dateRenderer = _dateRenderer.dateRenderer;

package/renderers/dateRenderer/index.mjs

@@ -0,0 +1 @@
+export { RENDERER_TYPE, dateRenderer } from "./dateRenderer.mjs";

package/renderers/handsontableRenderer/handsontableRenderer.d.ts

@@ -0,0 +1,5 @@
+import Core from '../../core';
+import { CellProperties } from '../../settings';
+
+export const RENDERER_TYPE: 'handsontable';
+export function handsontableRenderer(instance: Core, TD: HTMLTableCellElement, row: number, col: number, prop: string | number, value: any, cellProperties: CellProperties): void;

package/renderers/handsontableRenderer/handsontableRenderer.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.handsontableRenderer = handsontableRenderer;
+var _autocompleteRenderer = require("../autocompleteRenderer");
+var _a11y = require("../../helpers/a11y");
+var _element = require("../../helpers/dom/element");
+const RENDERER_TYPE = 'handsontable';
+
+/**
+ * Handsontable renderer.
+ *
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+exports.RENDERER_TYPE = RENDERER_TYPE;
+function handsontableRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  _autocompleteRenderer.autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_HASPOPUP)('true'), (0, _a11y.A11Y_EXPANDED)('false')]);
+  }
+}
+handsontableRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/handsontableRenderer/handsontableRenderer.mjs

@@ -0,0 +1,24 @@
+import { autocompleteRenderer } from "../autocompleteRenderer/index.mjs";
+import { A11Y_EXPANDED, A11Y_HASPOPUP } from "../../helpers/a11y.mjs";
+import { setAttribute } from "../../helpers/dom/element.mjs";
+export const RENDERER_TYPE = 'handsontable';
+
+/**
+ * Handsontable renderer.
+ *
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+export function handsontableRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    setAttribute(TD, [A11Y_HASPOPUP('true'), A11Y_EXPANDED('false')]);
+  }
+}
+handsontableRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/handsontableRenderer/index.d.ts

@@ -0,0 +1 @@
+export { RENDERER_TYPE, handsontableRenderer } from './handsontableRenderer';

package/renderers/handsontableRenderer/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+var _handsontableRenderer = require("./handsontableRenderer");
+exports.RENDERER_TYPE = _handsontableRenderer.RENDERER_TYPE;
+exports.handsontableRenderer = _handsontableRenderer.handsontableRenderer;

package/renderers/handsontableRenderer/index.mjs

@@ -0,0 +1 @@
+export { RENDERER_TYPE, handsontableRenderer } from "./handsontableRenderer.mjs";

package/renderers/index.d.ts

@@ -1,6 +1,8 @@
 import { autocompleteRenderer, RENDERER_TYPE as AUTOCOMPLETE_RENDERER } from './autocompleteRenderer';
 import { baseRenderer, RENDERER_TYPE as BASE_RENDERER } from './baseRenderer';
+import { dateRenderer, RENDERER_TYPE as DATE_RENDERER } from './dateRenderer';
 import { checkboxRenderer, RENDERER_TYPE as CHECKBOX_RENDERER } from './checkboxRenderer';
+import { handsontableRenderer, RENDERER_TYPE as HANDSONTABLE_RENDERER } from "./handsontableRenderer";
 import { htmlRenderer, RENDERER_TYPE as HTML_RENDERER } from './htmlRenderer';
 import { numericRenderer, RENDERER_TYPE as NUMERIC_RENDERER } from './numericRenderer';
 import { passwordRenderer, RENDERER_TYPE as PASSWORD_RENDERER } from './passwordRenderer';
@@ -14,6 +16,8 @@ export interface Renderers {
   autocomplete: typeof autocompleteRenderer;
   base: typeof baseRenderer;
   checkbox: typeof checkboxRenderer;
+  date: typeof dateRenderer;
+  handsontable: typeof handsontableRenderer;
   html: typeof htmlRenderer;
   numeric: typeof numericRenderer;
   password: typeof passwordRenderer;
@@ -31,6 +35,8 @@ export {
   autocompleteRenderer, AUTOCOMPLETE_RENDERER,
   baseRenderer, BASE_RENDERER,
   checkboxRenderer, CHECKBOX_RENDERER,
+  dateRenderer, DATE_RENDERER,
+  handsontableRenderer, HANDSONTABLE_RENDERER,
   htmlRenderer, HTML_RENDERER,
   numericRenderer, NUMERIC_RENDERER,
   passwordRenderer, PASSWORD_RENDERER,

package/renderers/selectRenderer/selectRenderer.js

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

package/renderers/selectRenderer/selectRenderer.mjs

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

package/selection/selection.js

@@ -610,8 +610,8 @@ class Selection {
     const nrOfColumns = this.tableProps.countCols();
     const countRowHeaders = this.tableProps.countRowHeaders();
     const countColHeaders = this.tableProps.countColHeaders();
-    const rowFrom = includeRowHeaders ? -countColHeaders : 0;
-    const columnFrom = includeColumnHeaders ? -countRowHeaders : 0;
+    const rowFrom = includeColumnHeaders ? -countColHeaders : 0;
+    const columnFrom = includeRowHeaders ? -countRowHeaders : 0;
 
     // We can't select cells when there is no data.
     if (rowFrom === 0 && columnFrom === 0 && (nrOfRows === 0 || nrOfColumns === 0)) {

package/selection/selection.mjs

@@ -604,8 +604,8 @@ class Selection {
     const nrOfColumns = this.tableProps.countCols();
     const countRowHeaders = this.tableProps.countRowHeaders();
     const countColHeaders = this.tableProps.countColHeaders();
-    const rowFrom = includeRowHeaders ? -countColHeaders : 0;
-    const columnFrom = includeColumnHeaders ? -countRowHeaders : 0;
+    const rowFrom = includeColumnHeaders ? -countColHeaders : 0;
+    const columnFrom = includeRowHeaders ? -countRowHeaders : 0;
 
     // We can't select cells when there is no data.
     if (rowFrom === 0 && columnFrom === 0 && (nrOfRows === 0 || nrOfColumns === 0)) {

package/shortcuts/context.js

@@ -49,7 +49,7 @@ const createContext = name => {
    * @param {Function} options.callback The shortcut's action
    * @param {object} options.group A group of shortcuts to which the shortcut belongs
    * @param {object} [options.runOnlyIf] A condition on which the shortcut's action runs
-   * @param {object} [options.stopPropagation=true] If set to `true`: stops the event's propagation
+   * @param {object} [options.stopPropagation=false] If set to `true`: stops the event's propagation
    * @param {object} [options.captureCtrl=false] If set to `true`: captures the state of the Control/Meta modifier key
    * @param {object} [options.preventDefault=true] If set to `true`: prevents the default behavior
    * @param {object} [options.position='after'] The order in which the shortcut's action runs:
@@ -126,11 +126,12 @@ const createContext = name => {
    * @param {Function} [options.callback] A shortcut's action
    * @param {object} [options.group] A group of shortcuts to which a shortcut belongs
    * @param {object} [options.runOnlyIf] A condition on which a shortcut's action runs
-   * @param {object} [options.stopPropagation=true] If set to `true`: stops the event's propagation
+   * @param {object} [options.stopPropagation=false] If set to `true`: stops the event's propagation
    * @param {object} [options.preventDefault=true] If set to `true`: prevents the default behavior
    * @param {object} [options.position='after'] The order in which a shortcut's action runs:
    * `'before'` or `'after'` a `relativeToGroup` group of actions
    * @param {object} [options.relativeToGroup] The name of a group of actions, used to determine an action's `position`
+   * @param {object} [options.forwardToContext] The context object where the event will be forwarded to.
    */
   const addShortcuts = function (shortcuts) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};