handsontable 0.0.0-next-f86a877-20250819 → 0.0.0-next-fce5825-20250822

package/editors/baseEditor/baseEditor.js

@@ -253,6 +253,7 @@ class BaseEditor {
       this.hot.removeHook('afterScroll', openEditor);
       openEditor();
     }
+    this.addHook('beforeDialogShow', () => this.cancelChanges());
   }
 
   /**

package/editors/baseEditor/baseEditor.mjs

@@ -249,6 +249,7 @@ export class BaseEditor {
       this.hot.removeHook('afterScroll', openEditor);
       openEditor();
     }
+    this.addHook('beforeDialogShow', () => this.cancelChanges());
   }
 
   /**

package/helpers/a11y.js

@@ -33,6 +33,8 @@ const A11Y_OPTION = () => ['role', 'option'];
 exports.A11Y_OPTION = A11Y_OPTION;
 const A11Y_CHECKBOX = () => ['role', 'checkbox'];
 exports.A11Y_CHECKBOX = A11Y_CHECKBOX;
+const A11Y_DIALOG = () => ['role', 'dialog'];
+exports.A11Y_DIALOG = A11Y_DIALOG;
 const A11Y_SCOPE_COL = () => ['scope', 'col'];
 exports.A11Y_SCOPE_COL = A11Y_SCOPE_COL;
 const A11Y_SCOPE_ROW = () => ['scope', 'row'];
@@ -85,4 +87,6 @@ exports.A11Y_RELEVANT = A11Y_RELEVANT;
 const A11Y_SETSIZE = val => ['aria-setsize', val];
 exports.A11Y_SETSIZE = A11Y_SETSIZE;
 const A11Y_POSINSET = val => ['aria-posinset', val];
-exports.A11Y_POSINSET = A11Y_POSINSET;
+exports.A11Y_POSINSET = A11Y_POSINSET;
+const A11Y_MODAL = () => ['aria-modal', 'true'];
+exports.A11Y_MODAL = A11Y_MODAL;

package/helpers/a11y.mjs

@@ -14,6 +14,7 @@ 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_DIALOG = () => ['role', 'dialog'];
 export const A11Y_SCOPE_COL = () => ['scope', 'col'];
 export const A11Y_SCOPE_ROW = () => ['scope', 'row'];
 export const A11Y_TEXT = () => ['type', 'text'];
@@ -41,4 +42,5 @@ export const A11Y_ACTIVEDESCENDANT = val => ['aria-activedescendant', val];
 export const A11Y_LIVE = val => ['aria-live', val];
 export const A11Y_RELEVANT = val => ['aria-relevant', val];
 export const A11Y_SETSIZE = val => ['aria-setsize', val];
-export const A11Y_POSINSET = val => ['aria-posinset', val];
+export const A11Y_POSINSET = val => ['aria-posinset', val];
+export const A11Y_MODAL = () => ['aria-modal', 'true'];

package/helpers/mixed.js

@@ -2,6 +2,8 @@
 
 exports.__esModule = true;
 exports._injectProductInfo = _injectProductInfo;
+exports.getMostBottomEndPosition = getMostBottomEndPosition;
+exports.getMostTopStartPosition = getMostTopStartPosition;
 exports.isDefined = isDefined;
 exports.isEmpty = isEmpty;
 exports.isRegExp = isRegExp;
@@ -134,7 +136,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-f86a877-20250819";
+  const hotVersion = "0.0.0-next-fce5825-20250822";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -208,4 +210,65 @@ function _checkKeySchema(v) {
   }
   return p === z;
 }
+
+/**
+ * Gets the coordinates of the most top-start cell or header (depends on the table settings and its size).
+ *
+ * @param {Core} hot The Handsontable instance.
+ * @returns {CellCoords|null}
+ */
+function getMostTopStartPosition(hot) {
+  const {
+    rowIndexMapper,
+    columnIndexMapper
+  } = hot;
+  const {
+    navigableHeaders
+  } = hot.getSettings();
+  let topRow = navigableHeaders && hot.countColHeaders() > 0 ? -hot.countColHeaders() : 0;
+  let startColumn = navigableHeaders && hot.countRowHeaders() > 0 ? -hot.countRowHeaders() : 0;
+  if (topRow === 0) {
+    topRow = rowIndexMapper.getVisualFromRenderableIndex(topRow);
+  }
+  if (startColumn === 0) {
+    startColumn = columnIndexMapper.getVisualFromRenderableIndex(startColumn);
+  }
+  if (topRow === null || startColumn === null) {
+    return null;
+  }
+  return hot._createCellCoords(topRow, startColumn);
+}
+
+/**
+ * Gets the coordinates of the most bottom-end cell or header (depends on the table settings and its size).
+ *
+ * @param {Core} hot The Handsontable instance.
+ * @returns {CellCoords|null}
+ */
+function getMostBottomEndPosition(hot) {
+  var _rowIndexMapper$getVi, _columnIndexMapper$ge;
+  const {
+    rowIndexMapper,
+    columnIndexMapper
+  } = hot;
+  const {
+    navigableHeaders
+  } = hot.getSettings();
+  let bottomRow = rowIndexMapper.getRenderableIndexesLength() - 1;
+  let endColumn = columnIndexMapper.getRenderableIndexesLength() - 1;
+  if (bottomRow < 0) {
+    if (!navigableHeaders || hot.countColHeaders() === 0) {
+      return null;
+    }
+    bottomRow = -1;
+  }
+  if (endColumn < 0) {
+    if (!navigableHeaders || hot.countColHeaders() === 0) {
+      return null;
+    }
+    endColumn = -1;
+  }
+  return hot._createCellCoords((_rowIndexMapper$getVi = rowIndexMapper.getVisualFromRenderableIndex(bottomRow)) !== null && _rowIndexMapper$getVi !== void 0 ? _rowIndexMapper$getVi : bottomRow, (_columnIndexMapper$ge = columnIndexMapper.getVisualFromRenderableIndex(endColumn)) !== null && _columnIndexMapper$ge !== void 0 ? _columnIndexMapper$ge : endColumn);
+}
+
 /* eslint-enable */

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-f86a877-20250819";
+  const hotVersion = "0.0.0-next-fce5825-20250822";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -198,4 +198,65 @@ function _checkKeySchema(v) {
   }
   return p === z;
 }
