@handsontable/vue 12.1.3 → 12.3.0-next-bb1a7c2-20221208

package/commonjs/vue-handsontable.js

@@ -12,17 +12,14 @@ var Vue__default = /*#__PURE__*/_interopDefaultLegacy(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] : {};
@@ -32,10 +29,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
-
 function _typeof$1(obj) {
   "@babel/helpers - typeof";
 
@@ -45,23 +40,20 @@ function _typeof$1(obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
   }, _typeof$1(obj);
 }
-
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
   }
 }
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
   }
 }
-
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
@@ -70,8 +62,8 @@ function _createClass(Constructor, protoProps, staticProps) {
   });
   return Constructor;
 }
-
 function _defineProperty$1(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -82,15 +74,12 @@ function _defineProperty$1(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError("Super expression must either be null or a function");
   }
-
   subClass.prototype = Object.create(superClass && superClass.prototype, {
     constructor: {
       value: subClass,
@@ -103,14 +92,12 @@ function _inherits(subClass, superClass) {
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
-
 function _getPrototypeOf(o) {
   _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
 }
-
 function _setPrototypeOf(o, p) {
   _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
@@ -118,12 +105,10 @@ function _setPrototypeOf(o, p) {
   };
   return _setPrototypeOf(o, p);
 }
-
 function _isNativeReflectConstruct() {
   if (typeof Reflect === "undefined" || !Reflect.construct) return false;
   if (Reflect.construct.sham) return false;
   if (typeof Proxy === "function") return true;
-
   try {
     Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
@@ -131,56 +116,59 @@ function _isNativeReflectConstruct() {
     return false;
   }
 }
-
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
-
   return self;
 }
-
 function _possibleConstructorReturn(self, call) {
   if (call && (typeof call === "object" || typeof call === "function")) {
     return call;
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
   }
-
   return _assertThisInitialized(self);
 }
-
 function _createSuper(Derived) {
   var hasNativeReflectConstruct = _isNativeReflectConstruct();
-
   return function _createSuperInternal() {
     var Super = _getPrototypeOf(Derived),
-        result;
-
+      result;
     if (hasNativeReflectConstruct) {
       var NewTarget = _getPrototypeOf(this).constructor;
-
       result = Reflect.construct(Super, arguments, NewTarget);
     } else {
       result = Super.apply(this, arguments);
     }
-
     return _possibleConstructorReturn(this, result);
   };
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
 var unassignedPropSymbol = Symbol('unassigned');
 var bulkComponentContainer = null;
 /**
  * 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.';
 /**
  * Private method to ensure the table is not calling `updateSettings` after editing cells.
  * @private
  */
-
 function preventInternalEditWatch(component) {
   if (component.hotInstance) {
     component.hotInstance.addHook('beforeChange', function () {
@@ -206,28 +194,23 @@ function preventInternalEditWatch(component) {
  * @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);
-
   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,
@@ -238,7 +221,6 @@ function propFactory(source) {
       "default": 3000
     };
   }
-
   return propSchema;
 }
 /**
@@ -247,11 +229,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) {
     for (var propName in columnSettingsProp) {
       if (columnSettingsProp.hasOwnProperty(propName) && columnSettingsProp[propName] !== unassignedPropSymbol) {
@@ -259,13 +239,11 @@ function filterPassedProps(props) {
       }
     }
   }
-
   for (var _propName in props) {
     if (props.hasOwnProperty(_propName) && _propName !== 'settings' && props[_propName] !== unassignedPropSymbol) {
       filteredProps[_propName] = props[_propName];
     }
   }
-
   return filteredProps;
 }
 /**
@@ -275,25 +253,21 @@ 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 = {};
-
   for (var key in hotSettingsInProps) {
     if (hotSettingsInProps.hasOwnProperty(key) && hotSettingsInProps[key] !== void 0 && (currentSettings && key !== 'data' ? !simpleEqual(currentSettings[key], hotSettingsInProps[key]) : true)) {
       newSettings[key] = hotSettingsInProps[key];
     }
   }
-
   for (var _key in additionalHotSettingsInProps) {
     if (additionalHotSettingsInProps.hasOwnProperty(_key) && _key !== 'id' && _key !== 'settings' && _key !== 'wrapperRendererCacheSize' && additionalHotSettingsInProps[_key] !== void 0 && (currentSettings && _key !== 'data' ? !simpleEqual(currentSettings[_key], additionalHotSettingsInProps[_key]) : true)) {
       newSettings[_key] = additionalHotSettingsInProps[_key];
     }
   }
-
   return newSettings;
 }
 /**
@@ -303,7 +277,6 @@ function prepareSettings(props, currentSettings) {
  * @param {String} type Type of the child component. Either `hot-renderer` or `hot-editor`.
  * @returns {Object|null} The VNode of the child component (or `null` when nothing's found).
  */
-
 function findVNodeByType(componentSlots, type) {
   var componentVNode = null;
   componentSlots.every(function (slot, index) {
@@ -311,7 +284,6 @@ function findVNodeByType(componentSlots, type) {
       componentVNode = slot;
       return false;
     }
-
     return true;
   });
   return componentVNode;
@@ -322,7 +294,6 @@ function findVNodeByType(componentSlots, type) {
  * @param {Array} children Array of children from a component.
  * @returns {Array} Array of `hot-column` instances.
  */
-
 function getHotColumnComponents(children) {
   return children.filter(function (child) {
     return child.$options.name === 'HotColumn';
@@ -336,7 +307,6 @@ function getHotColumnComponents(children) {
  * @param {Object} props Props to be passed to the new instance.
  * @param {Object} data Data to be passed to the new instance.
  */
-
 function createVueComponent(vNode, parent, props, data) {
   var ownerDocument = parent.$el ? parent.$el.ownerDocument : document;
   var settings = {
@@ -344,13 +314,11 @@ function createVueComponent(vNode, parent, props, data) {
     parent: parent,
     data: data
   };
-
   if (!bulkComponentContainer) {
     bulkComponentContainer = ownerDocument.createElement('DIV');
     bulkComponentContainer.id = 'vueHotComponents';
     ownerDocument.body.appendChild(bulkComponentContainer);
   }
-
   var componentContainer = ownerDocument.createElement('DIV');
   bulkComponentContainer.appendChild(componentContainer);
   return new vNode.componentOptions.Ctor(settings).$mount(componentContainer);
@@ -364,12 +332,11 @@ function createVueComponent(vNode, parent, props, data) {
  * @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.3.0-next-bb1a7c2-20221208";
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -402,52 +369,43 @@ var lru = createCommonjsModule(function (module, exports) {
   })(commonjsGlobal, function (exports) {
     var NEWER = Symbol('newer');
     var OLDER = Symbol('older');
-
     function LRUMap(limit, entries) {
       if (typeof limit !== 'number') {
         // called as (entries)
         entries = limit;
         limit = 0;
       }
-
       this.size = 0;
       this.limit = limit;
       this.oldest = this.newest = undefined;
       this._keymap = new Map();
-
       if (entries) {
         this.assign(entries);
-
         if (limit < 1) {
           this.limit = this.size;
         }
       }
     }
-
     exports.LRUMap = LRUMap;
-
     function Entry(key, value) {
       this.key = key;
       this.value = value;
       this[NEWER] = undefined;
       this[OLDER] = undefined;
     }
-
     LRUMap.prototype._markEntryAsUsed = function (entry) {
       if (entry === this.newest) {
         // Already the most recenlty used entry, so no need to update the list
         return;
-      } // HEAD--------------TAIL
+      }
+      // HEAD--------------TAIL
       //   <.older   .newer>
       //  <--- add direction --
       //   A  B  C  <D>  E
-
-
       if (entry[NEWER]) {
         if (entry === this.oldest) {
           this.oldest = entry[NEWER];
         }
-
         entry[NEWER][OLDER] = entry[OLDER]; // C <-- E.
       }
 
@@ -456,74 +414,54 @@ var lru = createCommonjsModule(function (module, exports) {
       }
 
       entry[NEWER] = undefined; // D --x
-
       entry[OLDER] = this.newest; // D. --> E
-
       if (this.newest) {
         this.newest[NEWER] = entry; // E. <-- D
       }
 
       this.newest = entry;
     };
-
     LRUMap.prototype.assign = function (entries) {
       var entry,
-          limit = this.limit || Number.MAX_VALUE;
-
+        limit = this.limit || Number.MAX_VALUE;
       this._keymap.clear();
-
       var it = entries[Symbol.iterator]();
-
       for (var itv = it.next(); !itv.done; itv = it.next()) {
         var e = new Entry(itv.value[0], itv.value[1]);
-
         this._keymap.set(e.key, e);
-
         if (!entry) {
           this.oldest = e;
         } else {
           entry[NEWER] = e;
           e[OLDER] = entry;
         }
-
         entry = e;
-
         if (limit-- == 0) {
           throw new Error('overflow');
         }
       }
-
       this.newest = entry;
       this.size = this._keymap.size;
     };
-
     LRUMap.prototype.get = function (key) {
       // First, find our cache entry
       var entry = this._keymap.get(key);
-
       if (!entry) return; // Not cached. Sorry.
       // As <key> was found in the cache, register it as being requested recently
-
       this._markEntryAsUsed(entry);
-
       return entry.value;
     };
-
     LRUMap.prototype.set = function (key, value) {
       var entry = this._keymap.get(key);
-
       if (entry) {
         // update existing
         entry.value = value;
-
         this._markEntryAsUsed(entry);
-
         return this;
-      } // new entry
-
+      }
 
+      // new entry
       this._keymap.set(key, entry = new Entry(key, value));
-
       if (this.newest) {
         // link previous tail to the new tail (entry)
         this.newest[NEWER] = entry;
@@ -531,24 +469,20 @@ var lru = createCommonjsModule(function (module, exports) {
       } else {
         // we're first in -- yay
         this.oldest = entry;
-      } // add new entry to the end of the linked list -- it's now the freshest entry.
-
+      }
 
+      // add new entry to the end of the linked list -- it's now the freshest entry.
       this.newest = entry;
       ++this.size;
-
       if (this.size > this.limit) {
         // we hit the limit -- remove the head
         this.shift();
       }
-
       return this;
     };
-
     LRUMap.prototype.shift = function () {
       // todo: handle special case when limit == 1
       var entry = this.oldest;
-
       if (entry) {
         if (this.oldest[NEWER]) {
           // advance the list
@@ -558,22 +492,19 @@ var lru = createCommonjsModule(function (module, exports) {
           // the cache is exhausted
           this.oldest = undefined;
           this.newest = undefined;
-        } // Remove last strong reference to <entry> and remove links from the purged
+        }
+        // Remove last strong reference to <entry> and remove links from the purged
         // entry being returned:
-
-
         entry[NEWER] = entry[OLDER] = undefined;
-
         this._keymap["delete"](entry.key);
-
         --this.size;
         return [entry.key, entry.value];
       }
-    }; // ----------------------------------------------------------------------------
+    };
+
+    // ----------------------------------------------------------------------------
     // Following code is optional and can be removed without breaking the core
     // functionality.
-
-
     LRUMap.prototype.has = function (key) {
       return this._keymap.has(key);
     };
@@ -589,36 +520,32 @@ var HotTable = {
       if (!this.hotInstance || value === void 0) {
         return;
       }
-
       if (value.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 value.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(value).length) {
         this.hotInstance.updateSettings(value);
       } else {
         this.hotInstance.render();
       }
-
       this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();
     }
   },
   data: function data() {
     var thisComponent = this;
-    var rendererCache = new lru_1(this.wrapperRendererCacheSize); // Make the LRU cache destroy each removed component
-
+    var rendererCache = new lru_1(this.wrapperRendererCacheSize);
+    // Make the LRU cache destroy each removed component
     rendererCache.shift = function () {
       var entry = lru_1.prototype.shift.call(this);
       entry[1].component.$destroy();
       return entry;
     };
-
     return {
       __internalEdit: false,
       miscCache: {
@@ -628,7 +555,6 @@ var HotTable = {
       columnSettings: null,
       rendererCache: rendererCache,
       editorCache: new Map(),
-
       get hotInstance() {
         if (!thisComponent.__hotInstance || thisComponent.__hotInstance && !thisComponent.__hotInstance.isDestroyed) {
           // Will return the Handsontable instance or `null` if it's not yet been created.
@@ -638,11 +564,9 @@ var HotTable = {
           return null;
         }
       },
-
       set hotInstance(hotInstance) {
         thisComponent.__hotInstance = hotInstance;
       }
-
     };
   },
   computed: {
@@ -659,17 +583,14 @@ var HotTable = {
       var globalEditorVNode = this.getGlobalEditorVNode();
       var newSettings = prepareSettings(this.$props);
       newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;
-
       if (globalEditorVNode) {
         newSettings.editor = this.getEditorClass(globalEditorVNode, this);
         globalEditorVNode.child.$destroy();
       }
-
       if (globalRendererVNode) {
         newSettings.renderer = this.getRendererWrapper(globalRendererVNode, this);
         globalRendererVNode.child.$destroy();
       }
-
       this.hotInstance = new Handsontable__default["default"].Core(this.$el, newSettings);
       this.hotInstance.init();
       preventInternalEditWatch(this);
@@ -677,18 +598,15 @@ var HotTable = {
     },
     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++) {
@@ -696,12 +614,9 @@ var HotTable = {
           }
         }
       }
-
       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++) {
@@ -710,14 +625,12 @@ var HotTable = {
           }
         }
       }
-
       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);
@@ -735,7 +648,6 @@ var HotTable = {
       var hotTableSlots = this.$slots["default"] || [];
       return findVNodeByType(hotTableSlots, 'hot-editor');
     },
-
     /**
      * Get settings for the columns provided in the `hot-column` components.
      */
@@ -746,17 +658,13 @@ var HotTable = {
         if (elem.usesRendererComponent) {
           usesRendererComponent = true;
         }
-
         return _objectSpread2({}, elem.columnSettings);
       });
-
       if (usesRendererComponent && this.settings && (this.settings.autoColumnSize !== false || this.settings.autoRowSize) && (this.autoColumnSize !== false || this.autoRowSize)) {
         console.warn('Your `hot-table` configuration includes both `hot-column` and `autoRowSize`/`autoColumnSize`, which are not compatible with each other ' + 'in this version of `@handsontable/vue`. Disable `autoRowSize` and `autoColumnSize` to prevent row and column misalignment.');
       }
-
       return columnSettings.length ? columnSettings : void 0;
     },
-
     /**
      * Create the wrapper function for the provided renderer child component.
      *
@@ -780,7 +688,6 @@ var HotTable = {
             cellProperties: cellProperties,
             isRenderer: true
           };
-
           if (rendererCache && !rendererCache.has("".concat(row, "-").concat(col))) {
             var mountedComponent = createVueComponent(vNode, containerComponent, vNode.componentOptions.propsData, rendererArgs);
             rendererCache.set("".concat(row, "-").concat(col), {
@@ -788,27 +695,22 @@ var HotTable = {
               lastUsedTD: null
             });
           }
-
           var cachedEntry = rendererCache.get("".concat(row, "-").concat(col));
           var cachedComponent = cachedEntry.component;
           var cachedTD = cachedEntry.lastUsedTD;
           Object.assign(cachedComponent.$data, rendererArgs);
-
           if (!cachedComponent.$el.parentElement || cachedTD !== TD) {
             // Clear the previous contents of a TD
             while (TD.firstChild) {
               TD.removeChild(TD.firstChild);
             }
-
             TD.appendChild(cachedComponent.$el);
             cachedEntry.lastUsedTD = TD;
           }
         }
-
         return TD;
       };
     },
-
     /**
      * Create a fresh class to be used as an editor, based on the editor component provided.
      *
@@ -822,7 +724,6 @@ var HotTable = {
       var componentCacheKey = componentKey ? "".concat(componentName, ":").concat(componentKey) : componentName;
       var editorCache = this.editorCache;
       var mountedComponent = null;
-
       if (!editorCache.has(componentCacheKey)) {
         mountedComponent = createVueComponent(vNode, containerComponent, vNode.componentOptions.propsData, {
           isEditor: true
@@ -831,7 +732,6 @@ var HotTable = {
       } else {
         mountedComponent = editorCache.get(componentCacheKey);
       }
-
       return mountedComponent.$data.hotCustomEditorClass;
     }
   },
@@ -924,34 +824,27 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 
 /* script */
 var __vue_script__$2 = HotTable;
-/* template */
 
+/* template */
 var __vue_render__ = function __vue_render__() {
   var _vm = this;
-
   var _h = _vm.$createElement;
-
   var _c = _vm._self._c || _h;
-
   return _c('div', {
     attrs: {
       "id": _vm.id
     }
   }, [_vm._t("default")], 2);
 };
-
 var __vue_staticRenderFns__ = [];
-/* style */
 
+/* style */
 var __vue_inject_styles__$2 = undefined;
 /* scoped */
-
 var __vue_scope_id__$2 = undefined;
 /* module identifier */
-
 var __vue_module_identifier__$2 = undefined;
 /* functional template */
-
 var __vue_is_functional_template__$2 = false;
 /* style inject */
 
@@ -976,19 +869,15 @@ var HotColumn = {
       var rendererVNode = findVNodeByType(hotColumnSlots, 'hot-renderer');
       var editorVNode = findVNodeByType(hotColumnSlots, 'hot-editor');
       var assignedProps = filterPassedProps(this.$props);
-
       if (rendererVNode && this.usesRendererComponent === void 0) {
         this.usesRendererComponent = true;
       }
-
       this.columnSettings = _objectSpread2({}, assignedProps);
-
       if (rendererVNode !== null) {
         this.columnSettings.renderer = this.$parent.getRendererWrapper(rendererVNode, this);
       } else if (assignedProps.renderer) {
         this.columnSettings.renderer = assignedProps.renderer;
       }
-
       if (editorVNode !== null) {
         this.columnSettings.editor = this.$parent.getEditorClass(editorVNode, this);
       } else if (assignedProps.editor) {
@@ -1006,19 +895,16 @@ var HotColumn = {
 
 /* script */
 var __vue_script__$1 = HotColumn;
+
 /* template */
 
 /* style */
-
 var __vue_inject_styles__$1 = undefined;
 /* scoped */
-
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
-
 var __vue_module_identifier__$1 = undefined;
 /* functional template */
-
 var __vue_is_functional_template__$1 = undefined;
 /* style inject */
 
@@ -1060,10 +946,8 @@ function _typeof(obj) {
       return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof$1(obj);
     };
   }
-
   return _typeof(obj);
 }
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -1075,39 +959,32 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
 }
-
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) {
     for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 }
-
 function _iterableToArray(iter) {
   if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
 }
-
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance");
-} // The rational behind the verbose Reflect-feature check below is the fact that there are polyfills
+}
+
+// The rational behind the verbose Reflect-feature check below is the fact that there are polyfills
 // which add an implementation for Reflect.defineMetadata but not for Reflect.getOwnMetadataKeys.
 // Without this check consumers will encounter hard to track down runtime errors.
-
-
 function reflectionIsSupported() {
   return typeof Reflect !== 'undefined' && Reflect.defineMetadata && Reflect.getOwnMetadataKeys;
 }
-
 function copyReflectionMetadata(to, from) {
   forwardMetadata(to, from);
   Object.getOwnPropertyNames(from.prototype).forEach(function (key) {
@@ -1117,12 +994,10 @@ function copyReflectionMetadata(to, from) {
     forwardMetadata(to, from, key);
   });
 }
-
 function forwardMetadata(to, from, propertyKey) {
   var metaKeys = propertyKey ? Reflect.getOwnMetadataKeys(from, propertyKey) : Reflect.getOwnMetadataKeys(from);
   metaKeys.forEach(function (metaKey) {
     var metadata = propertyKey ? Reflect.getOwnMetadata(metaKey, from, propertyKey) : Reflect.getOwnMetadata(metaKey, from);
-
     if (propertyKey) {
       Reflect.defineMetadata(metaKey, metadata, to, propertyKey);
     } else {
@@ -1130,26 +1005,21 @@ function forwardMetadata(to, from, propertyKey) {
     }
   });
 }
-
 var fakeArray = {
   __proto__: []
 };
 var hasProto = fakeArray instanceof Array;
-
 function isPrimitive(value) {
   var type = _typeof(value);
-
   return value == null || type !== 'object' && type !== 'function';
 }
-
 function collectDataFromConstructor(vm, Component) {
   // override _init to prevent to init as Vue instance
   var originalInit = Component.prototype._init;
-
   Component.prototype._init = function () {
-    var _this = this; // proxy to actual vm
-
+    var _this = this;
 
+    // proxy to actual vm
     var keys = Object.getOwnPropertyNames(vm); // 2.2.0 compat (props are no longer exposed as self properties)
 
     if (vm.$options.props) {
@@ -1159,7 +1029,6 @@ function collectDataFromConstructor(vm, Component) {
         }
       }
     }
-
     keys.forEach(function (key) {
       Object.defineProperty(_this, key, {
         get: function get() {
@@ -1173,7 +1042,6 @@ function collectDataFromConstructor(vm, Component) {
     });
   }; // should be acquired class property values
 
-
   var data = new Component(); // restore original _init to avoid memory leak (#209)
 
   Component.prototype._init = originalInit; // create plain data object
@@ -1184,10 +1052,8 @@ function collectDataFromConstructor(vm, Component) {
       plainData[key] = data[key];
     }
   });
-
   return plainData;
 }
-
 var $internalHooks = ['data', 'beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeDestroy', 'destroyed', 'beforeUpdate', 'updated', 'activated', 'deactivated', 'render', 'errorCaptured', 'serverPrefetch' // 2.6
 ];
 
@@ -1201,14 +1067,11 @@ function componentFactory(Component) {
       return;
     } // hooks
 
-
     if ($internalHooks.indexOf(key) > -1) {
       options[key] = proto[key];
       return;
     }
-
     var descriptor = Object.getOwnPropertyDescriptor(proto, key);
-
     if (descriptor.value !== void 0) {
       // methods
       if (typeof descriptor.value === 'function') {
@@ -1236,7 +1099,6 @@ function componentFactory(Component) {
   }); // decorate options
 
   var decorators = Component.__decorators__;
-
   if (decorators) {
     decorators.forEach(function (fn) {
       return fn(options);
@@ -1244,16 +1106,13 @@ function componentFactory(Component) {
     delete Component.__decorators__;
   } // find super
 
-
   var superProto = Object.getPrototypeOf(Component.prototype);
   var Super = superProto instanceof Vue__default["default"] ? superProto.constructor : Vue__default["default"];
   var Extended = Super.extend(options);
   forwardStaticMembers(Extended, Component, Super);
-
   if (reflectionIsSupported()) {
     copyReflectionMetadata(Extended, Component);
   }
-
   return Extended;
 }
 var shouldIgnore = {
@@ -1262,7 +1121,6 @@ var shouldIgnore = {
   callee: true,
   caller: true
 };
-
 function forwardStaticMembers(Extended, Original, Super) {
   // We have to use getOwnPropertyNames since Babel registers methods as non-enumerable
   Object.getOwnPropertyNames(Original).forEach(function (key) {
@@ -1271,13 +1129,10 @@ function forwardStaticMembers(Extended, Original, Super) {
       return;
     } // Some browsers does not allow reconfigure built-in properties
 
-
     var extendedDescriptor = Object.getOwnPropertyDescriptor(Extended, key);
-
     if (extendedDescriptor && !extendedDescriptor.configurable) {
       return;
     }
-
     var descriptor = Object.getOwnPropertyDescriptor(Original, key); // If the user agent does not support `__proto__` or its family (IE <= 10),
     // the sub class properties may be inherited properties from the super class in TypeScript.
     // We need to exclude such properties to prevent to overwrite
@@ -1293,42 +1148,32 @@ function forwardStaticMembers(Extended, Original, Super) {
       if (key === 'cid') {
         return;
       }
-
       var superDescriptor = Object.getOwnPropertyDescriptor(Super, key);
-
       if (!isPrimitive(descriptor.value) && superDescriptor && superDescriptor.value === descriptor.value) {
         return;
       }
     } // Warn if the users manually declare reserved properties
-
     Object.defineProperty(Extended, key, descriptor);
   });
 }
-
 function Component(options) {
   if (typeof options === 'function') {
     return componentFactory(options);
   }
-
   return function (Component) {
     return componentFactory(Component, options);
   };
 }
-
 Component.registerHooks = function registerHooks(keys) {
   $internalHooks.push.apply($internalHooks, _toConsumableArray(keys));
 };
 
 var BaseEditorComponent = /*#__PURE__*/function (_Vue) {
   _inherits(BaseEditorComponent, _Vue);
-
   var _super = _createSuper(BaseEditorComponent);
-
   function BaseEditorComponent() {
     var _this2;
-
     _classCallCheck(this, BaseEditorComponent);
-
     _this2 = _super.apply(this, arguments);
     _this2.name = 'BaseEditorComponent';
     _this2.instance = null;
@@ -1342,28 +1187,21 @@ var BaseEditorComponent = /*#__PURE__*/function (_Vue) {
     _this2.hot = null;
     return _this2;
   }
-
   _createClass(BaseEditorComponent, [{
     key: "mounted",
     value: function mounted() {
       var _this = this;
-
       this.$data.hotCustomEditorClass = function () {
         var customEditorClass = /*#__PURE__*/function (_Handsontable$editors) {
           _inherits(CustomEditor, _Handsontable$editors);
-
           var _super2 = _createSuper(CustomEditor);
-
           function CustomEditor(hotInstance) {
             var _this3;
-
             _classCallCheck(this, CustomEditor);
-
             _this3 = _super2.call(this, hotInstance);
             _this.$data.hotCustomEditorInstance = _assertThisInitialized(_this3);
             return _this3;
           }
-
           _createClass(CustomEditor, [{
             key: "focus",
             value: function focus() {}
@@ -1380,204 +1218,167 @@ var BaseEditorComponent = /*#__PURE__*/function (_Vue) {
             key: "close",
             value: function close() {}
           }]);
-
           return CustomEditor;
-        }(Handsontable__default["default"].editors.BaseEditor); // Fill with the rest of the BaseEditorComponent methods
-
-
+        }(Handsontable__default["default"].editors.BaseEditor);
+        // Fill with the rest of the BaseEditorComponent methods
         Object.getOwnPropertyNames(Handsontable__default["default"].editors.BaseEditor.prototype).forEach(function (propName) {
           if (propName === 'constructor') {
             return;
           }
-
           customEditorClass.prototype[propName] = function () {
             var _this$propName;
-
             for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
               args[_key] = arguments[_key];
             }
-
             return (_this$propName = _this[propName]).call.apply(_this$propName, [this].concat(args));
           };
         });
         return customEditorClass;
       }();
-    } // BaseEditorComponent methods:
-
+    }
+    // BaseEditorComponent methods:
   }, {
     key: "_fireCallbacks",
     value: function _fireCallbacks() {
       var _Handsontable$editors2;
-
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
-
       (_Handsontable$editors2 = Handsontable__default["default"].editors.BaseEditor.prototype._fireCallbacks).call.apply(_Handsontable$editors2, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "beginEditing",
     value: function beginEditing() {
       var _Handsontable$editors3;
-
       for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
         args[_key3] = arguments[_key3];
       }
-
       return (_Handsontable$editors3 = Handsontable__default["default"].editors.BaseEditor.prototype.beginEditing).call.apply(_Handsontable$editors3, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "cancelChanges",
     value: function cancelChanges() {
       var _Handsontable$editors4;
-
       for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
         args[_key4] = arguments[_key4];
       }
-
       return (_Handsontable$editors4 = Handsontable__default["default"].editors.BaseEditor.prototype.cancelChanges).call.apply(_Handsontable$editors4, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "checkEditorSection",
     value: function checkEditorSection() {
       var _Handsontable$editors5;
-
       for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
         args[_key5] = arguments[_key5];
       }
-
       return (_Handsontable$editors5 = Handsontable__default["default"].editors.BaseEditor.prototype.checkEditorSection).call.apply(_Handsontable$editors5, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "close",
     value: function close() {
       var _Handsontable$editors6;
-
       for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
         args[_key6] = arguments[_key6];
       }
-
       return (_Handsontable$editors6 = Handsontable__default["default"].editors.BaseEditor.prototype.close).call.apply(_Handsontable$editors6, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "discardEditor",
     value: function discardEditor() {
       var _Handsontable$editors7;
-
       for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
         args[_key7] = arguments[_key7];
       }
-
       return (_Handsontable$editors7 = Handsontable__default["default"].editors.BaseEditor.prototype.discardEditor).call.apply(_Handsontable$editors7, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "enableFullEditMode",
     value: function enableFullEditMode() {
       var _Handsontable$editors8;
-
       for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
         args[_key8] = arguments[_key8];
       }
-
       return (_Handsontable$editors8 = Handsontable__default["default"].editors.BaseEditor.prototype.enableFullEditMode).call.apply(_Handsontable$editors8, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "extend",
     value: function extend() {
       var _Handsontable$editors9;
-
       for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
         args[_key9] = arguments[_key9];
       }
-
       return (_Handsontable$editors9 = Handsontable__default["default"].editors.BaseEditor.prototype.extend).call.apply(_Handsontable$editors9, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "finishEditing",
     value: function finishEditing() {
       var _Handsontable$editors10;
-
       for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
         args[_key10] = arguments[_key10];
       }
-
       return (_Handsontable$editors10 = Handsontable__default["default"].editors.BaseEditor.prototype.finishEditing).call.apply(_Handsontable$editors10, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "focus",
     value: function focus() {
       var _Handsontable$editors11;
-
       for (var _len11 = arguments.length, args = new Array(_len11), _key11 = 0; _key11 < _len11; _key11++) {
         args[_key11] = arguments[_key11];
       }
-
       return (_Handsontable$editors11 = Handsontable__default["default"].editors.BaseEditor.prototype.focus).call.apply(_Handsontable$editors11, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "getValue",
     value: function getValue() {
       var _Handsontable$editors12;
-
       for (var _len12 = arguments.length, args = new Array(_len12), _key12 = 0; _key12 < _len12; _key12++) {
         args[_key12] = arguments[_key12];
       }
-
       return (_Handsontable$editors12 = Handsontable__default["default"].editors.BaseEditor.prototype.getValue).call.apply(_Handsontable$editors12, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "init",
     value: function init() {
       var _Handsontable$editors13;
-
       for (var _len13 = arguments.length, args = new Array(_len13), _key13 = 0; _key13 < _len13; _key13++) {
         args[_key13] = arguments[_key13];
       }
-
       return (_Handsontable$editors13 = Handsontable__default["default"].editors.BaseEditor.prototype.init).call.apply(_Handsontable$editors13, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "isInFullEditMode",
     value: function isInFullEditMode() {
       var _Handsontable$editors14;
-
       for (var _len14 = arguments.length, args = new Array(_len14), _key14 = 0; _key14 < _len14; _key14++) {
         args[_key14] = arguments[_key14];
       }
-
       return (_Handsontable$editors14 = Handsontable__default["default"].editors.BaseEditor.prototype.isInFullEditMode).call.apply(_Handsontable$editors14, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "isOpened",
     value: function isOpened() {
       var _Handsontable$editors15;
-
       for (var _len15 = arguments.length, args = new Array(_len15), _key15 = 0; _key15 < _len15; _key15++) {
         args[_key15] = arguments[_key15];
       }
-
       return (_Handsontable$editors15 = Handsontable__default["default"].editors.BaseEditor.prototype.isOpened).call.apply(_Handsontable$editors15, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "isWaiting",
     value: function isWaiting() {
       var _Handsontable$editors16;
-
       for (var _len16 = arguments.length, args = new Array(_len16), _key16 = 0; _key16 < _len16; _key16++) {
         args[_key16] = arguments[_key16];
       }
-
       return (_Handsontable$editors16 = Handsontable__default["default"].editors.BaseEditor.prototype.isWaiting).call.apply(_Handsontable$editors16, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "open",
     value: function open() {
       var _Handsontable$editors17;
-
       for (var _len17 = arguments.length, args = new Array(_len17), _key17 = 0; _key17 < _len17; _key17++) {
         args[_key17] = arguments[_key17];
       }
-
       return (_Handsontable$editors17 = Handsontable__default["default"].editors.BaseEditor.prototype.open).call.apply(_Handsontable$editors17, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
@@ -1596,124 +1397,101 @@ var BaseEditorComponent = /*#__PURE__*/function (_Vue) {
     key: "saveValue",
     value: function saveValue() {
       var _Handsontable$editors18;
-
       for (var _len18 = arguments.length, args = new Array(_len18), _key18 = 0; _key18 < _len18; _key18++) {
         args[_key18] = arguments[_key18];
       }
-
       return (_Handsontable$editors18 = Handsontable__default["default"].editors.BaseEditor.prototype.saveValue).call.apply(_Handsontable$editors18, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "setValue",
     value: function setValue() {
       var _Handsontable$editors19;
-
       for (var _len19 = arguments.length, args = new Array(_len19), _key19 = 0; _key19 < _len19; _key19++) {
         args[_key19] = arguments[_key19];
       }
-
       return (_Handsontable$editors19 = Handsontable__default["default"].editors.BaseEditor.prototype.setValue).call.apply(_Handsontable$editors19, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "addHook",
     value: function addHook() {
       var _Handsontable$editors20;
-
       for (var _len20 = arguments.length, args = new Array(_len20), _key20 = 0; _key20 < _len20; _key20++) {
         args[_key20] = arguments[_key20];
       }
-
       return (_Handsontable$editors20 = Handsontable__default["default"].editors.BaseEditor.prototype.addHook).call.apply(_Handsontable$editors20, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "removeHooksByKey",
     value: function removeHooksByKey() {
       var _Handsontable$editors21;
-
       for (var _len21 = arguments.length, args = new Array(_len21), _key21 = 0; _key21 < _len21; _key21++) {
         args[_key21] = arguments[_key21];
       }
-
       return (_Handsontable$editors21 = Handsontable__default["default"].editors.BaseEditor.prototype.removeHooksByKey).call.apply(_Handsontable$editors21, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "clearHooks",
     value: function clearHooks() {
       var _Handsontable$editors22;
-
       for (var _len22 = arguments.length, args = new Array(_len22), _key22 = 0; _key22 < _len22; _key22++) {
         args[_key22] = arguments[_key22];
       }
-
       return (_Handsontable$editors22 = Handsontable__default["default"].editors.BaseEditor.prototype.clearHooks).call.apply(_Handsontable$editors22, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "getEditedCell",
     value: function getEditedCell() {
       var _Handsontable$editors23;
-
       for (var _len23 = arguments.length, args = new Array(_len23), _key23 = 0; _key23 < _len23; _key23++) {
         args[_key23] = arguments[_key23];
       }
-
       return (_Handsontable$editors23 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCell).call.apply(_Handsontable$editors23, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "getEditedCellRect",
     value: function getEditedCellRect() {
       var _Handsontable$editors24;
-
       for (var _len24 = arguments.length, args = new Array(_len24), _key24 = 0; _key24 < _len24; _key24++) {
         args[_key24] = arguments[_key24];
       }
-
       return (_Handsontable$editors24 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellRect).call.apply(_Handsontable$editors24, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "getEditedCellsZIndex",
     value: function getEditedCellsZIndex() {
       var _Handsontable$editors25;
-
       for (var _len25 = arguments.length, args = new Array(_len25), _key25 = 0; _key25 < _len25; _key25++) {
         args[_key25] = arguments[_key25];
       }
-
       return (_Handsontable$editors25 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellsZIndex).call.apply(_Handsontable$editors25, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }, {
     key: "getEditedCellsLayerClass",
     value: function getEditedCellsLayerClass() {
       var _Handsontable$editors26;
-
       for (var _len26 = arguments.length, args = new Array(_len26), _key26 = 0; _key26 < _len26; _key26++) {
         args[_key26] = arguments[_key26];
       }
-
       return (_Handsontable$editors26 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellsLayerClass).call.apply(_Handsontable$editors26, [this.$data.hotCustomEditorInstance].concat(args));
     }
   }]);
-
   return BaseEditorComponent;
 }(Vue__default["default"]);
-
 BaseEditorComponent = __decorate([Component({})], BaseEditorComponent);
 var script = BaseEditorComponent;
 
 /* script */
 var __vue_script__ = script;
+
 /* template */
 
 /* style */
-
 var __vue_inject_styles__ = undefined;
 /* scoped */
-
 var __vue_scope_id__ = undefined;
 /* module identifier */
-
 var __vue_module_identifier__ = undefined;
 /* functional template */
-
 var __vue_is_functional_template__ = undefined;
 /* style inject */