handsontable 0.0.0-next-b66c79f-20230713 → 0.0.0-next-85c3085-20230713

package/tableView.js

@@ -2,6 +2,7 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.error.cause.js");
 var _element = require("./helpers/dom/element");
 var _eventManager = _interopRequireDefault(require("./eventManager"));
 var _event = require("./helpers/dom/event");
@@ -9,90 +10,107 @@ var _src = _interopRequireDefault(require("./3rdparty/walkontable/src"));
 var _mouseEventHandler = require("./selection/mouseEventHandler");
 var _rootInstance = require("./utils/rootInstance");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _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; } }
 const privatePool = new WeakMap();
 
 /**
  * @class TableView
  * @private
  */
+var _columnHeadersCount = /*#__PURE__*/new WeakMap();
+var _rowHeadersCount = /*#__PURE__*/new WeakMap();
 class TableView {
-  /**
-   * Instance of {@link Handsontable}.
-   *
-   * @private
-   * @type {Handsontable}
-   */
-  instance;
-  /**
-   * Instance of {@link EventManager}.
-   *
-   * @private
-   * @type {EventManager}
-   */
-  eventManager;
-  /**
-   * Current Handsontable's GridSettings object.
-   *
-   * @private
-   * @type {GridSettings}
-   */
-  settings;
-  /**
-   * Main <THEAD> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-  THEAD;
-  /**
-   * Main <TBODY> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-  TBODY;
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-  _wt;
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-  activeWt;
-  /**
-   * The total number of the column header renderers applied to the table through the
-   * `afterGetColumnHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-  #columnHeadersCount = 0;
-  /**
-   * The total number of the row header renderers applied to the table through the
-   * `afterGetRowHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-  #rowHeadersCount = 0;
-  /**
-   * The flag determines if the `adjustElementsSize` method call was made during
-   * the render suspending. If true, the method has to be triggered once after render
-   * resuming.
-   *
-   * @private
-   * @type {boolean}
-   */
-  postponedAdjustElementsSize = false;
-
   /**
    * @param {Hanstontable} instance Instance of {@link Handsontable}.
    */
   constructor(instance) {
+    /**
+     * Instance of {@link Handsontable}.
+     *
+     * @private
+     * @type {Handsontable}
+     */
+    _defineProperty(this, "instance", void 0);
+    /**
+     * Instance of {@link EventManager}.
+     *
+     * @private
+     * @type {EventManager}
+     */
+    _defineProperty(this, "eventManager", void 0);
+    /**
+     * Current Handsontable's GridSettings object.
+     *
+     * @private
+     * @type {GridSettings}
+     */
+    _defineProperty(this, "settings", void 0);
+    /**
+     * Main <THEAD> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
+    _defineProperty(this, "THEAD", void 0);
+    /**
+     * Main <TBODY> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
+    _defineProperty(this, "TBODY", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
+    _defineProperty(this, "_wt", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
+    _defineProperty(this, "activeWt", void 0);
+    /**
+     * The total number of the column header renderers applied to the table through the
+     * `afterGetColumnHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _columnHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    /**
+     * The total number of the row header renderers applied to the table through the
+     * `afterGetRowHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _rowHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    /**
+     * The flag determines if the `adjustElementsSize` method call was made during
+     * the render suspending. If true, the method has to be triggered once after render
+     * resuming.
+     *
+     * @private
+     * @type {boolean}
+     */
+    _defineProperty(this, "postponedAdjustElementsSize", false);
     this.instance = instance;
     this.eventManager = new _eventManager.default(this.instance);
     this.settings = this.instance.getSettings();
@@ -595,7 +613,7 @@ class TableView {
           });
         }
         this.instance.runHooks('afterGetRowHeaderRenderers', headerRenderers);