+
+/**
+ * Gets the coordinates of the most top-start cell or header (depends on the table settings and its size).
+ *
+ * @param {Core} hot The Handsontable instance.
+ * @returns {CellCoords|null}
+ */
+export function getMostTopStartPosition(hot) {
+  const {
+    rowIndexMapper,
+    columnIndexMapper
+  } = hot;
+  const {
+    navigableHeaders
+  } = hot.getSettings();
+  let topRow = navigableHeaders && hot.countColHeaders() > 0 ? -hot.countColHeaders() : 0;
+  let startColumn = navigableHeaders && hot.countRowHeaders() > 0 ? -hot.countRowHeaders() : 0;
+  if (topRow === 0) {
+    topRow = rowIndexMapper.getVisualFromRenderableIndex(topRow);
+  }
+  if (startColumn === 0) {
+    startColumn = columnIndexMapper.getVisualFromRenderableIndex(startColumn);
+  }
+  if (topRow === null || startColumn === null) {
+    return null;
+  }
+  return hot._createCellCoords(topRow, startColumn);
+}
+
+/**
+ * Gets the coordinates of the most bottom-end cell or header (depends on the table settings and its size).
+ *
+ * @param {Core} hot The Handsontable instance.
+ * @returns {CellCoords|null}
+ */
+export function getMostBottomEndPosition(hot) {
+  var _rowIndexMapper$getVi, _columnIndexMapper$ge;
+  const {
+    rowIndexMapper,
+    columnIndexMapper
+  } = hot;
+  const {
+    navigableHeaders
+  } = hot.getSettings();
+  let bottomRow = rowIndexMapper.getRenderableIndexesLength() - 1;
+  let endColumn = columnIndexMapper.getRenderableIndexesLength() - 1;
+  if (bottomRow < 0) {
+    if (!navigableHeaders || hot.countColHeaders() === 0) {
+      return null;
+    }
+    bottomRow = -1;
+  }
+  if (endColumn < 0) {
+    if (!navigableHeaders || hot.countColHeaders() === 0) {
+      return null;
+    }
+    endColumn = -1;
+  }
+  return hot._createCellCoords((_rowIndexMapper$getVi = rowIndexMapper.getVisualFromRenderableIndex(bottomRow)) !== null && _rowIndexMapper$getVi !== void 0 ? _rowIndexMapper$getVi : bottomRow, (_columnIndexMapper$ge = columnIndexMapper.getVisualFromRenderableIndex(endColumn)) !== null && _columnIndexMapper$ge !== void 0 ? _columnIndexMapper$ge : endColumn);
+}
+
 /* eslint-enable */

