handsontable 0.0.0-next-ff8465d-20231006 → 0.0.0-next-9379dd1-20231020

package/editors/dateEditor/dateEditor.js

@@ -7,6 +7,7 @@ var _pikaday = _interopRequireDefault(require("pikaday"));
 var _textEditor = require("../textEditor");
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _element = require("../../helpers/dom/element");
+var _a11y = require("../../helpers/a11y");
 var _object = require("../../helpers/object");
 var _unicode = require("../../helpers/unicode");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,7 +45,7 @@ class DateEditor extends _textEditor.TextEditor {
       throw new Error('You need to include Pikaday to your project.');
     }
     super.init();
-    this.instance.addHook('afterDestroy', () => {
+    this.hot.addHook('afterDestroy', () => {
       this.parentDestroyed = true;
       this.destroyElements();
     });
@@ -69,7 +70,21 @@ class DateEditor extends _textEditor.TextEditor {
     /**
      * Prevent recognizing clicking on datepicker as clicking outside of table.
      */
-    eventManager.addEventListener(this.datePicker, 'mousedown', event => event.stopPropagation());
+    eventManager.addEventListener(this.datePicker, 'mousedown', event => {
+      if ((0, _element.hasClass)(event.target, 'pika-day')) {
+        this.hideDatepicker();
+      }
+      event.stopPropagation();
+    });
+
+    /**
+     * Prevent caret movement in the TEXTAREA when navigating over the date picker.
+     */
+    eventManager.addEventListener(this.TEXTAREA, 'keydown', event => {
+      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.code)) {
+        event.preventDefault();
+      }
+    });
   }
 
   /**
@@ -110,6 +125,9 @@ class DateEditor extends _textEditor.TextEditor {
     const editorContext = shortcutManager.getContext('editor');
     super.open();
     this.showDatepicker(event);
+    if (this.hot.getSettings().ariaTags) {
+      (0, _element.setAttribute)(this.TD, [(0, _a11y.A11Y_EXPANDED)('true')]);
+    }
     editorContext.addShortcut({
       keys: [['Enter']],
       callback: keyboardEvent => {
@@ -132,9 +150,12 @@ class DateEditor extends _textEditor.TextEditor {
     if ((_this$$datePicker = this.$datePicker) !== null && _this$$datePicker !== void 0 && _this$$datePicker.destroy) {
       this.$datePicker.destroy();
     }
-    this.instance._registerTimeout(() => {
-      this.instance._refreshBorders();
+    this.hot._registerTimeout(() => {
+      this.hot._refreshBorders();
     });
+    if (this.TD && this.hot.getSettings().ariaTags) {
+      (0, _element.setAttribute)(this.TD, [(0, _a11y.A11Y_EXPANDED)('false')]);
+    }
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
     editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP_EDITOR);
@@ -152,7 +173,6 @@ class DateEditor extends _textEditor.TextEditor {
     let ctrlDown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (restoreOriginalValue) {
       // pressed ESC, restore original value
-      // var value = this.instance.getDataAtCell(this.row, this.col);
       const value = this.originalValue;
       if (value !== void 0) {
         this.setValue(value);
@@ -169,7 +189,7 @@ class DateEditor extends _textEditor.TextEditor {
   showDatepicker(event) {
     const offset = this.TD.getBoundingClientRect();
     const dateFormat = this.cellProperties.dateFormat || this.defaultDateFormat;
-    const isMouseDown = this.instance.view.isMouseDown();
+    const isMouseDown = this.hot.view.isMouseDown();
     const isMeta = event ? (0, _unicode.isFunctionKey)(event.keyCode) : false;
     let dateStr;
     this.datePicker.style.display = 'block';
@@ -248,7 +268,6 @@ class DateEditor extends _textEditor.TextEditor {
         dateStr = (0, _moment.default)(dateStr).format(this.cellProperties.dateFormat || this.defaultDateFormat);
       }
       this.setValue(dateStr);
-      this.hideDatepicker();
       if (origOnSelect) {
         origOnSelect();
       }

package/editors/dateEditor/dateEditor.mjs

@@ -3,7 +3,8 @@ import moment from 'moment';
 import Pikaday from 'pikaday';
 import { TextEditor } from "../textEditor/index.mjs";
 import EventManager from "../../eventManager.mjs";
-import { addClass, outerHeight, outerWidth } from "../../helpers/dom/element.mjs";
+import { addClass, hasClass, outerHeight, outerWidth, setAttribute } from "../../helpers/dom/element.mjs";
+import { A11Y_EXPANDED } from "../../helpers/a11y.mjs";
 import { deepExtend } from "../../helpers/object.mjs";
 import { isFunctionKey } from "../../helpers/unicode.mjs";
 export const EDITOR_TYPE = 'date';
@@ -39,7 +40,7 @@ export class DateEditor extends TextEditor {
       throw new Error('You need to include Pikaday to your project.');
     }
     super.init();
-    this.instance.addHook('afterDestroy', () => {
+    this.hot.addHook('afterDestroy', () => {
       this.parentDestroyed = true;
       this.destroyElements();
     });
@@ -64,7 +65,21 @@ export class DateEditor extends TextEditor {
     /**
      * Prevent recognizing clicking on datepicker as clicking outside of table.
      */
