handsontable 14.4.0-next-1ffa7bc-20240606 → 14.5.0-next-ede811d-20240717

package/plugins/columnSorting/columnSorting.mjs

@@ -1,8 +1,8 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
-function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-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 _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
@@ -195,6 +195,7 @@ export class ColumnSorting extends BasePlugin {
       if (this.indexesSequenceCache !== null) {
         this.hot.rowIndexMapper.setIndexesSequence(this.indexesSequenceCache.getValues());
         this.hot.rowIndexMapper.unregisterMap(this.pluginKey);
+        this.indexesSequenceCache = null;
       }
     }, true);
     this.hot.columnIndexMapper.unregisterMap(`${this.pluginKey}.columnMeta`);
@@ -582,8 +583,8 @@ export class ColumnSorting extends BasePlugin {
    * @private
    */
   sortByPresetSortStates(sortConfigs) {
+    this.hot.rowIndexMapper.setIndexesSequence(this.indexesSequenceCache.getValues());
     if (sortConfigs.length === 0) {
-      this.hot.rowIndexMapper.setIndexesSequence(this.indexesSequenceCache.getValues());
       return;
     }
     const indexesWithData = [];

package/plugins/columnSorting/columnStatesManager.js

@@ -5,7 +5,7 @@ require("core-js/modules/es.error.cause.js");
 var _object = require("../../helpers/object");
 var _translations = require("../../translations");
 var _mixed = require("../../helpers/mixed");
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const inheritedColumnProperties = ['sortEmptyCells', 'indicator', 'headerAction', 'compareFunctionFactory'];

package/plugins/columnSorting/columnStatesManager.mjs

@@ -1,5 +1,5 @@
 import "core-js/modules/es.error.cause.js";
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { isObject, objectEach } from "../../helpers/object.mjs";

package/plugins/columnSorting/sortService/registry.js

@@ -8,7 +8,7 @@ var _checkbox = require("../sortFunction/checkbox");
 var _date = require("../sortFunction/date");
 var _time = require("../sortFunction/time");
 var _staticRegister = _interopRequireDefault(require("../../../utils/staticRegister"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
   register: registerCompareFunctionFactory,
   getItem: getGloballyCompareFunctionFactory,

package/plugins/columnSorting/utils.js

@@ -19,7 +19,7 @@ var _object = require("../../helpers/object");
 var _event = require("../../helpers/dom/event");
 var _mixed = require("../../helpers/mixed");
 var _sortService = require("./sortService");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ASC_SORT_STATE = exports.ASC_SORT_STATE = 'asc';
 const DESC_SORT_STATE = exports.DESC_SORT_STATE = 'desc';
 const HEADER_SPAN_CLASS = exports.HEADER_SPAN_CLASS = 'colHeader';

package/plugins/columnSummary/columnSummary.d.ts

@@ -18,7 +18,7 @@ export type DetailedSettings = {
   customFunction: (this: ColumnSummary, endpoint: Endpoint) => number;
 });
 
-export type Settings = DetailedSettings[] | (() => DetailedSettings[]);
+export type Settings = DetailedSettings[] | ((this: ColumnSummary) => DetailedSettings[]);
 
 export interface Endpoint {
   destinationRow: number;

package/plugins/columnSummary/columnSummary.js

@@ -7,10 +7,10 @@ var _object = require("../../helpers/object");
 var _endpoints = _interopRequireDefault(require("./endpoints"));
 var _templateLiteralTag = require("../../helpers/templateLiteralTag");
 var _utils = require("./utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }

package/plugins/columnSummary/columnSummary.mjs

@@ -1,7 +1,7 @@
 import "core-js/modules/es.error.cause.js";
-function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-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 _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }

package/plugins/columnSummary/endpoints.js

@@ -5,7 +5,7 @@ require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
 var _array = require("../../helpers/array");
 var _console = require("../../helpers/console");
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /**

package/plugins/columnSummary/endpoints.mjs

@@ -1,6 +1,6 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { arrayEach } from "../../helpers/array.mjs";

package/plugins/comments/commentEditor.js

@@ -3,15 +3,28 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 var _element = require("../../helpers/dom/element");
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _object = require("../../helpers/object");
+var _localHooks = _interopRequireDefault(require("../../mixins/localHooks"));
+var _editorResizeObserver = require("./editorResizeObserver");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 /**
  * Comment editor for the Comments plugin.
  *
  * @private
  * @class CommentEditor
  */
+var _rootDocument = /*#__PURE__*/new WeakMap();
+var _isRtl = /*#__PURE__*/new WeakMap();
+var _container = /*#__PURE__*/new WeakMap();
+var _editor = /*#__PURE__*/new WeakMap();
+var _editorStyle = /*#__PURE__*/new WeakMap();
+var _hidden = /*#__PURE__*/new WeakMap();
+var _resizeObserver = /*#__PURE__*/new WeakMap();
 class CommentEditor {
   static get CLASS_EDITOR_CONTAINER() {
     return 'htCommentsContainer';
@@ -27,35 +40,47 @@ class CommentEditor {
   }
 
   /**
-   * @type {HTMLDocument}
+   * @type {Document}
    */
 
   constructor(rootDocument, isRtl) {
-    _defineProperty(this, "rootDocument", void 0);
+    var _this = this;
+    _classPrivateFieldInitSpec(this, _rootDocument, void 0);
     /**
      * @type {boolean}
      */
-    _defineProperty(this, "isRtl", false);
+    _classPrivateFieldInitSpec(this, _isRtl, false);
     /**
      * @type {HTMLElement}
      */
-    _defineProperty(this, "container", null);
+    _classPrivateFieldInitSpec(this, _container, null);
     /**
      * @type {HTMLElement}
      */
-    _defineProperty(this, "editor", void 0);
+    _classPrivateFieldInitSpec(this, _editor, void 0);
     /**
      * @type {CSSStyleDeclaration}
      */
-    _defineProperty(this, "editorStyle", void 0);
+    _classPrivateFieldInitSpec(this, _editorStyle, void 0);
     /**
      * @type {boolean}
      */
-    _defineProperty(this, "hidden", true);
-    this.rootDocument = rootDocument;
-    this.isRtl = isRtl;
-    this.editor = this.createEditor();
-    this.editorStyle = this.editor.style;
+    _classPrivateFieldInitSpec(this, _hidden, true);
+    /**
+     * @type {EditorResizeObserver}
+     */
+    _classPrivateFieldInitSpec(this, _resizeObserver, new _editorResizeObserver.EditorResizeObserver());
+    _classPrivateFieldSet(_rootDocument, this, rootDocument);
+    _classPrivateFieldSet(_isRtl, this, isRtl);
+    _classPrivateFieldSet(_editor, this, this.createEditor());
+    _classPrivateFieldSet(_editorStyle, this, _classPrivateFieldGet(_editor, this).style);
+    _classPrivateFieldGet(_resizeObserver, this).setObservedElement(this.getInputElement());
+    _classPrivateFieldGet(_resizeObserver, this).addLocalHook('resize', function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _this.runLocalHooks('resize', ...args);
+    });
     this.hide();
   }
 
@@ -66,8 +91,8 @@ class CommentEditor {
    * @param {number} y Y position (in pixels).
    */
   setPosition(x, y) {
-    this.editorStyle.left = `${x}px`;
-    this.editorStyle.top = `${y}px`;
+    _classPrivateFieldGet(_editorStyle, this).left = `${x}px`;
+    _classPrivateFieldGet(_editorStyle, this).top = `${y}px`;
   }
 
   /**
@@ -96,6 +121,13 @@ class CommentEditor {
     };
   }
 
+  /**
+   * Starts observing the editor size.
+   */
+  observeSize() {
+    _classPrivateFieldGet(_resizeObserver, this).observe();
+  }
+
   /**
    * Reset the editor size to its initial state.
    */
@@ -119,18 +151,19 @@ class CommentEditor {
    * Show the comments editor.
    */
   show() {
-    this.editorStyle.display = 'block';
-    this.hidden = false;
+    _classPrivateFieldGet(_editorStyle, this).display = 'block';
+    _classPrivateFieldSet(_hidden, this, false);
   }
 
   /**
    * Hide the comments editor.
    */
   hide() {
-    if (!this.hidden) {
-      this.editorStyle.display = 'none';
+    _classPrivateFieldGet(_resizeObserver, this).unobserve();
+    if (!_classPrivateFieldGet(_hidden, this)) {
+      _classPrivateFieldGet(_editorStyle, this).display = 'none';
     }
-    this.hidden = true;
+    _classPrivateFieldSet(_hidden, this, true);
   }
 
   /**
@@ -139,7 +172,7 @@ class CommentEditor {
    * @returns {boolean}
    */
   isVisible() {
-    return this.editorStyle.display === 'block';
+    return _classPrivateFieldGet(_editorStyle, this).display === 'block';
   }
 
   /**
@@ -168,7 +201,7 @@ class CommentEditor {
    * @returns {boolean}
    */
   isFocused() {
-    return this.rootDocument.activeElement === this.getInputElement();
+    return _classPrivateFieldGet(_rootDocument, this).activeElement === this.getInputElement();
   }
 
   /**
@@ -184,18 +217,18 @@ class CommentEditor {
    * @returns {HTMLElement}
    */
   createEditor() {
-    const editor = this.rootDocument.createElement('div');
-    const textArea = this.rootDocument.createElement('textarea');
+    const editor = _classPrivateFieldGet(_rootDocument, this).createElement('div');
+    const textarea = _classPrivateFieldGet(_rootDocument, this).createElement('textarea');
     editor.style.display = 'none';
-    this.container = this.rootDocument.createElement('div');
-    this.container.setAttribute('dir', this.isRtl ? 'rtl' : 'ltr');
-    (0, _element.addClass)(this.container, CommentEditor.CLASS_EDITOR_CONTAINER);
-    this.rootDocument.body.appendChild(this.container);
+    _classPrivateFieldSet(_container, this, _classPrivateFieldGet(_rootDocument, this).createElement('div'));
+    _classPrivateFieldGet(_container, this).setAttribute('dir', _classPrivateFieldGet(_isRtl, this) ? 'rtl' : 'ltr');
+    (0, _element.addClass)(_classPrivateFieldGet(_container, this), CommentEditor.CLASS_EDITOR_CONTAINER);
+    _classPrivateFieldGet(_rootDocument, this).body.appendChild(_classPrivateFieldGet(_container, this));
     (0, _element.addClass)(editor, CommentEditor.CLASS_EDITOR);
-    (0, _element.addClass)(textArea, CommentEditor.CLASS_INPUT);
-    textArea.setAttribute('data-hot-input', true);
-    editor.appendChild(textArea);
-    this.container.appendChild(editor);
+    (0, _element.addClass)(textarea, CommentEditor.CLASS_INPUT);
+    textarea.setAttribute('data-hot-input', true);
+    editor.appendChild(textarea);
+    _classPrivateFieldGet(_container, this).appendChild(editor);
     return editor;
   }
 
@@ -205,20 +238,22 @@ class CommentEditor {
    * @returns {HTMLElement}
    */
   getInputElement() {
-    return this.editor.querySelector(`.${CommentEditor.CLASS_INPUT}`);
+    return _classPrivateFieldGet(_editor, this).querySelector(`.${CommentEditor.CLASS_INPUT}`);
   }
 
   /**
    * Destroy the comments editor.
    */
   destroy() {
-    const containerParentElement = this.container ? this.container.parentNode : null;
-    this.editor.parentNode.removeChild(this.editor);
-    this.editor = null;
-    this.editorStyle = null;
+    const containerParentElement = _classPrivateFieldGet(_container, this) ? _classPrivateFieldGet(_container, this).parentNode : null;
+    _classPrivateFieldGet(_editor, this).parentNode.removeChild(_classPrivateFieldGet(_editor, this));
+    _classPrivateFieldSet(_editor, this, null);
+    _classPrivateFieldSet(_editorStyle, this, null);
+    _classPrivateFieldGet(_resizeObserver, this).destroy();
     if (containerParentElement) {
-      containerParentElement.removeChild(this.container);
+      containerParentElement.removeChild(_classPrivateFieldGet(_container, this));
     }
   }
 }
+(0, _object.mixin)(CommentEditor, _localHooks.default);
 var _default = exports.default = CommentEditor;

package/plugins/comments/commentEditor.mjs

@@ -1,14 +1,26 @@
 import "core-js/modules/es.error.cause.js";
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 import { addClass, outerWidth, outerHeight } from "../../helpers/dom/element.mjs";
+import { mixin } from "../../helpers/object.mjs";
+import localHooks from "../../mixins/localHooks.mjs";
+import { EditorResizeObserver } from "./editorResizeObserver.mjs";
 /**
  * Comment editor for the Comments plugin.
  *
  * @private
  * @class CommentEditor
  */
+var _rootDocument = /*#__PURE__*/new WeakMap();
+var _isRtl = /*#__PURE__*/new WeakMap();
+var _container = /*#__PURE__*/new WeakMap();
+var _editor = /*#__PURE__*/new WeakMap();
+var _editorStyle = /*#__PURE__*/new WeakMap();
+var _hidden = /*#__PURE__*/new WeakMap();
+var _resizeObserver = /*#__PURE__*/new WeakMap();
 class CommentEditor {
   static get CLASS_EDITOR_CONTAINER() {
     return 'htCommentsContainer';
@@ -24,35 +36,47 @@ class CommentEditor {
   }
 
   /**
-   * @type {HTMLDocument}
+   * @type {Document}
    */
 
   constructor(rootDocument, isRtl) {
-    _defineProperty(this, "rootDocument", void 0);
+    var _this = this;
+    _classPrivateFieldInitSpec(this, _rootDocument, void 0);
     /**
      * @type {boolean}
      */
-    _defineProperty(this, "isRtl", false);
+    _classPrivateFieldInitSpec(this, _isRtl, false);
     /**
      * @type {HTMLElement}
      */
-    _defineProperty(this, "container", null);
+    _classPrivateFieldInitSpec(this, _container, null);
     /**
      * @type {HTMLElement}
      */
-    _defineProperty(this, "editor", void 0);
+    _classPrivateFieldInitSpec(this, _editor, void 0);
     /**
      * @type {CSSStyleDeclaration}
      */
-    _defineProperty(this, "editorStyle", void 0);
+    _classPrivateFieldInitSpec(this, _editorStyle, void 0);
     /**
      * @type {boolean}
      */
-    _defineProperty(this, "hidden", true);
-    this.rootDocument = rootDocument;
-    this.isRtl = isRtl;
-    this.editor = this.createEditor();
-    this.editorStyle = this.editor.style;
+    _classPrivateFieldInitSpec(this, _hidden, true);
+    /**
+     * @type {EditorResizeObserver}
+     */
+    _classPrivateFieldInitSpec(this, _resizeObserver, new EditorResizeObserver());
+    _classPrivateFieldSet(_rootDocument, this, rootDocument);
+    _classPrivateFieldSet(_isRtl, this, isRtl);
+    _classPrivateFieldSet(_editor, this, this.createEditor());
+    _classPrivateFieldSet(_editorStyle, this, _classPrivateFieldGet(_editor, this).style);
+    _classPrivateFieldGet(_resizeObserver, this).setObservedElement(this.getInputElement());
+    _classPrivateFieldGet(_resizeObserver, this).addLocalHook('resize', function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _this.runLocalHooks('resize', ...args);
+    });
     this.hide();
   }
 
@@ -63,8 +87,8 @@ class CommentEditor {
    * @param {number} y Y position (in pixels).
    */
   setPosition(x, y) {
-    this.editorStyle.left = `${x}px`;
-    this.editorStyle.top = `${y}px`;
+    _classPrivateFieldGet(_editorStyle, this).left = `${x}px`;
+    _classPrivateFieldGet(_editorStyle, this).top = `${y}px`;
   }
 
   /**
@@ -93,6 +117,13 @@ class CommentEditor {
     };
   }
 
+  /**
+   * Starts observing the editor size.
+   */
+  observeSize() {
+    _classPrivateFieldGet(_resizeObserver, this).observe();
+  }
+
   /**
    * Reset the editor size to its initial state.
    */
@@ -116,18 +147,19 @@ class CommentEditor {
    * Show the comments editor.
    */
   show() {
-    this.editorStyle.display = 'block';
-    this.hidden = false;
+    _classPrivateFieldGet(_editorStyle, this).display = 'block';
+    _classPrivateFieldSet(_hidden, this, false);
   }
 
   /**
    * Hide the comments editor.
    */
   hide() {
-    if (!this.hidden) {
-      this.editorStyle.display = 'none';
+    _classPrivateFieldGet(_resizeObserver, this).unobserve();
+    if (!_classPrivateFieldGet(_hidden, this)) {
+      _classPrivateFieldGet(_editorStyle, this).display = 'none';
     }
-    this.hidden = true;
+    _classPrivateFieldSet(_hidden, this, true);
   }
 
   /**
@@ -136,7 +168,7 @@ class CommentEditor {
    * @returns {boolean}
    */
   isVisible() {
-    return this.editorStyle.display === 'block';
+    return _classPrivateFieldGet(_editorStyle, this).display === 'block';
   }
 
   /**
@@ -165,7 +197,7 @@ class CommentEditor {
    * @returns {boolean}
    */
   isFocused() {
-    return this.rootDocument.activeElement === this.getInputElement();
+    return _classPrivateFieldGet(_rootDocument, this).activeElement === this.getInputElement();
   }
 
   /**
@@ -181,18 +213,18 @@ class CommentEditor {
    * @returns {HTMLElement}
    */
   createEditor() {
-    const editor = this.rootDocument.createElement('div');
-    const textArea = this.rootDocument.createElement('textarea');
+    const editor = _classPrivateFieldGet(_rootDocument, this).createElement('div');
+    const textarea = _classPrivateFieldGet(_rootDocument, this).createElement('textarea');
     editor.style.display = 'none';
-    this.container = this.rootDocument.createElement('div');
-    this.container.setAttribute('dir', this.isRtl ? 'rtl' : 'ltr');
-    addClass(this.container, CommentEditor.CLASS_EDITOR_CONTAINER);
-    this.rootDocument.body.appendChild(this.container);
+    _classPrivateFieldSet(_container, this, _classPrivateFieldGet(_rootDocument, this).createElement('div'));
+    _classPrivateFieldGet(_container, this).setAttribute('dir', _classPrivateFieldGet(_isRtl, this) ? 'rtl' : 'ltr');
+    addClass(_classPrivateFieldGet(_container, this), CommentEditor.CLASS_EDITOR_CONTAINER);
+    _classPrivateFieldGet(_rootDocument, this).body.appendChild(_classPrivateFieldGet(_container, this));
     addClass(editor, CommentEditor.CLASS_EDITOR);
-    addClass(textArea, CommentEditor.CLASS_INPUT);
-    textArea.setAttribute('data-hot-input', true);
-    editor.appendChild(textArea);
-    this.container.appendChild(editor);
+    addClass(textarea, CommentEditor.CLASS_INPUT);
+    textarea.setAttribute('data-hot-input', true);
+    editor.appendChild(textarea);
+    _classPrivateFieldGet(_container, this).appendChild(editor);
     return editor;
   }
 
@@ -202,20 +234,22 @@ class CommentEditor {
    * @returns {HTMLElement}
    */
   getInputElement() {
-    return this.editor.querySelector(`.${CommentEditor.CLASS_INPUT}`);
+    return _classPrivateFieldGet(_editor, this).querySelector(`.${CommentEditor.CLASS_INPUT}`);
   }
 
   /**
    * Destroy the comments editor.
    */
   destroy() {
-    const containerParentElement = this.container ? this.container.parentNode : null;
-    this.editor.parentNode.removeChild(this.editor);
-    this.editor = null;
-    this.editorStyle = null;
+    const containerParentElement = _classPrivateFieldGet(_container, this) ? _classPrivateFieldGet(_container, this).parentNode : null;
+    _classPrivateFieldGet(_editor, this).parentNode.removeChild(_classPrivateFieldGet(_editor, this));
+    _classPrivateFieldSet(_editor, this, null);
+    _classPrivateFieldSet(_editorStyle, this, null);
+    _classPrivateFieldGet(_resizeObserver, this).destroy();
     if (containerParentElement) {
-      containerParentElement.removeChild(this.container);
+      containerParentElement.removeChild(_classPrivateFieldGet(_container, this));
     }
   }
 }
+mixin(CommentEditor, localHooks);
 export default CommentEditor;