npm - @handsontable/vue3 - Versions diffs - 12.1.3 → 12.2.0 - Mend

@handsontable/vue3 12.1.3 → 12.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/commonjs/vue-handsontable.js +17 -64
package/dist/vue-handsontable.js +18 -65
package/dist/vue-handsontable.js.map +1 -1
package/dist/vue-handsontable.min.js +2 -2
package/dist/vue-handsontable.min.js.map +1 -1
package/es/vue-handsontable.js +17 -64
package/package.json +1 -1

package/commonjs/vue-handsontable.js CHANGED Viewed

@@ -13,7 +13,6 @@ var unassignedPropSymbol = Symbol('unassigned');
 /**
  * Message for the warning thrown if the Handsontable instance has been destroyed.
  */
 var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' + ' used properly.';
 /**
  * Check if at specified `key` there is any value for `object`.
@@ -22,7 +21,6 @@ var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component w
  * @param {string} key String key to check.
  * @returns {boolean}
  */
 function hasOwnProperty(object, key) {
   return Object.prototype.hasOwnProperty.call(object, key);
 }
@@ -32,35 +30,30 @@ function hasOwnProperty(object, key) {
  * @param {string} source Source for the factory (either 'HotTable' or 'HotColumn').
  * @returns {object}
  */
 function propFactory(source) {
   var registeredHooks = Handsontable__default["default"].hooks.getRegistered();
   var propSchema = {};
-  Object.assign(propSchema, Handsontable__default["default"].DefaultSettings); // eslint-disable-next-line no-restricted-syntax, guard-for-in
+  Object.assign(propSchema, Handsontable__default["default"].DefaultSettings);
+  // eslint-disable-next-line no-restricted-syntax, guard-for-in
   for (var prop in propSchema) {
     propSchema[prop] = {
       "default": unassignedPropSymbol
     };
   }
   for (var i = 0; i < registeredHooks.length; i++) {
     propSchema[registeredHooks[i]] = {
       "default": unassignedPropSymbol
     };
   }
   propSchema.settings = {
     "default": unassignedPropSymbol
   };
   if (source === 'HotTable') {
     propSchema.id = {
       type: String,
       "default": "hot-".concat(Math.random().toString(36).substring(5))
     };
   }
   return propSchema;
 }
 /**
@@ -69,11 +62,9 @@ function propFactory(source) {
  * @param {object} props Object containing all the possible props.
  * @returns {object} Object containing only used props.
  */
 function filterPassedProps(props) {
   var filteredProps = {};
   var columnSettingsProp = props.settings;
   if (columnSettingsProp !== unassignedPropSymbol) {
     // eslint-disable-next-line no-restricted-syntax
     for (var propName in columnSettingsProp) {
@@ -81,15 +72,13 @@ function filterPassedProps(props) {
         filteredProps[propName] = columnSettingsProp[propName];
       }
     }
-  } // eslint-disable-next-line no-restricted-syntax
+  }
+  // eslint-disable-next-line no-restricted-syntax
   for (var _propName in props) {
     if (hasOwnProperty(props, _propName) && _propName !== 'settings' && props[_propName] !== unassignedPropSymbol) {
       filteredProps[_propName] = props[_propName];
     }
   }
   return filteredProps;
 }
 /**
@@ -99,26 +88,23 @@ function filterPassedProps(props) {
  * @param {Handsontable.GridSettings} currentSettings The current Handsontable settings.
  * @returns {Handsontable.GridSettings} An object containing the properties, ready to be used within Handsontable.
  */
 function prepareSettings(props, currentSettings) {
   var assignedProps = filterPassedProps(props);
   var hotSettingsInProps = props.settings ? props.settings : assignedProps;
   var additionalHotSettingsInProps = props.settings ? assignedProps : null;
-  var newSettings = {}; // eslint-disable-next-line no-restricted-syntax
+  var newSettings = {};
+  // eslint-disable-next-line no-restricted-syntax
   for (var key in hotSettingsInProps) {
     if (hasOwnProperty(hotSettingsInProps, key) && hotSettingsInProps[key] !== void 0 && (currentSettings && key !== 'data' ? !simpleEqual(currentSettings[key], hotSettingsInProps[key]) : true)) {
       newSettings[key] = hotSettingsInProps[key];
     }
-  } // eslint-disable-next-line no-restricted-syntax
+  }
+  // eslint-disable-next-line no-restricted-syntax
   for (var _key in additionalHotSettingsInProps) {
     if (hasOwnProperty(additionalHotSettingsInProps, _key) && _key !== 'id' && _key !== 'settings' && additionalHotSettingsInProps[_key] !== void 0 && (currentSettings && _key !== 'data' ? !simpleEqual(currentSettings[_key], additionalHotSettingsInProps[_key]) : true)) {
       newSettings[_key] = additionalHotSettingsInProps[_key];
     }
   }
   return newSettings;
 }
 /**
@@ -130,12 +116,11 @@ function prepareSettings(props, currentSettings) {
  * @param {object} objectB Second object to compare.
  * @returns {boolean} `true` if they're the same, `false` otherwise.
  */
 function simpleEqual(objectA, objectB) {
   return JSON.stringify(objectA) === JSON.stringify(objectB);
 }