-    eventManager.addEventListener(this.datePicker, 'mousedown', event => event.stopPropagation());
+    eventManager.addEventListener(this.datePicker, 'mousedown', event => {
+      if (hasClass(event.target, 'pika-day')) {
+        this.hideDatepicker();
+      }
+      event.stopPropagation();
+    });
+
+    /**
+     * Prevent caret movement in the TEXTAREA when navigating over the date picker.
+     */
+    eventManager.addEventListener(this.TEXTAREA, 'keydown', event => {
+      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.code)) {
+        event.preventDefault();
+      }
+    });
   }
 
   /**
@@ -105,6 +120,9 @@ export class DateEditor extends TextEditor {
     const editorContext = shortcutManager.getContext('editor');
     super.open();
     this.showDatepicker(event);
+    if (this.hot.getSettings().ariaTags) {
+      setAttribute(this.TD, [A11Y_EXPANDED('true')]);
+    }
     editorContext.addShortcut({
       keys: [['Enter']],
       callback: keyboardEvent => {
@@ -127,9 +145,12 @@ export class DateEditor extends TextEditor {
     if ((_this$$datePicker = this.$datePicker) !== null && _this$$datePicker !== void 0 && _this$$datePicker.destroy) {
       this.$datePicker.destroy();
     }
-    this.instance._registerTimeout(() => {
-      this.instance._refreshBorders();
+    this.hot._registerTimeout(() => {
+      this.hot._refreshBorders();
     });
+    if (this.TD && this.hot.getSettings().ariaTags) {
+      setAttribute(this.TD, [A11Y_EXPANDED('false')]);
+    }
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
     editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP_EDITOR);
@@ -147,7 +168,6 @@ export class DateEditor extends TextEditor {
     let ctrlDown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (restoreOriginalValue) {
       // pressed ESC, restore original value
-      // var value = this.instance.getDataAtCell(this.row, this.col);
       const value = this.originalValue;
       if (value !== void 0) {
         this.setValue(value);
@@ -164,7 +184,7 @@ export class DateEditor extends TextEditor {
   showDatepicker(event) {
     const offset = this.TD.getBoundingClientRect();
     const dateFormat = this.cellProperties.dateFormat || this.defaultDateFormat;
-    const isMouseDown = this.instance.view.isMouseDown();
+    const isMouseDown = this.hot.view.isMouseDown();
     const isMeta = event ? isFunctionKey(event.keyCode) : false;
     let dateStr;
     this.datePicker.style.display = 'block';
@@ -243,7 +263,6 @@ export class DateEditor extends TextEditor {
         dateStr = moment(dateStr).format(this.cellProperties.dateFormat || this.defaultDateFormat);
       }
       this.setValue(dateStr);
-      this.hideDatepicker();
       if (origOnSelect) {
         origOnSelect();
       }

package/editors/handsontableEditor/handsontableEditor.js

@@ -6,6 +6,7 @@ var _element = require("../../helpers/dom/element");
 var _event = require("../../helpers/dom/event");
 var _object = require("../../helpers/object");
 var _editorManager = require("../../editorManager");
+var _a11y = require("../../helpers/a11y");
 const SHORTCUTS_GROUP = 'handsontableEditor';
 const EDITOR_TYPE = 'handsontable';
 
@@ -42,6 +43,9 @@ class HandsontableEditor extends _textEditor.TextEditor {
     }
     (0, _element.setCaretPosition)(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.refreshDimensions();
+    if (this.hot.getSettings().ariaTags) {
+      (0, _element.setAttribute)(this.TD, [(0, _a11y.A11Y_EXPANDED)('true')]);
+    }
   }
 
   /**
@@ -53,6 +57,9 @@ class HandsontableEditor extends _textEditor.TextEditor {
     }
     this.removeHooksByKey('beforeKeyDown');
     super.close();
+    if (this.hot.getSettings().ariaTags) {
+      (0, _element.setAttribute)(this.TD, [(0, _a11y.A11Y_EXPANDED)('false')]);
+    }
   }
 
   /**

package/editors/handsontableEditor/handsontableEditor.mjs

@@ -1,8 +1,9 @@
 import { TextEditor } from "../textEditor/index.mjs";
-import { setCaretPosition } from "../../helpers/dom/element.mjs";
+import { setAttribute, setCaretPosition } from "../../helpers/dom/element.mjs";
 import { stopImmediatePropagation } from "../../helpers/dom/event.mjs";
 import { extend } from "../../helpers/object.mjs";
 import { SHORTCUTS_GROUP_NAVIGATION } from "../../editorManager.mjs";
+import { A11Y_EXPANDED } from "../../helpers/a11y.mjs";
 const SHORTCUTS_GROUP = 'handsontableEditor';
 export const EDITOR_TYPE = 'handsontable';
 
@@ -38,6 +39,9 @@ export class HandsontableEditor extends TextEditor {
     }
     setCaretPosition(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.refreshDimensions();
+    if (this.hot.getSettings().ariaTags) {
+      setAttribute(this.TD, [A11Y_EXPANDED('true')]);
+    }
   }
 
   /**
@@ -49,6 +53,9 @@ export class HandsontableEditor extends TextEditor {
     }
     this.removeHooksByKey('beforeKeyDown');
     super.close();
+    if (this.hot.getSettings().ariaTags) {
+      setAttribute(this.TD, [A11Y_EXPANDED('false')]);
+    }
   }
 
   /**

package/helpers/a11y.js

@@ -25,6 +25,8 @@ const A11Y_LISTBOX = () => ['role', 'listbox'];
 exports.A11Y_LISTBOX = A11Y_LISTBOX;
 const A11Y_OPTION = () => ['role', 'option'];
 exports.A11Y_OPTION = A11Y_OPTION;
+const A11Y_CHECKBOX = () => ['role', 'checkbox'];
+exports.A11Y_CHECKBOX = A11Y_CHECKBOX;
 const A11Y_SCOPE_COL = () => ['scope', 'col'];
 exports.A11Y_SCOPE_COL = A11Y_SCOPE_COL;
 const A11Y_SCOPE_ROW = () => ['scope', 'row'];
@@ -39,7 +41,7 @@ const A11Y_DISABLED = () => ['aria-disabled', 'true'];
 exports.A11Y_DISABLED = A11Y_DISABLED;
 const A11Y_MULTISELECTABLE = () => ['aria-multiselectable', 'true'];
 exports.A11Y_MULTISELECTABLE = A11Y_MULTISELECTABLE;
-const A11Y_HASPOPUP = () => ['aria-haspopup', 'listbox'];
+const A11Y_HASPOPUP = val => ['aria-haspopup', val];
 exports.A11Y_HASPOPUP = A11Y_HASPOPUP;
 const A11Y_ROWCOUNT = val => ['aria-rowcount', val];
 exports.A11Y_ROWCOUNT = A11Y_ROWCOUNT;

package/helpers/a11y.mjs

@@ -10,6 +10,7 @@ export const A11Y_MENU_ITEM = () => ['role', 'menuitem'];
 export const A11Y_COMBOBOX = () => ['role', 'combobox'];
 export const A11Y_LISTBOX = () => ['role', 'listbox'];
 export const A11Y_OPTION = () => ['role', 'option'];
+export const A11Y_CHECKBOX = () => ['role', 'checkbox'];
 export const A11Y_SCOPE_COL = () => ['scope', 'col'];
 export const A11Y_SCOPE_ROW = () => ['scope', 'row'];
 export const A11Y_TEXT = () => ['type', 'text'];
@@ -17,7 +18,7 @@ export const A11Y_LABEL = val => ['aria-label', val];
 export const A11Y_HIDDEN = () => ['aria-hidden', 'true'];
 export const A11Y_DISABLED = () => ['aria-disabled', 'true'];
 export const A11Y_MULTISELECTABLE = () => ['aria-multiselectable', 'true'];
-export const A11Y_HASPOPUP = () => ['aria-haspopup', 'listbox'];
+export const A11Y_HASPOPUP = val => ['aria-haspopup', val];
 export const A11Y_ROWCOUNT = val => ['aria-rowcount', val];
 export const A11Y_COLCOUNT = val => ['aria-colcount', val];
 export const A11Y_ROWINDEX = val => ['aria-rowindex', val];

package/helpers/mixed.js

@@ -134,7 +134,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-ff8465d-20231006";
+  const hotVersion = "0.0.0-next-9379dd1-20231020";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export 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-ff8465d-20231006";
+  const hotVersion = "0.0.0-next-9379dd1-20231020";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/i18n/constants.js

@@ -165,4 +165,10 @@ exports.FILTERS_BUTTONS_PLACEHOLDER_SEARCH = FILTERS_BUTTONS_PLACEHOLDER_SEARCH;
 const FILTERS_BUTTONS_PLACEHOLDER_VALUE = `${FILTERS_NAMESPACE}buttons.placeholder.value`;
 exports.FILTERS_BUTTONS_PLACEHOLDER_VALUE = FILTERS_BUTTONS_PLACEHOLDER_VALUE;
 const FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE = `${FILTERS_NAMESPACE}buttons.placeholder.secondValue`;
-exports.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE = FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE;
+exports.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE = FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE;
+const CHECKBOX_RENDERER_NAMESPACE = 'CheckboxRenderer:';
+exports.CHECKBOX_RENDERER_NAMESPACE = CHECKBOX_RENDERER_NAMESPACE;
+const CHECKBOX_CHECKED = `${CHECKBOX_RENDERER_NAMESPACE}checked`;
+exports.CHECKBOX_CHECKED = CHECKBOX_CHECKED;
+const CHECKBOX_UNCHECKED = `${CHECKBOX_RENDERER_NAMESPACE}unchecked`;
+exports.CHECKBOX_UNCHECKED = CHECKBOX_UNCHECKED;

package/i18n/constants.mjs

@@ -83,4 +83,7 @@ export const FILTERS_BUTTONS_OK = `${FILTERS_NAMESPACE}buttons.ok`;
 export const FILTERS_BUTTONS_CANCEL = `${FILTERS_NAMESPACE}buttons.cancel`;
 export const FILTERS_BUTTONS_PLACEHOLDER_SEARCH = `${FILTERS_NAMESPACE}buttons.placeholder.search`;
 export const FILTERS_BUTTONS_PLACEHOLDER_VALUE = `${FILTERS_NAMESPACE}buttons.placeholder.value`;
-export const FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE = `${FILTERS_NAMESPACE}buttons.placeholder.secondValue`;
+export const FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE = `${FILTERS_NAMESPACE}buttons.placeholder.secondValue`;
+export const CHECKBOX_RENDERER_NAMESPACE = 'CheckboxRenderer:';
+export const CHECKBOX_CHECKED = `${CHECKBOX_RENDERER_NAMESPACE}checked`;
+export const CHECKBOX_UNCHECKED = `${CHECKBOX_RENDERER_NAMESPACE}unchecked`;

package/i18n/languages/en-US.js

@@ -89,7 +89,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Cancel',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Search',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Value',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value',
+  [C.CHECKBOX_CHECKED]: 'Checked',
+  [C.CHECKBOX_UNCHECKED]: 'Unchecked'
 };
 var _default = dictionary;
 exports.default = _default;

package/i18n/languages/en-US.mjs

@@ -83,6 +83,8 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Cancel',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Search',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Value',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value',
+  [C.CHECKBOX_CHECKED]: 'Checked',
+  [C.CHECKBOX_UNCHECKED]: 'Unchecked'
 };
 export default dictionary;

package/i18n/languages/pl-PL.js

@@ -89,7 +89,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Anuluj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Szukaj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Wartość',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość',
+  [C.CHECKBOX_CHECKED]: 'Zaznaczony',
+  [C.CHECKBOX_UNCHECKED]: 'Odznaczony'
 };
 var _default = dictionary;
 exports.default = _default;

package/i18n/languages/pl-PL.mjs

@@ -83,6 +83,8 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Anuluj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Szukaj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Wartość',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość',
+  [C.CHECKBOX_CHECKED]: 'Zaznaczony',
+  [C.CHECKBOX_UNCHECKED]: 'Odznaczony'
 };
 export default dictionary;

package/languages/all.js

@@ -518,7 +518,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Cancel',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Search',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Value',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value',
+  [C.CHECKBOX_CHECKED]: 'Checked',
+  [C.CHECKBOX_UNCHECKED]: 'Unchecked'
 };
 _handsontable.default.languages.registerLanguageDictionary(dictionary);
 var _default = dictionary;
@@ -1418,7 +1420,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Anuluj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Szukaj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Wartość',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość',
+  [C.CHECKBOX_CHECKED]: 'Zaznaczony',
+  [C.CHECKBOX_UNCHECKED]: 'Odznaczony'
 };
 _handsontable.default.languages.registerLanguageDictionary(dictionary);
 var _default = dictionary;

package/languages/en-US.js

@@ -152,7 +152,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Cancel',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Search',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Value',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value',
+  [C.CHECKBOX_CHECKED]: 'Checked',
+  [C.CHECKBOX_UNCHECKED]: 'Unchecked'
 };
 _handsontable.default.languages.registerLanguageDictionary(dictionary);
 var _default = dictionary;

package/languages/en-US.mjs

@@ -84,7 +84,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Cancel',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Search',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Value',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value',
+  [C.CHECKBOX_CHECKED]: 'Checked',
+  [C.CHECKBOX_UNCHECKED]: 'Unchecked'
 };
 Handsontable.languages.registerLanguageDictionary(dictionary);
 export default dictionary;

package/languages/index.js

@@ -518,7 +518,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Cancel',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Search',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Value',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Second value',
+  [C.CHECKBOX_CHECKED]: 'Checked',
+  [C.CHECKBOX_UNCHECKED]: 'Unchecked'
 };
 _handsontable.default.languages.registerLanguageDictionary(dictionary);
 var _default = dictionary;
@@ -1418,7 +1420,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Anuluj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Szukaj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Wartość',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość',
+  [C.CHECKBOX_CHECKED]: 'Zaznaczony',
+  [C.CHECKBOX_UNCHECKED]: 'Odznaczony'
 };
 _handsontable.default.languages.registerLanguageDictionary(dictionary);
 var _default = dictionary;

package/languages/pl-PL.js

@@ -152,7 +152,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Anuluj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Szukaj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Wartość',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość',
+  [C.CHECKBOX_CHECKED]: 'Zaznaczony',
+  [C.CHECKBOX_UNCHECKED]: 'Odznaczony'
 };
 _handsontable.default.languages.registerLanguageDictionary(dictionary);
 var _default = dictionary;

package/languages/pl-PL.mjs

@@ -84,7 +84,9 @@ const dictionary = {
   [C.FILTERS_BUTTONS_CANCEL]: 'Anuluj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]: 'Szukaj',
   [C.FILTERS_BUTTONS_PLACEHOLDER_VALUE]: 'Wartość',
-  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość'
+  [C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]: 'Druga wartość',
+  [C.CHECKBOX_CHECKED]: 'Zaznaczony',
+  [C.CHECKBOX_UNCHECKED]: 'Odznaczony'
 };
 Handsontable.languages.registerLanguageDictionary(dictionary);
 export default dictionary;

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-ff8465d-20231006",
+  "version": "0.0.0-next-9379dd1-20231020",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",
@@ -511,6 +511,16 @@
       "require": "./renderers/checkboxRenderer/index.js",
       "import": "./renderers/checkboxRenderer/index.mjs"
     },
+    "./renderers/dateRenderer/index.d.ts": "./renderers/dateRenderer/index.d.ts",
+    "./renderers/dateRenderer": {
+      "require": "./renderers/dateRenderer/index.js",
+      "import": "./renderers/dateRenderer/index.mjs"
+    },
+    "./renderers/handsontableRenderer/index.d.ts": "./renderers/handsontableRenderer/index.d.ts",
+    "./renderers/handsontableRenderer": {
+      "require": "./renderers/handsontableRenderer/index.js",
+      "import": "./renderers/handsontableRenderer/index.mjs"
+    },
     "./renderers/htmlRenderer/index.d.ts": "./renderers/htmlRenderer/index.d.ts",
     "./renderers/htmlRenderer": {
       "require": "./renderers/htmlRenderer/index.js",

package/pluginHooks.js

@@ -567,7 +567,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * method or table internals.
  *
  * @since 14.0.0
- * @event Hooks#afterScroll
+ * @event Hooks#beforeViewportScroll
  */
 'beforeViewportScroll',
 /**

package/pluginHooks.mjs

@@ -565,7 +565,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * method or table internals.
  *
  * @since 14.0.0
- * @event Hooks#afterScroll
+ * @event Hooks#beforeViewportScroll
  */
 'beforeViewportScroll',
 /**

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;