handsontable 14.0.0-next-1127661-20231114 → 14.0.0-next-ae5997a-20231116

package/editors/textEditor/textEditor.js

@@ -388,6 +388,7 @@ class TextEditor extends _baseEditor.BaseEditor {
   registerShortcuts() {
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
+    const gridContext = shortcutManager.getContext('grid');
     const contextConfig = {
       runOnlyIf: () => (0, _mixed.isDefined)(this.hot.getSelected()),
       group: SHORTCUTS_GROUP
@@ -396,21 +397,9 @@ class TextEditor extends _baseEditor.BaseEditor {
       this.hot.rootDocument.execCommand('insertText', false, '\n');
     };
     editorContext.addShortcuts([{
-      keys: [['Tab']],
-      // TODO: Duplicated part of code (callback to shortcut).
-      callback: event => {
-        const tableMeta = this.hot.getSettings();
-        const tabMoves = typeof tableMeta.tabMoves === 'function' ? tableMeta.tabMoves(event) : tableMeta.tabMoves;
-        this.hot.selection.transformStart(tabMoves.row, tabMoves.col, true);
-      }
-    }, {
-      keys: [['Shift', 'Tab']],
-      // TODO: Duplicated part of code (callback to shortcut).
-      callback: event => {
-        const tableMeta = this.hot.getSettings();
-        const tabMoves = typeof tableMeta.tabMoves === 'function' ? tableMeta.tabMoves(event) : tableMeta.tabMoves;
-        this.hot.selection.transformStart(-tabMoves.row, -tabMoves.col);
-      }
+      keys: [['Tab'], ['Shift', 'Tab'], ['PageUp'], ['PageDown']],
+      forwardToContext: gridContext,
+      callback: () => {}
     }, {
       keys: [['Control', 'Enter']],
       callback: () => {
@@ -436,18 +425,6 @@ class TextEditor extends _baseEditor.BaseEditor {
         insertNewLine();
         return false; // Will block closing editor.
       }
-    }, {
-      // TODO: Duplicated part of code (callback to shortcut)
-      keys: [['PageUp']],
-      callback: () => {
-        this.hot.selection.transformStart(-this.hot.countVisibleRows(), 0);
-      }
-    }, {
-      // TODO: Duplicated part of code (callback to shortcut)
-      keys: [['PageDown']],
-      callback: () => {
-        this.hot.selection.transformStart(this.hot.countVisibleRows(), 0);
-      }
     }, {
       keys: [['Home']],
       callback: (event, _ref) => {

package/editors/textEditor/textEditor.mjs

@@ -384,6 +384,7 @@ export class TextEditor extends BaseEditor {
   registerShortcuts() {
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
+    const gridContext = shortcutManager.getContext('grid');
     const contextConfig = {
       runOnlyIf: () => isDefined(this.hot.getSelected()),
       group: SHORTCUTS_GROUP
@@ -392,21 +393,9 @@ export class TextEditor extends BaseEditor {
       this.hot.rootDocument.execCommand('insertText', false, '\n');
     };
     editorContext.addShortcuts([{
-      keys: [['Tab']],
-      // TODO: Duplicated part of code (callback to shortcut).
-      callback: event => {
-        const tableMeta = this.hot.getSettings();
-        const tabMoves = typeof tableMeta.tabMoves === 'function' ? tableMeta.tabMoves(event) : tableMeta.tabMoves;
-        this.hot.selection.transformStart(tabMoves.row, tabMoves.col, true);
-      }
-    }, {
-      keys: [['Shift', 'Tab']],
-      // TODO: Duplicated part of code (callback to shortcut).
-      callback: event => {
-        const tableMeta = this.hot.getSettings();
-        const tabMoves = typeof tableMeta.tabMoves === 'function' ? tableMeta.tabMoves(event) : tableMeta.tabMoves;
-        this.hot.selection.transformStart(-tabMoves.row, -tabMoves.col);
-      }
+      keys: [['Tab'], ['Shift', 'Tab'], ['PageUp'], ['PageDown']],
+      forwardToContext: gridContext,
+      callback: () => {}
     }, {
       keys: [['Control', 'Enter']],
       callback: () => {
@@ -432,18 +421,6 @@ export class TextEditor extends BaseEditor {
         insertNewLine();
         return false; // Will block closing editor.
       }
-    }, {
-      // TODO: Duplicated part of code (callback to shortcut)
-      keys: [['PageUp']],
-      callback: () => {
-        this.hot.selection.transformStart(-this.hot.countVisibleRows(), 0);
-      }
-    }, {
-      // TODO: Duplicated part of code (callback to shortcut)
-      keys: [['PageDown']],
-      callback: () => {
-        this.hot.selection.transformStart(this.hot.countVisibleRows(), 0);
-      }
     }, {
       keys: [['Home']],
       callback: (event, _ref) => {

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 = "14.0.0-next-1127661-20231114";
+  const hotVersion = "14.0.0-next-ae5997a-20231116";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -142,7 +142,7 @@ function _injectProductInfo(key, element) {
   const schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      const releaseDate = (0, _moment.default)("16/11/2023", 'DD/MM/YYYY');
+      const releaseDate = (0, _moment.default)("22/11/2023", 'DD/MM/YYYY');
       const releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       const keyValidityDays = _extractTime(key);
       keyValidityDate = (0, _moment.default)((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

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 = "14.0.0-next-1127661-20231114";
+  const hotVersion = "14.0.0-next-ae5997a-20231116";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -132,7 +132,7 @@ export function _injectProductInfo(key, element) {
   const schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      const releaseDate = moment("16/11/2023", 'DD/MM/YYYY');
+      const releaseDate = moment("22/11/2023", 'DD/MM/YYYY');
       const releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       const keyValidityDays = _extractTime(key);
       keyValidityDate = moment((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "14.0.0-next-1127661-20231114",
+  "version": "14.0.0-next-ae5997a-20231116",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/pluginHooks.d.ts

@@ -166,7 +166,7 @@ export interface Events {
   beforeColumnMove?: (movedColumns: number[], finalIndex: number, dropIndex: number | undefined, movePossible: boolean) => void | boolean;
   beforeColumnResize?: (newSize: number, column: number, isDoubleClick: boolean) => void | number;
   beforeColumnSort?: (currentSortConfig: ColumnSortingConfig[], destinationSortConfigs: ColumnSortingConfig[]) => void | boolean;
-  beforeColumnWrap?: (isAutoWrapEnabled: boolean, newCoords: CellCoords, isColumnFlipped: boolean) => void;
+  beforeColumnWrap?: (isActionInterrupted: { value: boolean }, newCoords: CellCoords, isColumnFlipped: boolean) => void;
   beforeColumnUnfreeze?: (columnIndex: number, isUnfreezingPerformed: boolean) => void | boolean;
   beforeContextMenuSetItems?: (menuItems: ContextMenuMenuItemConfig[]) => void;
   beforeContextMenuShow?: (context: ContextMenu) => void;
@@ -207,7 +207,7 @@ export interface Events {
   beforeRenderer?: (TD: HTMLTableCellElement, row: number, column: number, prop: string | number, value: CellValue, cellProperties: CellProperties) => void;
   beforeRowMove?: (movedRows: number[], finalIndex: number, dropIndex: number | undefined, movePossible: boolean) => void;
   beforeRowResize?: (newSize: number, row: number, isDoubleClick: boolean) => number | void;
-  beforeRowWrap?: (isAutoWrapEnabled: boolean, newCoords: CellCoords, isRowFlipped: boolean) => void;
+  beforeRowWrap?: (isActionInterrupted: { value: boolean }, newCoords: CellCoords, isRowFlipped: boolean) => void;
   beforeSelectColumns?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;
   beforeSelectionHighlightSet?: () => void;
   beforeSelectRows?: (from: CellCoords, to: CellCoords, highlight: CellCoords) => void;

package/plugins/manualColumnMove/manualColumnMove.js

@@ -9,15 +9,12 @@ var _array = require("../../helpers/array");
 var _element = require("../../helpers/dom/element");
 var _event = require("../../helpers/dom/event");
 var _number = require("../../helpers/number");
-var _backlight = _interopRequireDefault(require("./ui/backlight"));
-var _guideline = _interopRequireDefault(require("./ui/guideline"));
+var _backlight2 = _interopRequireDefault(require("./ui/backlight"));
+var _guideline2 = _interopRequireDefault(require("./ui/guideline"));
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
@@ -60,6 +57,8 @@ const CSS_AFTER_SELECTION = 'after-selection--columns';
  * @class ManualColumnMove
  * @plugin ManualColumnMove
  */
+var _backlight = /*#__PURE__*/new WeakMap();
+var _guideline = /*#__PURE__*/new WeakMap();
 var _columnsToMove = /*#__PURE__*/new WeakMap();
 var _countCols = /*#__PURE__*/new WeakMap();
 var _pressed = /*#__PURE__*/new WeakMap();
@@ -121,17 +120,21 @@ class ManualColumnMove extends _base.BasePlugin {
     /**
      * Backlight UI object.
      *
-     * @private
      * @type {object}
      */
-    _defineProperty(this, "backlight", new _backlight.default(this.hot));
+    _classPrivateFieldInitSpec(this, _backlight, {
+      writable: true,
+      value: new _backlight2.default(this.hot)
+    });
     /**
      * Guideline UI object.
      *
-     * @private
      * @type {object}
      */
-    _defineProperty(this, "guideline", new _guideline.default(this.hot));
+    _classPrivateFieldInitSpec(this, _guideline, {
+      writable: true,
+      value: new _guideline2.default(this.hot)
+    });
     /**
      * @type {number[]}
      */
@@ -266,8 +269,8 @@ class ManualColumnMove extends _base.BasePlugin {
   disablePlugin() {
     (0, _element.removeClass)(this.hot.rootElement, CSS_PLUGIN);
     this.unregisterEvents();
-    this.backlight.destroy();
-    this.guideline.destroy();
+    _classPrivateFieldGet(this, _backlight).destroy();
+    _classPrivateFieldGet(this, _guideline).destroy();
     super.disablePlugin();
   }
 
@@ -504,8 +507,8 @@ class ManualColumnMove extends _base.BasePlugin {
     let tdOffsetStart = this.hot.view.THEAD.offsetLeft + this.getColumnsWidth(0, _classPrivateFieldGet(this, _hoveredColumn) - 1);
     const hiderWidth = wtTable.hider.offsetWidth;
     const tbodyOffsetLeft = wtTable.TBODY.offsetLeft;
-    const backlightElemMarginStart = this.backlight.getOffset().start;
-    const backlightElemWidth = this.backlight.getSize().width;
+    const backlightElemMarginStart = _classPrivateFieldGet(this, _backlight).getOffset().start;
+    const backlightElemWidth = _classPrivateFieldGet(this, _backlight).getSize().width;
     let rowHeaderWidth = 0;
     let mouseOffsetStart = 0;
     if (this.hot.isRtl()) {
@@ -559,8 +562,8 @@ class ManualColumnMove extends _base.BasePlugin {
     } else if (scrollableElement.scrollX !== undefined && _classPrivateFieldGet(this, _hoveredColumn) < _classPrivateFieldGet(this, _fixedColumnsStart)) {
       guidelineStart -= _classPrivateFieldGet(this, _rootElementOffset) <= scrollableElement.scrollX ? _classPrivateFieldGet(this, _rootElementOffset) : 0;
     }
-    this.backlight.setPosition(null, backlightStart);
-    this.guideline.setPosition(null, guidelineStart);
+    _classPrivateFieldGet(this, _backlight).setPosition(null, backlightStart);
+    _classPrivateFieldGet(this, _guideline).setPosition(null, guidelineStart);
   }
 
   /**
@@ -590,15 +593,15 @@ class ManualColumnMove extends _base.BasePlugin {
    * @private
    */
   buildPluginUI() {
-    this.backlight.build();
-    this.guideline.build();
+    _classPrivateFieldGet(this, _backlight).build();
+    _classPrivateFieldGet(this, _guideline).build();
   }
   /**
    * Destroys the plugin instance.
    */
   destroy() {
-    this.backlight.destroy();
-    this.guideline.destroy();
+    _classPrivateFieldGet(this, _backlight).destroy();
+    _classPrivateFieldGet(this, _guideline).destroy();
     super.destroy();
   }
 }
@@ -615,11 +618,11 @@ function _onBeforeOnCellMouseDown2(event, coords, TD, controller) {
     (0, _element.removeClass)(this.hot.rootElement, [CSS_ON_MOVING, CSS_SHOW_UI]);
     return;
   }
-  const guidelineIsNotReady = this.guideline.isBuilt() && !this.guideline.isAppended();
-  const backlightIsNotReady = this.backlight.isBuilt() && !this.backlight.isAppended();
+  const guidelineIsNotReady = _classPrivateFieldGet(this, _guideline).isBuilt() && !_classPrivateFieldGet(this, _guideline).isAppended();
+  const backlightIsNotReady = _classPrivateFieldGet(this, _backlight).isBuilt() && !_classPrivateFieldGet(this, _backlight).isAppended();
   if (guidelineIsNotReady && backlightIsNotReady) {
-    this.guideline.appendTo(wtTable.hider);
-    this.backlight.appendTo(wtTable.hider);
+    _classPrivateFieldGet(this, _guideline).appendTo(wtTable.hider);
+    _classPrivateFieldGet(this, _backlight).appendTo(wtTable.hider);
   }
   const {
     from,
@@ -647,9 +650,9 @@ function _onBeforeOnCellMouseDown2(event, coords, TD, controller) {
     const offsetX = Math.abs(eventOffsetX - (this.hot.isRtl() ? TD.offsetWidth : 0));
     const inlineOffset = this.getColumnsWidth(start, coords.col - 1) + offsetX;
     const inlinePos = this.getColumnsWidth(countColumnsFrom, start - 1) + (fixedColumnsStart ? horizontalScrollPosition : 0) + inlineOffset;
-    this.backlight.setPosition(topPos, inlinePos);
-    this.backlight.setSize(this.getColumnsWidth(start, end), wtTable.hider.offsetHeight - topPos);
-    this.backlight.setOffset(null, -inlineOffset);
+    _classPrivateFieldGet(this, _backlight).setPosition(topPos, inlinePos);
+    _classPrivateFieldGet(this, _backlight).setSize(this.getColumnsWidth(start, end), wtTable.hider.offsetHeight - topPos);
+    _classPrivateFieldGet(this, _backlight).setOffset(null, -inlineOffset);
     (0, _element.addClass)(this.hot.rootElement, CSS_ON_MOVING);
   } else {
     (0, _element.removeClass)(this.hot.rootElement, CSS_AFTER_SELECTION);
@@ -710,8 +713,8 @@ function _onAfterScrollVertically2() {
   const headerHeight = wtTable.getColumnHeaderHeight(0) + 1;
   const scrollTop = wtTable.holder.scrollTop;
   const posTop = headerHeight + scrollTop;
-  this.backlight.setPosition(posTop);
-  this.backlight.setSize(null, wtTable.hider.offsetHeight - posTop);
+  _classPrivateFieldGet(this, _backlight).setPosition(posTop);
+  _classPrivateFieldGet(this, _backlight).setSize(null, wtTable.hider.offsetHeight - posTop);
 }
 function _onAfterLoadData2() {
   this.moveBySettingsOrLoad();

package/plugins/manualColumnMove/manualColumnMove.mjs

@@ -3,9 +3,6 @@ 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
@@ -56,6 +53,8 @@ const CSS_AFTER_SELECTION = 'after-selection--columns';
  * @class ManualColumnMove
  * @plugin ManualColumnMove
  */
+var _backlight = /*#__PURE__*/new WeakMap();
+var _guideline = /*#__PURE__*/new WeakMap();
 var _columnsToMove = /*#__PURE__*/new WeakMap();
 var _countCols = /*#__PURE__*/new WeakMap();
 var _pressed = /*#__PURE__*/new WeakMap();
@@ -117,17 +116,21 @@ export class ManualColumnMove extends BasePlugin {
     /**
      * Backlight UI object.
      *
-     * @private
      * @type {object}
      */
-    _defineProperty(this, "backlight", new BacklightUI(this.hot));
+    _classPrivateFieldInitSpec(this, _backlight, {
+      writable: true,
+      value: new BacklightUI(this.hot)
+    });
     /**
      * Guideline UI object.
      *
-     * @private
      * @type {object}
      */
-    _defineProperty(this, "guideline", new GuidelineUI(this.hot));
+    _classPrivateFieldInitSpec(this, _guideline, {
+      writable: true,
+      value: new GuidelineUI(this.hot)
+    });
     /**
      * @type {number[]}
      */
@@ -262,8 +265,8 @@ export class ManualColumnMove extends BasePlugin {
   disablePlugin() {
     removeClass(this.hot.rootElement, CSS_PLUGIN);
     this.unregisterEvents();
-    this.backlight.destroy();
-    this.guideline.destroy();
+    _classPrivateFieldGet(this, _backlight).destroy();
+    _classPrivateFieldGet(this, _guideline).destroy();
     super.disablePlugin();
   }
 
@@ -500,8 +503,8 @@ export class ManualColumnMove extends BasePlugin {
     let tdOffsetStart = this.hot.view.THEAD.offsetLeft + this.getColumnsWidth(0, _classPrivateFieldGet(this, _hoveredColumn) - 1);
     const hiderWidth = wtTable.hider.offsetWidth;
     const tbodyOffsetLeft = wtTable.TBODY.offsetLeft;
-    const backlightElemMarginStart = this.backlight.getOffset().start;
-    const backlightElemWidth = this.backlight.getSize().width;
+    const backlightElemMarginStart = _classPrivateFieldGet(this, _backlight).getOffset().start;
+    const backlightElemWidth = _classPrivateFieldGet(this, _backlight).getSize().width;
     let rowHeaderWidth = 0;
     let mouseOffsetStart = 0;
     if (this.hot.isRtl()) {
@@ -555,8 +558,8 @@ export class ManualColumnMove extends BasePlugin {
     } else if (scrollableElement.scrollX !== undefined && _classPrivateFieldGet(this, _hoveredColumn) < _classPrivateFieldGet(this, _fixedColumnsStart)) {
       guidelineStart -= _classPrivateFieldGet(this, _rootElementOffset) <= scrollableElement.scrollX ? _classPrivateFieldGet(this, _rootElementOffset) : 0;
     }
-    this.backlight.setPosition(null, backlightStart);
-    this.guideline.setPosition(null, guidelineStart);
+    _classPrivateFieldGet(this, _backlight).setPosition(null, backlightStart);
+    _classPrivateFieldGet(this, _guideline).setPosition(null, guidelineStart);
   }
 
   /**
@@ -586,15 +589,15 @@ export class ManualColumnMove extends BasePlugin {
    * @private
    */
   buildPluginUI() {
-    this.backlight.build();
-    this.guideline.build();
+    _classPrivateFieldGet(this, _backlight).build();
+    _classPrivateFieldGet(this, _guideline).build();
   }
   /**
    * Destroys the plugin instance.
    */
   destroy() {
-    this.backlight.destroy();
-    this.guideline.destroy();
+    _classPrivateFieldGet(this, _backlight).destroy();
+    _classPrivateFieldGet(this, _guideline).destroy();
     super.destroy();
   }
 }
@@ -610,11 +613,11 @@ function _onBeforeOnCellMouseDown2(event, coords, TD, controller) {
     removeClass(this.hot.rootElement, [CSS_ON_MOVING, CSS_SHOW_UI]);
     return;
   }
-  const guidelineIsNotReady = this.guideline.isBuilt() && !this.guideline.isAppended();
-  const backlightIsNotReady = this.backlight.isBuilt() && !this.backlight.isAppended();
+  const guidelineIsNotReady = _classPrivateFieldGet(this, _guideline).isBuilt() && !_classPrivateFieldGet(this, _guideline).isAppended();
+  const backlightIsNotReady = _classPrivateFieldGet(this, _backlight).isBuilt() && !_classPrivateFieldGet(this, _backlight).isAppended();
   if (guidelineIsNotReady && backlightIsNotReady) {
-    this.guideline.appendTo(wtTable.hider);
-    this.backlight.appendTo(wtTable.hider);
+    _classPrivateFieldGet(this, _guideline).appendTo(wtTable.hider);
+    _classPrivateFieldGet(this, _backlight).appendTo(wtTable.hider);
   }
   const {
     from,
@@ -642,9 +645,9 @@ function _onBeforeOnCellMouseDown2(event, coords, TD, controller) {
     const offsetX = Math.abs(eventOffsetX - (this.hot.isRtl() ? TD.offsetWidth : 0));
     const inlineOffset = this.getColumnsWidth(start, coords.col - 1) + offsetX;
     const inlinePos = this.getColumnsWidth(countColumnsFrom, start - 1) + (fixedColumnsStart ? horizontalScrollPosition : 0) + inlineOffset;
-    this.backlight.setPosition(topPos, inlinePos);
-    this.backlight.setSize(this.getColumnsWidth(start, end), wtTable.hider.offsetHeight - topPos);
-    this.backlight.setOffset(null, -inlineOffset);
+    _classPrivateFieldGet(this, _backlight).setPosition(topPos, inlinePos);
+    _classPrivateFieldGet(this, _backlight).setSize(this.getColumnsWidth(start, end), wtTable.hider.offsetHeight - topPos);
+    _classPrivateFieldGet(this, _backlight).setOffset(null, -inlineOffset);
     addClass(this.hot.rootElement, CSS_ON_MOVING);
   } else {
     removeClass(this.hot.rootElement, CSS_AFTER_SELECTION);
@@ -705,8 +708,8 @@ function _onAfterScrollVertically2() {
   const headerHeight = wtTable.getColumnHeaderHeight(0) + 1;
   const scrollTop = wtTable.holder.scrollTop;
   const posTop = headerHeight + scrollTop;
-  this.backlight.setPosition(posTop);
-  this.backlight.setSize(null, wtTable.hider.offsetHeight - posTop);
+  _classPrivateFieldGet(this, _backlight).setPosition(posTop);
+  _classPrivateFieldGet(this, _backlight).setSize(null, wtTable.hider.offsetHeight - posTop);
 }
 function _onAfterLoadData2() {
   this.moveBySettingsOrLoad();