-var version="12.1.3";
+var version="12.2.0";
 var HotTable = vue.defineComponent({
   name: 'HotTable',
@@ -149,27 +134,23 @@ var HotTable = vue.defineComponent({
     $props: {
       handler: function handler(props) {
         var settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);
         if (!this.hotInstance || settings === void 0) {
           return;
         }
         if (settings.data) {
           if (this.hotInstance.isColumnModificationAllowed() || !this.hotInstance.isColumnModificationAllowed() && this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns) {
             // If the dataset dimensions change, update the index mappers.
-            this.matchHotMappersSize(); // Data is automatically synchronized by reference.
+            this.matchHotMappersSize();
+            // Data is automatically synchronized by reference.
             delete settings.data;
           }
-        } // If there are another options changed, update the HOT settings, render the table otherwise.
+        }
+        // If there are another options changed, update the HOT settings, render the table otherwise.
         if (Object.keys(settings).length) {
           this.hotInstance.updateSettings(settings);
         } else {
           this.hotInstance.render();
         }
         this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();
       },
       deep: true,
@@ -180,14 +161,12 @@ var HotTable = vue.defineComponent({
     return {
       /* eslint-disable vue/no-reserved-keys */
       __hotInstance: null,
       /* eslint-enable vue/no-reserved-keys */
       miscCache: {
         currentSourceColumns: null
       },
       columnSettings: null,
       columnsCache: new Map(),
       get hotInstance() {
         if (!this.__hotInstance || this.__hotInstance && !this.__hotInstance.isDestroyed) {
           // Will return the Handsontable instance or `null` if it's not yet been created.
@@ -198,18 +177,15 @@ var HotTable = vue.defineComponent({
           return null;
         }
       },
       set hotInstance(hotInstance) {
         this.__hotInstance = hotInstance;
       }
     };
   },
   methods: {
     /**
      * Initialize Handsontable.
-     */
-    hotInit: function hotInit() {
+     */hotInit: function hotInit() {
       var newSettings = prepareSettings(this.$props);
       newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;
       this.hotInstance = vue.markRaw(new Handsontable__default["default"].Core(this.$el, newSettings));
@@ -218,18 +194,15 @@ var HotTable = vue.defineComponent({
     },
     matchHotMappersSize: function matchHotMappersSize() {
       var _this = this;
       if (!this.hotInstance) {
         return;
       }
       var data = this.hotInstance.getSourceData();
       var rowsToRemove = [];
       var columnsToRemove = [];
       var indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();
       var isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();
       var indexMapperColumnCount = 0;
       if (data && data.length !== indexMapperRowCount) {
         if (data.length < indexMapperRowCount) {
           for (var r = data.length; r < indexMapperRowCount; r++) {
@@ -237,12 +210,9 @@ var HotTable = vue.defineComponent({
           }
         }
       }
       if (isColumnModificationAllowed) {
         var _data$;
         indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();
         if (data && data[0] && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.length) !== indexMapperColumnCount) {
           if (data[0].length < indexMapperColumnCount) {
             for (var c = data[0].length; c < indexMapperColumnCount; c++) {
@@ -251,14 +221,12 @@ var HotTable = vue.defineComponent({
           }
         }
       }
       this.hotInstance.batch(function () {
         if (rowsToRemove.length > 0) {
           _this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);
         } else {
           _this.hotInstance.rowIndexMapper.insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);
         }
         if (isColumnModificationAllowed && data.length !== 0) {
           if (columnsToRemove.length > 0) {
             _this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);
@@ -268,13 +236,11 @@ var HotTable = vue.defineComponent({
         }
       });
     },
     /**
      * Get settings for the columns provided in the `hot-column` components.
      *
      * @returns {HotTableProps[] | undefined}
-     */
-    getColumnSettings: function getColumnSettings() {
+     */getColumnSettings: function getColumnSettings() {
       var columnSettings = Array.from(this.columnsCache.values());
       return columnSettings.length ? columnSettings : void 0;
     }
@@ -295,9 +261,7 @@ var _hoisted_1 = ["id"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     id: _ctx.id
-  }, [vue.renderSlot(_ctx.$slots, "default")], 8
-  /* PROPS */
-  , _hoisted_1);
+  }, [vue.renderSlot(_ctx.$slots, "default")], 8 /* PROPS */, _hoisted_1);
 }
 HotTable.render = render;
@@ -305,17 +269,14 @@ HotTable.__file = "src/HotTable.vue";
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
   return keys;
 }
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -325,10 +286,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -340,7 +299,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
   return obj;
 }
@@ -352,20 +310,15 @@ var HotColumn = vue.defineComponent({
     /**
      * Create the column settings based on the data provided to the `hot-column`
      * component and it's child components.
-     */
-    createColumnSettings: function createColumnSettings() {
+     */createColumnSettings: function createColumnSettings() {
       var assignedProps = filterPassedProps(this.$props);
       var columnSettings = _objectSpread2({}, assignedProps);
       if (assignedProps.renderer) {
         columnSettings.renderer = assignedProps.renderer;
       }
       if (assignedProps.editor) {
         columnSettings.editor = assignedProps.editor;
       }
       this.columnsCache.set(this, columnSettings);
     }
   },

package/dist/vue-handsontable.js CHANGED Viewed

@@ -25,7 +25,7 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 12.1.3 (built at Thu Sep 22 2022 09:55:51 GMT+0200 (Central European Summer Time))
+ * Version: 12.2.0 (built at Tue Oct 25 2022 12:06:12 GMT+0200 (Central European Summer Time))
  */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('handsontable/base')) :
@@ -41,7 +41,6 @@ var unassignedPropSymbol = Symbol('unassigned');
 /**
  * Message for the warning thrown if the Handsontable instance has been destroyed.
  */
 var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' + ' used properly.';
 /**
  * Check if at specified `key` there is any value for `object`.
@@ -50,7 +49,6 @@ var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component w
  * @param {string} key String key to check.
  * @returns {boolean}
  */
 function hasOwnProperty(object, key) {
   return Object.prototype.hasOwnProperty.call(object, key);
 }
@@ -60,35 +58,30 @@ function hasOwnProperty(object, key) {
  * @param {string} source Source for the factory (either 'HotTable' or 'HotColumn').
  * @returns {object}
  */
 function propFactory(source) {
   var registeredHooks = Handsontable__default["default"].hooks.getRegistered();
   var propSchema = {};
-  Object.assign(propSchema, Handsontable__default["default"].DefaultSettings); // eslint-disable-next-line no-restricted-syntax, guard-for-in
+  Object.assign(propSchema, Handsontable__default["default"].DefaultSettings);
+  // eslint-disable-next-line no-restricted-syntax, guard-for-in
   for (var prop in propSchema) {
     propSchema[prop] = {
       "default": unassignedPropSymbol
     };
   }
   for (var i = 0; i < registeredHooks.length; i++) {
     propSchema[registeredHooks[i]] = {
       "default": unassignedPropSymbol
     };
   }
   propSchema.settings = {
     "default": unassignedPropSymbol
   };
   if (source === 'HotTable') {
     propSchema.id = {
       type: String,
       "default": "hot-".concat(Math.random().toString(36).substring(5))
     };
   }
   return propSchema;
 }
 /**
@@ -97,11 +90,9 @@ function propFactory(source) {
  * @param {object} props Object containing all the possible props.
  * @returns {object} Object containing only used props.
  */
 function filterPassedProps(props) {
   var filteredProps = {};
   var columnSettingsProp = props.settings;
   if (columnSettingsProp !== unassignedPropSymbol) {
     // eslint-disable-next-line no-restricted-syntax
     for (var propName in columnSettingsProp) {
@@ -109,15 +100,13 @@ function filterPassedProps(props) {
         filteredProps[propName] = columnSettingsProp[propName];
       }
     }
-  } // eslint-disable-next-line no-restricted-syntax
+  }
+  // eslint-disable-next-line no-restricted-syntax
   for (var _propName in props) {
     if (hasOwnProperty(props, _propName) && _propName !== 'settings' && props[_propName] !== unassignedPropSymbol) {
       filteredProps[_propName] = props[_propName];
     }
   }
   return filteredProps;
 }
 /**
@@ -127,26 +116,23 @@ function filterPassedProps(props) {
  * @param {Handsontable.GridSettings} currentSettings The current Handsontable settings.
  * @returns {Handsontable.GridSettings} An object containing the properties, ready to be used within Handsontable.
  */
 function prepareSettings(props, currentSettings) {
   var assignedProps = filterPassedProps(props);
   var hotSettingsInProps = props.settings ? props.settings : assignedProps;
   var additionalHotSettingsInProps = props.settings ? assignedProps : null;
-  var newSettings = {}; // eslint-disable-next-line no-restricted-syntax
+  var newSettings = {};
+  // eslint-disable-next-line no-restricted-syntax
   for (var key in hotSettingsInProps) {
     if (hasOwnProperty(hotSettingsInProps, key) && hotSettingsInProps[key] !== void 0 && (currentSettings && key !== 'data' ? !simpleEqual(currentSettings[key], hotSettingsInProps[key]) : true)) {
       newSettings[key] = hotSettingsInProps[key];
     }
-  } // eslint-disable-next-line no-restricted-syntax
+  }
+  // eslint-disable-next-line no-restricted-syntax
   for (var _key in additionalHotSettingsInProps) {
     if (hasOwnProperty(additionalHotSettingsInProps, _key) && _key !== 'id' && _key !== 'settings' && additionalHotSettingsInProps[_key] !== void 0 && (currentSettings && _key !== 'data' ? !simpleEqual(currentSettings[_key], additionalHotSettingsInProps[_key]) : true)) {
       newSettings[_key] = additionalHotSettingsInProps[_key];
     }
   }
   return newSettings;
 }
 /**
@@ -158,12 +144,11 @@ function prepareSettings(props, currentSettings) {
  * @param {object} objectB Second object to compare.
  * @returns {boolean} `true` if they're the same, `false` otherwise.
  */
 function simpleEqual(objectA, objectB) {
   return JSON.stringify(objectA) === JSON.stringify(objectB);
 }
-var version="12.1.3";
+var version="12.2.0";
 var HotTable = vue.defineComponent({
   name: 'HotTable',
@@ -177,27 +162,23 @@ var HotTable = vue.defineComponent({
     $props: {
       handler: function handler(props) {
         var settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);
         if (!this.hotInstance || settings === void 0) {
           return;
         }
         if (settings.data) {
           if (this.hotInstance.isColumnModificationAllowed() || !this.hotInstance.isColumnModificationAllowed() && this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns) {
             // If the dataset dimensions change, update the index mappers.
-            this.matchHotMappersSize(); // Data is automatically synchronized by reference.
+            this.matchHotMappersSize();
+            // Data is automatically synchronized by reference.
             delete settings.data;
           }
-        } // If there are another options changed, update the HOT settings, render the table otherwise.
+        }
+        // If there are another options changed, update the HOT settings, render the table otherwise.
         if (Object.keys(settings).length) {
           this.hotInstance.updateSettings(settings);
         } else {
           this.hotInstance.render();
         }
         this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();
       },
       deep: true,
@@ -208,14 +189,12 @@ var HotTable = vue.defineComponent({
     return {
       /* eslint-disable vue/no-reserved-keys */
       __hotInstance: null,
       /* eslint-enable vue/no-reserved-keys */
       miscCache: {
         currentSourceColumns: null
       },
       columnSettings: null,
       columnsCache: new Map(),
       get hotInstance() {
         if (!this.__hotInstance || this.__hotInstance && !this.__hotInstance.isDestroyed) {
           // Will return the Handsontable instance or `null` if it's not yet been created.
@@ -226,18 +205,15 @@ var HotTable = vue.defineComponent({
           return null;
         }
       },
       set hotInstance(hotInstance) {
         this.__hotInstance = hotInstance;
       }
     };
   },
   methods: {
     /**
      * Initialize Handsontable.
-     */
-    hotInit: function hotInit() {
+     */hotInit: function hotInit() {
       var newSettings = prepareSettings(this.$props);
       newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;
       this.hotInstance = vue.markRaw(new Handsontable__default["default"].Core(this.$el, newSettings));
@@ -246,18 +222,15 @@ var HotTable = vue.defineComponent({
     },
     matchHotMappersSize: function matchHotMappersSize() {
       var _this = this;
       if (!this.hotInstance) {
         return;
       }
       var data = this.hotInstance.getSourceData();
       var rowsToRemove = [];
       var columnsToRemove = [];
       var indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();
       var isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();
       var indexMapperColumnCount = 0;
       if (data && data.length !== indexMapperRowCount) {
         if (data.length < indexMapperRowCount) {
           for (var r = data.length; r < indexMapperRowCount; r++) {
@@ -265,12 +238,9 @@ var HotTable = vue.defineComponent({
           }
         }
       }
       if (isColumnModificationAllowed) {
         var _data$;
         indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();
         if (data && data[0] && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.length) !== indexMapperColumnCount) {
           if (data[0].length < indexMapperColumnCount) {
             for (var c = data[0].length; c < indexMapperColumnCount; c++) {
@@ -279,14 +249,12 @@ var HotTable = vue.defineComponent({
           }
         }
       }
       this.hotInstance.batch(function () {
         if (rowsToRemove.length > 0) {
           _this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);
         } else {
           _this.hotInstance.rowIndexMapper.insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);
         }
         if (isColumnModificationAllowed && data.length !== 0) {
           if (columnsToRemove.length > 0) {
             _this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);
@@ -296,13 +264,11 @@ var HotTable = vue.defineComponent({
         }
       });
     },
     /**
      * Get settings for the columns provided in the `hot-column` components.
      *
      * @returns {HotTableProps[] | undefined}
-     */
-    getColumnSettings: function getColumnSettings() {
+     */getColumnSettings: function getColumnSettings() {
       var columnSettings = Array.from(this.columnsCache.values());
       return columnSettings.length ? columnSettings : void 0;
     }
@@ -323,9 +289,7 @@ var _hoisted_1 = ["id"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     id: _ctx.id
-  }, [vue.renderSlot(_ctx.$slots, "default")], 8
-  /* PROPS */
-  , _hoisted_1);
+  }, [vue.renderSlot(_ctx.$slots, "default")], 8 /* PROPS */, _hoisted_1);
 }
 HotTable.render = render;
@@ -333,17 +297,14 @@ HotTable.__file = "src/HotTable.vue";
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
   return keys;
 }
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -353,10 +314,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -368,7 +327,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
   return obj;
 }
@@ -380,20 +338,15 @@ var HotColumn = vue.defineComponent({
     /**
      * Create the column settings based on the data provided to the `hot-column`
      * component and it's child components.
-     */
-    createColumnSettings: function createColumnSettings() {
+     */createColumnSettings: function createColumnSettings() {
       var assignedProps = filterPassedProps(this.$props);
       var columnSettings = _objectSpread2({}, assignedProps);
       if (assignedProps.renderer) {
         columnSettings.renderer = assignedProps.renderer;
       }
       if (assignedProps.editor) {
         columnSettings.editor = assignedProps.editor;
       }
       this.columnsCache.set(this, columnSettings);
     }
   },

package/dist/vue-handsontable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vue-handsontable.js","sources":["../src/helpers.ts","../src/HotTable.vue","../src/HotTable.vue?vue&type=template&id=54bcc3fa&lang.js","../src/HotColumn.vue"],"sourcesContent":["import Handsontable from 'handsontable/base';\nimport { HotTableProps, VueProps } from './types';\n\nconst unassignedPropSymbol = Symbol('unassigned');\n\n/*\n Message for the warning thrown if the Handsontable instance has been destroyed.\n /\nexport const HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' +\n ' used properly.';\n\n/\n Check if at specified `key` there is any value for `object`.\n \n @param {object} object Object to search value at specyfic key.\n * @param {string} key String key to check.\n * @returns {boolean}\n /\nexport function hasOwnProperty(object: unknown, key: string): boolean {\n return Object.prototype.hasOwnProperty.call(object, key);\n}\n\n/\n Generate an object containing all the available Handsontable properties and plugin hooks.\n \n @param {string} source Source for the factory (either 'HotTable' or 'HotColumn').\n * @returns {object}\n /\nexport function propFactory(source: 'HotTable' \| 'HotColumn'): VueProps<HotTableProps> {\n const registeredHooks = Handsontable.hooks.getRegistered();\n const propSchema: VueProps<HotTableProps> = {};\n\n Object.assign(propSchema, Handsontable.DefaultSettings);\n\n // eslint-disable-next-line no-restricted-syntax, guard-for-in\n for (const prop in propSchema) {\n propSchema[prop] = {\n default: unassignedPropSymbol\n };\n }\n\n for (let i = 0; i < registeredHooks.length; i++) {\n propSchema[registeredHooks[i]] = {\n default: unassignedPropSymbol\n };\n }\n\n propSchema.settings = {\n default: unassignedPropSymbol\n };\n\n if (source === 'HotTable') {\n propSchema.id = {\n type: String,\n default: `hot-${Math.random().toString(36).substring(5)}`\n };\n }\n\n return propSchema;\n}\n\n/\n Filter out all of the unassigned props, and return only the one passed to the component.\n \n @param {object} props Object containing all the possible props.\n * @returns {object} Object containing only used props.\n /\nexport function filterPassedProps(props) {\n const filteredProps: VueProps<HotTableProps> = {};\n const columnSettingsProp = props.settings;\n\n if (columnSettingsProp !== unassignedPropSymbol) {\n // eslint-disable-next-line no-restricted-syntax\n for (const propName in columnSettingsProp) {\n if (hasOwnProperty(columnSettingsProp, propName) && columnSettingsProp[propName] !== unassignedPropSymbol) {\n filteredProps[propName] = columnSettingsProp[propName];\n }\n }\n }\n\n // eslint-disable-next-line no-restricted-syntax\n for (const propName in props) {\n if (hasOwnProperty(props, propName) && propName !== 'settings' && props[propName] !== unassignedPropSymbol) {\n filteredProps[propName] = props[propName];\n }\n }\n\n return filteredProps;\n}\n\n/\n Prepare the settings object to be used as the settings for Handsontable, based on the props provided to the component.\n \n @param {HotTableProps} props The props passed to the component.\n * @param {Handsontable.GridSettings} currentSettings The current Handsontable settings.\n * @returns {Handsontable.GridSettings} An object containing the properties, ready to be used within Handsontable.\n /\nexport function prepareSettings(props: HotTableProps, currentSettings?: Handsontable.GridSettings): HotTableProps {\n const assignedProps: VueProps<HotTableProps> = filterPassedProps(props);\n const hotSettingsInProps: Handsontable.GridSettings = props.settings ? props.settings : assignedProps;\n const additionalHotSettingsInProps: Handsontable.GridSettings = props.settings ? assignedProps : null;\n const newSettings: Handsontable.GridSettings = {};\n\n // eslint-disable-next-line no-restricted-syntax\n for (const key in hotSettingsInProps) {\n if (\n hasOwnProperty(hotSettingsInProps, key) &&\n hotSettingsInProps[key] !== void 0 &&\n ((currentSettings && key !== 'data') ? !simpleEqual(currentSettings[key], hotSettingsInProps[key]) : true)\n ) {\n newSettings[key] = hotSettingsInProps[key];\n }\n }\n\n // eslint-disable-next-line no-restricted-syntax\n for (const key in additionalHotSettingsInProps) {\n if (\n hasOwnProperty(additionalHotSettingsInProps, key) &&\n key !== 'id' &&\n key !== 'settings' &&\n additionalHotSettingsInProps[key] !== void 0 &&\n ((currentSettings && key !== 'data')\n ? !simpleEqual(currentSettings[key], additionalHotSettingsInProps[key]) : true)\n ) {\n newSettings[key] = additionalHotSettingsInProps[key];\n }\n }\n\n return newSettings;\n}\n\n/\n Compare two objects using `JSON.stringify`.\n * Note: As it's using the stringify function to compare objects, the property order in both objects is\n * important. It will return `false` for the same objects, if they're defined in a different order.\n \n @param {object} objectA First object to compare.\n * @param {object} objectB Second object to compare.\n * @returns {boolean} `true` if they're the same, `false` otherwise.\n /\nfunction simpleEqual(objectA, objectB) {\n return JSON.stringify(objectA) === JSON.stringify(objectB);\n}\n","<template>\n <div :id=\"id\">\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, VNode, markRaw } from 'vue';\nimport Handsontable from 'handsontable/base';\nimport {\n HOT_DESTROYED_WARNING,\n prepareSettings,\n propFactory,\n} from './helpers';\nimport {\n HotTableProps,\n} from './types';\nimport as packageJson from '../package.json';\n\nconst HotTable = defineComponent({\n name: 'HotTable',\n props: propFactory('HotTable'),\n provide() {\n return {\n columnsCache: this.columnsCache\n };\n },\n watch: {\n $props: {\n handler(props) {\n const settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);\n\n if (!this.hotInstance \|\| settings === void 0) {\n return;\n }\n\n if (settings.data) {\n if (\n this.hotInstance.isColumnModificationAllowed() \|\|\n (\n !this.hotInstance.isColumnModificationAllowed() &&\n this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns\n )\n ) {\n // If the dataset dimensions change, update the index mappers.\n this.matchHotMappersSize();\n\n // Data is automatically synchronized by reference.\n delete settings.data;\n }\n }\n\n // If there are another options changed, update the HOT settings, render the table otherwise.\n if (Object.keys(settings).length) {\n this.hotInstance.updateSettings(settings);\n\n } else {\n this.hotInstance.render();\n }\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n deep: true,\n immediate: true,\n },\n },\n data() {\n return {\n /* eslint-disable vue/no-reserved-keys /\n __hotInstance: null as Handsontable,\n / eslint-enable vue/no-reserved-keys /\n miscCache: {\n currentSourceColumns: null,\n },\n columnSettings: null as HotTableProps[],\n columnsCache: new Map<VNode, HotTableProps>(),\n get hotInstance(): Handsontable \| null {\n if (!this.__hotInstance \|\| (this.__hotInstance && !this.__hotInstance.isDestroyed)) {\n\n // Will return the Handsontable instance or `null` if it's not yet been created.\n return this.__hotInstance;\n\n } else {\n / eslint-disable-next-line no-console /\n console.warn(HOT_DESTROYED_WARNING);\n\n return null;\n }\n },\n set hotInstance(hotInstance: Handsontable) {\n this.__hotInstance = hotInstance;\n },\n };\n },\n methods: {\n /\n Initialize Handsontable.\n /\n hotInit() {\n const newSettings = prepareSettings(this.$props);\n\n newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;\n\n this.hotInstance = markRaw<Handsontable>(new Handsontable.Core(this.$el, newSettings));\n this.hotInstance.init();\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n\n matchHotMappersSize(): void {\n if (!this.hotInstance) {\n return;\n }\n\n const data: Handsontable.CellValue[][] = this.hotInstance.getSourceData();\n const rowsToRemove: number[] = [];\n const columnsToRemove: number[] = [];\n const indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();\n const isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();\n let indexMapperColumnCount = 0;\n\n if (data && data.length !== indexMapperRowCount) {\n if (data.length < indexMapperRowCount) {\n for (let r = data.length; r < indexMapperRowCount; r++) {\n rowsToRemove.push(r);\n }\n }\n }\n\n if (isColumnModificationAllowed) {\n indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();\n\n if (data && data[0] && data[0]?.length !== indexMapperColumnCount) {\n if (data[0].length < indexMapperColumnCount) {\n for (let c = data[0].length; c < indexMapperColumnCount; c++) {\n columnsToRemove.push(c);\n }\n }\n }\n }\n\n this.hotInstance.batch(() => {\n if (rowsToRemove.length > 0) {\n this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);\n\n } else {\n this.hotInstance.rowIndexMapper\n .insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);\n }\n\n if (isColumnModificationAllowed && data.length !== 0) {\n if (columnsToRemove.length > 0) {\n this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);\n\n } else {\n this.hotInstance.columnIndexMapper\n .insertIndexes(indexMapperColumnCount - 1, data[0].length - indexMapperColumnCount);\n }\n }\n });\n },\n\n /\n Get settings for the columns provided in the `hot-column` components.\n \n @returns {HotTableProps[] \| undefined}\n /\n getColumnSettings(): HotTableProps[] \| void {\n const columnSettings: HotTableProps[] = Array.from(this.columnsCache.values());\n\n return columnSettings.length ? columnSettings : void 0;\n },\n },\n mounted() {\n this.columnSettings = this.getColumnSettings();\n this.hotInit();\n },\n beforeUnmount() {\n if (this.hotInstance) {\n this.hotInstance.destroy();\n }\n },\n version: (packageJson as unknown as { version: string }).version,\n});\n\nexport default HotTable;\nexport { HotTable };\n</script>\n","<template>\n <div :id=\"id\">\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, VNode, markRaw } from 'vue';\nimport Handsontable from 'handsontable/base';\nimport {\n HOT_DESTROYED_WARNING,\n prepareSettings,\n propFactory,\n} from './helpers';\nimport {\n HotTableProps,\n} from './types';\nimport as packageJson from '../package.json';\n\nconst HotTable = defineComponent({\n name: 'HotTable',\n props: propFactory('HotTable'),\n provide() {\n return {\n columnsCache: this.columnsCache\n };\n },\n watch: {\n $props: {\n handler(props) {\n const settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);\n\n if (!this.hotInstance \|\| settings === void 0) {\n return;\n }\n\n if (settings.data) {\n if (\n this.hotInstance.isColumnModificationAllowed() \|\|\n (\n !this.hotInstance.isColumnModificationAllowed() &&\n this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns\n )\n ) {\n // If the dataset dimensions change, update the index mappers.\n this.matchHotMappersSize();\n\n // Data is automatically synchronized by reference.\n delete settings.data;\n }\n }\n\n // If there are another options changed, update the HOT settings, render the table otherwise.\n if (Object.keys(settings).length) {\n this.hotInstance.updateSettings(settings);\n\n } else {\n this.hotInstance.render();\n }\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n deep: true,\n immediate: true,\n },\n },\n data() {\n return {\n /* eslint-disable vue/no-reserved-keys /\n __hotInstance: null as Handsontable,\n / eslint-enable vue/no-reserved-keys /\n miscCache: {\n currentSourceColumns: null,\n },\n columnSettings: null as HotTableProps[],\n columnsCache: new Map<VNode, HotTableProps>(),\n get hotInstance(): Handsontable \| null {\n if (!this.__hotInstance \|\| (this.__hotInstance && !this.__hotInstance.isDestroyed)) {\n\n // Will return the Handsontable instance or `null` if it's not yet been created.\n return this.__hotInstance;\n\n } else {\n / eslint-disable-next-line no-console /\n console.warn(HOT_DESTROYED_WARNING);\n\n return null;\n }\n },\n set hotInstance(hotInstance: Handsontable) {\n this.__hotInstance = hotInstance;\n },\n };\n },\n methods: {\n /\n Initialize Handsontable.\n /\n hotInit() {\n const newSettings = prepareSettings(this.$props);\n\n newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;\n\n this.hotInstance = markRaw<Handsontable>(new Handsontable.Core(this.$el, newSettings));\n this.hotInstance.init();\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n\n matchHotMappersSize(): void {\n if (!this.hotInstance) {\n return;\n }\n\n const data: Handsontable.CellValue[][] = this.hotInstance.getSourceData();\n const rowsToRemove: number[] = [];\n const columnsToRemove: number[] = [];\n const indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();\n const isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();\n let indexMapperColumnCount = 0;\n\n if (data && data.length !== indexMapperRowCount) {\n if (data.length < indexMapperRowCount) {\n for (let r = data.length; r < indexMapperRowCount; r++) {\n rowsToRemove.push(r);\n }\n }\n }\n\n if (isColumnModificationAllowed) {\n indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();\n\n if (data && data[0] && data[0]?.length !== indexMapperColumnCount) {\n if (data[0].length < indexMapperColumnCount) {\n for (let c = data[0].length; c < indexMapperColumnCount; c++) {\n columnsToRemove.push(c);\n }\n }\n }\n }\n\n this.hotInstance.batch(() => {\n if (rowsToRemove.length > 0) {\n this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);\n\n } else {\n this.hotInstance.rowIndexMapper\n .insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);\n }\n\n if (isColumnModificationAllowed && data.length !== 0) {\n if (columnsToRemove.length > 0) {\n this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);\n\n } else {\n this.hotInstance.columnIndexMapper\n .insertIndexes(indexMapperColumnCount - 1, data[0].length - indexMapperColumnCount);\n }\n }\n });\n },\n\n /\n Get settings for the columns provided in the `hot-column` components.\n \n @returns {HotTableProps[] \| undefined}\n /\n getColumnSettings(): HotTableProps[] \| void {\n const columnSettings: HotTableProps[] = Array.from(this.columnsCache.values());\n\n return columnSettings.length ? columnSettings : void 0;\n },\n },\n mounted() {\n this.columnSettings = this.getColumnSettings();\n this.hotInit();\n },\n beforeUnmount() {\n if (this.hotInstance) {\n this.hotInstance.destroy();\n }\n },\n version: (packageJson as unknown as { version: string }).version,\n});\n\nexport default HotTable;\nexport { HotTable };\n</script>\n","<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport {\n propFactory,\n filterPassedProps\n} from './helpers';\n\nconst HotColumn = defineComponent({\n name: 'HotColumn',\n props: propFactory('HotColumn'),\n inject: ['columnsCache'],\n methods: {\n /\n Create the column settings based on the data provided to the `hot-column`\n * component and it's child components.\n */\n createColumnSettings(): void {\n const assignedProps = filterPassedProps(this.$props);\n const columnSettings = { ...assignedProps };\n\n if (assignedProps.renderer) {\n columnSettings.renderer = assignedProps.renderer;\n }\n\n if (assignedProps.editor) {\n columnSettings.editor = assignedProps.editor;\n }\n\n this.columnsCache.set(this, columnSettings);\n }\n },\n mounted() {\n this.createColumnSettings();\n },\n unmounted() {\n this.columnsCache.delete(this);\n },\n render() {\n return null;\n }\n});\n\nexport default HotColumn;\nexport { HotColumn };\n</script>\n"],"names":["unassignedPropSymbol","Symbol","HOT_DESTROYED_WARNING","hasOwnProperty","object","key","Object","prototype","call","propFactory","source","registeredHooks","Handsontable","hooks","getRegistered","propSchema","assign","DefaultSettings","prop","i","length","settings","id","type","String","Math","random","toString","substring","filterPassedProps","props","filteredProps","columnSettingsProp","propName","prepareSettings","currentSettings","assignedProps","hotSettingsInProps","additionalHotSettingsInProps","newSettings","simpleEqual","objectA","objectB","JSON","stringify","HotTable","defineComponent","name","provide","columnsCache","watch","$props","handler","hotInstance","getSettings","data","isColumnModificationAllowed","countSourceCols","miscCache","currentSourceColumns","matchHotMappersSize","keys","updateSettings","render","deep","immediate","__hotInstance","columnSettings","Map","isDestroyed","console","warn","methods","hotInit","columns","markRaw","Core","$el","init","getSourceData","rowsToRemove","columnsToRemove","indexMapperRowCount","rowIndexMapper","getNumberOfIndexes","indexMapperColumnCount","r","push","columnIndexMapper","c","batch","removeIndexes","insertIndexes","getColumnSettings","Array","from","values","mounted","beforeUnmount","destroy","version","packageJson","_createElementBlock","_ctx","_renderSlot","$slots","HotColumn","inject","createColumnSettings","renderer","editor","set","unmounted"],"mappings":"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"}
1	+ {"version":3,"file":"vue-handsontable.js","sources":["../src/helpers.ts","../src/HotTable.vue","../src/HotTable.vue?vue&type=template&id=54bcc3fa&lang.js","../src/HotColumn.vue"],"sourcesContent":["import Handsontable from 'handsontable/base';\nimport { HotTableProps, VueProps } from './types';\n\nconst unassignedPropSymbol = Symbol('unassigned');\n\n/*\n Message for the warning thrown if the Handsontable instance has been destroyed.\n /\nexport const HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' +\n ' used properly.';\n\n/\n Check if at specified `key` there is any value for `object`.\n \n @param {object} object Object to search value at specyfic key.\n * @param {string} key String key to check.\n * @returns {boolean}\n /\nexport function hasOwnProperty(object: unknown, key: string): boolean {\n return Object.prototype.hasOwnProperty.call(object, key);\n}\n\n/\n Generate an object containing all the available Handsontable properties and plugin hooks.\n \n @param {string} source Source for the factory (either 'HotTable' or 'HotColumn').\n * @returns {object}\n /\nexport function propFactory(source: 'HotTable' \| 'HotColumn'): VueProps<HotTableProps> {\n const registeredHooks = Handsontable.hooks.getRegistered();\n const propSchema: VueProps<HotTableProps> = {};\n\n Object.assign(propSchema, Handsontable.DefaultSettings);\n\n // eslint-disable-next-line no-restricted-syntax, guard-for-in\n for (const prop in propSchema) {\n propSchema[prop] = {\n default: unassignedPropSymbol\n };\n }\n\n for (let i = 0; i < registeredHooks.length; i++) {\n propSchema[registeredHooks[i]] = {\n default: unassignedPropSymbol\n };\n }\n\n propSchema.settings = {\n default: unassignedPropSymbol\n };\n\n if (source === 'HotTable') {\n propSchema.id = {\n type: String,\n default: `hot-${Math.random().toString(36).substring(5)}`\n };\n }\n\n return propSchema;\n}\n\n/\n Filter out all of the unassigned props, and return only the one passed to the component.\n \n @param {object} props Object containing all the possible props.\n * @returns {object} Object containing only used props.\n /\nexport function filterPassedProps(props) {\n const filteredProps: VueProps<HotTableProps> = {};\n const columnSettingsProp = props.settings;\n\n if (columnSettingsProp !== unassignedPropSymbol) {\n // eslint-disable-next-line no-restricted-syntax\n for (const propName in columnSettingsProp) {\n if (hasOwnProperty(columnSettingsProp, propName) && columnSettingsProp[propName] !== unassignedPropSymbol) {\n filteredProps[propName] = columnSettingsProp[propName];\n }\n }\n }\n\n // eslint-disable-next-line no-restricted-syntax\n for (const propName in props) {\n if (hasOwnProperty(props, propName) && propName !== 'settings' && props[propName] !== unassignedPropSymbol) {\n filteredProps[propName] = props[propName];\n }\n }\n\n return filteredProps;\n}\n\n/\n Prepare the settings object to be used as the settings for Handsontable, based on the props provided to the component.\n \n @param {HotTableProps} props The props passed to the component.\n * @param {Handsontable.GridSettings} currentSettings The current Handsontable settings.\n * @returns {Handsontable.GridSettings} An object containing the properties, ready to be used within Handsontable.\n /\nexport function prepareSettings(props: HotTableProps, currentSettings?: Handsontable.GridSettings): HotTableProps {\n const assignedProps: VueProps<HotTableProps> = filterPassedProps(props);\n const hotSettingsInProps: Handsontable.GridSettings = props.settings ? props.settings : assignedProps;\n const additionalHotSettingsInProps: Handsontable.GridSettings = props.settings ? assignedProps : null;\n const newSettings: Handsontable.GridSettings = {};\n\n // eslint-disable-next-line no-restricted-syntax\n for (const key in hotSettingsInProps) {\n if (\n hasOwnProperty(hotSettingsInProps, key) &&\n hotSettingsInProps[key] !== void 0 &&\n ((currentSettings && key !== 'data') ? !simpleEqual(currentSettings[key], hotSettingsInProps[key]) : true)\n ) {\n newSettings[key] = hotSettingsInProps[key];\n }\n }\n\n // eslint-disable-next-line no-restricted-syntax\n for (const key in additionalHotSettingsInProps) {\n if (\n hasOwnProperty(additionalHotSettingsInProps, key) &&\n key !== 'id' &&\n key !== 'settings' &&\n additionalHotSettingsInProps[key] !== void 0 &&\n ((currentSettings && key !== 'data')\n ? !simpleEqual(currentSettings[key], additionalHotSettingsInProps[key]) : true)\n ) {\n newSettings[key] = additionalHotSettingsInProps[key];\n }\n }\n\n return newSettings;\n}\n\n/\n Compare two objects using `JSON.stringify`.\n * Note: As it's using the stringify function to compare objects, the property order in both objects is\n * important. It will return `false` for the same objects, if they're defined in a different order.\n \n @param {object} objectA First object to compare.\n * @param {object} objectB Second object to compare.\n * @returns {boolean} `true` if they're the same, `false` otherwise.\n /\nfunction simpleEqual(objectA, objectB) {\n return JSON.stringify(objectA) === JSON.stringify(objectB);\n}\n","<template>\n <div :id=\"id\">\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, VNode, markRaw } from 'vue';\nimport Handsontable from 'handsontable/base';\nimport {\n HOT_DESTROYED_WARNING,\n prepareSettings,\n propFactory,\n} from './helpers';\nimport {\n HotTableProps,\n} from './types';\nimport as packageJson from '../package.json';\n\nconst HotTable = defineComponent({\n name: 'HotTable',\n props: propFactory('HotTable'),\n provide() {\n return {\n columnsCache: this.columnsCache\n };\n },\n watch: {\n $props: {\n handler(props) {\n const settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);\n\n if (!this.hotInstance \|\| settings === void 0) {\n return;\n }\n\n if (settings.data) {\n if (\n this.hotInstance.isColumnModificationAllowed() \|\|\n (\n !this.hotInstance.isColumnModificationAllowed() &&\n this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns\n )\n ) {\n // If the dataset dimensions change, update the index mappers.\n this.matchHotMappersSize();\n\n // Data is automatically synchronized by reference.\n delete settings.data;\n }\n }\n\n // If there are another options changed, update the HOT settings, render the table otherwise.\n if (Object.keys(settings).length) {\n this.hotInstance.updateSettings(settings);\n\n } else {\n this.hotInstance.render();\n }\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n deep: true,\n immediate: true,\n },\n },\n data() {\n return {\n /* eslint-disable vue/no-reserved-keys /\n __hotInstance: null as Handsontable,\n / eslint-enable vue/no-reserved-keys /\n miscCache: {\n currentSourceColumns: null,\n },\n columnSettings: null as HotTableProps[],\n columnsCache: new Map<VNode, HotTableProps>(),\n get hotInstance(): Handsontable \| null {\n if (!this.__hotInstance \|\| (this.__hotInstance && !this.__hotInstance.isDestroyed)) {\n\n // Will return the Handsontable instance or `null` if it's not yet been created.\n return this.__hotInstance;\n\n } else {\n / eslint-disable-next-line no-console /\n console.warn(HOT_DESTROYED_WARNING);\n\n return null;\n }\n },\n set hotInstance(hotInstance: Handsontable) {\n this.__hotInstance = hotInstance;\n },\n };\n },\n methods: {\n /\n Initialize Handsontable.\n /\n hotInit() {\n const newSettings = prepareSettings(this.$props);\n\n newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;\n\n this.hotInstance = markRaw<Handsontable>(new Handsontable.Core(this.$el, newSettings));\n this.hotInstance.init();\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n\n matchHotMappersSize(): void {\n if (!this.hotInstance) {\n return;\n }\n\n const data: Handsontable.CellValue[][] = this.hotInstance.getSourceData();\n const rowsToRemove: number[] = [];\n const columnsToRemove: number[] = [];\n const indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();\n const isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();\n let indexMapperColumnCount = 0;\n\n if (data && data.length !== indexMapperRowCount) {\n if (data.length < indexMapperRowCount) {\n for (let r = data.length; r < indexMapperRowCount; r++) {\n rowsToRemove.push(r);\n }\n }\n }\n\n if (isColumnModificationAllowed) {\n indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();\n\n if (data && data[0] && data[0]?.length !== indexMapperColumnCount) {\n if (data[0].length < indexMapperColumnCount) {\n for (let c = data[0].length; c < indexMapperColumnCount; c++) {\n columnsToRemove.push(c);\n }\n }\n }\n }\n\n this.hotInstance.batch(() => {\n if (rowsToRemove.length > 0) {\n this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);\n\n } else {\n this.hotInstance.rowIndexMapper\n .insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);\n }\n\n if (isColumnModificationAllowed && data.length !== 0) {\n if (columnsToRemove.length > 0) {\n this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);\n\n } else {\n this.hotInstance.columnIndexMapper\n .insertIndexes(indexMapperColumnCount - 1, data[0].length - indexMapperColumnCount);\n }\n }\n });\n },\n\n /\n Get settings for the columns provided in the `hot-column` components.\n \n @returns {HotTableProps[] \| undefined}\n /\n getColumnSettings(): HotTableProps[] \| void {\n const columnSettings: HotTableProps[] = Array.from(this.columnsCache.values());\n\n return columnSettings.length ? columnSettings : void 0;\n },\n },\n mounted() {\n this.columnSettings = this.getColumnSettings();\n this.hotInit();\n },\n beforeUnmount() {\n if (this.hotInstance) {\n this.hotInstance.destroy();\n }\n },\n version: (packageJson as unknown as { version: string }).version,\n});\n\nexport default HotTable;\nexport { HotTable };\n</script>\n","<template>\n <div :id=\"id\">\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, VNode, markRaw } from 'vue';\nimport Handsontable from 'handsontable/base';\nimport {\n HOT_DESTROYED_WARNING,\n prepareSettings,\n propFactory,\n} from './helpers';\nimport {\n HotTableProps,\n} from './types';\nimport as packageJson from '../package.json';\n\nconst HotTable = defineComponent({\n name: 'HotTable',\n props: propFactory('HotTable'),\n provide() {\n return {\n columnsCache: this.columnsCache\n };\n },\n watch: {\n $props: {\n handler(props) {\n const settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);\n\n if (!this.hotInstance \|\| settings === void 0) {\n return;\n }\n\n if (settings.data) {\n if (\n this.hotInstance.isColumnModificationAllowed() \|\|\n (\n !this.hotInstance.isColumnModificationAllowed() &&\n this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns\n )\n ) {\n // If the dataset dimensions change, update the index mappers.\n this.matchHotMappersSize();\n\n // Data is automatically synchronized by reference.\n delete settings.data;\n }\n }\n\n // If there are another options changed, update the HOT settings, render the table otherwise.\n if (Object.keys(settings).length) {\n this.hotInstance.updateSettings(settings);\n\n } else {\n this.hotInstance.render();\n }\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n deep: true,\n immediate: true,\n },\n },\n data() {\n return {\n /* eslint-disable vue/no-reserved-keys /\n __hotInstance: null as Handsontable,\n / eslint-enable vue/no-reserved-keys /\n miscCache: {\n currentSourceColumns: null,\n },\n columnSettings: null as HotTableProps[],\n columnsCache: new Map<VNode, HotTableProps>(),\n get hotInstance(): Handsontable \| null {\n if (!this.__hotInstance \|\| (this.__hotInstance && !this.__hotInstance.isDestroyed)) {\n\n // Will return the Handsontable instance or `null` if it's not yet been created.\n return this.__hotInstance;\n\n } else {\n / eslint-disable-next-line no-console /\n console.warn(HOT_DESTROYED_WARNING);\n\n return null;\n }\n },\n set hotInstance(hotInstance: Handsontable) {\n this.__hotInstance = hotInstance;\n },\n };\n },\n methods: {\n /\n Initialize Handsontable.\n /\n hotInit() {\n const newSettings = prepareSettings(this.$props);\n\n newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;\n\n this.hotInstance = markRaw<Handsontable>(new Handsontable.Core(this.$el, newSettings));\n this.hotInstance.init();\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n\n matchHotMappersSize(): void {\n if (!this.hotInstance) {\n return;\n }\n\n const data: Handsontable.CellValue[][] = this.hotInstance.getSourceData();\n const rowsToRemove: number[] = [];\n const columnsToRemove: number[] = [];\n const indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();\n const isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();\n let indexMapperColumnCount = 0;\n\n if (data && data.length !== indexMapperRowCount) {\n if (data.length < indexMapperRowCount) {\n for (let r = data.length; r < indexMapperRowCount; r++) {\n rowsToRemove.push(r);\n }\n }\n }\n\n if (isColumnModificationAllowed) {\n indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();\n\n if (data && data[0] && data[0]?.length !== indexMapperColumnCount) {\n if (data[0].length < indexMapperColumnCount) {\n for (let c = data[0].length; c < indexMapperColumnCount; c++) {\n columnsToRemove.push(c);\n }\n }\n }\n }\n\n this.hotInstance.batch(() => {\n if (rowsToRemove.length > 0) {\n this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);\n\n } else {\n this.hotInstance.rowIndexMapper\n .insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);\n }\n\n if (isColumnModificationAllowed && data.length !== 0) {\n if (columnsToRemove.length > 0) {\n this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);\n\n } else {\n this.hotInstance.columnIndexMapper\n .insertIndexes(indexMapperColumnCount - 1, data[0].length - indexMapperColumnCount);\n }\n }\n });\n },\n\n /\n Get settings for the columns provided in the `hot-column` components.\n \n @returns {HotTableProps[] \| undefined}\n /\n getColumnSettings(): HotTableProps[] \| void {\n const columnSettings: HotTableProps[] = Array.from(this.columnsCache.values());\n\n return columnSettings.length ? columnSettings : void 0;\n },\n },\n mounted() {\n this.columnSettings = this.getColumnSettings();\n this.hotInit();\n },\n beforeUnmount() {\n if (this.hotInstance) {\n this.hotInstance.destroy();\n }\n },\n version: (packageJson as unknown as { version: string }).version,\n});\n\nexport default HotTable;\nexport { HotTable };\n</script>\n","<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport {\n propFactory,\n filterPassedProps\n} from './helpers';\n\nconst HotColumn = defineComponent({\n name: 'HotColumn',\n props: propFactory('HotColumn'),\n inject: ['columnsCache'],\n methods: {\n /\n Create the column settings based on the data provided to the `hot-column`\n * component and it's child components.\n */\n createColumnSettings(): void {\n const assignedProps = filterPassedProps(this.$props);\n const columnSettings = { ...assignedProps };\n\n if (assignedProps.renderer) {\n columnSettings.renderer = assignedProps.renderer;\n }\n\n if (assignedProps.editor) {\n columnSettings.editor = assignedProps.editor;\n }\n\n this.columnsCache.set(this, columnSettings);\n }\n },\n mounted() {\n this.createColumnSettings();\n },\n unmounted() {\n this.columnsCache.delete(this);\n },\n render() {\n return null;\n }\n});\n\nexport default HotColumn;\nexport { HotColumn };\n</script>\n"],"names":["unassignedPropSymbol","Symbol","HOT_DESTROYED_WARNING","hasOwnProperty","object","key","Object","prototype","call","propFactory","source","registeredHooks","Handsontable","hooks","getRegistered","propSchema","assign","DefaultSettings","prop","i","length","settings","id","type","String","Math","random","toString","substring","filterPassedProps","props","filteredProps","columnSettingsProp","propName","prepareSettings","currentSettings","assignedProps","hotSettingsInProps","additionalHotSettingsInProps","newSettings","simpleEqual","objectA","objectB","JSON","stringify","HotTable","defineComponent","name","provide","columnsCache","watch","$props","handler","hotInstance","getSettings","data","isColumnModificationAllowed","countSourceCols","miscCache","currentSourceColumns","matchHotMappersSize","keys","updateSettings","render","deep","immediate","__hotInstance","columnSettings","Map","isDestroyed","console","warn","methods","hotInit","columns","markRaw","Core","$el","init","getSourceData","rowsToRemove","columnsToRemove","indexMapperRowCount","rowIndexMapper","getNumberOfIndexes","indexMapperColumnCount","r","push","columnIndexMapper","c","batch","removeIndexes","insertIndexes","getColumnSettings","Array","from","values","mounted","beforeUnmount","destroy","version","packageJson","_createElementBlock","_ctx","_renderSlot","$slots","HotColumn","inject","createColumnSettings","renderer","editor","set","unmounted"],"mappings":"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"}

package/dist/vue-handsontable.min.js CHANGED Viewed

@@ -25,7 +25,7 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 12.1.3 (built at Thu Sep 22 2022 09:55:53 GMT+0200 (Central European Summer Time))
+ * Version: 12.2.0 (built at Tue Oct 25 2022 12:06:20 GMT+0200 (Central European Summer Time))
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("vue"),require("handsontable/base")):"function"==typeof define&&define.amd?define(["exports","vue","handsontable/base"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).Handsontable=t.Handsontable||{},t.Handsontable.vue={}),t.Vue,t.Handsontable)}(this,(function(t,e,n){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(n),r=Symbol("unassigned");function i(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function a(t){var e=s.default.hooks.getRegistered(),n={};for(var o in Object.assign(n,s.default.DefaultSettings),n)n[o]={default:r};for(var i=0;e.length>i;i++)n[e[i]]={default:r};return n.settings={default:r},"HotTable"===t&&(n.id={type:String,default:"hot-".concat(Math.random().toString(36).substring(5))}),n}function c(t){var e={},n=t.settings;if(n!==r)for(var o in n)i(n,o)&&n[o]!==r&&(e[o]=n[o]);for(var s in t)i(t,s)&&"settings"!==s&&t[s]!==r&&(e[s]=t[s]);return e}function u(t,e){var n=c(t),o=t.settings?t.settings:n,s=t.settings?n:null,r={};for(var a in o)!i(o,a)||void 0===o[a]||e&&"data"!==a&&l(e[a],o[a])||(r[a]=o[a]);for(var u in s)!i(s,u)||"id"===u||"settings"===u||void 0===s[u]||e&&"data"!==u&&l(e[u],s[u])||(r[u]=s[u]);return r}function l(t,e){return JSON.stringify(t)===JSON.stringify(e)}var h=e.defineComponent({name:"HotTable",props:a("HotTable"),provide:function(){return{columnsCache:this.columnsCache}},watch:{$props:{handler:function(t){var e=u(t,this.hotInstance?this.hotInstance.getSettings():void 0);this.hotInstance&&void 0!==e&&(e.data&&(this.hotInstance.isColumnModificationAllowed()||!this.hotInstance.isColumnModificationAllowed()&&this.hotInstance.countSourceCols()===this.miscCache.currentSourceColumns)&&(this.matchHotMappersSize(),delete e.data),Object.keys(e).length?this.hotInstance.updateSettings(e):this.hotInstance.render(),this.miscCache.currentSourceColumns=this.hotInstance.countSourceCols())},deep:!0,immediate:!0}},data:function(){return{__hotInstance:null,miscCache:{currentSourceColumns:null},columnSettings:null,columnsCache:new Map,get hotInstance(){return!this.__hotInstance||this.__hotInstance&&!this.__hotInstance.isDestroyed?this.__hotInstance:(console.warn("The Handsontable instance bound to this component was destroyed and cannot be used properly."),null)},set hotInstance(t){this.__hotInstance=t}}},methods:{hotInit:function(){var t=u(this.$props);t.columns=this.columnSettings?this.columnSettings:t.columns,this.hotInstance=e.markRaw(new s.default.Core(this.$el,t)),this.hotInstance.init(),this.miscCache.currentSourceColumns=this.hotInstance.countSourceCols()},matchHotMappersSize:function(){var t=this;if(this.hotInstance){var e,n=this.hotInstance.getSourceData(),o=[],s=[],r=this.hotInstance.rowIndexMapper.getNumberOfIndexes(),i=this.hotInstance.isColumnModificationAllowed(),a=0;if(n&&n.length!==r&&r>n.length)for(var c=n.length;r>c;c++)o.push(c);if(i)if(a=this.hotInstance.columnIndexMapper.getNumberOfIndexes(),n&&n[0]&&(null===(e=n[0])||void 0===e?void 0:e.length)!==a&&a>n[0].length)for(var u=n[0].length;a>u;u++)s.push(u);this.hotInstance.batch((function(){o.length>0?t.hotInstance.rowIndexMapper.removeIndexes(o):t.hotInstance.rowIndexMapper.insertIndexes(r-1,n.length-r),i&&0!==n.length&&(s.length>0?t.hotInstance.columnIndexMapper.removeIndexes(s):t.hotInstance.columnIndexMapper.insertIndexes(a-1,n[0].length-a))}))}},getColumnSettings:function(){var t=Array.from(this.columnsCache.values());return t.length?t:void 0}},mounted:function(){this.columnSettings=this.getColumnSettings(),this.hotInit()},beforeUnmount:function(){this.hotInstance&&this.hotInstance.destroy()},version:"12.1.3"}),d=["id"];function f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function p(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}h.render=function(t,n,o,s,r,i){return e.openBlock(),e.createElementBlock("div",{id:t.id},[e.renderSlot(t.$slots,"default")],8,d)},h.__file="src/HotTable.vue";var m=e.defineComponent({name:"HotColumn",props:a("HotColumn"),inject:["columnsCache"],methods:{createColumnSettings:function(){var t=c(this.$props),e=function(t){for(var e=1;arguments.length>e;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f(Object(n),!0).forEach((function(e){p(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t);t.renderer&&(e.renderer=t.renderer),t.editor&&(e.editor=t.editor),this.columnsCache.set(this,e)}},mounted:function(){this.createColumnSettings()},unmounted:function(){this.columnsCache.delete(this)},render:function(){return null}});m.__file="src/HotColumn.vue",t.HotColumn=m,t.HotTable=h,t.default=h,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("vue"),require("handsontable/base")):"function"==typeof define&&define.amd?define(["exports","vue","handsontable/base"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).Handsontable=t.Handsontable||{},t.Handsontable.vue={}),t.Vue,t.Handsontable)}(this,(function(t,e,n){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(n),r=Symbol("unassigned");function i(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function a(t){var e=s.default.hooks.getRegistered(),n={};for(var o in Object.assign(n,s.default.DefaultSettings),n)n[o]={default:r};for(var i=0;e.length>i;i++)n[e[i]]={default:r};return n.settings={default:r},"HotTable"===t&&(n.id={type:String,default:"hot-".concat(Math.random().toString(36).substring(5))}),n}function c(t){var e={},n=t.settings;if(n!==r)for(var o in n)i(n,o)&&n[o]!==r&&(e[o]=n[o]);for(var s in t)i(t,s)&&"settings"!==s&&t[s]!==r&&(e[s]=t[s]);return e}function u(t,e){var n=c(t),o=t.settings?t.settings:n,s=t.settings?n:null,r={};for(var a in o)!i(o,a)||void 0===o[a]||e&&"data"!==a&&l(e[a],o[a])||(r[a]=o[a]);for(var u in s)!i(s,u)||"id"===u||"settings"===u||void 0===s[u]||e&&"data"!==u&&l(e[u],s[u])||(r[u]=s[u]);return r}function l(t,e){return JSON.stringify(t)===JSON.stringify(e)}var h=e.defineComponent({name:"HotTable",props:a("HotTable"),provide:function(){return{columnsCache:this.columnsCache}},watch:{$props:{handler:function(t){var e=u(t,this.hotInstance?this.hotInstance.getSettings():void 0);this.hotInstance&&void 0!==e&&(e.data&&(this.hotInstance.isColumnModificationAllowed()||!this.hotInstance.isColumnModificationAllowed()&&this.hotInstance.countSourceCols()===this.miscCache.currentSourceColumns)&&(this.matchHotMappersSize(),delete e.data),Object.keys(e).length?this.hotInstance.updateSettings(e):this.hotInstance.render(),this.miscCache.currentSourceColumns=this.hotInstance.countSourceCols())},deep:!0,immediate:!0}},data:function(){return{__hotInstance:null,miscCache:{currentSourceColumns:null},columnSettings:null,columnsCache:new Map,get hotInstance(){return!this.__hotInstance||this.__hotInstance&&!this.__hotInstance.isDestroyed?this.__hotInstance:(console.warn("The Handsontable instance bound to this component was destroyed and cannot be used properly."),null)},set hotInstance(t){this.__hotInstance=t}}},methods:{hotInit:function(){var t=u(this.$props);t.columns=this.columnSettings?this.columnSettings:t.columns,this.hotInstance=e.markRaw(new s.default.Core(this.$el,t)),this.hotInstance.init(),this.miscCache.currentSourceColumns=this.hotInstance.countSourceCols()},matchHotMappersSize:function(){var t=this;if(this.hotInstance){var e,n=this.hotInstance.getSourceData(),o=[],s=[],r=this.hotInstance.rowIndexMapper.getNumberOfIndexes(),i=this.hotInstance.isColumnModificationAllowed(),a=0;if(n&&n.length!==r&&r>n.length)for(var c=n.length;r>c;c++)o.push(c);if(i)if(a=this.hotInstance.columnIndexMapper.getNumberOfIndexes(),n&&n[0]&&(null===(e=n[0])||void 0===e?void 0:e.length)!==a&&a>n[0].length)for(var u=n[0].length;a>u;u++)s.push(u);this.hotInstance.batch((function(){o.length>0?t.hotInstance.rowIndexMapper.removeIndexes(o):t.hotInstance.rowIndexMapper.insertIndexes(r-1,n.length-r),i&&0!==n.length&&(s.length>0?t.hotInstance.columnIndexMapper.removeIndexes(s):t.hotInstance.columnIndexMapper.insertIndexes(a-1,n[0].length-a))}))}},getColumnSettings:function(){var t=Array.from(this.columnsCache.values());return t.length?t:void 0}},mounted:function(){this.columnSettings=this.getColumnSettings(),this.hotInit()},beforeUnmount:function(){this.hotInstance&&this.hotInstance.destroy()},version:"12.2.0"}),d=["id"];function f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function p(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}h.render=function(t,n,o,s,r,i){return e.openBlock(),e.createElementBlock("div",{id:t.id},[e.renderSlot(t.$slots,"default")],8,d)},h.__file="src/HotTable.vue";var m=e.defineComponent({name:"HotColumn",props:a("HotColumn"),inject:["columnsCache"],methods:{createColumnSettings:function(){var t=c(this.$props),e=function(t){for(var e=1;arguments.length>e;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f(Object(n),!0).forEach((function(e){p(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t);t.renderer&&(e.renderer=t.renderer),t.editor&&(e.editor=t.editor),this.columnsCache.set(this,e)}},mounted:function(){this.createColumnSettings()},unmounted:function(){this.columnsCache.delete(this)},render:function(){return null}});m.__file="src/HotColumn.vue",t.HotColumn=m,t.HotTable=h,t.default=h,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=vue-handsontable.min.js.map

package/dist/vue-handsontable.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vue-handsontable.min.js","sources":["../src/helpers.ts","../src/HotTable.vue","../src/HotTable.vue?vue&type=template&id=54bcc3fa&lang.js","../src/HotColumn.vue"],"sourcesContent":["import Handsontable from 'handsontable/base';\nimport { HotTableProps, VueProps } from './types';\n\nconst unassignedPropSymbol = Symbol('unassigned');\n\n/*\n Message for the warning thrown if the Handsontable instance has been destroyed.\n /\nexport const HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' +\n ' used properly.';\n\n/\n Check if at specified `key` there is any value for `object`.\n \n @param {object} object Object to search value at specyfic key.\n * @param {string} key String key to check.\n * @returns {boolean}\n /\nexport function hasOwnProperty(object: unknown, key: string): boolean {\n return Object.prototype.hasOwnProperty.call(object, key);\n}\n\n/\n Generate an object containing all the available Handsontable properties and plugin hooks.\n \n @param {string} source Source for the factory (either 'HotTable' or 'HotColumn').\n * @returns {object}\n /\nexport function propFactory(source: 'HotTable' \| 'HotColumn'): VueProps<HotTableProps> {\n const registeredHooks = Handsontable.hooks.getRegistered();\n const propSchema: VueProps<HotTableProps> = {};\n\n Object.assign(propSchema, Handsontable.DefaultSettings);\n\n // eslint-disable-next-line no-restricted-syntax, guard-for-in\n for (const prop in propSchema) {\n propSchema[prop] = {\n default: unassignedPropSymbol\n };\n }\n\n for (let i = 0; i < registeredHooks.length; i++) {\n propSchema[registeredHooks[i]] = {\n default: unassignedPropSymbol\n };\n }\n\n propSchema.settings = {\n default: unassignedPropSymbol\n };\n\n if (source === 'HotTable') {\n propSchema.id = {\n type: String,\n default: `hot-${Math.random().toString(36).substring(5)}`\n };\n }\n\n return propSchema;\n}\n\n/\n Filter out all of the unassigned props, and return only the one passed to the component.\n \n @param {object} props Object containing all the possible props.\n * @returns {object} Object containing only used props.\n /\nexport function filterPassedProps(props) {\n const filteredProps: VueProps<HotTableProps> = {};\n const columnSettingsProp = props.settings;\n\n if (columnSettingsProp !== unassignedPropSymbol) {\n // eslint-disable-next-line no-restricted-syntax\n for (const propName in columnSettingsProp) {\n if (hasOwnProperty(columnSettingsProp, propName) && columnSettingsProp[propName] !== unassignedPropSymbol) {\n filteredProps[propName] = columnSettingsProp[propName];\n }\n }\n }\n\n // eslint-disable-next-line no-restricted-syntax\n for (const propName in props) {\n if (hasOwnProperty(props, propName) && propName !== 'settings' && props[propName] !== unassignedPropSymbol) {\n filteredProps[propName] = props[propName];\n }\n }\n\n return filteredProps;\n}\n\n/\n Prepare the settings object to be used as the settings for Handsontable, based on the props provided to the component.\n \n @param {HotTableProps} props The props passed to the component.\n * @param {Handsontable.GridSettings} currentSettings The current Handsontable settings.\n * @returns {Handsontable.GridSettings} An object containing the properties, ready to be used within Handsontable.\n /\nexport function prepareSettings(props: HotTableProps, currentSettings?: Handsontable.GridSettings): HotTableProps {\n const assignedProps: VueProps<HotTableProps> = filterPassedProps(props);\n const hotSettingsInProps: Handsontable.GridSettings = props.settings ? props.settings : assignedProps;\n const additionalHotSettingsInProps: Handsontable.GridSettings = props.settings ? assignedProps : null;\n const newSettings: Handsontable.GridSettings = {};\n\n // eslint-disable-next-line no-restricted-syntax\n for (const key in hotSettingsInProps) {\n if (\n hasOwnProperty(hotSettingsInProps, key) &&\n hotSettingsInProps[key] !== void 0 &&\n ((currentSettings && key !== 'data') ? !simpleEqual(currentSettings[key], hotSettingsInProps[key]) : true)\n ) {\n newSettings[key] = hotSettingsInProps[key];\n }\n }\n\n // eslint-disable-next-line no-restricted-syntax\n for (const key in additionalHotSettingsInProps) {\n if (\n hasOwnProperty(additionalHotSettingsInProps, key) &&\n key !== 'id' &&\n key !== 'settings' &&\n additionalHotSettingsInProps[key] !== void 0 &&\n ((currentSettings && key !== 'data')\n ? !simpleEqual(currentSettings[key], additionalHotSettingsInProps[key]) : true)\n ) {\n newSettings[key] = additionalHotSettingsInProps[key];\n }\n }\n\n return newSettings;\n}\n\n/\n Compare two objects using `JSON.stringify`.\n * Note: As it's using the stringify function to compare objects, the property order in both objects is\n * important. It will return `false` for the same objects, if they're defined in a different order.\n \n @param {object} objectA First object to compare.\n * @param {object} objectB Second object to compare.\n * @returns {boolean} `true` if they're the same, `false` otherwise.\n /\nfunction simpleEqual(objectA, objectB) {\n return JSON.stringify(objectA) === JSON.stringify(objectB);\n}\n","<template>\n <div :id=\"id\">\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, VNode, markRaw } from 'vue';\nimport Handsontable from 'handsontable/base';\nimport {\n HOT_DESTROYED_WARNING,\n prepareSettings,\n propFactory,\n} from './helpers';\nimport {\n HotTableProps,\n} from './types';\nimport as packageJson from '../package.json';\n\nconst HotTable = defineComponent({\n name: 'HotTable',\n props: propFactory('HotTable'),\n provide() {\n return {\n columnsCache: this.columnsCache\n };\n },\n watch: {\n $props: {\n handler(props) {\n const settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);\n\n if (!this.hotInstance \|\| settings === void 0) {\n return;\n }\n\n if (settings.data) {\n if (\n this.hotInstance.isColumnModificationAllowed() \|\|\n (\n !this.hotInstance.isColumnModificationAllowed() &&\n this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns\n )\n ) {\n // If the dataset dimensions change, update the index mappers.\n this.matchHotMappersSize();\n\n // Data is automatically synchronized by reference.\n delete settings.data;\n }\n }\n\n // If there are another options changed, update the HOT settings, render the table otherwise.\n if (Object.keys(settings).length) {\n this.hotInstance.updateSettings(settings);\n\n } else {\n this.hotInstance.render();\n }\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n deep: true,\n immediate: true,\n },\n },\n data() {\n return {\n /* eslint-disable vue/no-reserved-keys /\n __hotInstance: null as Handsontable,\n / eslint-enable vue/no-reserved-keys /\n miscCache: {\n currentSourceColumns: null,\n },\n columnSettings: null as HotTableProps[],\n columnsCache: new Map<VNode, HotTableProps>(),\n get hotInstance(): Handsontable \| null {\n if (!this.__hotInstance \|\| (this.__hotInstance && !this.__hotInstance.isDestroyed)) {\n\n // Will return the Handsontable instance or `null` if it's not yet been created.\n return this.__hotInstance;\n\n } else {\n / eslint-disable-next-line no-console /\n console.warn(HOT_DESTROYED_WARNING);\n\n return null;\n }\n },\n set hotInstance(hotInstance: Handsontable) {\n this.__hotInstance = hotInstance;\n },\n };\n },\n methods: {\n /\n Initialize Handsontable.\n /\n hotInit() {\n const newSettings = prepareSettings(this.$props);\n\n newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;\n\n this.hotInstance = markRaw<Handsontable>(new Handsontable.Core(this.$el, newSettings));\n this.hotInstance.init();\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n\n matchHotMappersSize(): void {\n if (!this.hotInstance) {\n return;\n }\n\n const data: Handsontable.CellValue[][] = this.hotInstance.getSourceData();\n const rowsToRemove: number[] = [];\n const columnsToRemove: number[] = [];\n const indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();\n const isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();\n let indexMapperColumnCount = 0;\n\n if (data && data.length !== indexMapperRowCount) {\n if (data.length < indexMapperRowCount) {\n for (let r = data.length; r < indexMapperRowCount; r++) {\n rowsToRemove.push(r);\n }\n }\n }\n\n if (isColumnModificationAllowed) {\n indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();\n\n if (data && data[0] && data[0]?.length !== indexMapperColumnCount) {\n if (data[0].length < indexMapperColumnCount) {\n for (let c = data[0].length; c < indexMapperColumnCount; c++) {\n columnsToRemove.push(c);\n }\n }\n }\n }\n\n this.hotInstance.batch(() => {\n if (rowsToRemove.length > 0) {\n this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);\n\n } else {\n this.hotInstance.rowIndexMapper\n .insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);\n }\n\n if (isColumnModificationAllowed && data.length !== 0) {\n if (columnsToRemove.length > 0) {\n this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);\n\n } else {\n this.hotInstance.columnIndexMapper\n .insertIndexes(indexMapperColumnCount - 1, data[0].length - indexMapperColumnCount);\n }\n }\n });\n },\n\n /\n Get settings for the columns provided in the `hot-column` components.\n \n @returns {HotTableProps[] \| undefined}\n /\n getColumnSettings(): HotTableProps[] \| void {\n const columnSettings: HotTableProps[] = Array.from(this.columnsCache.values());\n\n return columnSettings.length ? columnSettings : void 0;\n },\n },\n mounted() {\n this.columnSettings = this.getColumnSettings();\n this.hotInit();\n },\n beforeUnmount() {\n if (this.hotInstance) {\n this.hotInstance.destroy();\n }\n },\n version: (packageJson as unknown as { version: string }).version,\n});\n\nexport default HotTable;\nexport { HotTable };\n</script>\n","<template>\n <div :id=\"id\">\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, VNode, markRaw } from 'vue';\nimport Handsontable from 'handsontable/base';\nimport {\n HOT_DESTROYED_WARNING,\n prepareSettings,\n propFactory,\n} from './helpers';\nimport {\n HotTableProps,\n} from './types';\nimport as packageJson from '../package.json';\n\nconst HotTable = defineComponent({\n name: 'HotTable',\n props: propFactory('HotTable'),\n provide() {\n return {\n columnsCache: this.columnsCache\n };\n },\n watch: {\n $props: {\n handler(props) {\n const settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);\n\n if (!this.hotInstance \|\| settings === void 0) {\n return;\n }\n\n if (settings.data) {\n if (\n this.hotInstance.isColumnModificationAllowed() \|\|\n (\n !this.hotInstance.isColumnModificationAllowed() &&\n this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns\n )\n ) {\n // If the dataset dimensions change, update the index mappers.\n this.matchHotMappersSize();\n\n // Data is automatically synchronized by reference.\n delete settings.data;\n }\n }\n\n // If there are another options changed, update the HOT settings, render the table otherwise.\n if (Object.keys(settings).length) {\n this.hotInstance.updateSettings(settings);\n\n } else {\n this.hotInstance.render();\n }\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n deep: true,\n immediate: true,\n },\n },\n data() {\n return {\n /* eslint-disable vue/no-reserved-keys /\n __hotInstance: null as Handsontable,\n / eslint-enable vue/no-reserved-keys /\n miscCache: {\n currentSourceColumns: null,\n },\n columnSettings: null as HotTableProps[],\n columnsCache: new Map<VNode, HotTableProps>(),\n get hotInstance(): Handsontable \| null {\n if (!this.__hotInstance \|\| (this.__hotInstance && !this.__hotInstance.isDestroyed)) {\n\n // Will return the Handsontable instance or `null` if it's not yet been created.\n return this.__hotInstance;\n\n } else {\n / eslint-disable-next-line no-console /\n console.warn(HOT_DESTROYED_WARNING);\n\n return null;\n }\n },\n set hotInstance(hotInstance: Handsontable) {\n this.__hotInstance = hotInstance;\n },\n };\n },\n methods: {\n /\n Initialize Handsontable.\n /\n hotInit() {\n const newSettings = prepareSettings(this.$props);\n\n newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;\n\n this.hotInstance = markRaw<Handsontable>(new Handsontable.Core(this.$el, newSettings));\n this.hotInstance.init();\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n\n matchHotMappersSize(): void {\n if (!this.hotInstance) {\n return;\n }\n\n const data: Handsontable.CellValue[][] = this.hotInstance.getSourceData();\n const rowsToRemove: number[] = [];\n const columnsToRemove: number[] = [];\n const indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();\n const isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();\n let indexMapperColumnCount = 0;\n\n if (data && data.length !== indexMapperRowCount) {\n if (data.length < indexMapperRowCount) {\n for (let r = data.length; r < indexMapperRowCount; r++) {\n rowsToRemove.push(r);\n }\n }\n }\n\n if (isColumnModificationAllowed) {\n indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();\n\n if (data && data[0] && data[0]?.length !== indexMapperColumnCount) {\n if (data[0].length < indexMapperColumnCount) {\n for (let c = data[0].length; c < indexMapperColumnCount; c++) {\n columnsToRemove.push(c);\n }\n }\n }\n }\n\n this.hotInstance.batch(() => {\n if (rowsToRemove.length > 0) {\n this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);\n\n } else {\n this.hotInstance.rowIndexMapper\n .insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);\n }\n\n if (isColumnModificationAllowed && data.length !== 0) {\n if (columnsToRemove.length > 0) {\n this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);\n\n } else {\n this.hotInstance.columnIndexMapper\n .insertIndexes(indexMapperColumnCount - 1, data[0].length - indexMapperColumnCount);\n }\n }\n });\n },\n\n /\n Get settings for the columns provided in the `hot-column` components.\n \n @returns {HotTableProps[] \| undefined}\n /\n getColumnSettings(): HotTableProps[] \| void {\n const columnSettings: HotTableProps[] = Array.from(this.columnsCache.values());\n\n return columnSettings.length ? columnSettings : void 0;\n },\n },\n mounted() {\n this.columnSettings = this.getColumnSettings();\n this.hotInit();\n },\n beforeUnmount() {\n if (this.hotInstance) {\n this.hotInstance.destroy();\n }\n },\n version: (packageJson as unknown as { version: string }).version,\n});\n\nexport default HotTable;\nexport { HotTable };\n</script>\n","<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport {\n propFactory,\n filterPassedProps\n} from './helpers';\n\nconst HotColumn = defineComponent({\n name: 'HotColumn',\n props: propFactory('HotColumn'),\n inject: ['columnsCache'],\n methods: {\n /\n Create the column settings based on the data provided to the `hot-column`\n * component and it's child components.\n */\n createColumnSettings(): void {\n const assignedProps = filterPassedProps(this.$props);\n const columnSettings = { ...assignedProps };\n\n if (assignedProps.renderer) {\n columnSettings.renderer = assignedProps.renderer;\n }\n\n if (assignedProps.editor) {\n columnSettings.editor = assignedProps.editor;\n }\n\n this.columnsCache.set(this, columnSettings);\n }\n },\n mounted() {\n this.createColumnSettings();\n },\n unmounted() {\n this.columnsCache.delete(this);\n },\n render() {\n return null;\n }\n});\n\nexport default HotColumn;\nexport { HotColumn };\n</script>\n"],"names":["unassignedPropSymbol","Symbol","hasOwnProperty","object","key","Object","prototype","call","propFactory","source","registeredHooks","Handsontable","hooks","getRegistered","propSchema","prop","assign","DefaultSettings","default","i","length","settings","id","type","String","Math","random","toString","substring","filterPassedProps","props","filteredProps","columnSettingsProp","propName","prepareSettings","currentSettings","assignedProps","hotSettingsInProps","additionalHotSettingsInProps","newSettings","simpleEqual","objectA","objectB","JSON","stringify","HotTable","defineComponent","name","provide","columnsCache","this","watch","$props","handler","hotInstance","getSettings","data","isColumnModificationAllowed","countSourceCols","miscCache","currentSourceColumns","matchHotMappersSize","keys","updateSettings","render","deep","immediate","__hotInstance","columnSettings","Map","isDestroyed","console","warn","methods","hotInit","columns","markRaw","Core","$el","init","_this","_data$","getSourceData","rowsToRemove","columnsToRemove","indexMapperRowCount","rowIndexMapper","getNumberOfIndexes","indexMapperColumnCount","r","push","columnIndexMapper","c","batch","removeIndexes","insertIndexes","getColumnSettings","Array","from","values","mounted","beforeUnmount","destroy","version","_createElementBlock","createElementBlock","_ctx","_renderSlot","renderSlot","$slots","HotColumn","inject","createColumnSettings","renderer","editor","set","unmounted"],"mappings":"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"}
1	+ {"version":3,"file":"vue-handsontable.min.js","sources":["../src/helpers.ts","../src/HotTable.vue","../src/HotTable.vue?vue&type=template&id=54bcc3fa&lang.js","../src/HotColumn.vue"],"sourcesContent":["import Handsontable from 'handsontable/base';\nimport { HotTableProps, VueProps } from './types';\n\nconst unassignedPropSymbol = Symbol('unassigned');\n\n/*\n Message for the warning thrown if the Handsontable instance has been destroyed.\n /\nexport const HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' +\n ' used properly.';\n\n/\n Check if at specified `key` there is any value for `object`.\n \n @param {object} object Object to search value at specyfic key.\n * @param {string} key String key to check.\n * @returns {boolean}\n /\nexport function hasOwnProperty(object: unknown, key: string): boolean {\n return Object.prototype.hasOwnProperty.call(object, key);\n}\n\n/\n Generate an object containing all the available Handsontable properties and plugin hooks.\n \n @param {string} source Source for the factory (either 'HotTable' or 'HotColumn').\n * @returns {object}\n /\nexport function propFactory(source: 'HotTable' \| 'HotColumn'): VueProps<HotTableProps> {\n const registeredHooks = Handsontable.hooks.getRegistered();\n const propSchema: VueProps<HotTableProps> = {};\n\n Object.assign(propSchema, Handsontable.DefaultSettings);\n\n // eslint-disable-next-line no-restricted-syntax, guard-for-in\n for (const prop in propSchema) {\n propSchema[prop] = {\n default: unassignedPropSymbol\n };\n }\n\n for (let i = 0; i < registeredHooks.length; i++) {\n propSchema[registeredHooks[i]] = {\n default: unassignedPropSymbol\n };\n }\n\n propSchema.settings = {\n default: unassignedPropSymbol\n };\n\n if (source === 'HotTable') {\n propSchema.id = {\n type: String,\n default: `hot-${Math.random().toString(36).substring(5)}`\n };\n }\n\n return propSchema;\n}\n\n/\n Filter out all of the unassigned props, and return only the one passed to the component.\n \n @param {object} props Object containing all the possible props.\n * @returns {object} Object containing only used props.\n /\nexport function filterPassedProps(props) {\n const filteredProps: VueProps<HotTableProps> = {};\n const columnSettingsProp = props.settings;\n\n if (columnSettingsProp !== unassignedPropSymbol) {\n // eslint-disable-next-line no-restricted-syntax\n for (const propName in columnSettingsProp) {\n if (hasOwnProperty(columnSettingsProp, propName) && columnSettingsProp[propName] !== unassignedPropSymbol) {\n filteredProps[propName] = columnSettingsProp[propName];\n }\n }\n }\n\n // eslint-disable-next-line no-restricted-syntax\n for (const propName in props) {\n if (hasOwnProperty(props, propName) && propName !== 'settings' && props[propName] !== unassignedPropSymbol) {\n filteredProps[propName] = props[propName];\n }\n }\n\n return filteredProps;\n}\n\n/\n Prepare the settings object to be used as the settings for Handsontable, based on the props provided to the component.\n \n @param {HotTableProps} props The props passed to the component.\n * @param {Handsontable.GridSettings} currentSettings The current Handsontable settings.\n * @returns {Handsontable.GridSettings} An object containing the properties, ready to be used within Handsontable.\n /\nexport function prepareSettings(props: HotTableProps, currentSettings?: Handsontable.GridSettings): HotTableProps {\n const assignedProps: VueProps<HotTableProps> = filterPassedProps(props);\n const hotSettingsInProps: Handsontable.GridSettings = props.settings ? props.settings : assignedProps;\n const additionalHotSettingsInProps: Handsontable.GridSettings = props.settings ? assignedProps : null;\n const newSettings: Handsontable.GridSettings = {};\n\n // eslint-disable-next-line no-restricted-syntax\n for (const key in hotSettingsInProps) {\n if (\n hasOwnProperty(hotSettingsInProps, key) &&\n hotSettingsInProps[key] !== void 0 &&\n ((currentSettings && key !== 'data') ? !simpleEqual(currentSettings[key], hotSettingsInProps[key]) : true)\n ) {\n newSettings[key] = hotSettingsInProps[key];\n }\n }\n\n // eslint-disable-next-line no-restricted-syntax\n for (const key in additionalHotSettingsInProps) {\n if (\n hasOwnProperty(additionalHotSettingsInProps, key) &&\n key !== 'id' &&\n key !== 'settings' &&\n additionalHotSettingsInProps[key] !== void 0 &&\n ((currentSettings && key !== 'data')\n ? !simpleEqual(currentSettings[key], additionalHotSettingsInProps[key]) : true)\n ) {\n newSettings[key] = additionalHotSettingsInProps[key];\n }\n }\n\n return newSettings;\n}\n\n/\n Compare two objects using `JSON.stringify`.\n * Note: As it's using the stringify function to compare objects, the property order in both objects is\n * important. It will return `false` for the same objects, if they're defined in a different order.\n \n @param {object} objectA First object to compare.\n * @param {object} objectB Second object to compare.\n * @returns {boolean} `true` if they're the same, `false` otherwise.\n /\nfunction simpleEqual(objectA, objectB) {\n return JSON.stringify(objectA) === JSON.stringify(objectB);\n}\n","<template>\n <div :id=\"id\">\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, VNode, markRaw } from 'vue';\nimport Handsontable from 'handsontable/base';\nimport {\n HOT_DESTROYED_WARNING,\n prepareSettings,\n propFactory,\n} from './helpers';\nimport {\n HotTableProps,\n} from './types';\nimport as packageJson from '../package.json';\n\nconst HotTable = defineComponent({\n name: 'HotTable',\n props: propFactory('HotTable'),\n provide() {\n return {\n columnsCache: this.columnsCache\n };\n },\n watch: {\n $props: {\n handler(props) {\n const settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);\n\n if (!this.hotInstance \|\| settings === void 0) {\n return;\n }\n\n if (settings.data) {\n if (\n this.hotInstance.isColumnModificationAllowed() \|\|\n (\n !this.hotInstance.isColumnModificationAllowed() &&\n this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns\n )\n ) {\n // If the dataset dimensions change, update the index mappers.\n this.matchHotMappersSize();\n\n // Data is automatically synchronized by reference.\n delete settings.data;\n }\n }\n\n // If there are another options changed, update the HOT settings, render the table otherwise.\n if (Object.keys(settings).length) {\n this.hotInstance.updateSettings(settings);\n\n } else {\n this.hotInstance.render();\n }\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n deep: true,\n immediate: true,\n },\n },\n data() {\n return {\n /* eslint-disable vue/no-reserved-keys /\n __hotInstance: null as Handsontable,\n / eslint-enable vue/no-reserved-keys /\n miscCache: {\n currentSourceColumns: null,\n },\n columnSettings: null as HotTableProps[],\n columnsCache: new Map<VNode, HotTableProps>(),\n get hotInstance(): Handsontable \| null {\n if (!this.__hotInstance \|\| (this.__hotInstance && !this.__hotInstance.isDestroyed)) {\n\n // Will return the Handsontable instance or `null` if it's not yet been created.\n return this.__hotInstance;\n\n } else {\n / eslint-disable-next-line no-console /\n console.warn(HOT_DESTROYED_WARNING);\n\n return null;\n }\n },\n set hotInstance(hotInstance: Handsontable) {\n this.__hotInstance = hotInstance;\n },\n };\n },\n methods: {\n /\n Initialize Handsontable.\n /\n hotInit() {\n const newSettings = prepareSettings(this.$props);\n\n newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;\n\n this.hotInstance = markRaw<Handsontable>(new Handsontable.Core(this.$el, newSettings));\n this.hotInstance.init();\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n\n matchHotMappersSize(): void {\n if (!this.hotInstance) {\n return;\n }\n\n const data: Handsontable.CellValue[][] = this.hotInstance.getSourceData();\n const rowsToRemove: number[] = [];\n const columnsToRemove: number[] = [];\n const indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();\n const isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();\n let indexMapperColumnCount = 0;\n\n if (data && data.length !== indexMapperRowCount) {\n if (data.length < indexMapperRowCount) {\n for (let r = data.length; r < indexMapperRowCount; r++) {\n rowsToRemove.push(r);\n }\n }\n }\n\n if (isColumnModificationAllowed) {\n indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();\n\n if (data && data[0] && data[0]?.length !== indexMapperColumnCount) {\n if (data[0].length < indexMapperColumnCount) {\n for (let c = data[0].length; c < indexMapperColumnCount; c++) {\n columnsToRemove.push(c);\n }\n }\n }\n }\n\n this.hotInstance.batch(() => {\n if (rowsToRemove.length > 0) {\n this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);\n\n } else {\n this.hotInstance.rowIndexMapper\n .insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);\n }\n\n if (isColumnModificationAllowed && data.length !== 0) {\n if (columnsToRemove.length > 0) {\n this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);\n\n } else {\n this.hotInstance.columnIndexMapper\n .insertIndexes(indexMapperColumnCount - 1, data[0].length - indexMapperColumnCount);\n }\n }\n });\n },\n\n /\n Get settings for the columns provided in the `hot-column` components.\n \n @returns {HotTableProps[] \| undefined}\n /\n getColumnSettings(): HotTableProps[] \| void {\n const columnSettings: HotTableProps[] = Array.from(this.columnsCache.values());\n\n return columnSettings.length ? columnSettings : void 0;\n },\n },\n mounted() {\n this.columnSettings = this.getColumnSettings();\n this.hotInit();\n },\n beforeUnmount() {\n if (this.hotInstance) {\n this.hotInstance.destroy();\n }\n },\n version: (packageJson as unknown as { version: string }).version,\n});\n\nexport default HotTable;\nexport { HotTable };\n</script>\n","<template>\n <div :id=\"id\">\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, VNode, markRaw } from 'vue';\nimport Handsontable from 'handsontable/base';\nimport {\n HOT_DESTROYED_WARNING,\n prepareSettings,\n propFactory,\n} from './helpers';\nimport {\n HotTableProps,\n} from './types';\nimport as packageJson from '../package.json';\n\nconst HotTable = defineComponent({\n name: 'HotTable',\n props: propFactory('HotTable'),\n provide() {\n return {\n columnsCache: this.columnsCache\n };\n },\n watch: {\n $props: {\n handler(props) {\n const settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);\n\n if (!this.hotInstance \|\| settings === void 0) {\n return;\n }\n\n if (settings.data) {\n if (\n this.hotInstance.isColumnModificationAllowed() \|\|\n (\n !this.hotInstance.isColumnModificationAllowed() &&\n this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns\n )\n ) {\n // If the dataset dimensions change, update the index mappers.\n this.matchHotMappersSize();\n\n // Data is automatically synchronized by reference.\n delete settings.data;\n }\n }\n\n // If there are another options changed, update the HOT settings, render the table otherwise.\n if (Object.keys(settings).length) {\n this.hotInstance.updateSettings(settings);\n\n } else {\n this.hotInstance.render();\n }\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n deep: true,\n immediate: true,\n },\n },\n data() {\n return {\n /* eslint-disable vue/no-reserved-keys /\n __hotInstance: null as Handsontable,\n / eslint-enable vue/no-reserved-keys /\n miscCache: {\n currentSourceColumns: null,\n },\n columnSettings: null as HotTableProps[],\n columnsCache: new Map<VNode, HotTableProps>(),\n get hotInstance(): Handsontable \| null {\n if (!this.__hotInstance \|\| (this.__hotInstance && !this.__hotInstance.isDestroyed)) {\n\n // Will return the Handsontable instance or `null` if it's not yet been created.\n return this.__hotInstance;\n\n } else {\n / eslint-disable-next-line no-console /\n console.warn(HOT_DESTROYED_WARNING);\n\n return null;\n }\n },\n set hotInstance(hotInstance: Handsontable) {\n this.__hotInstance = hotInstance;\n },\n };\n },\n methods: {\n /\n Initialize Handsontable.\n /\n hotInit() {\n const newSettings = prepareSettings(this.$props);\n\n newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;\n\n this.hotInstance = markRaw<Handsontable>(new Handsontable.Core(this.$el, newSettings));\n this.hotInstance.init();\n\n this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();\n },\n\n matchHotMappersSize(): void {\n if (!this.hotInstance) {\n return;\n }\n\n const data: Handsontable.CellValue[][] = this.hotInstance.getSourceData();\n const rowsToRemove: number[] = [];\n const columnsToRemove: number[] = [];\n const indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();\n const isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();\n let indexMapperColumnCount = 0;\n\n if (data && data.length !== indexMapperRowCount) {\n if (data.length < indexMapperRowCount) {\n for (let r = data.length; r < indexMapperRowCount; r++) {\n rowsToRemove.push(r);\n }\n }\n }\n\n if (isColumnModificationAllowed) {\n indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();\n\n if (data && data[0] && data[0]?.length !== indexMapperColumnCount) {\n if (data[0].length < indexMapperColumnCount) {\n for (let c = data[0].length; c < indexMapperColumnCount; c++) {\n columnsToRemove.push(c);\n }\n }\n }\n }\n\n this.hotInstance.batch(() => {\n if (rowsToRemove.length > 0) {\n this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);\n\n } else {\n this.hotInstance.rowIndexMapper\n .insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);\n }\n\n if (isColumnModificationAllowed && data.length !== 0) {\n if (columnsToRemove.length > 0) {\n this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);\n\n } else {\n this.hotInstance.columnIndexMapper\n .insertIndexes(indexMapperColumnCount - 1, data[0].length - indexMapperColumnCount);\n }\n }\n });\n },\n\n /\n Get settings for the columns provided in the `hot-column` components.\n \n @returns {HotTableProps[] \| undefined}\n /\n getColumnSettings(): HotTableProps[] \| void {\n const columnSettings: HotTableProps[] = Array.from(this.columnsCache.values());\n\n return columnSettings.length ? columnSettings : void 0;\n },\n },\n mounted() {\n this.columnSettings = this.getColumnSettings();\n this.hotInit();\n },\n beforeUnmount() {\n if (this.hotInstance) {\n this.hotInstance.destroy();\n }\n },\n version: (packageJson as unknown as { version: string }).version,\n});\n\nexport default HotTable;\nexport { HotTable };\n</script>\n","<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport {\n propFactory,\n filterPassedProps\n} from './helpers';\n\nconst HotColumn = defineComponent({\n name: 'HotColumn',\n props: propFactory('HotColumn'),\n inject: ['columnsCache'],\n methods: {\n /\n Create the column settings based on the data provided to the `hot-column`\n * component and it's child components.\n */\n createColumnSettings(): void {\n const assignedProps = filterPassedProps(this.$props);\n const columnSettings = { ...assignedProps };\n\n if (assignedProps.renderer) {\n columnSettings.renderer = assignedProps.renderer;\n }\n\n if (assignedProps.editor) {\n columnSettings.editor = assignedProps.editor;\n }\n\n this.columnsCache.set(this, columnSettings);\n }\n },\n mounted() {\n this.createColumnSettings();\n },\n unmounted() {\n this.columnsCache.delete(this);\n },\n render() {\n return null;\n }\n});\n\nexport default HotColumn;\nexport { HotColumn };\n</script>\n"],"names":["unassignedPropSymbol","Symbol","hasOwnProperty","object","key","Object","prototype","call","propFactory","source","registeredHooks","Handsontable","hooks","getRegistered","propSchema","prop","assign","DefaultSettings","default","i","length","settings","id","type","String","concat","Math","random","toString","substring","filterPassedProps","props","filteredProps","columnSettingsProp","propName","prepareSettings","currentSettings","assignedProps","hotSettingsInProps","additionalHotSettingsInProps","newSettings","simpleEqual","objectA","objectB","JSON","stringify","HotTable","defineComponent","name","provide","columnsCache","this","watch","$props","handler","hotInstance","getSettings","data","isColumnModificationAllowed","countSourceCols","miscCache","currentSourceColumns","matchHotMappersSize","keys","updateSettings","render","deep","immediate","__hotInstance","columnSettings","Map","isDestroyed","console","warn","methods","hotInit","columns","markRaw","Core","$el","init","_this","_data$","getSourceData","rowsToRemove","columnsToRemove","indexMapperRowCount","rowIndexMapper","getNumberOfIndexes","indexMapperColumnCount","r","push","columnIndexMapper","c","batch","removeIndexes","insertIndexes","getColumnSettings","Array","from","values","mounted","beforeUnmount","destroy","version","_createElementBlock","createElementBlock","_ctx","_renderSlot","$slots","HotColumn","inject","createColumnSettings","renderer","editor","set","unmounted"],"mappings":"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"}

package/es/vue-handsontable.js CHANGED Viewed

@@ -5,7 +5,6 @@ var unassignedPropSymbol = Symbol('unassigned');
 /**
  * Message for the warning thrown if the Handsontable instance has been destroyed.
  */
 var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' + ' used properly.';
 /**
  * Check if at specified `key` there is any value for `object`.
@@ -14,7 +13,6 @@ var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component w
  * @param {string} key String key to check.
  * @returns {boolean}
  */
 function hasOwnProperty(object, key) {
   return Object.prototype.hasOwnProperty.call(object, key);
 }
@@ -24,35 +22,30 @@ function hasOwnProperty(object, key) {
  * @param {string} source Source for the factory (either 'HotTable' or 'HotColumn').
  * @returns {object}
  */
 function propFactory(source) {
   var registeredHooks = Handsontable.hooks.getRegistered();
   var propSchema = {};
-  Object.assign(propSchema, Handsontable.DefaultSettings); // eslint-disable-next-line no-restricted-syntax, guard-for-in
+  Object.assign(propSchema, Handsontable.DefaultSettings);
+  // eslint-disable-next-line no-restricted-syntax, guard-for-in
   for (var prop in propSchema) {
     propSchema[prop] = {
       "default": unassignedPropSymbol
     };
   }
   for (var i = 0; i < registeredHooks.length; i++) {
     propSchema[registeredHooks[i]] = {
       "default": unassignedPropSymbol
     };
   }
   propSchema.settings = {
     "default": unassignedPropSymbol
   };
   if (source === 'HotTable') {
     propSchema.id = {
       type: String,
       "default": "hot-".concat(Math.random().toString(36).substring(5))
     };
   }
   return propSchema;
 }
 /**
@@ -61,11 +54,9 @@ function propFactory(source) {
  * @param {object} props Object containing all the possible props.
  * @returns {object} Object containing only used props.
  */
 function filterPassedProps(props) {
   var filteredProps = {};
   var columnSettingsProp = props.settings;
   if (columnSettingsProp !== unassignedPropSymbol) {
     // eslint-disable-next-line no-restricted-syntax
     for (var propName in columnSettingsProp) {
@@ -73,15 +64,13 @@ function filterPassedProps(props) {
         filteredProps[propName] = columnSettingsProp[propName];
       }
     }
-  } // eslint-disable-next-line no-restricted-syntax
+  }
+  // eslint-disable-next-line no-restricted-syntax
   for (var _propName in props) {
     if (hasOwnProperty(props, _propName) && _propName !== 'settings' && props[_propName] !== unassignedPropSymbol) {
       filteredProps[_propName] = props[_propName];
     }
   }
   return filteredProps;
 }
 /**
@@ -91,26 +80,23 @@ function filterPassedProps(props) {
  * @param {Handsontable.GridSettings} currentSettings The current Handsontable settings.
  * @returns {Handsontable.GridSettings} An object containing the properties, ready to be used within Handsontable.
  */
 function prepareSettings(props, currentSettings) {
   var assignedProps = filterPassedProps(props);
   var hotSettingsInProps = props.settings ? props.settings : assignedProps;
   var additionalHotSettingsInProps = props.settings ? assignedProps : null;
-  var newSettings = {}; // eslint-disable-next-line no-restricted-syntax
+  var newSettings = {};
+  // eslint-disable-next-line no-restricted-syntax
   for (var key in hotSettingsInProps) {
     if (hasOwnProperty(hotSettingsInProps, key) && hotSettingsInProps[key] !== void 0 && (currentSettings && key !== 'data' ? !simpleEqual(currentSettings[key], hotSettingsInProps[key]) : true)) {
       newSettings[key] = hotSettingsInProps[key];
     }
-  } // eslint-disable-next-line no-restricted-syntax
+  }
+  // eslint-disable-next-line no-restricted-syntax
   for (var _key in additionalHotSettingsInProps) {
     if (hasOwnProperty(additionalHotSettingsInProps, _key) && _key !== 'id' && _key !== 'settings' && additionalHotSettingsInProps[_key] !== void 0 && (currentSettings && _key !== 'data' ? !simpleEqual(currentSettings[_key], additionalHotSettingsInProps[_key]) : true)) {
       newSettings[_key] = additionalHotSettingsInProps[_key];
     }
   }
   return newSettings;
 }
 /**
@@ -122,12 +108,11 @@ function prepareSettings(props, currentSettings) {
  * @param {object} objectB Second object to compare.
  * @returns {boolean} `true` if they're the same, `false` otherwise.
  */
 function simpleEqual(objectA, objectB) {
   return JSON.stringify(objectA) === JSON.stringify(objectB);
 }
-var version="12.1.3";
+var version="12.2.0";
 var HotTable = defineComponent({
   name: 'HotTable',
@@ -141,27 +126,23 @@ var HotTable = defineComponent({
     $props: {
       handler: function handler(props) {
         var settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);
         if (!this.hotInstance || settings === void 0) {
           return;
         }
         if (settings.data) {
           if (this.hotInstance.isColumnModificationAllowed() || !this.hotInstance.isColumnModificationAllowed() && this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns) {
             // If the dataset dimensions change, update the index mappers.
-            this.matchHotMappersSize(); // Data is automatically synchronized by reference.
+            this.matchHotMappersSize();
+            // Data is automatically synchronized by reference.
             delete settings.data;
           }
-        } // If there are another options changed, update the HOT settings, render the table otherwise.
+        }
+        // If there are another options changed, update the HOT settings, render the table otherwise.
         if (Object.keys(settings).length) {
           this.hotInstance.updateSettings(settings);
         } else {
           this.hotInstance.render();
         }
         this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();
       },
       deep: true,
@@ -172,14 +153,12 @@ var HotTable = defineComponent({
     return {
       /* eslint-disable vue/no-reserved-keys */
       __hotInstance: null,
       /* eslint-enable vue/no-reserved-keys */
       miscCache: {
         currentSourceColumns: null
       },
       columnSettings: null,
       columnsCache: new Map(),
       get hotInstance() {
         if (!this.__hotInstance || this.__hotInstance && !this.__hotInstance.isDestroyed) {
           // Will return the Handsontable instance or `null` if it's not yet been created.
@@ -190,18 +169,15 @@ var HotTable = defineComponent({
           return null;
         }
       },
       set hotInstance(hotInstance) {
         this.__hotInstance = hotInstance;
       }
     };
   },
   methods: {
     /**
      * Initialize Handsontable.
-     */
-    hotInit: function hotInit() {
+     */hotInit: function hotInit() {
       var newSettings = prepareSettings(this.$props);
       newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;
       this.hotInstance = markRaw(new Handsontable.Core(this.$el, newSettings));
@@ -210,18 +186,15 @@ var HotTable = defineComponent({
     },
     matchHotMappersSize: function matchHotMappersSize() {
       var _this = this;
       if (!this.hotInstance) {
         return;
       }
       var data = this.hotInstance.getSourceData();
       var rowsToRemove = [];
       var columnsToRemove = [];
       var indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();
       var isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();
       var indexMapperColumnCount = 0;
       if (data && data.length !== indexMapperRowCount) {
         if (data.length < indexMapperRowCount) {
           for (var r = data.length; r < indexMapperRowCount; r++) {
@@ -229,12 +202,9 @@ var HotTable = defineComponent({
           }
         }
       }
       if (isColumnModificationAllowed) {
         var _data$;
         indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();
         if (data && data[0] && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.length) !== indexMapperColumnCount) {
           if (data[0].length < indexMapperColumnCount) {
             for (var c = data[0].length; c < indexMapperColumnCount; c++) {
@@ -243,14 +213,12 @@ var HotTable = defineComponent({
           }
         }
       }
       this.hotInstance.batch(function () {
         if (rowsToRemove.length > 0) {
           _this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);
         } else {
           _this.hotInstance.rowIndexMapper.insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);
         }
         if (isColumnModificationAllowed && data.length !== 0) {
           if (columnsToRemove.length > 0) {
             _this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);
@@ -260,13 +228,11 @@ var HotTable = defineComponent({
         }
       });
     },
     /**
      * Get settings for the columns provided in the `hot-column` components.
      *
      * @returns {HotTableProps[] | undefined}
-     */
-    getColumnSettings: function getColumnSettings() {
+     */getColumnSettings: function getColumnSettings() {
       var columnSettings = Array.from(this.columnsCache.values());
       return columnSettings.length ? columnSettings : void 0;
     }
@@ -287,9 +253,7 @@ var _hoisted_1 = ["id"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     id: _ctx.id
-  }, [renderSlot(_ctx.$slots, "default")], 8
-  /* PROPS */
-  , _hoisted_1);
+  }, [renderSlot(_ctx.$slots, "default")], 8 /* PROPS */, _hoisted_1);
 }
 HotTable.render = render;
@@ -297,17 +261,14 @@ HotTable.__file = "src/HotTable.vue";
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
   return keys;
 }
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -317,10 +278,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -332,7 +291,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
   return obj;
 }
@@ -344,20 +302,15 @@ var HotColumn = defineComponent({
     /**
      * Create the column settings based on the data provided to the `hot-column`
      * component and it's child components.
-     */
-    createColumnSettings: function createColumnSettings() {
+     */createColumnSettings: function createColumnSettings() {
       var assignedProps = filterPassedProps(this.$props);
       var columnSettings = _objectSpread2({}, assignedProps);
       if (assignedProps.renderer) {
         columnSettings.renderer = assignedProps.renderer;
       }
       if (assignedProps.editor) {
         columnSettings.editor = assignedProps.editor;
       }
       this.columnsCache.set(this, columnSettings);
     }
   },

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@handsontable/vue3",
-  "version": "12.1.3",
+  "version": "12.2.0",
   "description": "Best Data Grid for Vue with Spreadsheet Look and Feel.",
   "author": "Handsoncode <hello@handsoncode.net> (https://handsoncode.net)",
   "homepage": "https://handsontable.com",