-        this.#rowHeadersCount = headerRenderers.length;
+        _classPrivateFieldSet(this, _rowHeadersCount, headerRenderers.length);
         return headerRenderers;
       },
       columnHeaders: () => {
@@ -609,7 +627,7 @@ class TableView {
           });
         }
         this.instance.runHooks('afterGetColumnHeaderRenderers', headerRenderers);
-        this.#columnHeadersCount = headerRenderers.length;
+        _classPrivateFieldSet(this, _columnHeadersCount, headerRenderers.length);
         return headerRenderers;
       },
       columnWidth: renderedColumnIndex => {
@@ -774,7 +792,7 @@ class TableView {
         if (selectionRangeSize > 0) {
           // Selection layers are stored from the "oldest" to the "newest". We should calculate the offset.
           // Please look at the `SelectedRange` class and it's method for getting selection's layer for more information.
-          const selectionOffset = (layerLevel != null ? layerLevel : 0) + 1 - selectionRangeSize;
+          const selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
           const selectionForLayer = selectedRange.peekByIndex(selectionOffset);
           cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
         }
@@ -927,8 +945,8 @@ class TableView {
    * @returns {boolean}
    */
   isSelectedOnlyCell() {
-    var _this$instance$getSel;
-    return (_this$instance$getSel = this.instance.getSelectedRangeLast()?.isSingle()) != null ? _this$instance$getSel : false;
+    var _this$instance$getSel, _this$instance$getSel2;
+    return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
   }
 
   /**
@@ -1166,7 +1184,7 @@ class TableView {
    * @returns {number}
    */
   getColumnHeadersCount() {
-    return this.#columnHeadersCount;
+    return _classPrivateFieldGet(this, _columnHeadersCount);
   }
 
   /**
@@ -1175,7 +1193,7 @@ class TableView {
    * @returns {number}
    */
   getRowHeadersCount() {
-    return this.#rowHeadersCount;
+    return _classPrivateFieldGet(this, _rowHeadersCount);
   }
 
   /**

package/tableView.mjs

@@ -1,4 +1,15 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.error.cause.js";
+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 _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 { addClass, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput } from "./helpers/dom/element.mjs";
 import EventManager from "./eventManager.mjs";
 import { isImmediatePropagationStopped, isRightClick, isLeftClick } from "./helpers/dom/event.mjs";
@@ -11,84 +22,91 @@ const privatePool = new WeakMap();
  * @class TableView
  * @private
  */
+var _columnHeadersCount = /*#__PURE__*/new WeakMap();
+var _rowHeadersCount = /*#__PURE__*/new WeakMap();
 class TableView {
-  /**
-   * Instance of {@link Handsontable}.
-   *
-   * @private
-   * @type {Handsontable}
-   */
-  instance;
-  /**
-   * Instance of {@link EventManager}.
-   *
-   * @private
-   * @type {EventManager}
-   */
-  eventManager;
-  /**
-   * Current Handsontable's GridSettings object.
-   *
-   * @private
-   * @type {GridSettings}
-   */
-  settings;
-  /**
-   * Main <THEAD> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-  THEAD;
-  /**
-   * Main <TBODY> element.
-   *
-   * @private
-   * @type {HTMLTableSectionElement}
-   */
-  TBODY;
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-  _wt;
-  /**
-   * Main Walkontable instance.
-   *
-   * @private
-   * @type {Walkontable}
-   */
-  activeWt;
-  /**
-   * The total number of the column header renderers applied to the table through the
-   * `afterGetColumnHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-  #columnHeadersCount = 0;
-  /**
-   * The total number of the row header renderers applied to the table through the
-   * `afterGetRowHeaderRenderers` hook.
-   *
-   * @type {number}
-   */
-  #rowHeadersCount = 0;
-  /**
-   * The flag determines if the `adjustElementsSize` method call was made during
-   * the render suspending. If true, the method has to be triggered once after render
-   * resuming.
-   *
-   * @private
-   * @type {boolean}
-   */
-  postponedAdjustElementsSize = false;
-
   /**
    * @param {Hanstontable} instance Instance of {@link Handsontable}.
    */
   constructor(instance) {
+    /**
+     * Instance of {@link Handsontable}.
+     *
+     * @private
+     * @type {Handsontable}
+     */
+    _defineProperty(this, "instance", void 0);
+    /**
+     * Instance of {@link EventManager}.
+     *
+     * @private
+     * @type {EventManager}
+     */
+    _defineProperty(this, "eventManager", void 0);
+    /**
+     * Current Handsontable's GridSettings object.
+     *
+     * @private
+     * @type {GridSettings}
+     */
+    _defineProperty(this, "settings", void 0);
+    /**
+     * Main <THEAD> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
+    _defineProperty(this, "THEAD", void 0);
+    /**
+     * Main <TBODY> element.
+     *
+     * @private
+     * @type {HTMLTableSectionElement}
+     */
+    _defineProperty(this, "TBODY", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
+    _defineProperty(this, "_wt", void 0);
+    /**
+     * Main Walkontable instance.
+     *
+     * @private
+     * @type {Walkontable}
+     */
+    _defineProperty(this, "activeWt", void 0);
+    /**
+     * The total number of the column header renderers applied to the table through the
+     * `afterGetColumnHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _columnHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    /**
+     * The total number of the row header renderers applied to the table through the
+     * `afterGetRowHeaderRenderers` hook.
+     *
+     * @type {number}
+     */
+    _classPrivateFieldInitSpec(this, _rowHeadersCount, {
+      writable: true,
+      value: 0
+    });
+    /**
+     * The flag determines if the `adjustElementsSize` method call was made during
+     * the render suspending. If true, the method has to be triggered once after render
+     * resuming.
+     *
+     * @private
+     * @type {boolean}
+     */
+    _defineProperty(this, "postponedAdjustElementsSize", false);
     this.instance = instance;
     this.eventManager = new EventManager(this.instance);
     this.settings = this.instance.getSettings();
@@ -591,7 +609,7 @@ class TableView {
           });
         }
         this.instance.runHooks('afterGetRowHeaderRenderers', headerRenderers);
-        this.#rowHeadersCount = headerRenderers.length;
+        _classPrivateFieldSet(this, _rowHeadersCount, headerRenderers.length);
         return headerRenderers;
       },
       columnHeaders: () => {
@@ -605,7 +623,7 @@ class TableView {
           });
         }
         this.instance.runHooks('afterGetColumnHeaderRenderers', headerRenderers);
-        this.#columnHeadersCount = headerRenderers.length;
+        _classPrivateFieldSet(this, _columnHeadersCount, headerRenderers.length);
         return headerRenderers;
       },
       columnWidth: renderedColumnIndex => {
@@ -770,7 +788,7 @@ class TableView {
         if (selectionRangeSize > 0) {
           // Selection layers are stored from the "oldest" to the "newest". We should calculate the offset.
           // Please look at the `SelectedRange` class and it's method for getting selection's layer for more information.
-          const selectionOffset = (layerLevel != null ? layerLevel : 0) + 1 - selectionRangeSize;
+          const selectionOffset = (layerLevel !== null && layerLevel !== void 0 ? layerLevel : 0) + 1 - selectionRangeSize;
           const selectionForLayer = selectedRange.peekByIndex(selectionOffset);
           cornersOfSelection = [selectionForLayer.from.row, selectionForLayer.from.col, selectionForLayer.to.row, selectionForLayer.to.col];
         }
@@ -923,8 +941,8 @@ class TableView {
    * @returns {boolean}
    */
   isSelectedOnlyCell() {
-    var _this$instance$getSel;
-    return (_this$instance$getSel = this.instance.getSelectedRangeLast()?.isSingle()) != null ? _this$instance$getSel : false;
+    var _this$instance$getSel, _this$instance$getSel2;
+    return (_this$instance$getSel = (_this$instance$getSel2 = this.instance.getSelectedRangeLast()) === null || _this$instance$getSel2 === void 0 ? void 0 : _this$instance$getSel2.isSingle()) !== null && _this$instance$getSel !== void 0 ? _this$instance$getSel : false;
   }
 
   /**
@@ -1162,7 +1180,7 @@ class TableView {
    * @returns {number}
    */
   getColumnHeadersCount() {
-    return this.#columnHeadersCount;
+    return _classPrivateFieldGet(this, _columnHeadersCount);
   }
 
   /**
@@ -1171,7 +1189,7 @@ class TableView {
    * @returns {number}
    */
   getRowHeadersCount() {
-    return this.#rowHeadersCount;
+    return _classPrivateFieldGet(this, _rowHeadersCount);
   }
 
   /**

package/translations/changesObservable/observable.js

@@ -1,8 +1,16 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 var _observer = require("./observer");
 var _utils = require("./utils");
+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 _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; } }
 /**
  * The ChangesObservable module is an object that represents a resource that provides
  * the ability to observe the changes that happened in the index map indexes during
@@ -11,53 +19,73 @@ var _utils = require("./utils");
  * @private
  * @class ChangesObservable
  */
+var _observers = /*#__PURE__*/new WeakMap();
+var _indexMatrix = /*#__PURE__*/new WeakMap();
+var _currentIndexState = /*#__PURE__*/new WeakMap();
+var _isMatrixIndexesInitialized = /*#__PURE__*/new WeakMap();
+var _initialIndexValue = /*#__PURE__*/new WeakMap();
 class ChangesObservable {
-  /**
-   * The list of registered ChangesObserver instances.
-   *
-   * @type {ChangesObserver[]}
-   */
-  #observers = new Set();
-  /**
-   * An array with default values that act as a base array that will be compared with
-   * the last saved index state. The changes are generated and immediately send through
-   * the newly created ChangesObserver object. Thanks to that, the observer initially has
-   * all information about what indexes are currently changed.
-   *
-   * @type {Array}
-   */
-  #indexMatrix = [];
-  /**
-   * An array that holds the indexes state that is currently valid. The value is changed on every
-   * index mapper cache update.
-   *
-   * @type {Array}
-   */
-  #currentIndexState = [];
-  /**
-   * The flag determines if the observable is initialized or not. Not initialized object creates
-   * index matrix once while emitting new changes.
-   *
-   * @type {boolean}
-   */
-  #isMatrixIndexesInitialized = false;
-  /**
-   * The initial index value allows control from what value the index matrix array will be created.
-   * Changing that value changes how the array diff generates the changes for the initial data
-   * sent to the subscribers. For example, the changes can be triggered by detecting the changes
-   * from `false` to `true` value or vice versa. Generally, it depends on which index map type
-   * the Observable will work with. For "hiding" or "trimming" index types, it will be boolean
-   * values. For various index maps, it can be anything, but I suspect that the most appropriate
-   * initial value will be "undefined" in that case.
-   *
-   * @type {boolean}
-   */
-  #initialIndexValue = false;
   constructor() {
     let {
       initialIndexValue
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this.#initialIndexValue = initialIndexValue != null ? initialIndexValue : false;
+    /**
+     * The list of registered ChangesObserver instances.
+     *
+     * @type {ChangesObserver[]}
+     */
+    _classPrivateFieldInitSpec(this, _observers, {
+      writable: true,
+      value: new Set()
+    });
+    /**
+     * An array with default values that act as a base array that will be compared with
+     * the last saved index state. The changes are generated and immediately send through
+     * the newly created ChangesObserver object. Thanks to that, the observer initially has
+     * all information about what indexes are currently changed.
+     *
+     * @type {Array}
+     */
+    _classPrivateFieldInitSpec(this, _indexMatrix, {
+      writable: true,
+      value: []
+    });
+    /**
+     * An array that holds the indexes state that is currently valid. The value is changed on every
+     * index mapper cache update.
+     *
+     * @type {Array}
+     */
+    _classPrivateFieldInitSpec(this, _currentIndexState, {
+      writable: true,
+      value: []
+    });
+    /**
+     * The flag determines if the observable is initialized or not. Not initialized object creates
+     * index matrix once while emitting new changes.
+     *
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _isMatrixIndexesInitialized, {
+      writable: true,
+      value: false
+    });
+    /**
+     * The initial index value allows control from what value the index matrix array will be created.
+     * Changing that value changes how the array diff generates the changes for the initial data
+     * sent to the subscribers. For example, the changes can be triggered by detecting the changes
+     * from `false` to `true` value or vice versa. Generally, it depends on which index map type
+     * the Observable will work with. For "hiding" or "trimming" index types, it will be boolean
+     * values. For various index maps, it can be anything, but I suspect that the most appropriate
+     * initial value will be "undefined" in that case.
+     *
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _initialIndexValue, {
+      writable: true,
+      value: false
+    });
+    _classPrivateFieldSet(this, _initialIndexValue, initialIndexValue !== null && initialIndexValue !== void 0 ? initialIndexValue : false);
   }
 
   /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -86,11 +114,11 @@ class ChangesObservable {
   /* eslint-enable jsdoc/require-description-complete-sentence */
   createObserver() {
     const observer = new _observer.ChangesObserver();
-    this.#observers.add(observer);
+    _classPrivateFieldGet(this, _observers).add(observer);
     observer.addLocalHook('unsubscribe', () => {
-      this.#observers.delete(observer);
+      _classPrivateFieldGet(this, _observers).delete(observer);
     });
-    observer._writeInitialChanges((0, _utils.arrayDiff)(this.#indexMatrix, this.#currentIndexState));
+    observer._writeInitialChanges((0, _utils.arrayDiff)(_classPrivateFieldGet(this, _indexMatrix), _classPrivateFieldGet(this, _currentIndexState)));
     return observer;
   }
 
@@ -102,21 +130,21 @@ class ChangesObservable {
    * @param {Array} indexesState An array with index map state.
    */
   emit(indexesState) {
-    let currentIndexState = this.#currentIndexState;
-    if (!this.#isMatrixIndexesInitialized || this.#indexMatrix.length !== indexesState.length) {
+    let currentIndexState = _classPrivateFieldGet(this, _currentIndexState);
+    if (!_classPrivateFieldGet(this, _isMatrixIndexesInitialized) || _classPrivateFieldGet(this, _indexMatrix).length !== indexesState.length) {
       if (indexesState.length === 0) {
-        indexesState = new Array(currentIndexState.length).fill(this.#initialIndexValue);
+        indexesState = new Array(currentIndexState.length).fill(_classPrivateFieldGet(this, _initialIndexValue));
       } else {
-        this.#indexMatrix = new Array(indexesState.length).fill(this.#initialIndexValue);
+        _classPrivateFieldSet(this, _indexMatrix, new Array(indexesState.length).fill(_classPrivateFieldGet(this, _initialIndexValue)));
       }
-      if (!this.#isMatrixIndexesInitialized) {
-        this.#isMatrixIndexesInitialized = true;
-        currentIndexState = this.#indexMatrix;
+      if (!_classPrivateFieldGet(this, _isMatrixIndexesInitialized)) {
+        _classPrivateFieldSet(this, _isMatrixIndexesInitialized, true);
+        currentIndexState = _classPrivateFieldGet(this, _indexMatrix);
       }
     }
     const changes = (0, _utils.arrayDiff)(currentIndexState, indexesState);
-    this.#observers.forEach(observer => observer._write(changes));
-    this.#currentIndexState = indexesState;
+    _classPrivateFieldGet(this, _observers).forEach(observer => observer._write(changes));
+    _classPrivateFieldSet(this, _currentIndexState, indexesState);
   }
 }
 exports.ChangesObservable = ChangesObservable;