handsontable 0.0.0-next-d9b3885-20250415 → 0.0.0-next-723ad8c-20250417

package/core.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.default = Core;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.from-entries.js");
 require("core-js/modules/es.set.difference.v2.js");
 require("core-js/modules/es.set.intersection.v2.js");
 require("core-js/modules/es.set.is-disjoint-from.v2.js");
@@ -84,12 +85,6 @@ const deprecationWarns = new Set();
  * by using React's `ref` feature (read more on the [Instance methods](@/guides/getting-started/react-methods/react-methods.md) page).
  * :::
  *
- * ::: only-for angular
- * To use these methods, associate a Handsontable instance with your instance
- * of the [`HotTable` component](@/guides/getting-started/installation/installation.md#5-use-the-hottable-component),
- * by using `@ViewChild` decorator (read more on the [Instance access](@/guides/getting-started/angular-hot-instance/angular-hot-instance.md) page).
- * :::
- *
  * ## How to call a method
  *
  * ::: only-for javascript
@@ -120,39 +115,6 @@ const deprecationWarns = new Set();
  * ```
  * :::
  *
- * ::: only-for angular
- * ```ts
- * import { Component, ViewChild, AfterViewInit } from "@angular/core";
- * import {
- *   GridSettings,
- *   HotTableComponent,
- *   HotTableModule,
- * } from "@handsontable/angular-wrapper";
- *
- * `@Component`({
- *   standalone: true,
- *   imports: [HotTableModule],
- *   template: ` <div class="ht-theme-main">
- *     <hot-table [settings]="gridSettings" />
- *   </div>`,
- * })
- * export class ExampleComponent implements AfterViewInit {
- *   `@ViewChild`(HotTableComponent, { static: false })
- *   readonly hotTable!: HotTableComponent;
- *
- *   readonly gridSettings = <GridSettings>{
- *     columns: [{}],
- *   };
- *
- *   ngAfterViewInit(): void {
- *     // Access the Handsontable instance
- *     // Call a method
- *     this.hotTable?.hotInstance?.setDataAtCell(0, 0, "new value");
- *   }
- * }
- * ```
- * :::
- *
  * @param {HTMLElement} rootElement The element to which the Handsontable instance is injected.
  * @param {object} userSettings The user defined options.
  * @param {boolean} [rootInstanceSymbol=false] Indicates if the instance is root of all later instances created.
@@ -265,7 +227,11 @@ function Core(rootElement, userSettings) {
     return instance.isLtr() ? 1 : -1;
   };
   userSettings.language = (0, _registry5.getValidLanguageCode)(userSettings.language);
-  const metaManager = new _dataMap.MetaManager(instance, userSettings, [_dataMap.DynamicCellMetaMod, _dataMap.ExtendMetaPropertiesMod]);
+  const settingsWithoutHooks = Object.fromEntries(Object.entries(userSettings).filter(_ref => {
+    let [key] = _ref;
+    return !(_hooks.Hooks.getSingleton().isRegistered(key) || _hooks.Hooks.getSingleton().isDeprecated(key));
+  }));
+  const metaManager = new _dataMap.MetaManager(instance, settingsWithoutHooks, [_dataMap.DynamicCellMetaMod, _dataMap.ExtendMetaPropertiesMod]);
   const tableMeta = metaManager.getTableMeta();
   const globalMeta = metaManager.getGlobalMeta();
   const pluginsRegistry = (0, _uniqueMap.createUniqueMap)();
@@ -379,10 +345,10 @@ function Core(rootElement, userSettings) {
     }
   });
   this.selection = selection;
-  const onIndexMapperCacheUpdate = _ref => {
+  const onIndexMapperCacheUpdate = _ref2 => {
     let {
       hiddenIndexesChanged
-    } = _ref;
+    } = _ref2;
     this.forceFullRender = true;
     if (hiddenIndexesChanged) {
       this.selection.commit();
@@ -562,9 +528,9 @@ function Core(rootElement, userSettings) {
         const sortedIndexes = [...indexes];
 
         // Sort the indexes in ascending order.
-        sortedIndexes.sort((_ref2, _ref3) => {
-          let [indexA] = _ref2;
-          let [indexB] = _ref3;
+        sortedIndexes.sort((_ref3, _ref4) => {
+          let [indexA] = _ref3;
+          let [indexB] = _ref4;
           if (indexA === indexB) {
             return 0;
           }
@@ -572,8 +538,8 @@ function Core(rootElement, userSettings) {
         });
 
         // Normalize the {index, amount} groups into bigger groups.
-        const normalizedIndexes = (0, _array.arrayReduce)(sortedIndexes, (acc, _ref4) => {
-          let [groupIndex, groupAmount] = _ref4;
+        const normalizedIndexes = (0, _array.arrayReduce)(sortedIndexes, (acc, _ref5) => {
+          let [groupIndex, groupAmount] = _ref5;
           const previousItem = acc[acc.length - 1];
           const [prevIndex, prevAmount] = previousItem;
           const prevLastIndex = prevIndex + prevAmount;
@@ -641,8 +607,8 @@ function Core(rootElement, userSettings) {
             let offset = 0;
 
             // Normalize the {index, amount} groups into bigger groups.
-            (0, _array.arrayEach)(indexes, _ref5 => {
-              let [groupIndex, groupAmount] = _ref5;
+            (0, _array.arrayEach)(indexes, _ref6 => {
+              let [groupIndex, groupAmount] = _ref6;
               const calcIndex = (0, _mixed.isEmpty)(groupIndex) ? instance.countRows() - 1 : Math.max(groupIndex - offset, 0);
 
               // If the 'index' is an integer decrease it by 'offset' otherwise pass it through to make the value
@@ -696,8 +662,8 @@ function Core(rootElement, userSettings) {
             let offset = 0;
 
             // Normalize the {index, amount} groups into bigger groups.
-            (0, _array.arrayEach)(indexes, _ref6 => {
-              let [groupIndex, groupAmount] = _ref6;
+            (0, _array.arrayEach)(indexes, _ref7 => {
+              let [groupIndex, groupAmount] = _ref7;
               const calcIndex = (0, _mixed.isEmpty)(groupIndex) ? instance.countCols() - 1 : Math.max(groupIndex - offset, 0);
               let physicalColumnIndex = instance.toPhysicalColumn(calcIndex);
 
@@ -1075,7 +1041,7 @@ function Core(rootElement, userSettings) {
     if ((0, _browser.isMobileBrowser)() || (0, _browser.isIpadOS)()) {
       (0, _element.addClass)(instance.rootElement, 'mobile');
     }
-    this.updateSettings(tableMeta, true);
+    this.updateSettings(userSettings, true);
     this.view = new _tableView.default(this);
     const themeName = tableMeta.themeName || (0, _themes.getThemeClassName)(instance.rootElement);
 
@@ -1666,11 +1632,11 @@ function Core(rootElement, userSettings) {
   this.getSelected = function () {
     // https://github.com/handsontable/handsontable/issues/44  //cjl
     if (selection.isSelected()) {
-      return (0, _array.arrayMap)(selection.getSelectedRange(), _ref7 => {
+      return (0, _array.arrayMap)(selection.getSelectedRange(), _ref8 => {
         let {
           from,
           to
-        } = _ref7;
+        } = _ref8;
         return [from.row, from.col, to.row, to.col];
       });
     }
@@ -2354,23 +2320,27 @@ function Core(rootElement, userSettings) {
     if ((0, _mixed.isDefined)(settings.ganttChart)) {
       throw new Error('Since 8.0.0 the "ganttChart" setting is no longer supported.');
     }
+    if (settings.language) {
+      setLanguage(settings.language);
+    }
 
     // eslint-disable-next-line no-restricted-syntax
     for (i in settings) {
-      if (i === 'data') {
-        // Do nothing. loadData will be triggered later
-      } else if (i === 'language') {
-        setLanguage(settings.language);
+      if (i === 'data' || i === 'language') {
+        // Do nothing. loadData and language change will be triggered later
       } else if (i === 'className') {
         setClassName('className', settings.className);
       } else if (i === 'tableClassName' && instance.table) {
         setClassName('tableClassName', settings.tableClassName);
         instance.view._wt.wtOverlays.syncOverlayTableClassNames();
       } else if (_hooks.Hooks.getSingleton().isRegistered(i) || _hooks.Hooks.getSingleton().isDeprecated(i)) {
-        if ((0, _function.isFunction)(settings[i])) {
-          _hooks.Hooks.getSingleton().addAsFixed(i, settings[i], instance);
-        } else if (Array.isArray(settings[i])) {
-          _hooks.Hooks.getSingleton().add(i, settings[i], instance);
+        const hook = settings[i];
+        if ((0, _function.isFunction)(hook)) {
+          _hooks.Hooks.getSingleton().addAsFixed(i, hook, instance);
+          tableMeta[i] = hook;
+        } else if (Array.isArray(hook)) {
+          _hooks.Hooks.getSingleton().add(i, hook, instance);
+          tableMeta[i] = hook;
         }
       } else if (!init && (0, _object.hasOwnProperty)(settings, i)) {
         // Update settings
@@ -2903,15 +2873,15 @@ function Core(rootElement, userSettings) {
     const isThereAnySetSourceListener = this.hasHook('afterSetSourceDataAtCell');
     const changesForHook = [];
     if (isThereAnySetSourceListener) {
-      (0, _array.arrayEach)(input, _ref8 => {
-        let [changeRow, changeProp, changeValue] = _ref8;
+      (0, _array.arrayEach)(input, _ref9 => {
+        let [changeRow, changeProp, changeValue] = _ref9;
         changesForHook.push([changeRow, changeProp, dataSource.getAtCell(changeRow, changeProp),
         // The previous value.
         changeValue]);
       });
     }
-    (0, _array.arrayEach)(input, _ref9 => {
-      let [changeRow, changeProp, changeValue] = _ref9;
+    (0, _array.arrayEach)(input, _ref10 => {
+      let [changeRow, changeProp, changeValue] = _ref10;
       dataSource.setAtCell(changeRow, changeProp, changeValue);
     });
     if (isThereAnySetSourceListener) {
@@ -4264,8 +4234,8 @@ function Core(rootElement, userSettings) {
     instance.batchExecution(() => {
       instance.rowIndexMapper.unregisterAll();
       instance.columnIndexMapper.unregisterAll();
-      pluginsRegistry.getItems().forEach(_ref10 => {
-        let [, plugin] = _ref10;
+      pluginsRegistry.getItems().forEach(_ref11 => {
+        let [, plugin] = _ref11;
         plugin.destroy();
       });
       pluginsRegistry.clear();

package/core.mjs

@@ -1,5 +1,6 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.from-entries.js";
 import "core-js/modules/es.set.difference.v2.js";
 import "core-js/modules/es.set.intersection.v2.js";
 import "core-js/modules/es.set.is-disjoint-from.v2.js";
@@ -79,12 +80,6 @@ const deprecationWarns = new Set();
  * by using React's `ref` feature (read more on the [Instance methods](@/guides/getting-started/react-methods/react-methods.md) page).
  * :::
  *
- * ::: only-for angular
- * To use these methods, associate a Handsontable instance with your instance
- * of the [`HotTable` component](@/guides/getting-started/installation/installation.md#5-use-the-hottable-component),
- * by using `@ViewChild` decorator (read more on the [Instance access](@/guides/getting-started/angular-hot-instance/angular-hot-instance.md) page).
- * :::
- *
  * ## How to call a method
  *
  * ::: only-for javascript
@@ -115,39 +110,6 @@ const deprecationWarns = new Set();
  * ```
  * :::
  *
- * ::: only-for angular
- * ```ts
- * import { Component, ViewChild, AfterViewInit } from "@angular/core";
- * import {
- *   GridSettings,
- *   HotTableComponent,
- *   HotTableModule,
- * } from "@handsontable/angular-wrapper";
- *
- * `@Component`({
- *   standalone: true,
- *   imports: [HotTableModule],
- *   template: ` <div class="ht-theme-main">
- *     <hot-table [settings]="gridSettings" />
- *   </div>`,
- * })
- * export class ExampleComponent implements AfterViewInit {
- *   `@ViewChild`(HotTableComponent, { static: false })
- *   readonly hotTable!: HotTableComponent;
- *
- *   readonly gridSettings = <GridSettings>{
- *     columns: [{}],
- *   };
- *
- *   ngAfterViewInit(): void {
- *     // Access the Handsontable instance
- *     // Call a method
- *     this.hotTable?.hotInstance?.setDataAtCell(0, 0, "new value");
- *   }
- * }
- * ```
- * :::
- *
  * @param {HTMLElement} rootElement The element to which the Handsontable instance is injected.
  * @param {object} userSettings The user defined options.
  * @param {boolean} [rootInstanceSymbol=false] Indicates if the instance is root of all later instances created.
@@ -260,7 +222,11 @@ export default function Core(rootElement, userSettings) {
     return instance.isLtr() ? 1 : -1;
   };
   userSettings.language = getValidLanguageCode(userSettings.language);
-  const metaManager = new MetaManager(instance, userSettings, [DynamicCellMetaMod, ExtendMetaPropertiesMod]);
+  const settingsWithoutHooks = Object.fromEntries(Object.entries(userSettings).filter(_ref => {
+    let [key] = _ref;
+    return !(Hooks.getSingleton().isRegistered(key) || Hooks.getSingleton().isDeprecated(key));
+  }));
+  const metaManager = new MetaManager(instance, settingsWithoutHooks, [DynamicCellMetaMod, ExtendMetaPropertiesMod]);
   const tableMeta = metaManager.getTableMeta();
   const globalMeta = metaManager.getGlobalMeta();
   const pluginsRegistry = createUniqueMap();
@@ -374,10 +340,10 @@ export default function Core(rootElement, userSettings) {
     }
   });
   this.selection = selection;