package/index.d.ts

@@ -235,6 +235,10 @@ import {
   TrimRows as _TrimRows,
   Settings as TrimRowsSettings,
 } from './plugins/trimRows';
+import {
+  Dialog as _Dialog,
+  Settings as DialogSettings,
+} from './plugins/dialog';
 import {
   UndoRedo as _UndoRedo,
   Settings as UndoRedoSettings,
@@ -389,6 +393,7 @@ declare namespace Handsontable {
     export class Search extends _Search {}
     export class TouchScroll extends _TouchScroll {}
     export class TrimRows extends _TrimRows {}
+    export class Dialog extends _Dialog {}
     export class UndoRedo extends _UndoRedo {}
 
     export namespace AutoColumnSize {
@@ -547,6 +552,10 @@ declare namespace Handsontable {
       export { TrimRowsSettings as Settings };
     }
 
+    export namespace Dialog {
+      export { DialogSettings as Settings };
+    }
+
     export namespace UndoRedo {
       export { UndoRedoSettings as Settings };
     }

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-f86a877-20250819",
+  "version": "0.0.0-next-fce5825-20250822",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",
@@ -388,6 +388,11 @@
       "require": "./plugins/customBorders/index.js",
       "import": "./plugins/customBorders/index.mjs"
     },
+    "./plugins/dialog": {
+      "types": "./plugins/dialog/index.d.ts",
+      "require": "./plugins/dialog/index.js",
+      "import": "./plugins/dialog/index.mjs"
+    },
     "./plugins/dragToScroll": {
       "types": "./plugins/dragToScroll/index.d.ts",
       "require": "./plugins/dragToScroll/index.js",

package/plugins/base/base.js

@@ -13,13 +13,15 @@ var _registry3 = require("../../editors/registry");
 var _registry4 = require("../../renderers/registry");
 var _registry5 = require("../../validators/registry");
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
+var _console = require("../../helpers/console");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(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 _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 _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 _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 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"); }
 const DEPS_TYPE_CHECKERS = new Map([['plugin', _registry.hasPlugin], ['cell-type', _registry2.hasCellType], ['editor', _registry3.hasEditor], ['renderer', _registry4.hasRenderer], ['validator', _registry5.hasValidator]]);
@@ -32,6 +34,7 @@ let initializedPlugins = null;
  * @util
  * @property {Core} hot Handsontable instance.
  */
+var _pluginSettings = /*#__PURE__*/new WeakMap();
 var _hooks = /*#__PURE__*/new WeakMap();
 var _BasePlugin_brand = /*#__PURE__*/new WeakSet();
 class BasePlugin {
@@ -62,9 +65,18 @@ class BasePlugin {
   }
 
   /**
-   * The instance of the {@link EventManager} class.
+   * Validators for plugin settings.
+   *
+   * @type {Function|object|null}
+   */
+  static get SETTINGS_VALIDATORS() {
+    return null;
+  }
+
+  /**
+   * Plugin settings.
    *
-   * @type {EventManager}
+   * @type {object|null}
    */
 
   /**
@@ -81,6 +93,12 @@ class BasePlugin {
      * @returns {boolean}
      */
     _classPrivateMethodInitSpec(this, _BasePlugin_brand);
+    _classPrivateFieldInitSpec(this, _pluginSettings, null);
+    /**
+     * The instance of the {@link EventManager} class.
+     *
+     * @type {EventManager}
+     */
     _defineProperty(this, "eventManager", new _eventManager.default(this));
     /**
      * @type {string}
@@ -121,6 +139,7 @@ class BasePlugin {
   }
   init() {
     this.pluginName = this.hot.getPluginName(this);
+    this.updatePluginSettings(this.hot.getSettings()[this.constructor.PLUGIN_KEY]);
     const pluginDeps = this.constructor.PLUGIN_DEPS;
     const deps = Array.isArray(pluginDeps) ? pluginDeps : [];
     if (deps.length > 0) {
@@ -188,25 +207,65 @@ class BasePlugin {
    * @returns {*}
    */
   getSetting(settingName) {
-    const pluginSettings = this.hot.getSettings()[this.constructor.PLUGIN_KEY];
     if (settingName === undefined) {
-      return pluginSettings;
+      return _classPrivateFieldGet(_pluginSettings, this);
     }
     const defaultSettings = this.constructor.DEFAULT_SETTINGS;
-    if ((Array.isArray(pluginSettings) || (0, _object.isObject)(pluginSettings)) && defaultSettings[defaultMainSettingSymbol] === settingName) {
-      var _pluginSettings$setti;
-      if (Array.isArray(pluginSettings)) {
-        return pluginSettings;
+    if ((Array.isArray(_classPrivateFieldGet(_pluginSettings, this)) || (0, _object.isObject)(_classPrivateFieldGet(_pluginSettings, this))) && defaultSettings[defaultMainSettingSymbol] === settingName) {
+      var _classPrivateFieldGet2;
+      if (Array.isArray(_classPrivateFieldGet(_pluginSettings, this))) {
+        return _classPrivateFieldGet(_pluginSettings, this);
       }
-      return (_pluginSettings$setti = pluginSettings[settingName]) !== null && _pluginSettings$setti !== void 0 ? _pluginSettings$setti : defaultSettings[settingName];
+      return (_classPrivateFieldGet2 = _classPrivateFieldGet(_pluginSettings, this)[settingName]) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : defaultSettings[settingName];
     }
-    if ((0, _object.isObject)(pluginSettings)) {
-      var _pluginSettings$setti2;
-      return (_pluginSettings$setti2 = pluginSettings[settingName]) !== null && _pluginSettings$setti2 !== void 0 ? _pluginSettings$setti2 : defaultSettings[settingName];
+    if ((0, _object.isObject)(_classPrivateFieldGet(_pluginSettings, this))) {
+      var _classPrivateFieldGet3;
+      return (_classPrivateFieldGet3 = _classPrivateFieldGet(_pluginSettings, this)[settingName]) !== null && _classPrivateFieldGet3 !== void 0 ? _classPrivateFieldGet3 : defaultSettings[settingName];
     }
     return defaultSettings[settingName];
   }
 
+  /**
+   * Update plugin settings.
+   *
+   * @param {*} newSettings New settings.
+   * @returns {object} Updated settings object.
+   */
+  updatePluginSettings(newSettings) {
+    const settingsValidators = this.constructor.SETTINGS_VALIDATORS;
+    if (settingsValidators && typeof settingsValidators === 'function' && typeof newSettings !== 'object') {
+      const isValid = settingsValidators(newSettings);
+      if (isValid === false) {
+        (0, _console.warn)(`${this.pluginName} Plugin: option is not valid and it will be ignored.`);
+        return;
+      }
+      _classPrivateFieldSet(_pluginSettings, this, newSettings);
+      return _classPrivateFieldGet(_pluginSettings, this);
+    }
+    if (settingsValidators && typeof settingsValidators === 'object' && typeof newSettings === 'object') {
+      if (_classPrivateFieldGet(_pluginSettings, this) === null || typeof _classPrivateFieldGet(_pluginSettings, this) !== 'object') {
+        _classPrivateFieldSet(_pluginSettings, this, {
+          ...this.constructor.DEFAULT_SETTINGS
+        });
+      }
+      Object.keys(settingsValidators).forEach(key => {
+        if (!(key in newSettings)) {
+          return;
+        }
+        const validator = settingsValidators[key];
+        const isValid = validator ? validator(newSettings[key]) : true;
+        if (isValid === false) {
+          (0, _console.warn)(`${this.pluginName} Plugin: "${key}" option is not valid and it will be ignored.`);
+          return;
+        }
+        _classPrivateFieldGet(_pluginSettings, this)[key] = newSettings[key];
+      });
+      return _classPrivateFieldGet(_pluginSettings, this);
+    }
+    _classPrivateFieldSet(_pluginSettings, this, newSettings);
+    return newSettings;
+  }
+
   /**
    * Add listener to plugin hooks system.
    *
@@ -284,6 +343,7 @@ class BasePlugin {
         this.enablePlugin();
       }
       if (this.enabled && this.isEnabled() && relevantToSettings) {
+        this.updatePluginSettings(newSettings[this.constructor.PLUGIN_KEY]);
         this.updatePlugin(newSettings);
       }
     }
@@ -301,6 +361,7 @@ class BasePlugin {
    */
   destroy() {
     var _this$eventManager2;
+    _classPrivateFieldSet(_pluginSettings, this, null);
     (_this$eventManager2 = this.eventManager) === null || _this$eventManager2 === void 0 || _this$eventManager2.destroy();
     this.clearHooks();
     (0, _object.objectEach)(this, (value, property) => {

package/plugins/base/base.mjs

@@ -3,11 +3,12 @@ import "core-js/modules/es.array.push.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.for-each.js";
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(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 _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 _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 _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 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 { defineGetter, objectEach, isObject } from "../../helpers/object.mjs";
@@ -18,6 +19,7 @@ import { hasEditor } from "../../editors/registry.mjs";
 import { hasRenderer } from "../../renderers/registry.mjs";
 import { hasValidator } from "../../validators/registry.mjs";
 import EventManager from "../../eventManager.mjs";
+import { warn } from "../../helpers/console.mjs";
 const DEPS_TYPE_CHECKERS = new Map([['plugin', hasPlugin], ['cell-type', hasCellType], ['editor', hasEditor], ['renderer', hasRenderer], ['validator', hasValidator]]);
 export const defaultMainSettingSymbol = Symbol('mainSetting');
 export const PLUGIN_KEY = 'base';
@@ -28,6 +30,7 @@ let initializedPlugins = null;
  * @util
  * @property {Core} hot Handsontable instance.
  */
+var _pluginSettings = /*#__PURE__*/new WeakMap();
 var _hooks = /*#__PURE__*/new WeakMap();
 var _BasePlugin_brand = /*#__PURE__*/new WeakSet();
 export class BasePlugin {
@@ -58,9 +61,18 @@ export class BasePlugin {
   }
 
   /**
-   * The instance of the {@link EventManager} class.
+   * Validators for plugin settings.
+   *
+   * @type {Function|object|null}
+   */
+  static get SETTINGS_VALIDATORS() {
+    return null;
+  }
+
+  /**
+   * Plugin settings.
    *
-   * @type {EventManager}
+   * @type {object|null}
    */
 
   /**
@@ -77,6 +89,12 @@ export class BasePlugin {
      * @returns {boolean}
      */
     _classPrivateMethodInitSpec(this, _BasePlugin_brand);
+    _classPrivateFieldInitSpec(this, _pluginSettings, null);
+    /**
+     * The instance of the {@link EventManager} class.
+     *
+     * @type {EventManager}
+     */
     _defineProperty(this, "eventManager", new EventManager(this));
     /**
      * @type {string}
@@ -117,6 +135,7 @@ export class BasePlugin {
   }
   init() {
     this.pluginName = this.hot.getPluginName(this);
+    this.updatePluginSettings(this.hot.getSettings()[this.constructor.PLUGIN_KEY]);
     const pluginDeps = this.constructor.PLUGIN_DEPS;
     const deps = Array.isArray(pluginDeps) ? pluginDeps : [];
     if (deps.length > 0) {
@@ -184,25 +203,65 @@ export class BasePlugin {
    * @returns {*}
    */
   getSetting(settingName) {
-    const pluginSettings = this.hot.getSettings()[this.constructor.PLUGIN_KEY];
     if (settingName === undefined) {
-      return pluginSettings;
+      return _classPrivateFieldGet(_pluginSettings, this);
     }
     const defaultSettings = this.constructor.DEFAULT_SETTINGS;
-    if ((Array.isArray(pluginSettings) || isObject(pluginSettings)) && defaultSettings[defaultMainSettingSymbol] === settingName) {
-      var _pluginSettings$setti;
-      if (Array.isArray(pluginSettings)) {
-        return pluginSettings;
+    if ((Array.isArray(_classPrivateFieldGet(_pluginSettings, this)) || isObject(_classPrivateFieldGet(_pluginSettings, this))) && defaultSettings[defaultMainSettingSymbol] === settingName) {
+      var _classPrivateFieldGet2;
+      if (Array.isArray(_classPrivateFieldGet(_pluginSettings, this))) {
+        return _classPrivateFieldGet(_pluginSettings, this);
       }
-      return (_pluginSettings$setti = pluginSettings[settingName]) !== null && _pluginSettings$setti !== void 0 ? _pluginSettings$setti : defaultSettings[settingName];
+      return (_classPrivateFieldGet2 = _classPrivateFieldGet(_pluginSettings, this)[settingName]) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : defaultSettings[settingName];
     }
-    if (isObject(pluginSettings)) {
-      var _pluginSettings$setti2;
-      return (_pluginSettings$setti2 = pluginSettings[settingName]) !== null && _pluginSettings$setti2 !== void 0 ? _pluginSettings$setti2 : defaultSettings[settingName];
+    if (isObject(_classPrivateFieldGet(_pluginSettings, this))) {
+      var _classPrivateFieldGet3;
+      return (_classPrivateFieldGet3 = _classPrivateFieldGet(_pluginSettings, this)[settingName]) !== null && _classPrivateFieldGet3 !== void 0 ? _classPrivateFieldGet3 : defaultSettings[settingName];
     }
     return defaultSettings[settingName];
   }
 
+  /**
+   * Update plugin settings.
+   *
+   * @param {*} newSettings New settings.
+   * @returns {object} Updated settings object.
+   */
+  updatePluginSettings(newSettings) {
+    const settingsValidators = this.constructor.SETTINGS_VALIDATORS;
+    if (settingsValidators && typeof settingsValidators === 'function' && typeof newSettings !== 'object') {
+      const isValid = settingsValidators(newSettings);
+      if (isValid === false) {
+        warn(`${this.pluginName} Plugin: option is not valid and it will be ignored.`);
+        return;
+      }
+      _classPrivateFieldSet(_pluginSettings, this, newSettings);
+      return _classPrivateFieldGet(_pluginSettings, this);
+    }
+    if (settingsValidators && typeof settingsValidators === 'object' && typeof newSettings === 'object') {
+      if (_classPrivateFieldGet(_pluginSettings, this) === null || typeof _classPrivateFieldGet(_pluginSettings, this) !== 'object') {
+        _classPrivateFieldSet(_pluginSettings, this, {
+          ...this.constructor.DEFAULT_SETTINGS
+        });
+      }
+      Object.keys(settingsValidators).forEach(key => {
+        if (!(key in newSettings)) {
+          return;
+        }
+        const validator = settingsValidators[key];
+        const isValid = validator ? validator(newSettings[key]) : true;
+        if (isValid === false) {
+          warn(`${this.pluginName} Plugin: "${key}" option is not valid and it will be ignored.`);
+          return;
+        }
+        _classPrivateFieldGet(_pluginSettings, this)[key] = newSettings[key];
+      });
+      return _classPrivateFieldGet(_pluginSettings, this);
+    }
+    _classPrivateFieldSet(_pluginSettings, this, newSettings);
+    return newSettings;
+  }
+
   /**
    * Add listener to plugin hooks system.
    *
@@ -280,6 +339,7 @@ export class BasePlugin {
         this.enablePlugin();
       }
       if (this.enabled && this.isEnabled() && relevantToSettings) {
+        this.updatePluginSettings(newSettings[this.constructor.PLUGIN_KEY]);
         this.updatePlugin(newSettings);
       }
     }
@@ -297,6 +357,7 @@ export class BasePlugin {
    */
   destroy() {
     var _this$eventManager2;
+    _classPrivateFieldSet(_pluginSettings, this, null);
     (_this$eventManager2 = this.eventManager) === null || _this$eventManager2 === void 0 || _this$eventManager2.destroy();
     this.clearHooks();
     objectEach(this, (value, property) => {

package/plugins/contextMenu/contextMenu.js

@@ -138,6 +138,7 @@ class ContextMenu extends _base.BasePlugin {
       return _this.executeCommand.call(_this, ...params);
     });
     this.addHook('afterOnCellContextMenu', event => _assertClassBrand(_ContextMenu_brand, this, _onAfterOnCellContextMenu).call(this, event));
+    this.addHook('beforeDialogShow', () => this.close());
     this.registerShortcuts();
     super.enablePlugin();
   }

package/plugins/contextMenu/contextMenu.mjs

@@ -135,6 +135,7 @@ export class ContextMenu extends BasePlugin {
       return _this.executeCommand.call(_this, ...params);
     });
     this.addHook('afterOnCellContextMenu', event => _assertClassBrand(_ContextMenu_brand, this, _onAfterOnCellContextMenu).call(this, event));
+    this.addHook('beforeDialogShow', () => this.close());
     this.registerShortcuts();
     super.enablePlugin();
   }

package/plugins/dialog/dialog.d.ts

@@ -0,0 +1,23 @@
+import Core from '../../core';
+import { BasePlugin } from '../base';
+
+export interface DialogConfig {
+  content?: string | HTMLElement;
+  customClassName?: string;
+  background?: 'solid' | 'semi-transparent';
+  contentBackground?: boolean;
+  contentDirections?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+  animation?: boolean;
+  closable?: boolean;
+}
+
+export type Settings = boolean | DialogConfig;
+
+export class Dialog extends BasePlugin {
+
+  constructor(hotInstance: Core);
+  isVisible(): boolean;
+  show(config?: DialogConfig): void;
+  hide(): void;
+  update(config: DialogConfig): void;
+}