-  const onIndexMapperCacheUpdate = _ref => {
+  const onIndexMapperCacheUpdate = _ref2 => {
     let {
       hiddenIndexesChanged
-    } = _ref;
+    } = _ref2;
     this.forceFullRender = true;
     if (hiddenIndexesChanged) {
       this.selection.commit();
@@ -557,9 +523,9 @@ export default function Core(rootElement, userSettings) {
         const sortedIndexes = [...indexes];
 
         // Sort the indexes in ascending order.
-        sortedIndexes.sort((_ref2, _ref3) => {
-          let [indexA] = _ref2;
-          let [indexB] = _ref3;
+        sortedIndexes.sort((_ref3, _ref4) => {
+          let [indexA] = _ref3;
+          let [indexB] = _ref4;
           if (indexA === indexB) {
             return 0;
           }
@@ -567,8 +533,8 @@ export default function Core(rootElement, userSettings) {
         });
 
         // Normalize the {index, amount} groups into bigger groups.
-        const normalizedIndexes = arrayReduce(sortedIndexes, (acc, _ref4) => {
-          let [groupIndex, groupAmount] = _ref4;
+        const normalizedIndexes = arrayReduce(sortedIndexes, (acc, _ref5) => {
+          let [groupIndex, groupAmount] = _ref5;
           const previousItem = acc[acc.length - 1];
           const [prevIndex, prevAmount] = previousItem;
           const prevLastIndex = prevIndex + prevAmount;
@@ -636,8 +602,8 @@ export default function Core(rootElement, userSettings) {
             let offset = 0;
 
             // Normalize the {index, amount} groups into bigger groups.
-            arrayEach(indexes, _ref5 => {
-              let [groupIndex, groupAmount] = _ref5;
+            arrayEach(indexes, _ref6 => {
+              let [groupIndex, groupAmount] = _ref6;
               const calcIndex = isEmpty(groupIndex) ? instance.countRows() - 1 : Math.max(groupIndex - offset, 0);
 
               // If the 'index' is an integer decrease it by 'offset' otherwise pass it through to make the value
@@ -691,8 +657,8 @@ export default function Core(rootElement, userSettings) {
             let offset = 0;
 
             // Normalize the {index, amount} groups into bigger groups.
-            arrayEach(indexes, _ref6 => {
-              let [groupIndex, groupAmount] = _ref6;
+            arrayEach(indexes, _ref7 => {
+              let [groupIndex, groupAmount] = _ref7;
               const calcIndex = isEmpty(groupIndex) ? instance.countCols() - 1 : Math.max(groupIndex - offset, 0);
               let physicalColumnIndex = instance.toPhysicalColumn(calcIndex);
 
@@ -1070,7 +1036,7 @@ export default function Core(rootElement, userSettings) {
     if (isMobileBrowser() || isIpadOS()) {
       addClass(instance.rootElement, 'mobile');
     }
-    this.updateSettings(tableMeta, true);
+    this.updateSettings(userSettings, true);
     this.view = new TableView(this);
     const themeName = tableMeta.themeName || getThemeClassName(instance.rootElement);
 
@@ -1661,11 +1627,11 @@ export default function Core(rootElement, userSettings) {
   this.getSelected = function () {
     // https://github.com/handsontable/handsontable/issues/44  //cjl
     if (selection.isSelected()) {
-      return arrayMap(selection.getSelectedRange(), _ref7 => {
+      return arrayMap(selection.getSelectedRange(), _ref8 => {
         let {
           from,
           to
-        } = _ref7;
+        } = _ref8;
         return [from.row, from.col, to.row, to.col];
       });
     }
@@ -2349,23 +2315,27 @@ export default function Core(rootElement, userSettings) {
     if (isDefined(settings.ganttChart)) {
       throw new Error('Since 8.0.0 the "ganttChart" setting is no longer supported.');
     }
+    if (settings.language) {
+      setLanguage(settings.language);
+    }
 
     // eslint-disable-next-line no-restricted-syntax
     for (i in settings) {
-      if (i === 'data') {
-        // Do nothing. loadData will be triggered later
-      } else if (i === 'language') {
-        setLanguage(settings.language);
+      if (i === 'data' || i === 'language') {
+        // Do nothing. loadData and language change will be triggered later
       } else if (i === 'className') {
         setClassName('className', settings.className);
       } else if (i === 'tableClassName' && instance.table) {
         setClassName('tableClassName', settings.tableClassName);
         instance.view._wt.wtOverlays.syncOverlayTableClassNames();
       } else if (Hooks.getSingleton().isRegistered(i) || Hooks.getSingleton().isDeprecated(i)) {
-        if (isFunction(settings[i])) {
-          Hooks.getSingleton().addAsFixed(i, settings[i], instance);
-        } else if (Array.isArray(settings[i])) {
-          Hooks.getSingleton().add(i, settings[i], instance);
+        const hook = settings[i];
+        if (isFunction(hook)) {
+          Hooks.getSingleton().addAsFixed(i, hook, instance);
+          tableMeta[i] = hook;
+        } else if (Array.isArray(hook)) {
+          Hooks.getSingleton().add(i, hook, instance);
+          tableMeta[i] = hook;
         }
       } else if (!init && hasOwnProperty(settings, i)) {
         // Update settings
@@ -2898,15 +2868,15 @@ export default function Core(rootElement, userSettings) {
     const isThereAnySetSourceListener = this.hasHook('afterSetSourceDataAtCell');
     const changesForHook = [];
     if (isThereAnySetSourceListener) {
-      arrayEach(input, _ref8 => {
-        let [changeRow, changeProp, changeValue] = _ref8;
+      arrayEach(input, _ref9 => {
+        let [changeRow, changeProp, changeValue] = _ref9;
         changesForHook.push([changeRow, changeProp, dataSource.getAtCell(changeRow, changeProp),
         // The previous value.
         changeValue]);
       });
     }
-    arrayEach(input, _ref9 => {
-      let [changeRow, changeProp, changeValue] = _ref9;
+    arrayEach(input, _ref10 => {
+      let [changeRow, changeProp, changeValue] = _ref10;
       dataSource.setAtCell(changeRow, changeProp, changeValue);
     });
     if (isThereAnySetSourceListener) {
@@ -4259,8 +4229,8 @@ export default function Core(rootElement, userSettings) {
     instance.batchExecution(() => {
       instance.rowIndexMapper.unregisterAll();
       instance.columnIndexMapper.unregisterAll();
-      pluginsRegistry.getItems().forEach(_ref10 => {
-        let [, plugin] = _ref10;
+      pluginsRegistry.getItems().forEach(_ref11 => {
+        let [, plugin] = _ref11;
         plugin.destroy();
       });
       pluginsRegistry.clear();

package/dataMap/metaManager/metaSchema.js

@@ -83,33 +83,6 @@ var _object = require("../../helpers/object");
  * ```
  * :::
  *
- * ::: only-for angular
- * ```ts
- * settings = {
- *   data: [
- *     ["A1", "B1", "C1", "D1", "E1"],
- *     ["A2", "B2", "C2", "D2", "E2"],
- *     ["A3", "B3", "C3", "D3", "E3"],
- *     ["A4", "B4", "C4", "D4", "E4"],
- *     ["A5", "B5", "C5", "D5", "E5"],
- *   ],
- *   width: 400,
- *   height: 300,
- *   colHeaders: true,
- *   rowHeaders: true,
- *   customBorders: true,
- *   dropdownMenu: true,
- *   multiColumnSorting: true,
- *   filters: true,
- *   manualRowMove: true,
- * };
- * ```
- *
- * ```html
- * <hot-table [settings]="settings" />
- * ```
- * :::
- *
  * Depending on your needs, you can apply [configuration options](@/api/options.md) to different elements of your grid:
  * - [The entire grid](@/guides/getting-started/configuration-options/configuration-options.md#set-grid-options)
  * - [Individual columns](@/guides/getting-started/configuration-options/configuration-options.md#set-column-options)

package/dataMap/metaManager/metaSchema.mjs

@@ -80,33 +80,6 @@ import { isObjectEqual } from "../../helpers/object.mjs";
  * ```
  * :::
  *
- * ::: only-for angular
- * ```ts
- * settings = {
- *   data: [
- *     ["A1", "B1", "C1", "D1", "E1"],
- *     ["A2", "B2", "C2", "D2", "E2"],
- *     ["A3", "B3", "C3", "D3", "E3"],
- *     ["A4", "B4", "C4", "D4", "E4"],
- *     ["A5", "B5", "C5", "D5", "E5"],
- *   ],
- *   width: 400,
- *   height: 300,
- *   colHeaders: true,
- *   rowHeaders: true,
- *   customBorders: true,
- *   dropdownMenu: true,
- *   multiColumnSorting: true,
- *   filters: true,
- *   manualRowMove: true,
- * };
- * ```
- *
- * ```html
- * <hot-table [settings]="settings" />
- * ```
- * :::
- *
  * Depending on your needs, you can apply [configuration options](@/api/options.md) to different elements of your grid:
  * - [The entire grid](@/guides/getting-started/configuration-options/configuration-options.md#set-grid-options)
  * - [Individual columns](@/guides/getting-started/configuration-options/configuration-options.md#set-column-options)

package/dist/handsontable.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-d9b3885-20250415
- * Release date: 19/03/2025 (built at 15/04/2025 10:07:06)
+ * Version: 0.0.0-next-723ad8c-20250417
+ * Release date: 19/03/2025 (built at 17/04/2025 10:04:07)
  */
 /**
  * Fix for bootstrap styles

package/dist/handsontable.full.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-d9b3885-20250415
- * Release date: 19/03/2025 (built at 15/04/2025 10:07:06)
+ * Version: 0.0.0-next-723ad8c-20250417
+ * Release date: 19/03/2025 (built at 17/04/2025 10:04:07)
  */
 /**
  * Fix for bootstrap styles